协同处置结束

src/store/state.js

@@ -205,32 +205,60 @@ export default {
       ],
       current:1
     },
-    // {
-    //   title:'金港花园',
-    //   address:'古楼公路345弄12号',
-    //   matter:'占用消防通道' ,    // 事项
-    //   style:'物业督查',
-    //   department:'消防部门',
-    //   foundTime:'2020-01-01 12:30:30',  // 可能是moment格式
-    //   sendTime:'2020-01-02 13:30:30',
-    //   fixTime:'2020-01-02 14:30:30',
-    //   successTime:'2020-01-02 16:30:30',
-    //   overTime:null,
-    // },
-    // {
-    //   title:'金港花园',
-    //   address:'古楼公路345弄12号',
-    //   matter:'占用消防通道' ,    // 事项
-    //   style:'物业督查',
-    //   department:'消防部门',
-    //   foundTime:'2020-01-01 12:30:30',  // 可能是moment格式
-    //   sendTime:'2020-01-02 13:30:30',
-    //   fixTime:'2020-01-02 14:30:30',
-    //   successTime:'2020-01-02 16:30:30',
-    //   overTime:null,
-    // },
-
-
+    {
+      title:'金港花园',
+      address:'古楼公路345弄12号',
+      matter:'占用消防通道' ,    // 事项
+      style:'物业督查',
+      department:'消防部门',
+      foundTime:'2020-01-01 12:30:30',  // 可能是moment格式
+      sendTime:'2020-01-02 13:30:30',
+      fixTime:'2020-01-02 14:30:30',
+      successTime:'2020-01-02 16:30:30',
+      overTime:null,
+      step:[
+        {
+          name:'推送',
+        },
+        {
+          name:'处理中',
+        },
+        {
+          name:'完成',
+        },
+        {
+          name:'数据入库'
+        }
+      ],
+      current:1
+    },
+    {
+      title:'金港花园',
+      address:'古楼公路345弄12号',
+      matter:'占用消防通道' ,    // 事项
+      style:'物业督查',
+      department:'消防部门',
+      foundTime:'2020-01-01 12:30:30',  // 可能是moment格式
+      sendTime:'2020-01-02 13:30:30',
+      fixTime:'2020-01-02 14:30:30',
+      successTime:'2020-01-02 16:30:30',
+      overTime:null,
+      step:[
+        {
+          name:'推送',
+        },
+        {
+          name:'处理中',
+        },
+        {
+          name:'完成',
+        },
+        {
+          name:'数据入库'
+        }
+      ],
+      current:1
+    },
   ]
 
 

src/views/components/discovery.vue

@@ -8,6 +8,7 @@
       :label="data.title"
       :count="+data.num"
       :unit="data.unit"
+      labelColor="#5587b7"
       countColor="#00f2ff"
       size="1.2rem"
     />

src/views/components/handle.vue

@@ -3,35 +3,33 @@
     <div class="card" v-for="(data,i) in $store.state.handleList" :key="i">
       <div class="title">
         <p>{{data.title}}</p>
-        <span>{{data.address}}</span>
+        <div class="line"></div>
+        <p>{{data.address}}</p>
       </div>
-      <!-- <div class="body">
-        <ul>
-          <li>
+      <div class="body">
+        <div>
           <p>协同事项</p>
-            <span>{{data.matter}}</span>
-          </li>
-          <li>
+          <p>{{data.matter}}</p>
+        </div>
+        <div>
           <p>发现方式</p>
-            <span>{{data.style}}</span>
-          </li>
-          <li>
+          <p>{{data.style}}</p>
+        </div>
+        <div>
           <p>接受部门</p>
-            <span>{{data.department}}</span>
-          </li>
-          <li>
+          <p>{{data.department}}</p>
+        </div>
+        <div>
           <p>推送时间</p>
-            <span>{{data.sendTime}}</span>
-          </li>
-        </ul>
+          <p>{{data.sendTime}}</p>
+        </div>
       </div>
       <div class="foot">
         <m-step
           :steps="data.step"
           :current="data.current"
-
-        ></m-step>
-      </div> -->
+        />
+      </div>
     </div>
   </div>
 </template>
@@ -47,18 +45,41 @@ export default {
 .handle
   width 100%
   height 100%
+  .card
+    padding-bottom 1rem
+    .title
       display flex
       align-items center
-  >.title
-    width 100%
+      justify-content space-between
+      .line
+        height 0.1rem
+        background-color #094981
+        flex 1
+        margin 0 0.7rem
+      p
+        font-size 1rem
+        color #ffffff
+        font-weight 700
+        &:last-child
+          color $fontColor
+          font-size 0.6rem
+    .body
       display flex
       align-items center
-    justify-content flex-start
-    >p
-      width 50%
-    >span
-      width 50%
-
-
-
+      justify-content space-between
+      div
+        flex 1
+        font-size .5rem
+        margin 1rem 0
+        p
+          padding-top 0.2rem
+          padding-right 0.5rem
+          white-space nowrap
+          overflow hidden
+          text-overflow ellipsis
+          color $fontColor
+          font-size 0.6rem
+          &:last-child
+            color $edgeColor
+            font-size .9rem
 </style>

src/views/components/operation.vue

@@ -10,6 +10,7 @@
       size="1.2rem"
       :unit="data.unit"
       countColor="#00f2ff"
+      labelColor="#5587b7"
       :icon="require(`@/assets/images/${data.img}`)"/>
   </div>
 </template>

src/views/components/repair.vue

 <template>
   <div class="repair">
     <m-brief
-    class="r-card"
+    class="card"
     v-for="(data,i) in $store.state.repairList"
     :key="i"
     :label="data.title"
     :icon="require(`@/assets/images/${data.img}`) "
     :unit="`/${data.allNum}`"
     :count="+data.num"
+    labelColor="#5587b7"
     countColor="#00f2ff"
     size="1.2rem"
     />
@@ -26,7 +27,7 @@ export default {
   align-items center
   width 100%
   height 100%
-  .r-card
+  .card
     width 50%
 
 </style>

src/views/components/supervision.vue

@@ -22,7 +22,7 @@
         <div class="line"/>
       </div>
       <div class="list">
-        <div v-for="(data,i) in $store.state.supervisionCommunityList" :key="i">
+        <div v-for="(data,i) in $store.state.supervisionCommunityList" :key="i" @click="$emit('clickCommunity',data)">
           <p>{{data.title}}</p>
         </div>
       </div>
@@ -87,6 +87,7 @@ export default {
         align-items center
         color $fontColor
         margin-top .5rem
+        font-size 0.8rem
         >img
           width 1rem
           height 1rem
@@ -102,6 +103,9 @@ export default {
           white-space nowrap
           overflow hidden
           text-overflow ellipsis
+          color #5587b7
+          font-weight 600
+          font-size 0.8rem
   .situation
     .content
       margin-top 1rem

src/views/main.vue

@@ -27,7 +27,7 @@
       <Discovery />
     </m-card>
     <m-card area="box5" title="物业督查" mode="4" :icon="require('@/assets/images/icon5.png')">
-      <Supervision/>
+      <Supervision  @clickCommunity="clickCommunity"/>
     </m-card>
     <m-card area="box6" title="协同处置" mode="4" :icon="require('@/assets/images/icon6.png')">
       <Handle/>
@@ -55,6 +55,9 @@ export default {
   methods: {
     handleSelect(data) {
       console.log(data)
+    },
+    clickCommunity(data){
+      console.log(data)
     }
   }
 }