From 8981285cbc3b2b173ef3d9263f944eecd5fd0b2d Mon Sep 17 00:00:00 2001
From: SongZhen <>
Date: Thu, 28 Sep 2023 17:01:33 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E9=A1=B5=E9=9D=A2=E8=84=B1?=
 =?UTF-8?q?=E6=95=8F=E4=BF=A1=E6=81=AF=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataBoard/cpts/homeDetails/index.vue      |  66 +++----
 .../microgrid/components/popDetails.vue       |   4 +-
 .../microgrid/components/reportAnEvent.vue    |   2 +-
 .../organizational/microgrid/index.vue        |  12 +-
 .../dataBoard/overview/components/jdwgy.vue   |  94 +++------
 .../dissatisfiedPersonnel/index.vue           | 136 ++++++-------
 .../potentialPeople/details/yxwxfw.vue        |  87 +++------
 .../potentialPeople/index.vue                 | 178 ++++++++----------
 .../potentialPeople/sjwjj.vue                 | 130 +++++--------
 .../potentialPeople/yxwxfw.vue                | 125 +++++-------
 10 files changed, 331 insertions(+), 503 deletions(-)

diff --git a/src/views/dataBoard/cpts/homeDetails/index.vue b/src/views/dataBoard/cpts/homeDetails/index.vue
index 57eddbcfb..3ed7e7315 100644
--- a/src/views/dataBoard/cpts/homeDetails/index.vue
+++ b/src/views/dataBoard/cpts/homeDetails/index.vue
@@ -1,27 +1,28 @@
 <template>
   <div class="homeWrap">
     <div class="bread">
-      <bread-crumb :list="[{
-        path: '/dataBoard/overview/index',
-        name: '概览'
-      },{
-        name: homeText?homeText:''
-      }]"/>
+      <bread-crumb
+        :list="[
+          {
+            path: '/dataBoard/overview/index',
+            name: '概览',
+          },
+          {
+            name: homeText ? homeText : '',
+          },
+        ]" />
     </div>
     <el-row :gutter="48">
       <el-col :span="8">
         <div class="bg">
-          <Title :text="homeText?homeText:''">
-            <span v-if="homeMsg && homeMsg.type" :class="[homeMsg.type === 'red' ? 'miniGrid_red' : homeMsg.type ===
-            'yellow' ? 'miniGrid_yellow' :
-            'miniGrid_green']">{{homeMsg.type === 'red' ? '红' : homeMsg.type === 'yellow' ? '黄' :
-            '绿'}}色微网格</span>
+          <Title :text="homeText ? homeText : ''">
+            <span v-if="homeMsg && homeMsg.type" :class="[homeMsg.type === 'red' ? 'miniGrid_red' : homeMsg.type === 'yellow' ? 'miniGrid_yellow' : 'miniGrid_green']">{{ homeMsg.type === "red" ? "红" : homeMsg.type === "yellow" ? "黄" : "绿" }}色微网格</span>
           </Title>
         </div>
         <div class="apartment">
           <div class="apar_comtent">
             <div class="apar_top">
-              <img src="@/assets/images/home/homeTop.png" alt="/"/>
+              <img src="@/assets/images/home/homeTop.png" alt="/" />
             </div>
             <div class="apar_center">
               <div class="apar_center_flex">
@@ -35,20 +36,19 @@
             </div> -->
           </div>
           <div class="apar_right">
-            <img src="@/assets/images/home/homeRight.png" alt=""/>
+            <img src="@/assets/images/home/homeRight.png" alt="" />
           </div>
         </div>
       </el-col>
       <el-col :span="16">
         <div class="table">
-          <el-table :data="list" v-loading="loading" height="500" 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"/>
-            <el-table-column prop="doorName" label="门牌号"/>
-            <el-table-column prop="fullName" label="所属小区"/>
-            <el-table-column prop="buildingId" label="所属楼栋"/>
-            <el-table-column prop="houseName" label="所属单元"/>
-            <el-table-column prop="houseCode" label="房屋编码"/>
+          <el-table :data="list" v-loading="loading" height="500" 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" />
+            <el-table-column prop="doorName" label="门牌号" />
+            <el-table-column prop="fullName" label="所属小区" />
+            <el-table-column prop="buildingId" label="所属楼栋" />
+            <el-table-column prop="houseName" label="所属单元" />
+            <el-table-column prop="houseCode" label="房屋编码" />
             <el-table-column prop="rentFlag" label="房屋状态">
               <template slot-scope="scope">
                 <!-- 1：出租 0：自住 2：闲置 3：未售出 -->
@@ -61,11 +61,15 @@
                 <span>{{ getHouseType(scope.row.houseType) }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="ownerName" label="房主姓名"/>
-            <el-table-column prop="ownerPhone" label="房主电话"/>
+            <el-table-column prop="ownerName" label="房主姓名" />
+            <el-table-column prop="ownerPhone" label="房主电话">
+              <template slot-scope="scope">
+                {{ $sensitive(scope.row.ownerPhone, 3, 7) }}
+              </template>
+            </el-table-column>
             <el-table-column label="操作" width="90" align="center">
-              <template slot-scope="{row}">
-                <el-button type="text" @click="$router.push('/dataBoard/overview/familyPortrait/?name='+row.doorName+'&user_id='+row.resiId+'&id='+$route.query.id+'&name2='+(homeText?homeText:''))">查看</el-button>
+              <template slot-scope="{ row }">
+                <el-button type="text" @click="$router.push('/dataBoard/overview/familyPortrait/?name=' + row.doorName + '&user_id=' + row.resiId + '&id=' + $route.query.id + '&name2=' + (homeText ? homeText : ''))">查看</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -105,7 +109,7 @@ export default {
   watch: {
     "$route.query.id"() {
       this.getList();
-    }
+    },
   },
   mounted() {
     this.getList();
@@ -147,16 +151,14 @@ export default {
       this.$http.get(`/actual/base/streetOverview/getUnitHouseList?unitId=` + this.$route.query.id).then((res) => {
         const {
           code,
-          data: {houseList, unitInfo},
+          data: { houseList, unitInfo },
         } = res.data;
         if (code === 0) {
-          let unitInfos = unitInfo || {}
+          let unitInfos = unitInfo || {};
           this.list = houseList;
           this.homeMsg = unitInfos;
-          this.homeText = (unitInfos.quartersName ? unitInfos.quartersName : '') +
-              (unitInfos.buildingName ? unitInfos.buildingName : '') +
-              (unitInfos.unitNum  ? unitInfos.unitNum + "单元" : '');
-          console.log( this.homeText,' this.homeText')
+          this.homeText = (unitInfos.quartersName ? unitInfos.quartersName : "") + (unitInfos.buildingName ? unitInfos.buildingName : "") + (unitInfos.unitNum ? unitInfos.unitNum + "单元" : "");
+          console.log(this.homeText, " this.homeText");
           this.houseMountArr = this.getDoorNameList(this.list);
           this.loading = false;
         } else {
diff --git a/src/views/dataBoard/organizational/microgrid/components/popDetails.vue b/src/views/dataBoard/organizational/microgrid/components/popDetails.vue
index f2c8c0670..3f61089f8 100644
--- a/src/views/dataBoard/organizational/microgrid/components/popDetails.vue
+++ b/src/views/dataBoard/organizational/microgrid/components/popDetails.vue
@@ -48,11 +48,11 @@
           </div>
           <div class="item">
             <div class="field">联系电话：</div>
-            <div class="value">{{ info.telephone }}</div>
+            <div class="value">{{ $sensitive(info.telephone, 3, 7) }}</div>
           </div>
           <div class="item">
             <div class="field">证件号：</div>
-            <div class="value">{{ info.idcard }}</div>
+            <div class="value">{{ $sensitive(info.idcard, 6, 16) }}</div>
           </div>
           <div class="item">
             <div class="field">备注：</div>
diff --git a/src/views/dataBoard/organizational/microgrid/components/reportAnEvent.vue b/src/views/dataBoard/organizational/microgrid/components/reportAnEvent.vue
index d75c3476f..ae14edf4d 100644
--- a/src/views/dataBoard/organizational/microgrid/components/reportAnEvent.vue
+++ b/src/views/dataBoard/organizational/microgrid/components/reportAnEvent.vue
@@ -38,7 +38,7 @@
               </div>
               <div class="eventItem">
                 <span>联系电话：</span>
-                <span>{{ item.mobile }}</span>
+                <span>{{ $sensitive(item.mobile, 3, 7) }}</span>
               </div>
               <div class="eventItem">
                 <span>详细地址：</span>
diff --git a/src/views/dataBoard/organizational/microgrid/index.vue b/src/views/dataBoard/organizational/microgrid/index.vue
index e5708f851..b823f0392 100644
--- a/src/views/dataBoard/organizational/microgrid/index.vue
+++ b/src/views/dataBoard/organizational/microgrid/index.vue
@@ -34,9 +34,17 @@
         <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="mobile" label="联系电话">
+          <template slot-scope="scope">
+            {{ $sensitive(scope.row.mobile, 3, 7) }}
+          </template>
+        </el-table-column>
         <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="idNum" label="证件号">
+          <template slot-scope="scope">
+            {{ $sensitive(scope.row.idNum, 6, 16) }}
+          </template>
+        </el-table-column>
         <el-table-column v-if="otherTabel === 'tzrq'" prop="categoryType" label="人员类别" />
         <el-table-column v-if="otherTabel === 'tzrq'" prop="remark" label="备注" />
         <!-- 安全隐患 -->
diff --git a/src/views/dataBoard/overview/components/jdwgy.vue b/src/views/dataBoard/overview/components/jdwgy.vue
index 1378f1748..9651c3fdf 100644
--- a/src/views/dataBoard/overview/components/jdwgy.vue
+++ b/src/views/dataBoard/overview/components/jdwgy.vue
@@ -1,14 +1,7 @@
 <template>
   <div class="m-subbox m-jdwgy">
     <div class="table">
-      <el-table
-        :data="list"
-        v-if="currentLevelData.orgLevel != 'grid'"
-        v-loading="loading"
-        element-loading-background="rgba(0, 0, 0, 0.3)"
-        max-height="190px"
-        height="190px"
-      >
+      <el-table :data="list" v-if="currentLevelData.orgLevel != 'grid'" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.3)" max-height="190px" height="190px">
         <el-table-column label="序号" type="index" width="80" />
         <el-table-column prop="orgName" width="120" label="组织名称" />
         <el-table-column prop="name" width="120" label="姓名" />
@@ -18,29 +11,23 @@
           </template>
         </el-table-column>
         <el-table-column prop="age" width="120" label="年龄" />
-        <el-table-column prop="mobile" label="电话" />
+        <el-table-column prop="mobile" label="电话">
+          <template slot-scope="scope">
+            {{ $sensitive(scope.row.mobile, 3, 7) }}
+          </template>
+        </el-table-column>
         <el-table-column prop="operate" width="80" label="操作">
           <template slot-scope="scope">
-            <el-button @click="handleClick(scope.row)" type="text" size="small">
-              查看
-            </el-button>
+            <el-button @click="handleClick(scope.row)" type="text" size="small"> 查看 </el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-table
-        v-if="currentLevelData.orgLevel == 'grid'"
-        :data="wglist"
-        v-loading="loading"
-        max-height="190px"
-        height="190px"
-      >
+      <el-table v-if="currentLevelData.orgLevel == 'grid'" :data="wglist" v-loading="loading" max-height="190px" height="190px">
         <el-table-column label="序号" type="index" width="50" />
         <el-table-column prop="name" width="140" label="微网格" />
         <el-table-column prop="type" width="90" label="类型">
           <template slot-scope="scope">
-            <span :style="'color:' + scope.row.type">{{
-              types[scope.row.type]
-            }}</span>
+            <span :style="'color:' + scope.row.type">{{ types[scope.row.type] }}</span>
           </template>
         </el-table-column>
         <el-table-column prop="houseNum" width="90" label="户数" />
@@ -50,9 +37,7 @@
         <el-table-column prop="safetyNum" label="安全隐患" />
         <el-table-column prop="operate" width="80" label="操作">
           <template slot-scope="scope">
-            <el-button @click="handleClick(scope.row)" type="text" size="small">
-              查看
-            </el-button>
+            <el-button @click="handleClick(scope.row)" type="text" size="small"> 查看 </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -84,11 +69,7 @@ export default {
   },
   watch: {
     peopleType(val) {
-      this.getData(
-        val,
-        this.currentLevelData.orgLevel,
-        this.currentLevelData.orgId
-      );
+      this.getData(val, this.currentLevelData.orgLevel, this.currentLevelData.orgId);
     },
     currentLevelData(val) {
       if (val.orgId) {
@@ -98,46 +79,27 @@ export default {
   },
   mounted() {
     if (this.currentLevelData.orgId) {
-      this.getData(
-        this.peopleType,
-        this.currentLevelData.orgLevel,
-        this.currentLevelData.orgId
-      );
+      this.getData(this.peopleType, this.currentLevelData.orgLevel, this.currentLevelData.orgId);
     }
   },
   methods: {
     getData(peopleType, level = "", orgId = "") {
       this.loading = true;
       if (level == "grid") {
-        this.$http
-          .get(
-            "/actual/base/streetOverview/queryPersonnelGridGroup?personnelType="+
-              peopleType
-              +"&level=" +
-              level +
-              "&orgId=" +
-              orgId
-          )
-          .then(({ data: { data } }) => {
-            this.loading = false;
-            this.wglist = data;
-            this.$emit('setPoint',data.filter(item => item.longitude && item.latitude))
-          });
+        this.$http.get("/actual/base/streetOverview/queryPersonnelGridGroup?personnelType=" + peopleType + "&level=" + level + "&orgId=" + orgId).then(({ data: { data } }) => {
+          this.loading = false;
+          this.wglist = data;
+          this.$emit(
+            "setPoint",
+            data.filter((item) => item.longitude && item.latitude)
+          );
+        });
       } else {
-        this.$http
-          .get(
-            "/actual/base/streetOverview/queryPersonnelGroup?level=" +
-              level +
-              "&orgId=" +
-              orgId +
-              "&personnelType=" +
-              peopleType
-          )
-          .then(({ data: { data } }) => {
-            this.loading = false;
-            this.list = data.personnelInfoVOList;
-            this.$emit('setNum',data.orgPersonnelVOList)
-          });
+        this.$http.get("/actual/base/streetOverview/queryPersonnelGroup?level=" + level + "&orgId=" + orgId + "&personnelType=" + peopleType).then(({ data: { data } }) => {
+          this.loading = false;
+          this.list = data.personnelInfoVOList;
+          this.$emit("setNum", data.orgPersonnelVOList);
+        });
       }
     },
     handleClick(item) {
@@ -161,11 +123,7 @@ export default {
   },
 };
 </script>
-<style
-  lang="scss"
-  src="@/assets/scss/dataBoard/overview/index.scss"
-  scoped
-></style>
+<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped></style>
 <style lang="scss" src="@/assets/scss/dataBoard/table.scss" scoped></style>
 <style lang="scss" scoped>
 /deep/.table {
diff --git a/src/views/dataBoard/satisfactionEval/dissatisfiedPersonnel/index.vue b/src/views/dataBoard/satisfactionEval/dissatisfiedPersonnel/index.vue
index f43144910..2a48e2924 100644
--- a/src/views/dataBoard/satisfactionEval/dissatisfiedPersonnel/index.vue
+++ b/src/views/dataBoard/satisfactionEval/dissatisfiedPersonnel/index.vue
@@ -1,87 +1,59 @@
 <template>
   <div>
-    <Breadcrumb :list="breadcrumbList"/>
-<!--    <div class="main-title">
+    <Breadcrumb :list="breadcrumbList" />
+    <!--    <div class="main-title">
       <Title :text="`“${title}”画像匹配同类不满意人员`" noBg/>
     </div>-->
     <div class="table">
       <el-table :data="list">
-        <el-table-column
-            label="序号"
-            type="index"
-            width="80"/>
-
-        <el-table-column
-            prop="gridName"
-            width="118"
-            label="所属组织"/>
-
-        <el-table-column
-            prop="restName"
-            label="姓名">
-        </el-table-column>
+        <el-table-column label="序号" type="index" width="80" />
+
+        <el-table-column prop="gridName" width="118" label="所属组织" />
 
-        <el-table-column
-            prop="mobile"
-            label="电话"/>
+        <el-table-column prop="restName" label="姓名"> </el-table-column>
 
+        <el-table-column prop="mobile" label="电话">
+          <template slot-scope="scope">
+            {{ $sensitive(scope.row.mobile, 3, 7) }}
+          </template>
+        </el-table-column>
 
-        <el-table-column
-            prop="categoryNames"
-            label="人员性质"/>
+        <el-table-column prop="categoryNames" label="人员性质" />
 
-        <el-table-column
-            prop="gender"
-            label="性别">
-          <template slot-scope="{row}">
-            {{row.gender === '1'?'男':row.gender === '2'?'女':row.gender === '0'?'未知':''}}
+        <el-table-column prop="gender" label="性别">
+          <template slot-scope="{ row }">
+            {{ row.gender === "1" ? "男" : row.gender === "2" ? "女" : row.gender === "0" ? "未知" : "" }}
           </template>
         </el-table-column>
 
-        <el-table-column
-            prop="age"
-            label="年龄"/>
+        <el-table-column prop="age" label="年龄" />
 
-        <el-table-column
-            prop="cultureLevel"
-            label="学历"/>
+        <el-table-column prop="cultureLevel" label="学历" />
 
-        <el-table-column
-            prop="marriageName"
-            label="婚姻"/>
+        <el-table-column prop="marriageName" label="婚姻" />
 
-        <el-table-column
-            prop="monthIncomeLevel"
-            label="月收入"/>
+        <el-table-column prop="monthIncomeLevel" label="月收入" />
 
         <el-table-column label="详情" width="90" align="center">
           <template slot-scope="data">
             <el-button type="text" @click="handleView(data.row)">查看</el-button>
           </template>
         </el-table-column>
-
       </el-table>
     </div>
 
-    <Pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.pageNo"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-    />
+    <Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
   </div>
 </template>
 
 <script>
-import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
-import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
-import Title from "@/views/dataBoard/satisfactionEval/components/Title"
-
+import Breadcrumb from "@/views/dataBoard/satisfactionEval/components/Breadcrumb";
+import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination";
+import Title from "@/views/dataBoard/satisfactionEval/components/Title";
 
 export default {
   name: "dissatisfied",
-  components: {Breadcrumb, Pagination, Title},
+  components: { Breadcrumb, Pagination, Title },
   data() {
     return {
       queryParams: {
@@ -89,42 +61,45 @@ export default {
         pageSize: 10,
       },
       total: 0,
-      breadcrumbList: [{
-        path: '/dataBoard/satisfactionEval/index',
-        name: '满意度评价'
-      }, {
-        path: '',
-        name: '画像匹配同类不满意人员'
-      }],
+      breadcrumbList: [
+        {
+          path: "/dataBoard/satisfactionEval/index",
+          name: "满意度评价",
+        },
+        {
+          path: "",
+          name: "画像匹配同类不满意人员",
+        },
+      ],
       monthOptions: new Array(12).fill(0).map((_, index) => {
-        return {label: (index - 0 + 1) + '月', value: (index - 0 + 1)}
+        return { label: index - 0 + 1 + "月", value: index - 0 + 1 };
       }),
       list: [],
-      title: ''
-    }
+      title: "",
+    };
   },
   activated() {
-    this.title = this.$route.query.title
-    let searchParams = JSON.parse(this.$route.query.searchParams)
-    console.log(searchParams)
+    this.title = this.$route.query.title;
+    let searchParams = JSON.parse(this.$route.query.searchParams);
+    console.log(searchParams);
     this.queryParams = {
       ...this.queryParams,
-      ...searchParams
-    }
-    this.getList()
+      ...searchParams,
+    };
+    this.getList();
   },
   methods: {
     getList() {
-      this.$http.get('/governance/satisfactionOverview/satisfactionCrowdList?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => {
-        this.list = data.list
-        this.total = data.total
-      })
+      this.$http.get("/governance/satisfactionOverview/satisfactionCrowdList?" + this.$paramsFormat(this.queryParams)).then(({ data: { data } }) => {
+        this.list = data.list;
+        this.total = data.total;
+      });
     },
-    handleView({restName,restId}) {
-      this.$router.push('/dataBoard/satisfactionEval/dissatisfiedPersonnel/detail?name='+restName+'&user_id='+restId)
-    }
-  }
-}
+    handleView({ restName, restId }) {
+      this.$router.push("/dataBoard/satisfactionEval/dissatisfiedPersonnel/detail?name=" + restName + "&user_id=" + restId);
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
@@ -133,10 +108,11 @@ export default {
 .screen {
   margin: 25px 0 40px;
 
-  .el-select, .el-input {
+  .el-select,
+  .el-input {
     width: 150px;
     margin-right: 4px;
-    border: 1px solid #126AC5;
+    border: 1px solid #126ac5;
     border-radius: 2px;
 
     /deep/ .el-input__inner {
@@ -158,4 +134,4 @@ export default {
 .table {
   margin-top: 32px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue
index 176375a78..d5048242a 100644
--- a/src/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue
@@ -1,33 +1,13 @@
 <template>
-  <el-dialog
-    width="1118px"
-    :modal="true"
-    :modal-append-to-body="false"
-    :destroy-on-close="true"
-    :visible="showDialog"
-    @close="handleClose"
-  >
+  <el-dialog width="1118px" :modal="true" :modal-append-to-body="false" :destroy-on-close="true" :visible="showDialog" @close="handleClose">
     <div class="eventWrap">
       <el-row :gutter="32">
         <el-col :span="24" style="padding-left: 40px">
           <title-box text="事件详情" />
         </el-col>
-        <el-col
-          :span="13"
-          style="padding-left: 40px"
-          v-loading="loading"
-          element-loading-text="加载中"
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 21, 64, 0"
-        >
+        <el-col :span="13" style="padding-left: 40px" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0">
           <div class="leftEvent">
-            <div class="eventDetails">
-              <img
-                :width="18"
-                :height="18"
-                src="@/assets/images/manyidu/tc-title-icon.png"
-              />事项详情
-            </div>
+            <div class="eventDetails"><img :width="18" :height="18" src="@/assets/images/manyidu/tc-title-icon.png" />事项详情</div>
             <div class="eventItem">
               <span>所属组织：</span>
               <span>{{ item.organizationName }}</span>
@@ -38,7 +18,7 @@
             </div>
             <div class="eventItem">
               <span>服务事项：</span>
-              <span>{{item.serviceName}}</span>
+              <span>{{ item.serviceName }}</span>
             </div>
             <div class="eventItem">
               <span>服务时间：</span>
@@ -54,7 +34,7 @@
             </div>
             <div class="eventItem">
               <span>联系电话：</span>
-              <span>{{ item.principalContact }}</span>
+              <span> {{ $sensitive(item.principalContact, 3, 7) }}</span>
             </div>
             <div class="eventItem">
               <span>服务方：</span>
@@ -66,44 +46,24 @@
             </div>
           </div>
         </el-col>
-        <el-col
-          :span="11"
-          v-loading="loading1"
-          element-loading-text="加载中"
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 21, 64, 0.3)"
-        >
+        <el-col :span="11" v-loading="loading1" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)">
           <div class="rightEvent m-info">
-            <div class="eventDetails">
-              <img
-                :width="18"
-                :height="18"
-                src="@/assets/images/manyidu/tc-title-icon.png"
-              />办理进展
-            </div>
+            <div class="eventDetails"><img :width="18" :height="18" src="@/assets/images/manyidu/tc-title-icon.png" />办理进展</div>
             <div v-if="item.logList.length > 0">
               <div class="m-process">
                 <div class="list">
-                  <div
-                    class="item"
-                    :class="[index === 0 ? 'z-on' : '']"
-                    v-for="(item, index) in item.logList"
-                  >
+                  <div class="item" :class="[index === 0 ? 'z-on' : '']" v-for="(item, index) in item.logList">
                     <div class="item-row">
-                      <div class="name">{{item.serviceStatus}}</div>
+                      <div class="name">{{ item.serviceStatus }}</div>
                       <div class="date">
-                        {{
-                          item.createdTime
-                        }}
+                        {{ item.createdTime }}
                       </div>
                     </div>
                     <div>
                       <template v-if="item.serviceStatus === '创建服务'">
                         <div class="detail">
                           <div class="detail-field">创建人：</div>
-                          <div class="detail-value">
-                            {{ item.createdBy }} （{{item.agencyName}}）
-                          </div>
+                          <div class="detail-value">{{ item.createdBy }} （{{ item.agencyName }}）</div>
                         </div>
                       </template>
                       <template v-else>
@@ -128,7 +88,7 @@
 </template>
 
 <script>
-import titleBox from "@/views/dataBoard/satisfactionEval/components/Title"
+import titleBox from "@/views/dataBoard/satisfactionEval/components/Title";
 export default {
   name: "ReportAnEvent",
   components: {
@@ -183,20 +143,17 @@ export default {
 
     getDetailsData(id) {
       this.loading = true;
-      this.$http
-        .get("/governance/satisfactionDetailList/getServiceNotEnjoyedDetailById?id="+id)
-        .then((res) => {
-          const { code, data, msg } = res.data;
-          if (code === 0) {
-            this.item = data;
-            this.loading = false;
-          } else {
-            this.loading = false;
-            this.$message.error(msg);
-          }
-        });
+      this.$http.get("/governance/satisfactionDetailList/getServiceNotEnjoyedDetailById?id=" + id).then((res) => {
+        const { code, data, msg } = res.data;
+        if (code === 0) {
+          this.item = data;
+          this.loading = false;
+        } else {
+          this.loading = false;
+          this.$message.error(msg);
+        }
+      });
     },
-
   },
 };
 </script>
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/index.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/index.vue
index 34c4ff51a..996e2437b 100644
--- a/src/views/dataBoard/satisfactionEval/potentialPeople/index.vue
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/index.vue
@@ -1,15 +1,10 @@
 <template>
   <div>
-    <Breadcrumb :list="breadcrumbList"/>
+    <Breadcrumb :list="breadcrumbList" />
     <div class="screen">
       <el-form :model="queryParams" inline>
         <el-select popper-class="selectPopClass" v-model="queryParams.agencyId" size="small" placeholder="按组织">
-          <el-option
-              v-for="item in orgOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-          </el-option>
+          <el-option v-for="item in orgOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
         </el-select>
         <el-input v-model="queryParams.name" clearable size="small" placeholder="按姓名"></el-input>
         <el-input v-model="queryParams.mobile" clearable size="small" placeholder="按电话"></el-input>
@@ -19,145 +14,125 @@
 
     <div class="table">
       <el-table :data="list">
-        <el-table-column
-            label="序号"
-            type="index"
-            width="80"/>
-
-        <el-table-column
-            prop="name"
-            label="上报人"/>
-
-        <el-table-column
-            prop="mobile"
-            label="上报人电话"/>
-
-        <el-table-column
-            prop="agencyName"
-            label="所属组织">
+        <el-table-column label="序号" type="index" width="80" />
+
+        <el-table-column prop="name" label="上报人" />
+
+        <el-table-column prop="mobile" label="上报人电话">
+          <template slot-scope="scope">
+            {{ $sensitive(scope.row.mobile, 3, 7) }}
+          </template>
         </el-table-column>
 
-        <el-table-column
-            prop="eventCount"
-            sortable
-            label="事件未解决数">
-          <template slot-scope="{row}">
-            <el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/sjwjj?reportUserId='+row.reportUserId)">{{ row.eventCount }}</el-button>
+        <el-table-column prop="agencyName" label="所属组织"> </el-table-column>
+
+        <el-table-column prop="eventCount" sortable label="事件未解决数">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/sjwjj?reportUserId=' + row.reportUserId)">{{ row.eventCount }}</el-button>
           </template>
         </el-table-column>
 
-        <el-table-column
-            prop="demandCount"
-            sortable
-            label="需求未满足数">
-          <template slot-scope="{row}">
-            <el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/xqwmz?reportUserId='+row.reportUserId)">{{ row.demandCount }}</el-button>
+        <el-table-column prop="demandCount" sortable label="需求未满足数">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/xqwmz?reportUserId=' + row.reportUserId)">{{ row.demandCount }}</el-button>
           </template>
         </el-table-column>
 
-        <el-table-column
-            prop="serviceCount"
-            sortable
-            label="应享未享数">
-          <template slot-scope="{row}">
-            <el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/yxwxfw?reportUserId='+row.reportUserId)">{{ row.serviceCount }}</el-button>
+        <el-table-column prop="serviceCount" sortable label="应享未享数">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/yxwxfw?reportUserId=' + row.reportUserId)">{{ row.serviceCount }}</el-button>
           </template>
         </el-table-column>
 
-        <el-table-column
-            prop="countAll"
-            sortable
-            label="总数">
-          <template slot-scope="{row}">{{ row.countAll }}
-<!--            <el-button type="text"></el-button>-->
+        <el-table-column prop="countAll" sortable label="总数">
+          <template slot-scope="{ row }"
+            >{{ row.countAll }}
+            <!--            <el-button type="text"></el-button>-->
           </template>
         </el-table-column>
       </el-table>
     </div>
 
-    <Pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.pageNo"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-    />
+    <Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
   </div>
 </template>
 
 <script>
-import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
-import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
-import Title from "@/views/dataBoard/satisfactionEval/components/Title"
-
+import Breadcrumb from "@/views/dataBoard/satisfactionEval/components/Breadcrumb";
+import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination";
+import Title from "@/views/dataBoard/satisfactionEval/components/Title";
 
 export default {
   name: "dissatisfied",
-  components: {Breadcrumb, Pagination, Title},
+  components: { Breadcrumb, Pagination, Title },
   data() {
     return {
       queryParams: {
-        month: '',
-        org: '',
-        matterSource: '',
-        matterType: '',
-        name: '',
-        tel: '',
+        month: "",
+        org: "",
+        matterSource: "",
+        matterType: "",
+        name: "",
+        tel: "",
         pageNo: 1,
         pageSize: 10,
       },
       orgOptions: [],
       total: 0,
-      breadcrumbList: [{
-        path: '/dataBoard/satisfactionEval/index',
-        name: '满意度评价'
-      }, {
-        path: '',
-        name: '潜在不满意人数'
-      }],
+      breadcrumbList: [
+        {
+          path: "/dataBoard/satisfactionEval/index",
+          name: "满意度评价",
+        },
+        {
+          path: "",
+          name: "潜在不满意人数",
+        },
+      ],
       monthOptions: new Array(12).fill(0).map((_, index) => {
-        return {label: (index - 0 + 1) + '月', value: (index - 0 + 1)}
+        return { label: index - 0 + 1 + "月", value: index - 0 + 1 };
       }),
-      list: []
-    }
+      list: [],
+    };
   },
   mounted() {
-    this.getOrg()
+    this.getOrg();
   },
   methods: {
     search() {
-      this.queryParams.pageNo = 1
+      this.queryParams.pageNo = 1;
       this.getList();
     },
     getOrg() {
       let params = {
         orgId: this.$store.state.chooseArea.chooseName.orgId,
-        level: this.$store.state.chooseArea.chooseName.level
-      }
-
-      this.$http.post(`/gov/org/agency/maporg`, params).then(async ({data: {data}}) => {
-        this.queryParams.agencyId = this.$store.state.chooseArea.chooseName.orgId
-        let parent = {value: data.id, label: data.name}
-        this.orgOptions = [parent, ...data.children.map(item => {
-          return {
-            value: item.id,
-            label: item.name
-          }
-        })]
-        this.getList()
-      })
+        level: this.$store.state.chooseArea.chooseName.level,
+      };
+
+      this.$http.post(`/gov/org/agency/maporg`, params).then(async ({ data: { data } }) => {
+        this.queryParams.agencyId = this.$store.state.chooseArea.chooseName.orgId;
+        let parent = { value: data.id, label: data.name };
+        this.orgOptions = [
+          parent,
+          ...data.children.map((item) => {
+            return {
+              value: item.id,
+              label: item.name,
+            };
+          }),
+        ];
+        this.getList();
+      });
     },
     getList() {
-      this.$http.get('/governance/satisfactionDetailList/getPotentialDissatisfiedCountDetail?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => {
+      this.$http.get("/governance/satisfactionDetailList/getPotentialDissatisfiedCountDetail?" + this.$paramsFormat(this.queryParams)).then(({ data: { data } }) => {
         this.list = data.list;
         this.total = data.total;
-      })
+      });
     },
-    handleView(id) {
-
-    }
-  }
-}
+    handleView(id) {},
+  },
+};
 </script>
 
 <style scoped lang="scss">
@@ -166,10 +141,11 @@ export default {
 .screen {
   margin: 25px 0 40px;
 
-  .el-select, .el-input {
+  .el-select,
+  .el-input {
     width: 150px;
     margin-right: 4px;
-    border: 1px solid #126AC5;
+    border: 1px solid #126ac5;
     border-radius: 2px;
 
     /deep/ .el-input__inner {
@@ -184,4 +160,4 @@ export default {
     height: 32px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue
index dc9ce8f0d..c7d744611 100644
--- a/src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue
@@ -1,80 +1,50 @@
 <template>
   <div>
-    <Breadcrumb :list="breadcrumbList"/>
+    <Breadcrumb :list="breadcrumbList" />
     <div class="table">
       <el-table :data="list">
-        <el-table-column
-            label="序号"
-            type="index"
-            width="80"/>
+        <el-table-column label="序号" type="index" width="80" />
 
-        <el-table-column
-            prop="name"
-            label="上报人"/>
+        <el-table-column prop="name" label="上报人" />
 
-        <el-table-column
-            prop="mobile"
-            label="上报人电话"/>
-
-        <el-table-column
-            prop="agencyName"
-            label="所属组织">
+        <el-table-column prop="mobile" label="上报人电话">
+          <template slot-scope="scope">
+            {{ $sensitive(scope.row.mobile, 3, 7) }}
+          </template>
         </el-table-column>
 
-        <el-table-column
-            prop="categoryName"
-            label="事件类型"/>
+        <el-table-column prop="agencyName" label="所属组织"> </el-table-column>
+
+        <el-table-column prop="categoryName" label="事件类型" />
 
-        <el-table-column
-            prop="eventContent"
-            show-overflow-tooltip
-            label="事件描述"/>
+        <el-table-column prop="eventContent" show-overflow-tooltip label="事件描述" />
 
-        <el-table-column
-            prop="latestProcessingStatus"
-            label="最新办理状态"/>
+        <el-table-column prop="latestProcessingStatus" label="最新办理状态" />
 
-        <el-table-column
-            prop="latestProcessingTime"
-            sortable
-            label="最近办理时间"/>
-        <el-table-column
-            prop="happenTime"
-            sortable
-            label="事件上报时间"/>
-        <el-table-column
-            sortable
-            label="详情">
-          <template slot-scope="{row}">
+        <el-table-column prop="latestProcessingTime" sortable label="最近办理时间" />
+        <el-table-column prop="happenTime" sortable label="事件上报时间" />
+        <el-table-column sortable label="详情">
+          <template slot-scope="{ row }">
             <el-button type="text" @click="handleView(row)">查看</el-button>
           </template>
         </el-table-column>
-
       </el-table>
     </div>
 
-    <Pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.pageNo"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-    />
-    <sjwjj :showDialog="showDialog" :id="rowId" @close="close"/>
-
+    <Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
+    <sjwjj :showDialog="showDialog" :id="rowId" @close="close" />
   </div>
 </template>
 
 <script>
-import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
-import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
-import Title from "@/views/dataBoard/satisfactionEval/components/Title"
-import sjwjj from "@/views/dataBoard/satisfactionEval/potentialPeople/details/sjwjj.vue"
-
+import Breadcrumb from "@/views/dataBoard/satisfactionEval/components/Breadcrumb";
+import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination";
+import Title from "@/views/dataBoard/satisfactionEval/components/Title";
+import sjwjj from "@/views/dataBoard/satisfactionEval/potentialPeople/details/sjwjj.vue";
 
 export default {
   name: "dissatisfied",
-  components: {Breadcrumb, Pagination, Title, sjwjj},
+  components: { Breadcrumb, Pagination, Title, sjwjj },
   data() {
     return {
       queryParams: {
@@ -83,46 +53,50 @@ export default {
         pageSize: 10,
       },
       total: 0,
-      breadcrumbList: [{
-        path: '/dataBoard/satisfactionEval/index',
-        name: '满意度评价'
-      }, {
-        path: '/dataBoard/satisfactionEval/potentialPeople',
-        name: '潜在不满意数'
-      }, {
-        path: '',
-        name: '事件未解决数'
-      }],
+      breadcrumbList: [
+        {
+          path: "/dataBoard/satisfactionEval/index",
+          name: "满意度评价",
+        },
+        {
+          path: "/dataBoard/satisfactionEval/potentialPeople",
+          name: "潜在不满意数",
+        },
+        {
+          path: "",
+          name: "事件未解决数",
+        },
+      ],
       list: [],
       showDialog: false,
-      rowId: '',
-    }
+      rowId: "",
+    };
   },
   activated() {
-    this.queryParams.reportUserId = this.$route.query.reportUserId
-    this.queryParams.pageNo = 1
+    this.queryParams.reportUserId = this.$route.query.reportUserId;
+    this.queryParams.pageNo = 1;
     this.getList();
   },
   methods: {
     search() {
-      this.queryParams.pageNo = 1
+      this.queryParams.pageNo = 1;
       this.getList();
     },
     getList() {
-      this.$http.get('/governance/satisfactionDetailList/getEventUnSolvedByUserId?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => {
+      this.$http.get("/governance/satisfactionDetailList/getEventUnSolvedByUserId?" + this.$paramsFormat(this.queryParams)).then(({ data: { data } }) => {
         this.list = data.list;
         this.total = data.total;
-      })
+      });
     },
-    handleView({id}) {
-      this.showDialog = true
-      this.rowId = id
+    handleView({ id }) {
+      this.showDialog = true;
+      this.rowId = id;
     },
     close() {
-      this.showDialog = false
-    }
-  }
-}
+      this.showDialog = false;
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
@@ -131,4 +105,4 @@ export default {
 .table {
   margin-top: 40px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue
index b589a652a..7c6d2607f 100644
--- a/src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue
@@ -1,74 +1,47 @@
 <template>
   <div>
-    <Breadcrumb :list="breadcrumbList"/>
+    <Breadcrumb :list="breadcrumbList" />
     <div class="table">
       <el-table :data="list">
-        <el-table-column
-            label="序号"
-            type="index"
-            width="80"/>
+        <el-table-column label="序号" type="index" width="80" />
 
-        <el-table-column
-            prop="name"
-            label="服务对象姓名"/>
+        <el-table-column prop="name" label="服务对象姓名" />
 
-        <el-table-column
-            prop="mobile"
-            label="服务对象电话"/>
-
-        <el-table-column
-            prop="organizationName"
-            label="所属组织">
+        <el-table-column prop="mobile" label="服务对象电话">
+          <template slot-scope="scope">
+            {{ $sensitive(scope.row.mobile, 3, 7) }}
+          </template>
         </el-table-column>
 
-        <el-table-column
-            prop="serviceCategoryName"
-            label="服务类型"/>
+        <el-table-column prop="organizationName" label="所属组织"> </el-table-column>
 
-        <el-table-column
-            prop="remark"
-            show-overflow-tooltip
-            label="服务描述"/>
-        <el-table-column
-            prop="serviceStatus"
-            sortable
-            label="是否已完成服务"/>
-        <el-table-column
-            prop="serviceTimeStart"
-            sortable
-            label="服务发起时间"/>
-        <el-table-column
-            sortable
-            label="详情">
-          <template slot-scope="{row}">
+        <el-table-column prop="serviceCategoryName" label="服务类型" />
+
+        <el-table-column prop="remark" show-overflow-tooltip label="服务描述" />
+        <el-table-column prop="serviceStatus" sortable label="是否已完成服务" />
+        <el-table-column prop="serviceTimeStart" sortable label="服务发起时间" />
+        <el-table-column sortable label="详情">
+          <template slot-scope="{ row }">
             <el-button type="text" @click="handleView(row)">查看</el-button>
           </template>
         </el-table-column>
-
       </el-table>
     </div>
 
-    <Pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.pageNo"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-    />
-    <yxwxfw :showDialog="showDialog" :id="rowId" @close="close"/>
+    <Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
+    <yxwxfw :showDialog="showDialog" :id="rowId" @close="close" />
   </div>
 </template>
 
 <script>
-import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
-import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
-import Title from "@/views/dataBoard/satisfactionEval/components/Title"
-import yxwxfw from "@/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue"
-
+import Breadcrumb from "@/views/dataBoard/satisfactionEval/components/Breadcrumb";
+import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination";
+import Title from "@/views/dataBoard/satisfactionEval/components/Title";
+import yxwxfw from "@/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue";
 
 export default {
   name: "dissatisfied",
-  components: {Breadcrumb, Pagination, Title, yxwxfw},
+  components: { Breadcrumb, Pagination, Title, yxwxfw },
   data() {
     return {
       queryParams: {
@@ -76,48 +49,52 @@ export default {
         pageSize: 10,
       },
       total: 0,
-      breadcrumbList: [{
-        path: '/dataBoard/satisfactionEval/index',
-        name: '满意度评价'
-      }, {
-        path: '/dataBoard/satisfactionEval/potentialPeople',
-        name: '潜在不满意数'
-      }, {
-        path: '',
-        name: '应享未享服务数'
-      }],
+      breadcrumbList: [
+        {
+          path: "/dataBoard/satisfactionEval/index",
+          name: "满意度评价",
+        },
+        {
+          path: "/dataBoard/satisfactionEval/potentialPeople",
+          name: "潜在不满意数",
+        },
+        {
+          path: "",
+          name: "应享未享服务数",
+        },
+      ],
 
       list: [],
       showDialog: false,
-      rowId: '',
-    }
+      rowId: "",
+    };
   },
   activated() {
-    this.queryParams.reportUserId = this.$route.query.reportUserId
-    this.queryParams.pageNo = 1
+    this.queryParams.reportUserId = this.$route.query.reportUserId;
+    this.queryParams.pageNo = 1;
     this.getList();
   },
   methods: {
     search() {
-      this.queryParams.pageNo = 1
+      this.queryParams.pageNo = 1;
       this.getList();
     },
     getList() {
-      this.$http.get('/governance/satisfactionDetailList/getServiceNotEnjoyedByUserId?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => {
+      this.$http.get("/governance/satisfactionDetailList/getServiceNotEnjoyedByUserId?" + this.$paramsFormat(this.queryParams)).then(({ data: { data } }) => {
         this.list = data.list;
         this.total = data.total;
-      })
+      });
     },
 
-    handleView({id}) {
-      this.showDialog = true
-      this.rowId = id
+    handleView({ id }) {
+      this.showDialog = true;
+      this.rowId = id;
     },
     close() {
-      this.showDialog = false
-    }
-  }
-}
+      this.showDialog = false;
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
@@ -126,4 +103,4 @@ export default {
 .table {
   margin-top: 40px;
 }
-</style>
\ No newline at end of file
+</style>