<template>
  <div class="workespace-modal">
    <m-brief label="网格长">尤懿(城管)、殷文(绿化)值班时间8时-18时、于冰(警长)值班时间18时-8时</m-brief>
    <div class="wrapper">
      <div>
        <p class="title">部门</p>
        <m-brief v-for="item in departs" :key="item.label" :label="item.label">{{item.content}}</m-brief>
      </div>
      <div>
        <p class="title">第三方公司</p>
        <m-brief v-for="item in third" :key="item.label" :label="item.label">{{item.content}}</m-brief>
      </div>
      <div>
        <p class="title">物业公司</p>
        <m-brief v-for="item in property" :key="item.label" :label="item.label">{{item.content}}</m-brief>
      </div>
      <div>
        <p class="title">居民区</p>
        <m-brief v-for="item in committee" :key="item.label" :label="item.label">{{item.content}}</m-brief>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'WorkeSpaceModal',
  data() {
    return {
      departs: [
        {label: '派出所', content: '朱洪元(副所长)、于冰(警长) 警力25人'},
        {label: '市场', content: '王绍良、陈蕾、张敏'},
        {label: '城管中队', content: '尤懿(副队长)、城管队员8人'},
        {label: '网格中心', content: '许俊'},
        {label: '绿化市容所', content: '殷文、张沁园'},
        {label: '房管办', content: '车姝敏、杨姝敏'},
        {label: '党建联络员', content: '方雅婷、秦雯、郭强'},
        {label: '服务企业人员', content: '蓝俊'},
      ],
      third: [
        {label: '第三方负责人', content: '覃飞(块长)、徐辉(队长)'},
      ],
      property: [
        {label: '名称', content: '端正公房物业5人、社会物业6人'},
        {label: '负责人姓名', content: '吴昌军'},
      ],
      committee: [
        {label: '新昌居委', content: '张文志(书记)  马丽芳(主任)'},
        {label: '顾天村居委', content: '徐定珠(书记)  杨琛骅(主任)'},
        {label: '江阴居委', content: '杨烨(书记)     王珑(主任)'},
        {label: '振兴居委', content: '李苏爱(主任)'},
        {label: '均乐居委', content: '顾怡(书记)     陈慧仪(主任)'},
      ],
    }
  },
}
</script>

<style lang="stylus" scoped>
.workespace-modal
  width 100%
  height 100%
  .wrapper
    width 100%
    height 3rem
    display flex
    flex-direction column
    align-items space-around
    flex-wrap wrap
    >div
      width 49%
      .title
        font-size .12rem
        color $color-blue
        border-bottom .01rem solid $cardBorder
        padding .05rem 0
</style>
