From a0846e1f1295cbff763fa19b0f412fa9710479f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Mon, 7 Feb 2022 10:08:19 +0800
Subject: [PATCH] eslint

---
 src/apps/AppSpecialPeople/detail.vue | 184 ++++++++++++++-------------
 1 file changed, 93 insertions(+), 91 deletions(-)

diff --git a/src/apps/AppSpecialPeople/detail.vue b/src/apps/AppSpecialPeople/detail.vue
index e38bf996..6acbb078 100644
--- a/src/apps/AppSpecialPeople/detail.vue
+++ b/src/apps/AppSpecialPeople/detail.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="detail">
     <div class="tab-select">
-      <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
+      <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{ item }}<span></span></div>
     </div>
-    
+
     <div class="area-select">
       <div class="select-content">
         <div class="area-content">
           <AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="areaSelect" :name.sync="areaName">
-            <img src="./img/local-icon.png" alt="">
+            <img src="./img/local-icon.png" alt="" />
             <span class="label" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
             <u-icon name="arrow-down" color="#666" size="24" />
           </AiAreaPicker>
         </div>
         <div class="search-input" v-if="tabIndex">
-          <img src="./img/search-icon.png" alt="">
+          <img src="./img/search-icon.png" alt="" />
           <u-input type="text" placeholder="请输入姓名" placeholder-style="color:#999;font-size:13px;" height="18" v-model="name" @confirm="getUserList" :clearable="false" maxlength="6" />
         </div>
       </div>
@@ -23,46 +23,46 @@
 
     <div v-if="!tabIndex">
       <div class="info-content">
-      <div class="title">特殊人群</div>
-      <div class="num-content">
-        <div class="num-item" v-for="(item, index) in statisticsList" :key="index">
-          <h3>{{item.value}}</h3>
-          <p>{{item.label}}</p>
+        <div class="title">特殊人群</div>
+        <div class="num-content">
+          <div class="num-item" v-for="(item, index) in statisticsList" :key="index">
+            <h3>{{ item.value }}</h3>
+            <p>{{ item.label }}</p>
+          </div>
+          <AiEmpty v-if="!statisticsList.length" />
         </div>
-        <AiEmpty v-if="!statisticsList.length"/>
-      </div>
       </div>
       <div class="info-content">
         <div class="title">本月新增</div>
         <div class="num-content color-org">
           <div class="num-item" v-for="(item, index) in statisticsListMon" :key="index">
-          <h3>{{item.value}}</h3>
-          <p>{{item.label}}</p>
-        </div>
-        <AiEmpty v-if="!statisticsListMon.length"/>
+            <h3>{{ item.value }}</h3>
+            <p>{{ item.label }}</p>
+          </div>
+          <AiEmpty v-if="!statisticsListMon.length" />
         </div>
       </div>
     </div>
     <div v-else>
       <div class="item-content" v-for="(item, index) in userList" :key="index">
         <div class="title" @click="showUserType(index)">
-          <h2>{{item.label}}</h2>
-          <img src="./img/down-icon.png" alt="" :class="item.check ? 'img-active' : ''">
+          <h2>{{ item.label }}</h2>
+          <img src="./img/down-icon.png" alt="" :class="item.check ? 'img-active' : ''" />
         </div>
         <div class="user-list" v-if="item.check">
           <div class="user-item" v-for="(e, indexs) in item.value" :key="indexs" v-if="item.value && item.value.length">
             <div class="user-img">
-              <img src="./img/user-img.png" alt="">
+              <img src="./img/user-img.png" alt="" />
             </div>
             <div class="user-info">
-              <p class="name">{{e.name}}</p>
+              <p class="name">{{ e.name }}</p>
               <div class="phone">
-                <span>{{idNumberInit(e.idNumber)}}</span>
-                <span>{{e.phone}}</span>
+                <span>{{ idNumberInit(e.idNumber) }}</span>
+                <span>{{ e.phone }}</span>
               </div>
             </div>
           </div>
-          <p class="text" v-if="!item.value.length">{{'暂无' + item.label + '信息'}}</p>
+          <p class="text" v-if="!item.value.length">{{ '暂无' + item.label + '信息' }}</p>
         </div>
       </div>
       <div class="footer" @click="toAdd">
@@ -75,7 +75,6 @@
 <script>
 import { mapState } from 'vuex'
 export default {
-
   data() {
     return {
       areaId: '',
@@ -86,16 +85,19 @@ export default {
       statisticsList: [],
       statisticsListMon: [],
       userList: [],
-      name: ''
+      name: '',
     }
   },
   computed: { ...mapState(['user']) },
   created() {
-    this.areaId = this.user.areaId
-    this.areaName = this.user.areaName
-    this.getStatistic()
-    this.getStatisticMon()
-    this.getUserList()
+    this.$dict.load('appSpecialTypeFive').then(() => {
+      this.areaId = this.user.areaId
+      this.areaName = this.user.areaName
+      this.getStatistic()
+      this.getStatisticMon()
+      this.getUserList()
+    })
+
     uni.$on('specialPeopleList', () => {
       this.getStatistic()
       this.getStatisticMon()
@@ -104,6 +106,7 @@ export default {
   },
   onShow() {
     document.title = '特殊人群管理'
+    console.log(this.$dict.getDict('appSpecialTypeFive'))
   },
 
   methods: {
@@ -120,10 +123,10 @@ export default {
       this.statisticsList = []
       this.$http.post(`/app/appapplicationinfo/specialStatistic?areaId=${this.areaId}&type=0&range=0`).then((res) => {
         if (res.code == 0) {
-          for(let i in res.data){
+          for (let i in res.data) {
             var obj = {
               label: i,
-              value: res.data[i]
+              value: res.data[i],
             }
             this.statisticsList.push(obj)
           }
@@ -134,10 +137,10 @@ export default {
       this.statisticsListMon = []
       this.$http.post(`/app/appapplicationinfo/specialStatistic?areaId=${this.areaId}&type=0&range=1`).then((res) => {
         if (res.code == 0) {
-          for(let i in res.data){
+          for (let i in res.data) {
             var obj = {
               label: i,
-              value: res.data[i]
+              value: res.data[i],
             }
             this.statisticsListMon.push(obj)
           }
@@ -148,11 +151,11 @@ export default {
       this.userList = []
       this.$http.post(`/app/appapplicationinfo/queryPeople?areaId=${this.areaId}&type=0&name=${this.name}`).then((res) => {
         if (res.code == 0) {
-          for(let i in res.data){
+          for (let i in res.data) {
             var obj = {
               label: i,
               value: res.data[i],
-              check: false
+              check: false,
             }
             this.userList.push(obj)
           }
@@ -163,55 +166,54 @@ export default {
       // this.$emit('change', {
       //   type: 'Add',
       // })
-      uni.navigateTo({url: './add'})
+      uni.navigateTo({ url: './add' })
     },
     idNumberInit(idNumber) {
-      if(!idNumber) {
+      if (!idNumber) {
         idNumber = ''
-      }else {
+      } else {
         idNumber = idNumber.substring(0, 5) + '******' + idNumber.substring(12, 15)
       }
       return idNumber
     },
     showUserType(index) {
-      if(this.userList[index].check) {
+      if (this.userList[index].check) {
         this.userList[index].check = false
-      }else {
+      } else {
         this.userList.map((item) => {
           item.check = false
         })
         this.userList[index].check = true
       }
-
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style lang="scss" scoped>
 .detail {
-  .tab-select{
+  .tab-select {
     width: 100%;
     height: 96px;
     line-height: 96px;
-    background: #3975C6;
+    background: #3975c6;
     display: flex;
-    .item{
+    .item {
       flex: 1;
       text-align: center;
       font-size: 28px;
       font-family: PingFangSC-Regular, PingFang SC;
-      color: #CDDCF0;
+      color: #cddcf0;
     }
-    .active{
+    .active {
       font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
       position: relative;
       color: #fff;
-      span{
+      span {
         width: 48px;
         height: 4px;
-        background: #FFF;
+        background: #fff;
         position: absolute;
         bottom: 14px;
         left: 50%;
@@ -219,15 +221,15 @@ export default {
       }
     }
   }
-  .area-select{
+  .area-select {
     width: 100%;
-    background: #FFF;
+    background: #fff;
     padding-left: 32px;
     box-sizing: border-box;
-    .select-content{
+    .select-content {
       width: 100%;
       padding: 24px 32px 24px 0;
-      border-bottom: 1px solid #D8DDE6;
+      border-bottom: 1px solid #d8dde6;
       display: flex;
       justify-content: space-between;
       font-family: PingFangSC-Regular, PingFang SC;
@@ -235,27 +237,27 @@ export default {
       line-height: 44px;
       box-sizing: border-box;
       display: flex;
-      .area-content{
+      .area-content {
         width: calc(100% - 402px);
         line-height: 64px;
-        img{
+        img {
           width: 42px;
           vertical-align: middle;
           margin-right: 16px;
         }
-        .u-icon{
+        .u-icon {
           margin-left: 6px;
         }
       }
-      .search-input{
+      .search-input {
         width: 402px;
         height: 64px;
-        background: #F5F5F5;
+        background: #f5f5f5;
         border-radius: 32px;
         padding: 14px 32px 14px 64px;
         box-sizing: border-box;
         position: relative;
-        img{
+        img {
           width: 32px;
           height: 32px;
           margin-right: 12px;
@@ -263,7 +265,7 @@ export default {
           top: 18px;
           left: 24px;
         }
-        ::v-deep .u-input{
+        ::v-deep .u-input {
           display: inline-block;
           width: 240px;
           font-size: 26px;
@@ -271,12 +273,12 @@ export default {
       }
     }
   }
-  .info-content{
+  .info-content {
     width: calc(100% - 64px);
-    background: #FFF;
+    background: #fff;
     border-radius: 8px;
     margin: 24px 32px 0;
-    .title{
+    .title {
       padding-left: 32px;
       line-height: 94px;
       border-bottom: 1px solid #ddd;
@@ -285,22 +287,22 @@ export default {
       font-weight: 500;
       color: #333;
     }
-    .num-content{
+    .num-content {
       overflow: hidden;
-      .num-item{
+      .num-item {
         float: left;
         width: 33%;
         padding: 40px 0;
         text-align: center;
-        h3{
+        h3 {
           font-size: 64px;
           font-family: DINAlternate-Bold, DINAlternate;
           font-weight: bold;
-          color: #3192F4;
+          color: #3192f4;
           line-height: 74px;
           margin-bottom: 10px;
         }
-        p{
+        p {
           font-size: 28px;
           font-family: PingFangSC-Medium, PingFang SC;
           font-weight: 500;
@@ -309,56 +311,56 @@ export default {
         }
       }
     }
-    .color-org{
-      .num-item{
-        h3{
-          color: #FF8700;
+    .color-org {
+      .num-item {
+        h3 {
+          color: #ff8700;
         }
       }
     }
   }
-  .item-content{
+  .item-content {
     margin-bottom: 4px;
-    .title{
+    .title {
       width: 100%;
       height: 108px;
       line-height: 108px;
-      background: #FFF;
+      background: #fff;
       padding: 0 32px;
       box-sizing: border-box;
       display: flex;
       justify-content: space-between;
-      h2{
+      h2 {
         font-size: 32px;
         font-family: PingFangSC-Semibold, PingFang SC;
         font-weight: 600;
         color: #333;
       }
-      img{
+      img {
         width: 34px;
         height: 34px;
         margin-top: 38px;
-        transition: all .3s ease-in-out;
+        transition: all 0.3s ease-in-out;
       }
       .img-active {
         transform: rotate(180deg);
       }
     }
-    .user-list{
+    .user-list {
       background-color: #fff;
-      .user-item{
+      .user-item {
         padding: 24px 32px;
         display: flex;
-        .user-img{
+        .user-img {
           width: 112px;
-          img{
+          img {
             width: 80px;
             height: 80px;
           }
         }
-        .user-info{
+        .user-info {
           width: 100%;
-          .name{
+          .name {
             font-size: 32px;
             font-family: PingFangSC-Medium, PingFang SC;
             font-weight: 500;
@@ -366,7 +368,7 @@ export default {
             line-height: 44px;
             margin-bottom: 8px;
           }
-          .phone{
+          .phone {
             width: 100%;
             font-size: 26px;
             font-family: PingFangSC-Regular, PingFang SC;
@@ -379,29 +381,29 @@ export default {
       }
     }
   }
-  .text{
+  .text {
     height: 96px;
     line-height: 96px;
     color: #999;
     font-size: 28px;
     text-align: center;
   }
-  .footer{
+  .footer {
     width: 100%;
     position: fixed;
     bottom: 0;
     left: 0;
   }
-  .btn{
+  .btn {
     width: 100%;
     height: 112px;
     line-height: 112px;
     text-align: center;
-    background: #1365DD;
+    background: #1365dd;
     font-size: 32px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
-    color: #FFF;
+    color: #fff;
   }
 }
 </style>