From bf3587304273e0be9c9ce1bedc5d9db7f1c5093b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Fri, 27 Oct 2023 09:11:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E9=87=8D=E7=82=B9=E8=AE=A4?=
 =?UTF-8?q?=E8=AF=81=E6=A0=87=E5=87=86/=E6=94=BF=E7=AD=96=E5=90=88?=
 =?UTF-8?q?=E8=A7=84=E6=80=A7=E9=A1=B9=E7=9B=AE=E5=AE=A1=E6=9F=A5=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/home2/components/todoList/index.vue | 1282 +++++++++--------
 1 file changed, 644 insertions(+), 638 deletions(-)

diff --git a/src/pages/home2/components/todoList/index.vue b/src/pages/home2/components/todoList/index.vue
index cab5a7e71..03ca68166 100644
--- a/src/pages/home2/components/todoList/index.vue
+++ b/src/pages/home2/components/todoList/index.vue
@@ -1,658 +1,664 @@
 <!-- 待办任务 -->
 <template>
-  <div class="to-do-list" v-loading="Loading">
-    <div style="border-bottom: 2px solid #f4f4f4">
+    <div class="to-do-list" v-loading="Loading">
+        <div style="border-bottom: 2px solid #f4f4f4">
       <span class="task">
         <i class="el-icon-s-goods"></i> 待办任务
       </span>
-      <div class="more" @click="togo">更多 ⋙</div>
-    </div>
-    <ul>
-      <li v-for="item in toDoTaskList" :key="item.id" class="time-title">
-        <div style="min-height: 30px;display: flex;justify-content: space-between">
-         <div>
+            <div class="more" @click="togo">更多 ⋙</div>
+        </div>
+        <ul>
+            <li v-for="item in toDoTaskList" :key="item.id" class="time-title">
+                <div style="min-height: 30px;display: flex;justify-content: space-between">
+                    <div>
             <span @click="dealWith(item)"
                   style="line-height: 30px; font-size: 13px;"
             >{{ getPrcNameFilter(item) }}</span>
-         </div>
-          <div>
-            <el-button type="primary"
-                       size="small"
-                       @click="handleReceive(item)" v-if="authority(item)">接收</el-button>
-          </div>
-<!--          <el-tooltip class="item" effect="dark" :content="getPrcNameFilter(item)" placement="left" v-else>-->
-<!--            <span @click="dealWith(item)"-->
-<!--                  style="line-height: 30px; font-size: 13px;">{{ getPrcNameFilter(item).substring(0, 32) + '...' }}</span>-->
-<!--          </el-tooltip>-->
-        </div>
-      </li>
-    </ul>
-  </div>
+                    </div>
+                    <div>
+                        <el-button type="primary"
+                                   size="small"
+                                   @click="handleReceive(item)" v-if="authority(item)">接收
+                        </el-button>
+                    </div>
+                    <!--          <el-tooltip class="item" effect="dark" :content="getPrcNameFilter(item)" placement="left" v-else>-->
+                    <!--            <span @click="dealWith(item)"-->
+                    <!--                  style="line-height: 30px; font-size: 13px;">{{ getPrcNameFilter(item).substring(0, 32) + '...' }}</span>-->
+                    <!--          </el-tooltip>-->
+                </div>
+            </li>
+        </ul>
+    </div>
 </template>
 
 <script>
-export default {
-  name : 'ToDoList',
-  components: {},
-  mixins: [],
-  data() {
-    return {
-      toDoTaskList: [],// 代办数据
-      total: 0,
-      pageNo: 1,
-      showreceive:true,
-      Loading:false
-    }
-  },
-  computed: {},
-  watch: {},
-  mounted() {this.queryProcess()},
-  methods: {
-    authority(item){
-      if(!item.showreceive) return false
-      switch (true) {
-        case item.prcType === '2' && item.taskInfo === '调研结果反馈':
-        case item.prcType === '3' && item.taskInfo === '意见反馈':
-        case item.prcType === '6' && item.taskInfo === '合规评估':
-        case item.prcType === '6' && item.taskInfo === '批准':
-        case item.prcType === '8' && item.taskInfo === '合规排查(上传合规举证材料)':
-        case item.prcType === '9' && item.taskInfo === '解读':
-        case item.prcType === '10' && item.taskInfo === '清单完善1':
-        case item.prcType === '25' && item.taskInfo === '技术标准起草':
-        case item.prcType === '26' && item.taskInfo === '立项确认':
-        case item.prcType === 'buss3' && item.taskInfo === '复审':
-          return true
-        default:
-          return false
-      }
-    },
-    getPrcNameFilter(row){
-      if(row && row.prcType === '25' && row.taskInfo === '技术标准起草'){
-        let _index = row.prcName.lastIndexOf('-')
-        return row.prcName.slice(0 , _index + 1) + '企标制修订'
-      }else {
-        return row.prcName
-      }
-
-    },
-    togo () {
-      this.$router.push('/processCenter')
-    },
-    queryProcess () { // 查询待办流程
-      this.$http.postData('lawss/activiti/todoTaskList', {
-            current: this.pageNo,
-            size: 10,
-            userId: this.$store.getters.userInfo.usid || this.$store.getters.userInfo.userId,
-          },
-          {
-            loading: 'loading',
-            _this: this
-          }, res => {
-            this.toDoTaskList = res.list
-          }, e => {
-          })
-    },
-    toPage() {
-      this.$router.push(this.path)
-    },
-    // 接受按钮
-    handleReceive(item) {
-      this.Loading = true
-      this.isSubmit = true
-      // execTask({
-      //   todoId: this.todoId // 当前节点ID
-      // }).then(res => {
-      //   if (res.sign && res.sign === '0') {
-      //     this.$message.success('接收成功')
-      //     this.$router.push('/processCenter')
-      //   }
-      //   this.isSubmit = false
-      // })
-      // if(!this.tableData.standardData[0]){
-      //   this.$message.warning('请先选择企标计划')
-      //   this.isSubmit = false
-      //   return
-      // }
-      this.$http.get("lawss/activiti/selectBusProcessNew", {
-        taskId: item.taskIds,
-      }, {
-        _this: this
-      }, res => {
-        this.$http.get("lawss/activiti/acceptTack", {
-          nowEsId: res,
-          oaFlag: '0',
-          taskId: item.taskIds,
-        }, {
-          _this: this
-        }, res => {
-          // if (res.sign && res.sign === '0') {
-          this.$message.success('接收成功')
-          this.isSubmit = false
-          this.showreceive = false
-          //   this.$router.push('/processCenter')
-          // }
-          this.queryProcessPrmise().then(() => {
-            this.Loading = false
-          })
-
-        })
-      })
-    },
-    queryProcessPrmise () { // 查询待办流程
-      return new Promise((resolve,reject)=>{
-        this.$http.postData('lawss/activiti/todoTaskList', {
-              current: this.pageNo,
-              size: 10,
-              userId: this.$store.getters.userInfo.usid || this.$store.getters.userInfo.userId,
+    export default {
+        name: 'ToDoList',
+        components: {},
+        mixins: [],
+        data() {
+            return {
+                toDoTaskList: [],// 代办数据
+                total: 0,
+                pageNo: 1,
+                showreceive: true,
+                Loading: false
+            }
+        },
+        computed: {},
+        watch: {},
+        mounted() {
+            this.queryProcess()
+        },
+        methods: {
+            authority(item) {
+                if (!item.showreceive) return false
+                switch (true) {
+                    case item.prcType === '2' && item.taskInfo === '调研结果反馈':
+                    case item.prcType === '3' && item.taskInfo === '意见反馈':
+                    case item.prcType === '6' && item.taskInfo === '合规评估':
+                    case item.prcType === '6' && item.taskInfo === '批准':
+                    case item.prcType === '8' && item.taskInfo === '合规排查(上传合规举证材料)':
+                    case item.prcType === '9' && item.taskInfo === '解读':
+                    case item.prcType === '10' && item.taskInfo === '清单完善1':
+                    case item.prcType === '25' && item.taskInfo === '技术标准起草':
+                    case item.prcType === '26' && item.taskInfo === '立项确认':
+                    case item.prcType === 'buss3' && item.taskInfo === '复审':
+                        return true
+                    default:
+                        return false
+                }
             },
-            {
-              loading: 'loading',
-              _this: this
-            }, res => {
-              this.toDoTaskList = res.list
-              resolve()
-            }, e => {
-              reject()
-            })
-      })
-    },
-    dealWith (row) { // 办理
-      const prcType = row.prcType
-      const query = {
-        taskIds: row.taskIds,
-        prcId: row.prcId,
-        prcNum: row.prcNum,
-        prcName: row.prcName,
-        prcType: row.prcType
-      }
-      let name = ''
-      switch(prcType) {
-        case '1':
-          if (row.taskInfo === '批准') {
-            name = 'bzrkStep2'
-          }else if (row.taskInfo === '会签'){
-            name = 'bzrkStep3'
-          }else if (row.taskInfo === '修订'){
-            name = 'bzrkStep4'
-          }
-          break
-        case 'laws1':
-          if (row.taskInfo === '政策入库审批') {
-            name =  'zcrkStep2'
-          }else if (row.taskInfo === '重新发起入库流程'){
-            name =  'zcrkStep3'
-          }
-          break
-        case 'buss1':
-          if (row.taskInfo === '企标编写') {
-            name =  'bussLibrary2'
-          }else if (row.taskInfo === '企标编写汇总'){
-            name =  'bussLibrary3'
-          }else if (row.taskInfo === '重新起草'){
-            name =  'bussLibraryC1'
-          }else if (row.taskInfo === '标准化初审'){
-            name =  'bussLibrary4'
-          }else if (row.taskInfo === '重新企标编写汇总'){
-            name =  'bussLibraryC3'
-          }else if (row.taskInfo === '征求意见'){
-            name =  'bussLibrary5'
-          }else if (row.taskInfo === '技术委员会评审、评审意见修改'){
-            name =  'bussLibrary6'
-          }else if (row.taskInfo === '标准化复审'){
-            name =  'bussLibrary7'
-          }else if (row.taskInfo === '重新技术委员会评审、评审意见修改'){
-            name =  'bussLibraryC6'
-          }else if (row.taskInfo === '起草单位高级经理审核'){
-            name =  'bussLibrary8'
-          }else if (row.taskInfo === '标准法规部高级经理审核'){
-            name =  'bussLibrary9'
-          }else if (row.taskInfo === '审定'){
-            name =  'bussLibrary10'
-          }else if (row.taskInfo === '批准'){
-            name =  'bussLibrary11'
-          }else if (row.taskInfo === '主起草人培训'){
-            name =  'bussLibrary12'
-          }else if (row.taskInfo === '发布'){
-            name =  'bussLibrary13'
-          }
-          break
-        case 'buss2':
-          if (row.taskInfo === '企标编写') {
-            name =  'bussLibraryProduct2'
-          }else if (row.taskInfo === '企标编写汇总'){
-            name =  'bussLibraryProduct3'
-          }else if (row.taskInfo === '重新企标编写汇总'){
-            name =  'bussLibraryProductC3'
-          }else if (row.taskInfo === '标准化初审'){
-            name =  'bussLibraryProduct4'
-          }else if (row.taskInfo === '征求意见'){
-            name =  'bussLibraryProduct5'
-          }else if (row.taskInfo === '意见汇总修订'){
-            name =  'bussLibraryProduct6'
-          }else if (row.taskInfo === '重新意见汇总修订'){
-            name =  'bussLibraryProductC6'
-          }else if (row.taskInfo === '标准化复审'){
-            name =  'bussLibraryProduct7'
-          }else if (row.taskInfo === '审核'){
-            name =  'bussLibraryProduct8'
-          }else if (row.taskInfo === '审定'){
-            name =  'bussLibraryProduct10'
-          }else if (row.taskInfo === '批准'){
-            name =  'bussLibraryProduct12'
-          }else if (row.taskInfo === '发布'){
-            name =  'bussLibraryProduct13'
-          }else if (row.taskInfo === '抄送'){
-            name =  'bussLibraryProduct14'
-          }
-          break;
-        case 'buss3':
-          if (row.taskInfo === '选择复审人') {
-            name =  'qbfsStepSub1'
-          }else if (row.taskInfo === '复审'){
-            name =  'qbfsStepSub2'
-          }else if (row.taskInfo === '汇总'){
-            name =  'bussFs2'
-          }else if (row.taskInfo === '重新汇总'){
-            name =  'bussFsC2'
-          }else if (row.taskInfo === '批准'){
-            name =  'bussFs3'
-          }else if (row.taskInfo === '产品标准起草'){
-            query.bpnId = row.id
-            name =  'bussFs6'
-          }else if (row.taskInfo === '技术标准起草'){
-            query.bpnId = row.id
-            query.verifySarStandard = true
-            name =  'bussFs7'
-          }
-          break;
-        case '2':
-          if (row.taskInfo === '任务分发') {
-            name =  'bzdyStep2'
-          } else if (row.taskInfo === '调研结果反馈') {
-            name =  'bzdyStep3'
-          } else if (row.taskInfo === '调研结果审批') {
-            name =  'bzdyStep4'
-          } else if (row.taskInfo === '调研结果处理'){
-            name =  'bzdyStep5'
-          } else if (row.taskInfo === '会签'){
-            name =  'bzdyStep6'
-          } else if (row.taskInfo === '审核') {
-            name =  'bzdyStep7'
-          } else if (row.taskInfo === '审定') {
-            name =  'bzdyStep8'
-          } else if (row.taskInfo === '批准') {
-            name =  'bzdyStep9'
-          }
-          break;
-        case '3':
-          if (row.taskInfo === '任务分发') {
-            name =  'bzzqyjStep2'
-          } else if (row.taskInfo === '意见反馈'){
-            name =  'bzzqyjStep3'
-          } else if (row.taskInfo === '意见汇总报批') {
-            name =  'bzzqyjStep4'
-          } else if (row.taskInfo === '意见审批') {
-            name =  'bzzqyjStep4-1'
-          } else if (row.taskInfo === '管理员') {
-            name =  'bzzqyjStep4-2'
-          } else if (row.taskInfo === '意见处理') {
-            name =  'bzzqyjStep5'
-          } else if (row.taskInfo === '会签') {
-            name =  'bzzqyjStep6'
-          } else if (row.taskInfo === '审核') {
-            name =  'bzzqyjStep7'
-          } else if (row.taskInfo === '审定' ) {
-            name =  'bzzqyjStep8'
-          } else if (row.taskInfo === '批准') {
-            name =  'bzzqyjStep9'
-          }
-          break
-        //标准清单更新/发布流程
-        case'4' :
-          if (row.taskInfo === '会签') {
-            name =  'bzqdfbStep2'
-          } else if (row.taskInfo === '修订') {
-            name =  'bzqdfbStep3'
-          }else if (row.taskInfo === '批准') {
-            name =  'bzqdfbStep4'
-          }
-          break
-        //标准合规评估
-        case '5' :
-          if(row.taskInfo === '审核1'){
-            name =  'bzpgStep2'
-          }else if(row.taskInfo === '项目分发'){
-            name =  'bzpgStep3'
-          }else if(row.taskInfo === '任务分发'){
-            name =  'bzpgStep4'
-          }else if(row.taskInfo === '合规评估'){
-            name =  'bzpgStep5'
-          }else if(row.taskInfo === '审核2'){
-            name =  'bzpgStep6'
-          }else if(row.taskInfo === '审定'){
-            name =  'bzpgStep7'
-          }else if(row.taskInfo === '批准'){
-            name =  'bzpgStep8'
-          }else if(row.taskInfo === '重新起草'){
-            name =  'bzpgStep1'
-          }
-          break
-              //项目评估流程-项目
-        case '6':
-          if(row.taskInfo === '任务分发'){
-            name =  'xmpgStep2'
-          }else if(row.taskInfo === '合规评估'){
-            name =  'xmpgStep3'
-          } else if(row.taskInfo === '审核') {
-            name =  'xmpgStep4'
-          } else if(row.taskInfo === '批准') {
-            name =  'xmpgStep5'
-          } else if(row.taskInfo === '合规性评估') {
-            name =  'xmpg2Step6'
-          } else if(row.taskInfo === '分发负责人审批') {
-            name =  'xmpg2Step7'
-          } else if(row.taskInfo === '架构经理审批') {
-            name =  'xmpg2Step8'
-          } else if(row.taskInfo === '工程经理审批') {
-            name =  'xmpg2Step9'
-          } else if(row.taskInfo === '标准法规部经理审批') {
-            name =  'xmpg2Step10'
-          } else if(row.taskInfo === '汇总审批') {
-            name =  'xmpg2Step11'
-          } else if(row.taskInfo === '标准法规部部长审批') {
-            name =  'xmpg2Step12'
-          }
-          break
-        //未符合项整改流程
-        case '8' :
-          query.taskAssignee = row.taskAssignee
-          if(row.taskInfo === '审核'){
-            name =  'wfhxzgStep2'
-          } else if (row.taskInfo === '合规排查(上传合规举证材料)') {
-            name =  'wfhxzgStep3'
-          }else if (row.taskInfo === '审定') {
-            name =  'wfhxzgStep4'
-          }else if (row.taskInfo === '重新起草') {
-            name =  'wfhxzgStep1'
-          }else {
-            name =  'wfhxzgStep5'
-          }
-          break
-        case '9':
-          if (row.taskInfo === '选择责任人') {
-            name =  'bzjdStep2'
-          } else if (row.taskInfo === '解读') {
-            name =  'bzjdStep3'
-          } else if (row.taskInfo === '审核') {
-            name =  'bzjdStep4'
-          } else if (row.taskInfo === '管理员') {
-            name =  'bzjdStep5'
-          } else if (row.taskInfo === '批准') {
-            name =  'bzjdStep6'
-          }
-          break
-          //项目清单确认流程
-        case '10' :
-          if(row.taskInfo === '清单完善1'){
-            name =  'xmqdqrStep2'
-          } else if (row.taskInfo === '清单完善2') {
-            name =  'xmqdqrStep3'
-          }else if(row.taskInfo === '清单发布'){
-            name =  'xmqdqrStep4'
-          }
-          break
-        case '14':
-          //参与外部标准制修订信息提报
-          if (row.taskInfo === '下发责任工程师') {
-            name =  'cywbbzzxdStep2'
-          } else if(row.taskInfo === '填写备案信息'){
-            name =  'cywbbzzxdStep3'
-          } else if(row.taskInfo === '责任部门对接人审核'){
-            name =  'cywbbzzxdStep4'
-          } else if(row.taskInfo === '标准法规工程师审核'){
-            name =  'cywbbzzxdStep5'
-          } else if(row.taskInfo === '标准法规部部长批准'){
-            name =  'cywbbzzxdStep6'
-          }
-          break
-        case '15':
-          //加入标准化协会信息备案流程
-          if (row.taskInfo === '填写入会信息') {
-            name =  'jrbzhxhStep2'
-          } else if(row.taskInfo === '标准法规工程师审核'){
-            name =  'jrbzhxhStep3'
-          }else if(row.taskInfo === '标准法规部部长批准'){
-            name =  'jrbzhxhStep4'
-          }
-          break
-        case '16':
-          //外部署名推荐审批流程
-          if (row.taskInfo === '会签') {
-            name =  'wbsmStep2'
-          }else if(row.taskInfo === '标准法规部部长审核'){
-            name =  'wbsmStep3'
-          } else if(row.taskInfo === '技术管理中心主任审定'){
-            name =  'wbsmStep4'
-          }else if(row.taskInfo === '工程研究总院院长批准'){
-            name =  'wbsmStep5'
-          }else if(row.taskInfo === '修改信息'){
-            name =  'wbsmStep1'
-          }
-          break
-          // 外部标准化协会入会流程
-        case '20':
-          if (row.taskInfo === '技术委员会分委会主任/入会代表所在中心主任提名入会代表') {
-            name =  'bzrhStep2'
-          } else if (row.taskInfo === '入会代表填写入会信息表') {
-            name =  'bzrhStep3'
-          } else if (row.taskInfo === '入会人员所在部门负责人审核') {
-            name =  'bzrhStep4'
-          } else if (row.taskInfo === '标准法规工程师汇总修订') {
-            name =  'bzrhStep5'
-          }else if (row.taskInfo === '标准法规部主管领导审核') {
-            query.taskInfo = row.taskInfo
-            name =  'bzrhStep6'
-          } else if (row.taskInfo === '费用管理部门会签') {
-            query.taskInfo = row.taskInfo
-            name =  'bzrhStep6'
-          } else if (row.taskInfo === '技术委员会常务副主任/总院院长审定') {
-            query.taskInfo = row.taskInfo
-            name =  'bzrhStep6'
-          } else if (row.taskInfo === '标准法规工程师汇总修订完毕'){
-            query.taskInfo = row.taskInfo
-            name =  'bzrhStep6'
-          }
-          break
-        case '18':
-          if (row.taskInfo === '法规认证部副部长批准') {
-            name =  'zcchStep2'
-          } else if (row.taskInfo === '公司副总批准') {
-            name =  'zcchStep3'
-          } else if (row.taskInfo === '修订参会信息') {
-            name =  'zcchStep1-1'
-          }
-          break
-          // 政策参会流程
-        case '19':
-          if (row.taskInfo === '申请人填写表单') {
-            name =  'zchhStep1'
-          } else if (row.taskInfo === '审核员批准') {
-            name =  'zchhStep2'
-          } else if (row.taskInfo === '申请人修订申请信息') {
-            name =  'zchhStep1'
-          }
-          break
+            getPrcNameFilter(row) {
+                if (row && row.prcType === '25' && row.taskInfo === '技术标准起草') {
+                    let _index = row.prcName.lastIndexOf('-')
+                    return row.prcName.slice(0, _index + 1) + '企标制修订'
+                } else {
+                    return row.prcName
+                }
 
-        case '21':
-          if (row.taskInfo === '分委会主任/部门中心主任提名入会代表') {
-            name =  'bzchStep2'
-          } else if (row.taskInfo === '参会代表填写参会信息表') {
-            name =  'bzchStep3'
-          } else if (row.taskInfo === '参会人员所在部门中心主任审核') {
-            name =  'bzchStep4'
-          } else if (row.taskInfo === '标准法规工程师修订') {
-            name =  'bzchStep5'
-          } else if (row.taskInfo === '技术管理中心主任审批') {
-            query.taskInfo = row.taskInfo
-            name =  'bzchStep6'
-          } else if (row.taskInfo === '费用管理部门会签') {
-            query.taskInfo = row.taskInfo
-            name =  'bzchStep6'
-          } else if (row.taskInfo === '技术委员会常务副主任/总院院长审定') {
-            query.taskInfo = row.taskInfo
-            name =  'bzchStep6'
-          } else if (row.taskInfo === '标准法规工程师修订完毕') {
-            query.taskInfo = row.taskInfo
-            name =  'bzchStep6'
-          }
+            },
+            togo() {
+                this.$router.push('/processCenter')
+            },
+            queryProcess() { // 查询待办流程
+                this.$http.postData('lawss/activiti/todoTaskList', {
+                        current: this.pageNo,
+                        size: 10,
+                        userId: this.$store.getters.userInfo.usid || this.$store.getters.userInfo.userId,
+                    },
+                    {
+                        loading: 'loading',
+                        _this: this
+                    }, res => {
+                        this.toDoTaskList = res.list
+                    }, e => {
+                    })
+            },
+            toPage() {
+                this.$router.push(this.path)
+            },
+            // 接受按钮
+            handleReceive(item) {
+                this.Loading = true
+                this.isSubmit = true
+                // execTask({
+                //   todoId: this.todoId // 当前节点ID
+                // }).then(res => {
+                //   if (res.sign && res.sign === '0') {
+                //     this.$message.success('接收成功')
+                //     this.$router.push('/processCenter')
+                //   }
+                //   this.isSubmit = false
+                // })
+                // if(!this.tableData.standardData[0]){
+                //   this.$message.warning('请先选择企标计划')
+                //   this.isSubmit = false
+                //   return
+                // }
+                this.$http.get("lawss/activiti/selectBusProcessNew", {
+                    taskId: item.taskIds,
+                }, {
+                    _this: this
+                }, res => {
+                    this.$http.get("lawss/activiti/acceptTack", {
+                        nowEsId: res,
+                        oaFlag: '0',
+                        taskId: item.taskIds,
+                    }, {
+                        _this: this
+                    }, res => {
+                        // if (res.sign && res.sign === '0') {
+                        this.$message.success('接收成功')
+                        this.isSubmit = false
+                        this.showreceive = false
+                        //   this.$router.push('/processCenter')
+                        // }
+                        this.queryProcessPrmise().then(() => {
+                            this.Loading = false
+                        })
 
-          break
-        case '22':
+                    })
+                })
+            },
+            queryProcessPrmise() { // 查询待办流程
+                return new Promise((resolve, reject) => {
+                    this.$http.postData('lawss/activiti/todoTaskList', {
+                            current: this.pageNo,
+                            size: 10,
+                            userId: this.$store.getters.userInfo.usid || this.$store.getters.userInfo.userId,
+                        },
+                        {
+                            loading: 'loading',
+                            _this: this
+                        }, res => {
+                            this.toDoTaskList = res.list
+                            resolve()
+                        }, e => {
+                            reject()
+                        })
+                })
+            },
+            dealWith(row) { // 办理
+                const prcType = row.prcType
+                const query = {
+                    taskIds: row.taskIds,
+                    prcId: row.prcId,
+                    prcNum: row.prcNum,
+                    prcName: row.prcName,
+                    prcType: row.prcType,
+                    taskDefinitionKey: row.taskDefinitionKey
+                }
+                let name = ''
+                switch (prcType) {
+                    case '1':
+                        if (row.taskInfo === '批准') {
+                            name = 'bzrkStep2'
+                        } else if (row.taskInfo === '会签') {
+                            name = 'bzrkStep3'
+                        } else if (row.taskInfo === '修订') {
+                            name = 'bzrkStep4'
+                        }
+                        break
+                    case 'laws1':
+                        if (row.taskInfo === '政策入库审批') {
+                            name = 'zcrkStep2'
+                        } else if (row.taskInfo === '重新发起入库流程') {
+                            name = 'zcrkStep3'
+                        }
+                        break
+                    case 'buss1':
+                        if (row.taskInfo === '企标编写') {
+                            name = 'bussLibrary2'
+                        } else if (row.taskInfo === '企标编写汇总') {
+                            name = 'bussLibrary3'
+                        } else if (row.taskInfo === '重新起草') {
+                            name = 'bussLibraryC1'
+                        } else if (row.taskInfo === '标准化初审') {
+                            name = 'bussLibrary4'
+                        } else if (row.taskInfo === '重新企标编写汇总') {
+                            name = 'bussLibraryC3'
+                        } else if (row.taskInfo === '征求意见') {
+                            name = 'bussLibrary5'
+                        } else if (row.taskInfo === '技术委员会评审、评审意见修改') {
+                            name = 'bussLibrary6'
+                        } else if (row.taskInfo === '标准化复审') {
+                            name = 'bussLibrary7'
+                        } else if (row.taskInfo === '重新技术委员会评审、评审意见修改') {
+                            name = 'bussLibraryC6'
+                        } else if (row.taskInfo === '起草单位高级经理审核') {
+                            name = 'bussLibrary8'
+                        } else if (row.taskInfo === '标准法规部高级经理审核') {
+                            name = 'bussLibrary9'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'bussLibrary10'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bussLibrary11'
+                        } else if (row.taskInfo === '主起草人培训') {
+                            name = 'bussLibrary12'
+                        } else if (row.taskInfo === '发布') {
+                            name = 'bussLibrary13'
+                        }
+                        break
+                    case 'buss2':
+                        if (row.taskInfo === '企标编写') {
+                            name = 'bussLibraryProduct2'
+                        } else if (row.taskInfo === '企标编写汇总') {
+                            name = 'bussLibraryProduct3'
+                        } else if (row.taskInfo === '重新企标编写汇总') {
+                            name = 'bussLibraryProductC3'
+                        } else if (row.taskInfo === '标准化初审') {
+                            name = 'bussLibraryProduct4'
+                        } else if (row.taskInfo === '征求意见') {
+                            name = 'bussLibraryProduct5'
+                        } else if (row.taskInfo === '意见汇总修订') {
+                            name = 'bussLibraryProduct6'
+                        } else if (row.taskInfo === '重新意见汇总修订') {
+                            name = 'bussLibraryProductC6'
+                        } else if (row.taskInfo === '标准化复审') {
+                            name = 'bussLibraryProduct7'
+                        } else if (row.taskInfo === '审核') {
+                            name = 'bussLibraryProduct8'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'bussLibraryProduct10'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bussLibraryProduct12'
+                        } else if (row.taskInfo === '发布') {
+                            name = 'bussLibraryProduct13'
+                        } else if (row.taskInfo === '抄送') {
+                            name = 'bussLibraryProduct14'
+                        }
+                        break;
+                    case 'buss3':
+                        if (row.taskInfo === '选择复审人') {
+                            name = 'qbfsStepSub1'
+                        } else if (row.taskInfo === '复审') {
+                            name = 'qbfsStepSub2'
+                        } else if (row.taskInfo === '汇总') {
+                            name = 'bussFs2'
+                        } else if (row.taskInfo === '重新汇总') {
+                            name = 'bussFsC2'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bussFs3'
+                        } else if (row.taskInfo === '产品标准起草') {
+                            query.bpnId = row.id
+                            name = 'bussFs6'
+                        } else if (row.taskInfo === '技术标准起草') {
+                            query.bpnId = row.id
+                            query.verifySarStandard = true
+                            name = 'bussFs7'
+                        }
+                        break;
+                    case '2':
+                        if (row.taskInfo === '任务分发') {
+                            name = 'bzdyStep2'
+                        } else if (row.taskInfo === '调研结果反馈') {
+                            name = 'bzdyStep3'
+                        } else if (row.taskInfo === '调研结果审批') {
+                            name = 'bzdyStep4'
+                        } else if (row.taskInfo === '调研结果处理') {
+                            name = 'bzdyStep5'
+                        } else if (row.taskInfo === '会签') {
+                            name = 'bzdyStep6'
+                        } else if (row.taskInfo === '审核') {
+                            name = 'bzdyStep7'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'bzdyStep8'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bzdyStep9'
+                        }
+                        break;
+                    case '3':
+                        if (row.taskInfo === '任务分发') {
+                            name = 'bzzqyjStep2'
+                        } else if (row.taskInfo === '意见反馈') {
+                            name = 'bzzqyjStep3'
+                        } else if (row.taskInfo === '意见汇总报批') {
+                            name = 'bzzqyjStep4'
+                        } else if (row.taskInfo === '意见审批') {
+                            name = 'bzzqyjStep4-1'
+                        } else if (row.taskInfo === '管理员') {
+                            name = 'bzzqyjStep4-2'
+                        } else if (row.taskInfo === '意见处理') {
+                            name = 'bzzqyjStep5'
+                        } else if (row.taskInfo === '会签') {
+                            name = 'bzzqyjStep6'
+                        } else if (row.taskInfo === '审核') {
+                            name = 'bzzqyjStep7'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'bzzqyjStep8'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bzzqyjStep9'
+                        }
+                        break
+                    //标准清单更新/发布流程
+                    case'4' :
+                        if (row.taskInfo === '会签') {
+                            name = 'bzqdfbStep2'
+                        } else if (row.taskInfo === '修订') {
+                            name = 'bzqdfbStep3'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bzqdfbStep4'
+                        }
+                        break
+                    //标准合规评估
+                    case '5' :
+                        if (row.taskInfo === '审核1') {
+                            name = 'bzpgStep2'
+                        } else if (row.taskInfo === '项目分发') {
+                            name = 'bzpgStep3'
+                        } else if (row.taskInfo === '任务分发') {
+                            name = 'bzpgStep4'
+                        } else if (row.taskInfo === '合规评估') {
+                            name = 'bzpgStep5'
+                        } else if (row.taskInfo === '审核2') {
+                            name = 'bzpgStep6'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'bzpgStep7'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bzpgStep8'
+                        } else if (row.taskInfo === '重新起草') {
+                            name = 'bzpgStep1'
+                        }
+                        break
+                    //项目评估流程-项目
+                    case '6':
+                        if (row.taskInfo === '任务分发') {
+                            name = 'xmpgStep2'
+                        } else if (row.taskInfo === '合规评估') {
+                            name = 'xmpgStep3'
+                        } else if (row.taskInfo === '审核') {
+                            name = 'xmpgStep4'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'xmpgStep5'
+                        } else if (row.taskInfo === '合规性评估') {
+                            name = 'xmpg2Step6'
+                        } else if (row.taskInfo === '分发负责人审批') {
+                            name = 'xmpg2Step7'
+                        } else if (row.taskInfo === '架构经理审批') {
+                            name = 'xmpg2Step8'
+                        } else if (row.taskInfo === '工程经理审批') {
+                            name = 'xmpg2Step9'
+                        } else if (row.taskInfo === '标准法规部经理审批') {
+                            name = 'xmpg2Step10'
+                        } else if (row.taskInfo === '汇总审批') {
+                            name = 'xmpg2Step11'
+                        } else if (row.taskInfo === '标准法规部部长审批') {
+                            name = 'xmpg2Step12'
+                        }
+                        break
+                    //未符合项整改流程
+                    case '8' :
+                        query.taskAssignee = row.taskAssignee
+                        if (row.taskInfo === '审核') {
+                            name = 'wfhxzgStep2'
+                        } else if (row.taskInfo === '合规排查(上传合规举证材料)') {
+                            name = 'wfhxzgStep3'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'wfhxzgStep4'
+                        } else if (row.taskInfo === '重新起草') {
+                            name = 'wfhxzgStep1'
+                        } else {
+                            name = 'wfhxzgStep5'
+                        }
+                        break
+                    case '9':
+                        if (row.taskInfo === '选择责任人') {
+                            name = 'bzjdStep2'
+                        } else if (row.taskInfo === '解读') {
+                            name = 'bzjdStep3'
+                        } else if (row.taskInfo === '审核') {
+                            name = 'bzjdStep4'
+                        } else if (row.taskInfo === '管理员') {
+                            name = 'bzjdStep5'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'bzjdStep6'
+                        }
+                        break
+                    //项目清单确认流程
+                    case '10' :
+                        if (row.taskInfo === '清单完善1') {
+                            name = 'xmqdqrStep2'
+                        } else if (row.taskInfo === '清单完善2') {
+                            name = 'xmqdqrStep3'
+                        } else if (row.taskInfo === '清单发布') {
+                            name = 'xmqdqrStep4'
+                        }
+                        break
+                    case '14':
+                        //参与外部标准制修订信息提报
+                        if (row.taskInfo === '下发责任工程师') {
+                            name = 'cywbbzzxdStep2'
+                        } else if (row.taskInfo === '填写备案信息') {
+                            name = 'cywbbzzxdStep3'
+                        } else if (row.taskInfo === '责任部门对接人审核') {
+                            name = 'cywbbzzxdStep4'
+                        } else if (row.taskInfo === '标准法规工程师审核') {
+                            name = 'cywbbzzxdStep5'
+                        } else if (row.taskInfo === '标准法规部部长批准') {
+                            name = 'cywbbzzxdStep6'
+                        }
+                        break
+                    case '15':
+                        //加入标准化协会信息备案流程
+                        if (row.taskInfo === '填写入会信息') {
+                            name = 'jrbzhxhStep2'
+                        } else if (row.taskInfo === '标准法规工程师审核') {
+                            name = 'jrbzhxhStep3'
+                        } else if (row.taskInfo === '标准法规部部长批准') {
+                            name = 'jrbzhxhStep4'
+                        }
+                        break
+                    case '16':
+                        //外部署名推荐审批流程
+                        if (row.taskInfo === '会签') {
+                            name = 'wbsmStep2'
+                        } else if (row.taskInfo === '标准法规部部长审核') {
+                            name = 'wbsmStep3'
+                        } else if (row.taskInfo === '技术管理中心主任审定') {
+                            name = 'wbsmStep4'
+                        } else if (row.taskInfo === '工程研究总院院长批准') {
+                            name = 'wbsmStep5'
+                        } else if (row.taskInfo === '修改信息') {
+                            name = 'wbsmStep1'
+                        }
+                        break
+                    // 外部标准化协会入会流程
+                    case '20':
+                        if (row.taskInfo === '技术委员会分委会主任/入会代表所在中心主任提名入会代表') {
+                            name = 'bzrhStep2'
+                        } else if (row.taskInfo === '入会代表填写入会信息表') {
+                            name = 'bzrhStep3'
+                        } else if (row.taskInfo === '入会人员所在部门负责人审核') {
+                            name = 'bzrhStep4'
+                        } else if (row.taskInfo === '标准法规工程师汇总修订') {
+                            name = 'bzrhStep5'
+                        } else if (row.taskInfo === '标准法规部主管领导审核') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzrhStep6'
+                        } else if (row.taskInfo === '费用管理部门会签') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzrhStep6'
+                        } else if (row.taskInfo === '技术委员会常务副主任/总院院长审定') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzrhStep6'
+                        } else if (row.taskInfo === '标准法规工程师汇总修订完毕') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzrhStep6'
+                        }
+                        break
+                    case '18':
+                        if (row.taskInfo === '法规认证部副部长批准') {
+                            name = 'zcchStep2'
+                        } else if (row.taskInfo === '公司副总批准') {
+                            name = 'zcchStep3'
+                        } else if (row.taskInfo === '修订参会信息') {
+                            name = 'zcchStep1-1'
+                        }
+                        break
+                    // 政策参会流程
+                    case '19':
+                        if (row.taskInfo === '申请人填写表单') {
+                            name = 'zchhStep1'
+                        } else if (row.taskInfo === '审核员批准') {
+                            name = 'zchhStep2'
+                        } else if (row.taskInfo === '申请人修订申请信息') {
+                            name = 'zchhStep1'
+                        }
+                        break
 
-            name = 'bzhhStep2'
-          break
-        case '23':
-          if (row.taskInfo === '工作组组长指派责任人') {
-            name =  'qbfsStep2'
-          } else if(row.taskInfo === '工作组成员标准复审') {
-            name =  'qbfsStep3'
-          }else if(row.taskInfo === '工作组组长审批') {
-            name =  'qbfsStep4'
-          }
-          break
-        case '24':
-          if(row.taskInfo === '会签') {
-            name =  'qbfzStep3'
-          } else if(row.taskInfo === '起草人修改标准状态') {
-            name =  'qbfzStep4'
-          } else if(row.taskInfo === '审核') {
-            name =  'qbfzStep5'
-          }
-          else if(row.taskInfo === '审定') {
-            name =  'qbfzStep6'
-          }else if(row.taskInfo === '批准') {
-            name =  'qbfzStep7'
-          }
-          break
-        case '25':
-          if (row.taskInfo === '审核') {
-            name =  'qbzxdjhgkStep2'
-          } else if(row.taskInfo === '会签') {
-            name =  'qbzxdjhgkStep3'
-          }else if(row.taskInfo === '审定') {
-            name =  'qbzxdjhgkStep4'
-          }else if(row.taskInfo === '批准') {
-            name =  'qbzxdjhgkStep5'
-          }else if(row.taskInfo === '重新起草') {
-            name =  'qbzxdjhgkStep1'
-          }else if(row.taskInfo === '技术标准起草') {
-            name =  'qbzxdjhgkStep6'
-          }
-          break;
-        case "26":
-          if (row.taskInfo === "立项确认") {
-            name =  "qbzxdlxStep2";
-          }
-          break;
-        case "laws2":
-          if (row.taskInfo === "责任对接人进行任务下发") {
-            name =  "zczqyjStep2"
-          } else if(row.taskInfo === '责任人(责任工程师)填写意见'){
-            name =  'zczqyjStep3'
-          }
-          else if(row.taskInfo === '责任对接人审核'){
-            name =  'zczqyjStep4'
-          }
-          else if(row.taskInfo === '法规工程师单条审核'){
-            name =  'zczqyjStep5'
-          }
-          else if(row.taskInfo === '法规工程师修订'){
-            name =  'zczqyjStep6'
-          }
-          else if(row.taskInfo === '法规认证部长审核'){
-            name =  'zczqyjStep7'
-          }
-          else if(row.taskInfo === '法规认证部副总监审核'){
-            name =  'zczqyjStep8'
-          }
-          else if(row.taskInfo === '法规认证部总监批准'){
-            name =  'zczqyjStep9'
-          }
-          break
-        case 'laws3':
-          if (row.taskInfo === '法规认证部长批准') {
-            name =  'zdrzbzORzchgxxmscStep2'
-          } else if(row.taskInfo === '法规认证部副总监批准'){
-            name =  'zdrzbzORzchgxxmscStep3'
-          }
-          else if(row.taskInfo === '责任部门领导任务下发'){
-            name =  'zdrzbzORzchgxxmscStep4'
-          }
-          else if(row.taskInfo === '责任人反馈情况'){
-            name =  'zdrzbzORzchgxxmscStep5'
-          }
-          else if(row.taskInfo === '责任部门领导批准'){
-            name =  'zdrzbzORzchgxxmscStep6'
-          }
-          else if(row.taskInfo === '法规管理员审核'){
-            name =  'zdrzbzORzchgxxmscStep7'
-          }
-          else if(row.taskInfo === '法规认证部长审定'){
-            name =  'zdrzbzORzchgxxmscStep8'
-          }
-          else if(row.taskInfo === '法规认证部副总监批准'){
-            name =  'zdrzbzORzchgxxmscStep9'
-          }
-        case '27':
-            name = 'MyQuestions2'
-        break
-      }
-       this.$router.push({ name, query })
-    },
-  },
-}
+                    case '21':
+                        if (row.taskInfo === '分委会主任/部门中心主任提名入会代表') {
+                            name = 'bzchStep2'
+                        } else if (row.taskInfo === '参会代表填写参会信息表') {
+                            name = 'bzchStep3'
+                        } else if (row.taskInfo === '参会人员所在部门中心主任审核') {
+                            name = 'bzchStep4'
+                        } else if (row.taskInfo === '标准法规工程师修订') {
+                            name = 'bzchStep5'
+                        } else if (row.taskInfo === '技术管理中心主任审批') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzchStep6'
+                        } else if (row.taskInfo === '费用管理部门会签') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzchStep6'
+                        } else if (row.taskInfo === '技术委员会常务副主任/总院院长审定') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzchStep6'
+                        } else if (row.taskInfo === '标准法规工程师修订完毕') {
+                            query.taskInfo = row.taskInfo
+                            name = 'bzchStep6'
+                        }
+
+                        break
+                    case '22':
+
+                        name = 'bzhhStep2'
+                        break
+                    case '23':
+                        if (row.taskInfo === '工作组组长指派责任人') {
+                            name = 'qbfsStep2'
+                        } else if (row.taskInfo === '工作组成员标准复审') {
+                            name = 'qbfsStep3'
+                        } else if (row.taskInfo === '工作组组长审批') {
+                            name = 'qbfsStep4'
+                        }
+                        break
+                    case '24':
+                        if (row.taskInfo === '会签') {
+                            name = 'qbfzStep3'
+                        } else if (row.taskInfo === '起草人修改标准状态') {
+                            name = 'qbfzStep4'
+                        } else if (row.taskInfo === '审核') {
+                            name = 'qbfzStep5'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'qbfzStep6'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'qbfzStep7'
+                        }
+                        break
+                    case '25':
+                        if (row.taskInfo === '审核') {
+                            name = 'qbzxdjhgkStep2'
+                        } else if (row.taskInfo === '会签') {
+                            name = 'qbzxdjhgkStep3'
+                        } else if (row.taskInfo === '审定') {
+                            name = 'qbzxdjhgkStep4'
+                        } else if (row.taskInfo === '批准') {
+                            name = 'qbzxdjhgkStep5'
+                        } else if (row.taskInfo === '重新起草') {
+                            name = 'qbzxdjhgkStep1'
+                        } else if (row.taskInfo === '技术标准起草') {
+                            name = 'qbzxdjhgkStep6'
+                        }
+                        break;
+                    case "26":
+                        if (row.taskInfo === "立项确认") {
+                            name = "qbzxdlxStep2";
+                        }
+                        break;
+                    case "laws2":
+                        if (row.taskInfo === "责任对接人进行任务下发") {
+                            name = "zczqyjStep2"
+                        } else if (row.taskInfo === '责任人(责任工程师)填写意见') {
+                            name = 'zczqyjStep3'
+                        } else if (row.taskInfo === '责任对接人审核') {
+                            name = 'zczqyjStep4'
+                        } else if (row.taskInfo === '法规工程师单条审核') {
+                            name = 'zczqyjStep5'
+                        } else if (row.taskInfo === '法规工程师修订') {
+                            name = 'zczqyjStep6'
+                        } else if (row.taskInfo === '法规认证部长审核') {
+                            name = 'zczqyjStep7'
+                        } else if (row.taskInfo === '法规认证部副总监审核') {
+                            name = 'zczqyjStep8'
+                        } else if (row.taskInfo === '法规认证部总监批准') {
+                            name = 'zczqyjStep9'
+                        }
+                        break
+                    case 'laws3':
+                        if (row.taskInfo === '法规认证部长批准') {
+                            name = 'zdrzbzORzchgxxmscStep2'
+                        } else if (row.taskInfo === '法规认证部副总监批准') {
+                            name = 'zdrzbzORzchgxxmscStep3'
+                        } else if (row.taskInfo === '责任部门领导任务下发') {
+                            name = 'zdrzbzORzchgxxmscStep4'
+                        } else if (row.taskInfo === '责任人反馈情况') {
+                            name = 'zdrzbzORzchgxxmscStep5'
+                        } else if (row.taskInfo === '责任部门领导批准') {
+                            name = 'zdrzbzORzchgxxmscStep6'
+                        } else if (row.taskInfo === '法规管理员审核') {
+                            name = 'zdrzbzORzchgxxmscStep7'
+                        } else if (row.taskInfo === '法规认证部长审定') {
+                            name = 'zdrzbzORzchgxxmscStep8'
+                        } else if (row.taskInfo === '法规认证部副总监批准') {
+                            name = 'zdrzbzORzchgxxmscStep9'
+                        }
+                        break
+                    case '27':
+                        name = 'MyQuestions2'
+                        break
+                    case '29':
+                        name = 'policyConsultation'
+                        break
+                    case '30':
+                        name = 'policyComplianceReview'
+                        break
+                }
+                this.$router.push({name, query})
+            },
+        },
+    }
 </script>
 
 <style lang="less" scoped>
-.to-do-list {
-  margin-right: 10px;
-  border-radius: 3px;
-  height: calc(~'100% - 245px');
-  overflow: hidden;
-  background: #FFFFFF;
-  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
-  .task {
-    display: inline-block;
-    margin: 15px;
-    color: #333333;
-    font-size: 15px;
-  }
-  .more {
-    font-size: 15px;
-    float: right;
-    color: #4788c0;
-    margin: 15px 15px;
-    &:hover {
-      color: #3a8ee6;
-      cursor: pointer;
+    .to-do-list {
+        margin-right: 10px;
+        border-radius: 3px;
+        height: calc(~'100% - 245px');
+        overflow: hidden;
+        background: #FFFFFF;
+        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
+
+        .task {
+            display: inline-block;
+            margin: 15px;
+            color: #333333;
+            font-size: 15px;
+        }
+
+        .more {
+            font-size: 15px;
+            float: right;
+            color: #4788c0;
+            margin: 15px 15px;
+
+            &:hover {
+                color: #3a8ee6;
+                cursor: pointer;
+            }
+        }
+
+        ul {
+            height: calc(~'100% - 50px');
+            overflow-y: auto;
+        }
+
+        ul::-webkit-scrollbar {
+            display: none;
+        }
+
+        .time-title {
+            margin: 15px;
+            border-bottom: 1px dashed #cccccc;
+
+            span {
+                cursor: pointer;
+            }
+
+            span:hover {
+                color: #5ea9f6;
+            }
+        }
     }
-  }
-  ul {
-    height: calc(~'100% - 50px');
-    overflow-y: auto;
-  }
-  ul::-webkit-scrollbar {
-    display: none;
-  }
-  .time-title {
-    margin: 15px;
-    border-bottom: 1px dashed #cccccc;
-    span {
-      cursor: pointer;
-    }
-    span:hover {
-      color: #5ea9f6;
-    }
-  }
-}
 </style>