调试接口

src/main.js

@@ -5,7 +5,7 @@ import Vue from 'vue'
 import App from './App'
 import router from './router'
 import store from './store'
-import {Row, Col, Select, Option, DatePicker,Icon,Progress,Divider,} from 'view-design'
+import {Row, Col, Select, Option, DatePicker,Message,Progress} from 'view-design'
 import ajax from '@/server/ajax'
 import api from '@/server/api'
 import common from '@/util/common'
@@ -20,15 +20,15 @@ Vue.prototype.$ajax = ajax
 Vue.prototype.$api = api
 Vue.prototype.$com = common
 Vue.prototype.$moment = moment
+Vue.prototype.$Message = Message     // 添加全局提示
 Vue.use(MonitorComponents)
 Vue.component('Row', Row)
 Vue.component('i-col', Col)
 Vue.component('Select', Select)
 Vue.component('Option', Option)
 Vue.component('DatePicker', DatePicker)
-Vue.component('a-icon', Icon)
-Vue.component('a-progress', Progress)
-Vue.component('a-divider', Divider)
+Vue.component('Progress', Progress)
+
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

src/server/api.js

@@ -4,9 +4,14 @@ case 'production':
   BASE_URL = 'product_url'
   break
 default:
-  BASE_URL = 'default_url'
+  // BASE_URL = 'http://yapi.omniview.pro/mock/54/propertyinspector/api/v1/'
+  BASE_URL = 'http://www.962121.net/hmfmstest/shanghaiwuye/propertyinspector/api/v1'
 };
 export default {
   BASE_URL,
   TEST_URL: '/api/test_url',
+
+  POST_CHECKCOMMUNITY_LIST:'sharingplatform/sectListForOneDay',   //物业督查---每一个主题下某天已检查的小区列表
+  POST_CHECKPEOPLE_LIST:'sharingplatform/getInspectors', // 检查人员列表
 }
+

src/store/mutations.js

@@ -5,4 +5,16 @@ export default {
   SET_CURDATE(state, date) {
     state.curDate = date
   },
+  SET_CHECKPEOPLELIST(state,data){     //修改检查人员列表数据
+    state.supervisionPeopleList = data
+  },
+  SET_CHECKCOMMUNITYLIST(state,data){   //修改检查小区列表数据
+    state.supervisionCommunityList = data
+  },
+  SET_ALLCHECKED(state,data){   //已检查小区总数
+    state.supervisionSituationList[0].all = data
+  },
+  SET_SENDCHECKED(state,data){   //发整改单小区数
+    state.supervisionSituationList[0].send = data
+  },
 }

src/store/state.js

@@ -102,79 +102,83 @@ export default {
   ],
   supervisionPeopleList:[   //物业督查检察人员列表
     {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
-    },
-    {
-      name:'张三',
-      img:'xf.png'
+      'TE_NAME': '假数据',
+      'CREATE_DATE': '2020-03-06 10:48:31',
+      'X': 15,
+      'Y': 303,
+      'ROLE_NAME': '房办',
+      'RN': 1,
+      'TASK_ID': 1806221176476975,
+      'OPER_ID': '311614',
+      'MOBILE': '18917121593'
+    },
+    {
+      'TE_NAME': '假数据',
+      'CREATE_DATE': '2020-03-06 10:48:31',
+      'X': 15,
+      'Y': 303,
+      'ROLE_NAME': '房办',
+      'RN': 1,
+      'TASK_ID': 180622117647697,
+      'OPER_ID': '311615',
+      'MOBILE': '18917121593'
+    },
+    {
+      'TE_NAME': '假数据',
+      'CREATE_DATE': '2020-03-06 10:48:31',
+      'X': 15,
+      'Y': 303,
+      'ROLE_NAME': '房办',
+      'RN': 1,
+      'TASK_ID': 1806221176476975,
+      'OPER_ID': '311616',
+      'MOBILE': '18917121593'
+    },
+    {
+      'TE_NAME': '假数据',
+      'CREATE_DATE': '2020-03-06 10:48:31',
+      'X': 15,
+      'Y': 303,
+      'ROLE_NAME': '房办',
+      'RN': 1,
+      'TASK_ID': 1806221176476975,
+      'OPER_ID': '311617',
+      'MOBILE': '18917121593'
     },
   ],
   supervisionCommunityList:[  //物业督查小区列表
     {
-      title:'金港花园一期'
-    },
-    {
-      title:'枫蓝国际中心'
-    },
-    {
-      title:'旺座中心'
-    },
-    {
-      title:'金港花园一期'
+      'COMMUNITYID': 120324203608821,
+      'X': '-6414.84997558594',
+      'Y': '23878.0302124023',
+      'RN': 1,
+      'CHECKID': 120324203608821,
+      'TASKID': 120324203608821,
+      'COMMUNITYNAME': '模拟数据'
     },
     {
-      title:'枫蓝国际中心'
+      'COMMUNITYID': 120324203608822,
+      'X': '-6414.84997558594',
+      'Y': '23878.0302124023',
+      'RN': 1,
+      'CHECKID': 120324203608822,
+      'TASKID': 120324203608822,
+      'COMMUNITYNAME': '模拟数据'
     },
     {
-      title:'旺座中心'
-    },
-    {
-      title:'金港花园一期'
-    },
-    {
-      title:'枫蓝国际中心'
-    },
-    {
-      title:'旺座中心'
+      'COMMUNITYID': 120324203608823,
+      'X': '-6414.84997558594',
+      'Y': '23878.0302124023',
+      'RN': 1,
+      'CHECKID': 120324203608823,
+      'TASKID': 120324203608823,
+      'COMMUNITYNAME': '模拟数据'
     },
   ],
   supervisionSituationList:[   //物业督查检查情况
     {
-      successNum:'13',
-      num:'20'
+      all:'130',
+      send:'20'
     }
   ],
   handleList:[    //协同处置
@@ -230,7 +234,7 @@ export default {
           name:'数据入库'
         }
       ],
-      current:1
+      current:2
     },
     {
       title:'金港花园',
@@ -257,7 +261,7 @@ export default {
           name:'数据入库'
         }
       ],
-      current:1
+      current:3
     },
   ]
 

src/views/components/handle.vue

@@ -36,8 +36,7 @@
 
 <script>
 export default {
-  name: 'handle'
-
+  name: 'handle',
 }
 </script>
 

src/views/components/supervision.vue

@@ -10,9 +10,9 @@
         <div class="line"/>
       </div>
       <div class="list">
-        <div v-for="(data,i) in $store.state.supervisionPeopleList" :key="i">
-          <img :src="require(`@/assets/images/${data.img}`)" alt="">
-          <p>{{data.name}}</p>
+        <div v-for="data in $store.state.supervisionPeopleList" :key="data.OPER_ID">
+          <img :src="require(`@/assets/images/xf.png`)" alt="">
+          <p>{{data.TE_NAME}}</p>
         </div>
       </div>
     </div>
@@ -22,8 +22,8 @@
         <div class="line"/>
       </div>
       <div class="list">
-        <div v-for="(data,i) in $store.state.supervisionCommunityList" :key="i" @click="$emit('clickCommunity',data)">
-          <p>{{data.title}}</p>
+        <div v-for="data in $store.state.supervisionCommunityList" :key="data.COMMUNITYID" @click="$emit('clickCommunity',data)">
+          <p>{{data.COMMUNITYNAME}}</p>
         </div>
       </div>
     </div>
@@ -37,9 +37,9 @@
         <div v-for="(data,i) in $store.state.supervisionSituationList" :key="i">
           <div>
             <p>整改单</p>
-            <p><span>{{data.successNum}}/</span>{{data.num}}</p>
+            <p><span>{{data.send}}/</span>{{data.all}}</p>
           </div>
-          <a-progress hide-info :stroke-width="8"  strokeColor="#00f2ff" :percent="data.successNum/data.num*100" />
+          <Progress hide-info :stroke-width="8"  strokeColor="#00f2ff" :percent="data.send/data.all*100" />
         </div>
       </div>
     </div>

src/views/main.vue

@@ -52,13 +52,76 @@ export default {
     Supervision,
     Handle,
   },
+  data(){
+    return{
+      isPublish:'1',
+    }
+  },
   methods: {
     handleSelect(data) {
       console.log(data)
     },
     clickCommunity(data){
       console.log(data)
+    },
+
+    getCheckCommunityList(){                 // 获取检查小区的列表
+      let searchParams ={}
+      if (this.isPublish == 1  ) {
+        searchParams = {
+          isPublish: 1
+        }
+        this.isPublish = 0
+      }
+      this.$ajax.post({
+        url: this.$api.POST_CHECKCOMMUNITY_LIST,
+        params:Object.assign({},searchParams,{
+          pageSize:100000,
+          someday:'20200317',
+          // taskId:''
+          // pageNo:1,
+        })
+      }).then(res => {
+        if (res.code== '200') {
+          let list = this.$com.confirm(res, 'data.content', [])
+          if (!!searchParams.isPublish) {
+            this.$store.commit('SET_SENDCHECKED',list.length)            // 传了1   已开单小区
+          } else {
+            this.$store.commit('SET_CHECKCOMMUNITYLIST',list)    // 没传ispublish   已检查小区总数
+            this.$store.commit('SET_ALLCHECKED',list.length)
+          }
+        }else{
+          this.$Message.error('未获取到检查小区列表数据')
+        }
+      })
+    },
+
+    getCheckedPeopleList(){            // 获取检查人员的列表
+      let searchParams = {}
+      this.$ajax.post({
+        url: this.$api.POST_CHECKPEOPLE_LIST,
+        params:Object.assign({},searchParams,{
+          startDate:'2020-03-17 00:00:00',
+          endDate:'2020-03-18 23:19:54',
+          pageSize:10000,
+          // pageNumber:1,
+          // taskId:'',
+        })
+      }).then(res => {
+        if (res.code== '200') {
+          let list = this.$com.confirm(res, 'data.content', [])
+          this.$store.commit('SET_CHECKPEOPLELIST',list)
+        }else{
+          this.$Message.error('未获取到检查人员列表数据')
+        }
+      })
     }
+
+  },
+  created(){
+    this.getCheckCommunityList()
+    this.getCheckCommunityList()
+    this.getCheckedPeopleList()
   }
 }
 </script>