From af129d5b826eebf016c99534e19d4cb3a935bc18 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Tue, 14 Dec 2021 17:09:59 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A0=94=E5=88=A4=E5=88=86=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityGovern/cpt/project-info.vue      |   7 +-
 src/views/modules/visual/cpts/analyse.vue     | 167 +++++++++++-------
 2 files changed, 106 insertions(+), 68 deletions(-)

diff --git a/src/views/modules/visual/communityGovern/cpt/project-info.vue b/src/views/modules/visual/communityGovern/cpt/project-info.vue
index ac6d82f2..952c3df4 100644
--- a/src/views/modules/visual/communityGovern/cpt/project-info.vue
+++ b/src/views/modules/visual/communityGovern/cpt/project-info.vue
@@ -586,8 +586,8 @@ export default {
 
         data.categoryList = array.map((item) => {
           return {
-            categoryCode: item.firstCategoryCode,
-            categoryName: item.firstCategoryName,
+            categoryCode: item.categoryCode,
+            categoryName: item.categoryName,
             showItem: true,
             projectList: item.projectList.map((subItem) => {
               return {
@@ -596,12 +596,13 @@ export default {
                 statusName:
                   subItem.projectStatus == "pending" ? "待处理" : "结案",
                 projectId: subItem.projectId,
-                projectId: subItem.projectId,
               };
             }),
           };
         });
+
         this.yanPan = { ...this.yanPan, ...data };
+
         this.yanPan.loading = false;
       } else {
         this.$message.error(msg);
diff --git a/src/views/modules/visual/cpts/analyse.vue b/src/views/modules/visual/cpts/analyse.vue
index 462db2f8..acc1bbab 100644
--- a/src/views/modules/visual/cpts/analyse.vue
+++ b/src/views/modules/visual/cpts/analyse.vue
@@ -5,7 +5,10 @@
       <div class="analys-col">
         <div class="analys-family">
           <div class="family-title">(家属)</div>
-          <div v-for="(item, index) in userList" :key="index" class="family-item" @click="handleUser(item)">{{item.icUserName}}</div>
+          <div v-for="(item, index) in userList"
+               :key="index"
+               class="family-item"
+               @click="handleUser(item)">{{item.icUserName}}</div>
           <!-- <div class="family-item">王亚男哈</div>
           <div class="family-item">王亚男</div>
           <div class="family-item">王亚男哈</div>
@@ -14,7 +17,8 @@
       </div>
 
       <div class="analys-col">
-        <img class="analys-arrow" src="../../../../assets/img/shuju/measure/zuo@2x.png" />
+        <img class="analys-arrow"
+             src="../../../../assets/img/shuju/measure/zuo@2x.png" />
       </div>
 
       <div class="analys-col">
@@ -24,18 +28,20 @@
         </div>
       </div>
 
-      
       <template v-if="hasEvent">
         <div class="analys-col analys-col-posi">
-          <img class="analys-up" src="../../../../assets/img/shuju/measure/up-right.png" />
-          <img class="analys-up analys-down" src="../../../../assets/img/shuju/measure/down-right.png" />
+          <img class="analys-up"
+               src="../../../../assets/img/shuju/measure/up-right.png" />
+          <img class="analys-up analys-down"
+               src="../../../../assets/img/shuju/measure/down-right.png" />
         </div>
         <div class="analys-col">
           <div class="cate-list cate-list-more">
             <div class="cate-row">
 
               <div class="analys-col">
-                <div class="analys-cate" @click="handleTabs('group')">
+                <div class="analys-cate"
+                     @click="handleTabs('group')">
                   <div class="label">{{ singleTitle }}</div>
                   <div class="tips">(反应渠道)</div>
                   <div class="icon">
@@ -44,8 +50,10 @@
                 </div>
               </div>
 
-              <div v-if="sourceTab === 'group'" class="analys-col">
-                <img class="analys-arrow" src="../../../../assets/img/shuju/measure/you@2x.png" />
+              <div v-if="sourceTab === 'group'"
+                   class="analys-col">
+                <img class="analys-arrow"
+                     src="../../../../assets/img/shuju/measure/you@2x.png" />
               </div>
 
             </div>
@@ -53,7 +61,8 @@
             <div class="cate-row">
 
               <div class="analys-col">
-                <div class="analys-cate" @click="handleTabs('event')">
+                <div class="analys-cate"
+                     @click="handleTabs('event')">
                   <div class="label">{{ moreTitle }}</div>
                   <div class="tips">(反应渠道)</div>
                   <div class="icon">
@@ -62,45 +71,57 @@
                 </div>
               </div>
 
-              <div v-if="sourceTab === 'event'" class="analys-col">
-                <img class="analys-arrow" src="../../../../assets/img/shuju/measure/you@2x.png" />
+              <div v-if="sourceTab === 'event'"
+                   class="analys-col">
+                <img class="analys-arrow"
+                     src="../../../../assets/img/shuju/measure/you@2x.png" />
               </div>
 
             </div>
           </div>
         </div>
 
-
-        <div class="analys-col analys-col-wr analys-col-more list-wr" id="scroll-wr">
+        <div class="analys-col analys-col-wr analys-col-more list-wr"
+             id="scroll-wr">
           <div class="cate-list cate-list-child">
-            <div v-for="(item, index) in tempList" :key="index" class="cate-row">
+            <div v-for="(item, index) in tempList"
+                 :key="index"
+                 class="cate-row">
 
               <div class="cate-col">
                 <div class="analys-cate">
                   <div class="label">{{item.categoryName}}</div>
                   <div class="tips">(同类案件)</div>
-                  <div class="icon" @click="handleShow(item)">
+                  <div class="icon"
+                       @click="handleShow(item)">
                     <img src="../../../../assets/img/shuju/measure/gantanhao.png" />
                   </div>
                 </div>
               </div>
 
-               <div class="cate-col cate-col-arrow">
-                <img v-show="item.showItem" class="analys-arrow" src="../../../../assets/img/shuju/measure/you@2x.png" />
+              <div class="cate-col cate-col-arrow">
+                <img v-show="item.showItem"
+                     class="analys-arrow"
+                     src="../../../../assets/img/shuju/measure/you@2x.png" />
               </div>
 
               <div class="cate-col cate-col-w100">
-                <div class="cate-list-w0" :class="item.showItem && 'cate-list-w100'">
+                <div class="cate-list-w0"
+                     :class="item.showItem && 'cate-list-w100'">
                   <div class="list list-wr">
-                    <div v-for="(n, i) in item.projectList" :key="i" class="item" @click="handleProject(n)">
-                      <div class="item-status" :class="'item-status-'+n.status">{{filterStatus(n.status)}}</div>
+                    <div v-for="(n, i) in item.projectList"
+                         :key="i"
+                         class="item"
+                         @click="handleProject(n)">
+                      <div class="item-status"
+                           :class="'item-status-'+n.status">{{filterStatus(n.status)}}</div>
                       <div class="item-content">{{n.title}}</div>
                     </div>
                     <!-- <div class="item">
                       <div class="item-status">已结案</div>
                       <div class="item-content">合肥路与安宁路交合肥路与安宁路交</div>
                     </div> -->
-                    
+
                   </div>
                 </div>
               </div>
@@ -112,11 +133,10 @@
       </template>
       <template v-else>
         <div class="analys-col">
-          <img class="analys-arrow" src="../../../../assets/img/shuju/measure/you@2x.png" />
+          <img class="analys-arrow"
+               src="../../../../assets/img/shuju/measure/you@2x.png" />
         </div>
 
-        
-
         <div class="analys-col">
           <div class="analys-cate">
             <div class="label">{{ singleTitle }}</div>
@@ -128,35 +148,51 @@
         </div>
 
         <div class="analys-col">
-          <img v-if="tempList.length > 1" class="analys-up" src="../../../../assets/img/shuju/measure/up-right.png" />
-          <img v-if="tempList.length != 2" class="analys-arrow" src="../../../../assets/img/shuju/measure/you@2x.png" />
-          <img v-if="tempList.length > 1" 
-          class="analys-up analys-down" src="../../../../assets/img/shuju/measure/down-right.png" />
+          <img v-if="tempList.length > 1"
+               class="analys-up"
+               src="../../../../assets/img/shuju/measure/up-right.png" />
+          <img v-if="tempList.length != 2"
+               class="analys-arrow"
+               src="../../../../assets/img/shuju/measure/you@2x.png" />
+          <img v-if="tempList.length > 1"
+               class="analys-up analys-down"
+               src="../../../../assets/img/shuju/measure/down-right.png" />
         </div>
 
-        <div class="analys-col list-wr" :class="tempList.length > 2 && 'analys-col-wr' || 'analys-single'"
-          :style="'padding-top:' + (tempList.length - 3) * 190 + 'px;'">
+        <div class="analys-col list-wr"
+             :class="tempList.length > 2 && 'analys-col-wr' || 'analys-single'"
+             :style="'padding-top:' + (tempList.length - 3) * 190 + 'px;'">
           <div class="cate-list">
-            <div v-for="(item, index) in tempList" :key="index" class="cate-row">
+            <div v-for="(item, index) in tempList"
+                 :key="index"
+                 class="cate-row">
 
               <div class="cate-col">
                 <div class="analys-cate">
                   <div class="label">{{item.categoryName}}</div>
                   <div class="tips">(同类案件)</div>
-                  <div class="icon" @click="handleShow(item)">
+                  <div class="icon"
+                       @click="handleShow(item)">
                     <img src="../../../../assets/img/shuju/measure/gantanhao.png" />
                   </div>
                 </div>
               </div>
               <div class="cate-col cate-col-arrow">
-                <img v-show="item.showItem" class="analys-arrow" src="../../../../assets/img/shuju/measure/you@2x.png" />
+                <img v-show="item.showItem"
+                     class="analys-arrow"
+                     src="../../../../assets/img/shuju/measure/you@2x.png" />
               </div>
 
               <div class="cate-col cate-col-w100">
-                <div class="cate-list-w0" :class="item.showItem && 'cate-list-w100'">
+                <div class="cate-list-w0"
+                     :class="item.showItem && 'cate-list-w100'">
                   <div class="list list-wr">
-                    <div v-for="(n, i) in item.projectList" :key="i" class="item" @click="handleProject(n)">
-                      <div class="item-status" :class="'item-status-'+n.status">
+                    <div v-for="(n, i) in item.projectList"
+                         :key="i"
+                         class="item"
+                         @click="handleProject(n)">
+                      <div class="item-status"
+                           :class="'item-status-'+n.status">
                         {{ n.statusName || filterStatus(n.status)}}
                       </div>
                       <div class="item-content">{{n.title}}</div>
@@ -165,10 +201,10 @@
                       <div class="item-status">已结案</div>
                       <div class="item-content">合肥路与安宁路交合肥路与安宁路交</div>
                     </div> -->
-                    
+
                   </div>
                 </div>
-                
+
               </div>
 
             </div>
@@ -213,7 +249,7 @@ export default {
     userList: Array, // 默认，必传
     userName: String, // 默认，必传
     singleList: Array, // 默认，必传
-    
+
   },
   data () {
     return {
@@ -221,31 +257,32 @@ export default {
       tempList: []
     }
   },
-  created() {
+  created () {
     this.tempList = [...this.singleList]
+
   },
   methods: {
-    filterStatus(status) {
-      const statusObj =  {
+    filterStatus (status) {
+      const statusObj = {
         pending: '待处理',
         closed: '已结案'
       }
       return statusObj[status]
     },
-    handleTabs(type) {
-      if (type === 'group') this.tempList = [ ...this.singleList ]
-      else if (type === 'event') this.tempList = [ ...this.moreList ]
+    handleTabs (type) {
+      if (type === 'group') this.tempList = [...this.singleList]
+      else if (type === 'event') this.tempList = [...this.moreList]
       this.sourceTab = type
       const _dom = document.getElementById('scroll-wr')
       _dom.scrollTop = 0
     },
-    handleProject(item) {
+    handleProject (item) {
       this.$emit('project', item)
     },
-    handleUser(item) {
+    handleUser (item) {
       this.$emit('user', item)
     },
-    handleShow(item) {
+    handleShow (item) {
       item.showItem = !item.showItem
     }
   }
@@ -279,7 +316,7 @@ export default {
           color: #fff;
           text-align: center;
           background: rgba(255, 255, 255, 0);
-          border: 1px solid #1257C9;
+          border: 1px solid #1257c9;
           border-radius: 2px;
           box-shadow: 0 0 5px 2px rgba(18, 87, 201, 1) inset;
         }
@@ -310,7 +347,8 @@ export default {
         padding-top: 60px;
         color: #fff;
         text-align: center;
-        background: url('../../../../assets/img/shuju/measure/zhuhu@2x.png') no-repeat center;
+        background: url("../../../../assets/img/shuju/measure/zhuhu@2x.png")
+          no-repeat center;
         background-size: cover;
         .personal-name {
           font-size: 18px;
@@ -336,7 +374,7 @@ export default {
         color: #fff;
         cursor: pointer;
         background: rgba(255, 255, 255, 0);
-        border: 1px solid #1257C9;
+        border: 1px solid #1257c9;
         border-radius: 4px;
         box-shadow: 1px 1px 10px 5px rgba(18, 87, 201, 1) inset;
         .label {
@@ -388,7 +426,7 @@ export default {
             width: 230px;
             .cate-list-w0 {
               width: 0;
-              transition: width .2s;
+              transition: width 0.2s;
               overflow: hidden;
               // border: 0;
               // padding: 0;
@@ -399,7 +437,7 @@ export default {
               // // background: rgba(255, 255, 255, 0);
               // border: 1px solid #1257C9;
               // overflow: auto;
-              transition: width .2s;
+              transition: width 0.2s;
             }
           }
         }
@@ -424,7 +462,7 @@ export default {
         box-sizing: border-box;
         padding: 4px 14px 10px;
         background: rgba(255, 255, 255, 0);
-        border: 1px solid #1257C9;
+        border: 1px solid #1257c9;
         overflow: auto;
         border-radius: 4px;
         box-shadow: 1px 1px 10px 5px rgba(18, 87, 201, 1) inset;
@@ -445,15 +483,16 @@ export default {
             font-size: 10px;
             text-align: center;
             // line-height: 15px;
-            background: #0C5CFE;
+            background: #0c5cfe;
             border-radius: 2px;
-            &-pending, &-canceled {
+            &-pending,
+            &-canceled {
               background: rgba(224, 84, 0, 1);
             }
-            &-assigned, &-have_order {
+            &-assigned,
+            &-have_order {
               background: rgba(9, 163, 125, 1);
             }
-
           }
           .item-content {
             font-size: 14px;
@@ -463,8 +502,6 @@ export default {
           }
         }
       }
-      
-
     }
     .analys-col-wr {
       height: 100%;
@@ -502,7 +539,6 @@ export default {
         // left: -30px;
       }
     }
-
   }
 }
 .pad10 {
@@ -516,20 +552,21 @@ export default {
 .list-wr::-webkit-scrollbar-corner,
   /* 滚动条角落 */
 .list-wr::-webkit-scrollbar-thumb,
-.list-wr::-webkit-scrollbar-track {      /*滚动条的轨道*/
+.list-wr::-webkit-scrollbar-track {
+  /*滚动条的轨道*/
   border-radius: 4px;
 }
 
 .list-wr::-webkit-scrollbar-corner,
 .list-wr::-webkit-scrollbar-track {
   /* 滚动条轨道 */
-  
-  background: rgba(12, 129, 254, .24);
+
+  background: rgba(12, 129, 254, 0.24);
   // box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
 }
 
 .list-wr::-webkit-scrollbar-thumb {
   /* 滚动条手柄 */
-  background: linear-gradient(270deg, #0063FE, #0095FF);
+  background: linear-gradient(270deg, #0063fe, #0095ff);
 }
 </style>