修改微网格面包屑、居民画像组件位置修改

src/components/GridTree/nodeWrap.vue

@@ -96,7 +96,8 @@ export default {
     },
     gotoPersonnel(item) {
       const grandPid = this.findParentParentId(this.nodeConfig, item.pid);
-      this.$router.push(`/organizational/microgrid/${item.id}/${grandPid}`);
+      const name = item.name ? item.name : "恭喜发财";
+      this.$router.push(`/organizational/microgrid/${item.id}/${grandPid}/${name}`);
     },
   },
 };

src/router/index.js

@@ -236,7 +236,7 @@ export const dataBoardRoutes = {
       meta: {
         title: "可视化数据",
         isTab: false,
-        keepAlive:false
+        keepAlive: false,
       },
     },
     {
@@ -414,7 +414,7 @@ export const dataBoardRoutes = {
     {
       path: "/organizational/orgPersonnel",
       props: true,
-      component: () => import("@/views/dataBoard/organizational/personnel/index"),
+      component: () => import("@/views/dataBoard/cpts/personnel/index"),
       name: "OrgPersonnel",
       meta: {
         title: "居民画像",
@@ -422,7 +422,7 @@ export const dataBoardRoutes = {
       },
     },
     {
-      path: "/organizational/microgrid/:id/:pid",
+      path: "/organizational/microgrid/:id/:pid/:name",
       props: true,
       component: () => import("@/views/dataBoard/organizational/microgrid/index"),
       name: "Microgrid",

src/views/dataBoard/organizational/microgrid/index.vue

@@ -12,42 +12,41 @@
       <el-table :data="list" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)">
         <el-table-column label="序号" type="index" width="80" />
         <!-- 上报事件 -->
-        <template v-if="otherTabel === 'sbsj'">
-          <el-table-column prop="categoryName" label="事件类型" />
-          <el-table-column prop="addeventContentress" label="事件描述" />
-          <el-table-column prop="status" label="办理情况" />
-          <el-table-column prop="happenTime" label="上报时间" />
-        </template>
-
+        <el-table-column v-if="otherTabel === 'sbsj'" prop="categoryName" label="事件类型" />
+        <el-table-column v-if="otherTabel === 'sbsj'" prop="addeventContentress" label="事件描述" />
+        <el-table-column v-if="otherTabel === 'sbsj'" prop="status" label="办理情况">
+          <template slot-scope="scope">
+            {{ getStatusMap(scope.row.status) }}
+          </template>
+        </el-table-column>
+        <el-table-column v-if="otherTabel === 'sbsj'" prop="happenTime" label="上报时间" />
         <!-- 居民需求 -->
-        <template v-if="otherTabel === 'jmxq'">
-          <el-table-column prop="categoryName" label="需求类型" />
-          <el-table-column prop="content" label="需求描述" />
-          <el-table-column prop="status" label="办理情况" />
-          <el-table-column prop="reportTime" label="上报时间" />
-        </template>
+        <el-table-column v-if="otherTabel === 'jmxq'" prop="categoryName" label="需求类型" />
+        <el-table-column v-if="otherTabel === 'jmxq'" prop="content" label="需求描述" />
+        <el-table-column v-if="otherTabel === 'jmxq'" prop="status" label="办理情况">
+          <template slot-scope="scope">
+            {{ getStatusMap(scope.row.status) }}
+          </template>
+        </el-table-column>
+        <el-table-column v-if="otherTabel === 'jmxq'" prop="reportTime" label="上报时间" />
         <!-- 统治人群 -->
-        <template v-if="otherTabel === 'tzrq'">
-          <el-table-column prop="organizationName" label="所属组织" />
-          <el-table-column prop="gridName" label="所属网格" />
-          <el-table-column prop="familyName" label="所属家庭" />
-          <el-table-column prop="name" label="姓名" />
-          <el-table-column prop="mobile" label="联系电话" />
-          <el-table-column prop="gender" label="性别" />
-          <el-table-column prop="idNum" label="证件号" />
-          <el-table-column prop="categoryType" label="人员类别" />
-          <el-table-column prop="remark" label="备注" />
-        </template>
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="organizationName" label="所属组织" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="gridName" label="所属网格" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="familyName" label="所属家庭" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="name" label="姓名" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="mobile" label="联系电话" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="gender" label="性别" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="idNum" label="证件号" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="categoryType" label="人员类别" />
+        <el-table-column v-if="otherTabel === 'tzrq'" prop="remark" label="备注" />
         <!-- 安全隐患 -->
-        <template v-if="otherTabel === 'aqyh'">
-          <el-table-column prop="placeOrgName" label="场所名称" />
-          <el-table-column prop="patrolTime" label="巡查时间" />
-          <el-table-column prop="staffName" label="巡查人员" />
-          <el-table-column prop="mobile" label="联系电话" />
-          <el-table-column prop="detailed" label="隐患明细" />
-          <el-table-column prop="attachmentUrl" label="图片" />
-          <el-table-column prop="reviewTime" label="拟复查时间" />
-        </template>
+        <el-table-column v-if="otherTabel === 'aqyh'" prop="placeOrgName" label="场所名称" />
+        <el-table-column v-if="otherTabel === 'aqyh'" prop="patrolTime" label="巡查时间" />
+        <el-table-column v-if="otherTabel === 'aqyh'" prop="staffName" label="巡查人员" />
+        <el-table-column v-if="otherTabel === 'aqyh'" prop="mobile" label="联系电话" />
+        <el-table-column v-if="otherTabel === 'aqyh'" prop="detailed" label="隐患明细" />
+        <el-table-column v-if="otherTabel === 'aqyh'" prop="attachmentUrl" label="图片" />
+        <el-table-column v-if="otherTabel === 'aqyh'" prop="reviewTime" label="拟复查时间" />
         <el-table-column label="操作" width="90" align="center">
           <template slot-scope="scope">
             <el-button type="text" @click="handleView(scope.row)">查看</el-button>
@@ -74,6 +73,7 @@ import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination
 import SameDialog from "./components/popDetails.vue";
 import ReportAnEvent from "./components/reportAnEvent.vue";
 import Safetyhazard from "./components/safetyhazard.vue";
+import { get } from "sortablejs";
 export default {
   name: "Microgrid",
   components: { Breadcrumb, Pagination, SameDialog, ReportAnEvent, Safetyhazard },
@@ -140,6 +140,7 @@ export default {
   },
   mounted() {
     this.getList();
+    this.breadcrumbList[1].name = this.paramsData.name + "（" + "微网格" + "）";
   },
   methods: {
     getList() {
@@ -166,6 +167,7 @@ export default {
     },
 
     chooseNav(item) {
+      this.list = [];
       this.itemNav = item.key;
       this.otherTabel = item.key === 1 ? "sbsj" : item.key === 2 ? "jmxq" : item.key === 3 ? "tzrq" : "aqyh";
       this.navList.forEach((d) => {
@@ -200,6 +202,17 @@ export default {
         this.showDialogSaft = true;
       }
     },
+
+    getStatusMap(s) {
+      const statusMap = new Map([
+        ["pending", "待处理"],
+        ["canceled", "已取消"],
+        ["assigned", "已派单"],
+        ["have_order", "已接单"],
+        ["finished", "已完成"],
+      ]);
+      return statusMap.get(s);
+    },
   },
 };
 </script>