格式化代办页面

src/views/home/works.vue

@@ -32,7 +32,7 @@
             <div class="marginCls" v-if="item.taskType == i.taskType">
               <!-- <van-empty description="暂无数据" /> -->
               <van-cell-group v-if="item.taskType!=2">
-                <van-cell 
+                <van-cell
                   @click.stop="isFalgHandler(i, item.taskType, item.id)"
                   v-for="(i, index) in item.dataList"
                   :key="index"
@@ -46,44 +46,43 @@
                   :value-class="iColorClas(item.taskType, i.status)"
                 >
                   <template #title>
-                    <span class="custom-title"
-                      >{{ i.taskName }}
+                    <span class="custom-title">{{ i.taskName }}
                       <van-tag
                         class="resetDy"
                         @click.stop="resetHandler(i.id)"
                         v-if="i.status == 1 && item.taskType == 3"
                         type="primary"
-                        >重新调阅</van-tag
-                      ></span
-                    >
+                      >重新调阅</van-tag
+                      >
+                    </span>
                   </template>
 
                   <template #right-icon>
-                    <van-icon name="arrow" class="rightIcon" />
+                    <van-icon name="arrow" class="rightIcon"/>
                   </template>
                 </van-cell>
               </van-cell-group>
-              
+
               <van-collapse v-if="item.taskType==2" class="check-register list-item" v-model="activeNames">
                 <van-collapse-item :name="v.id+i" v-for="(v,i) in item.dataList" :key="v.id+i">
-                    <template #title>
-                      <div class="item-title">
+                  <template #title>
+                    <div class="item-title">
                       <!-- <div class="textTitle">{{ v.taskName}}</div> -->
                       <van-cell :title="v.taskName" :border="false" :label="v.startTime.substring(5, v.startTime.length - 3) +
                     '至' +
-                    v.endTime.substring(5, v.endTime.length - 3)" ></van-cell>
+                    v.endTime.substring(5, v.endTime.length - 3)"></van-cell>
                       <div class="collapse-title">
                         <div :class="{'active':v.active==2}">
-                          <p>{{v.uncompleted.length}}</p>
+                          <p>{{ v.uncompleted.length }}</p>
                         </div>
                         <!-- <div :class="{'active':v.active==1}" @click.stop="changeList(v,1)">
                           <p>{{v.completed.length}}</p>
                           <p>已检查</p>
                         </div>   -->
-                        </div>
                       </div>
-                    </template>
-                  <div class="check-item-list">                    
+                    </div>
+                  </template>
+                  <div class="check-item-list">
                     <van-cell
                       v-for="(a,index) in v.uncompleted" :key="a.id"
                       :title="a.beCheckedOrgName"
@@ -91,14 +90,14 @@
                       <template #right-icon>
                         <div>
                           <span :class="iColorClas(item.taskType, a.status)">
-                            {{worksLink(2, item.taskType, a.recStatus ? a.recStatus : a.status)}}
+                            {{ worksLink(2, item.taskType, a.recStatus ? a.recStatus : a.status) }}
                           </span>
                         </div>
                       </template>
                     </van-cell>
                   </div>
-          </van-collapse-item>
-          </van-collapse>
+                </van-collapse-item>
+              </van-collapse>
             </div>
           </div>
         </template>
@@ -114,24 +113,25 @@
 import scandialog from '@/components/nfcPopup/alone.vue'
 import TopBar from '@/components/TopBar'
 import WeatherBox from "@/components/weatherBox/index.vue";
-import { Toast, Dialog } from 'vant'
-import { base64ToBlob } from '@/utils/base64TurnImg.js'
-import { registration, resetTask } from '@/api/toConsult.js'
-import { upload } from '@/api/public'
-import { getPanelList } from '@/api/drillTask.js'
+import {Toast, Dialog} from 'vant'
+import {base64ToBlob} from '@/utils/base64TurnImg.js'
+import {registration, resetTask} from '@/api/toConsult.js'
+import {upload} from '@/api/public'
+import {getPanelList} from '@/api/drillTask.js'
+
 export default {
   name: 'works',
-  components: { TopBar, scandialog ,WeatherBox},
+  components: {TopBar, scandialog, WeatherBox},
   data() {
     return {
       big_box: 'big_box',
       active: 0,
-      tabsClass:'tab-tabs',
+      tabsClass: 'tab-tabs',
       taskId: '', //监控调阅ID
       workList: [], //工作台列表
       oldScrollTop: '',
       falg: false, //待调阅的时候 不进行跳转页面单独处理
-      activeNames:[],
+      activeNames: [],
     }
   },
   mounted() {
@@ -146,18 +146,15 @@ export default {
     this.getList()
   },
   methods: {
-    tabsClassChange(str){
-      this.tabsClass=str||'tab-tabs'
+    tabsClassChange(str) {
+      this.tabsClass = str || 'tab-tabs'
     },
     iColorClas(type, status) {
-      if (status == 0|| (type == 9 && status == 1)|| (type == 9 && status == 10) || (type == 0 && status == 1) || (type == 2 && status == 1)) {
+      if (status == 0 || (type == 9 && status == 1) || (type == 9 && status == 10) || (type == 0 && status == 1) || (type == 2 && status == 1)) {
         return 'wj-title-blue'
-      }
-      else if(type == 9 && status == 13) 
-      {
+      } else if (type == 9 && status == 13) {
         return 'wj-title-red'
-      }
-      else {
+      } else {
         return 'wj-title-orange'
       }
     },
@@ -176,13 +173,13 @@ export default {
         this.globalLoading = true
       } else {
         this.falg = true
-        this.$router.push({ path: this.worksLink(4, taskType, i.status, i.id, i) })
+        this.$router.push({path: this.worksLink(4, taskType, i.status, i.id, i)})
       }
     },
 
     getList() {
       getPanelList().then(res => {
-        let { data, code, msg } = res
+        let {data, code, msg} = res
 
         this.workList = data
       })
@@ -290,14 +287,14 @@ export default {
         } else if (val == 5 && taskType == 4) {
           strName = '待提交'
         }
-          //问题整改
-          if (val == 9 && taskType == 0) {
+        //问题整改
+        if (val == 9 && taskType == 0) {
           strName = '待确认'
         } else if (val == 9 && taskType == 10) {
           strName = '待整改'
-        }else if (val == 9 && taskType == 13) {
+        } else if (val == 9 && taskType == 13) {
           strName = '已逾期'
-        }else if (val == 9 && taskType == 1) {
+        } else if (val == 9 && taskType == 1) {
           strName = '待审批'
         }
         return strName
@@ -374,7 +371,7 @@ export default {
         taskId: this.taskId
       }
       registration(obj).then(res => {
-        let { code, data, msg } = res
+        let {code, data, msg} = res
         if (code == 200) {
           Toast.success('扫描成功')
           this.$router.push('/consultInfo/' + this.taskId)
@@ -420,9 +417,11 @@ export default {
 <style lang="scss" scoped>
 .van-cell__right-icon {
 }
+
 .van-cell::after {
   background-color: #008cd6;
 }
+
 .titleLeft {
   display: inline-block;
   width: 8px;
@@ -435,6 +434,7 @@ export default {
 .van-cell__title {
   color: #008cd6;
 }
+
 ::v-deep.van-cell__value {
   // width: 20%;
   float: right;
@@ -448,6 +448,7 @@ export default {
     color: black;
   }
 }
+
 .cellMargin {
   margin: 20px;
   -margin-top: 0px;
@@ -456,17 +457,20 @@ export default {
   background-color: #fff;
   overflow-y: scroll;
 }
+
 .marginCls {
   min-height: 400px;
   width: 100%;
   background-color: #fff;
   // overflow-y: scroll;
 }
+
 .empty {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
 }
+
 .index-container {
 }
 
@@ -474,96 +478,113 @@ export default {
   height: calc(100vh - 520px);
   overflow: auto;
 }
+
 .tab-tabs {
   padding-top: 90px;
 }
+
 .tabs-padding-none {
   padding-top: 0px;
 }
+
 .big_boxTwo {
   height: calc(100vh - 570px);
 
   overflow: auto;
 }
+
 a {
   text-decoration: none;
   color: inherit;
   margin-right: 10px;
 }
+
 .rightIcon {
   color: #969799;
   line-height: 46px;
   font-size: 40px;
 }
-.van-collapse-item{
-  ::v-deep .van-cell{
+
+.van-collapse-item {
+  ::v-deep .van-cell {
     align-items: center;
-    
+
   }
-  .van-collapse-item__title{
-    .van-cell__title{
-      .item-title{
-        ::v-deep .van-cell{
-          padding:0px 0px 0px 0px !important;
+
+  .van-collapse-item__title {
+    .van-cell__title {
+      .item-title {
+        ::v-deep .van-cell {
+          padding: 0px 0px 0px 0px !important;
         }
       }
     }
   }
-  
-  ::v-deep .van-cell__title{
-    color:black !important;
+
+  ::v-deep .van-cell__title {
+    color: black !important;
     // padding:10px 5px 10px 5px !important;
   }
-  
+
 }
-.check-register{
-  .org-line{
-    padding:0 10px;
+
+.check-register {
+  .org-line {
+    padding: 0 10px;
     background-color: #fff;
   }
-  .search-flex{
+
+  .search-flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-bottom: 1px solid #f5f5f5;
-    >div{
+
+    > div {
       width: 50%;
     }
   }
-  .org-label{
+
+  .org-label {
     height: 90px;
     width: 100%;
     display: flex;
     align-items: center;
     font-size: 28px;
   }
-  .card-list{
-    padding:0 5px 0px 5px;
+
+  .card-list {
+    padding: 0 5px 0px 5px;
     height: calc(100vh - 370px);
     overflow: auto;
   }
-  .list-item{
+
+  .list-item {
     margin: 20px 0px 20px 0px;
     // padding:20 0px 20px 0px;
   }
-  .item-title{
+
+  .item-title {
     width: 100%;
     display: flex;
     justify-content: space-between;
     // border-bottom: 1px solid #f5f5f5;
     padding-bottom: 10px;
   }
-  .check-item-list{
+
+  .check-item-list {
     -max-height: 500px;
     overflow: auto;
   }
-  .card-num{
+
+  .card-num {
     display: flex;
     align-items: center;
     font-size: 28px;
     color: #008cd6;
   }
-  .collapse-title{
+
+  .collapse-title {
     width: 10%;
     margin-left: 10px;
     float: right;
@@ -573,7 +594,8 @@ a {
     justify-content: space-between;
     font-size: 28px;
     color: #ccc;
-    >div{
+
+    > div {
       width: 100px;
       font-size: 24px;
       height: 90px;
@@ -581,30 +603,35 @@ a {
       // border: 2px solid #ccc;
       // border-radius: 10px;
       // box-shadow: 0 3px 6px #eaeaea;
-      >p{
+      > p {
         height: 90px;
         line-height: 90px;
         text-align: center;
       }
     }
-    >div{
+
+    > div {
       color: #969799;
       // background-color: #008cd6;
       // border: 3px solid #008cd6;
     }
   }
-  .flex-box{
+
+  .flex-box {
     display: flex;
     align-items: center;
-    >div{
+
+    > div {
       margin-right: 40px;
     }
   }
-  .search-box{
+
+  .search-box {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    >div{
+
+    > div {
       width: 50%;
     }
   }