页面提交

src/api/data.js

@@ -32,4 +32,14 @@ export function countByWarningCategory() {
     method: 'get',
   })
 }
+/**
+ * 根据企业查小区
+ * @returns {*}
+ */
+export function getCommunityByDeptId() {
+  return request({
+    url: '/sooka-digital-construction/gas/getCommunityByDeptId?deptId='+deviceCode,
+    method: 'get',
+  })
+}
 

src/views/useCenter.vue

@@ -5,7 +5,7 @@
     <div class="con_left">
       <div style="color: #FFF;display: flex;justify-content: space-between">
         <div class="left-top-botton " :class="index === botIndex ? 'active':''" v-for="(item,index) in enterpriseList"
-             @click="botIndex = item.id">{{ item.name }}
+             @click="getCommunityByDeptId(item.id)">{{ item.name }}
         </div>
       </div>
       <el-input
@@ -14,12 +14,14 @@
         v-model="input1">
       </el-input>
       <dl class="sp_list">
-        <dt><span class="dt1" style="width: 180px">名称</span><span class="dt2" style="width: 120px">用户数量</span>
+        <dt><span class="dt1" style="width: 130px">名称</span><span class="dt2" style="width: 120px">用户数量</span><span class="dt3" style="width: 30px">定位</span>
         </dt>
         <div class="hei_scroll" style="height: 46vh">
-          <dd v-for="item in 30">
-            <span class="dt1" style="width: 180px">xxxxxxxxx-{{ item }}</span>
-            <span class="dt2" style="width: 120px">1212</span>
+          <dd v-for="item in communityList">
+            <span class="dt1" style="width: 130px">{{ item.communityName }}</span>
+            <span class="dt2" style="width: 120px">{{ item.personNum }}</span>
+            <span class="dt3" style="width: 30px"><img
+              src="../assets/images/sentinel/hz_list_d.png"/></span>
           </dd>
         </div>
       </dl>
@@ -80,14 +82,12 @@
 
 <script>
 import Cookies from 'js-cookie'
-import {getUserProfile} from "@/api/system/user";
-
 import '../assets/styles/hz_body.css';
 
 import {
   selectConfigKey
 } from "@/api/system/config";
-import { userStats } from '@/api/data'
+import { userStats,getCommunityByDeptId } from '@/api/data'
 // import * as echarts from 'echarts'
 let echarts = require("echarts");
 export default {
@@ -114,6 +114,7 @@ export default {
       this.title = '四平市智慧哨兵监管平台'
     }, 1000);
     this.userStats();
+    this.getCommunityByDeptId(314459);
   },
   data() {
     return {
@@ -129,6 +130,7 @@ export default {
         {name:'奥德',id:314453},
         {name:'润发',id:314454},
       ],
+      communityList:[],
       userListSearch:[
         {name:'张利',number:'15602523655'},
         {name:'李明',number:'13812345678'},
@@ -159,6 +161,11 @@ export default {
     }
   },
   methods: {
+    getCommunityByDeptId(id){
+      getCommunityByDeptId(id).then(req => {
+        this.communityList = req.data;
+      })
+    },
     //设备分析
     chart() {
       const chartDom = this.$refs.chart;