From a7aaae03d0c89decb1b7adf612e7758cae226057 Mon Sep 17 00:00:00 2001
From: jr719 <403209447@qq.com>
Date: Mon, 12 Apr 2021 00:33:06 +0800
Subject: [PATCH] sunday

---
 src/App.vue                       |   4 +-
 src/layout/components/AppMain.vue |   4 +-
 src/layout/components/Navbar.vue  |  28 +-
 src/router/index.js               |   2 +-
 src/utils/index.js                |   2 +-
 src/views/convenience/detail.vue  | 648 +++++++++++++++---------------
 src/views/convenience/list.vue    | 294 +++++++-------
 src/views/login/index.vue         |   8 +-
 src/views/workBook/list.vue       |  18 +-
 9 files changed, 498 insertions(+), 510 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 213cd41..3b3a1c7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,8 +6,8 @@
 
 <script>
 export default {
-  name: "App"
-};
+  name: 'App'
+}
 </script>
 <style>
 .app-container .el-button--primary {
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 78eccec..7ae7653 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -60,7 +60,5 @@ export default {
     padding-right: 15px;
   }
 }
-.app-breadcrumb.el-breadcrumb{
-  font-size: 16px !important;
-  }
+
 </style>
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index e72c05d..3020ca2 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -19,8 +19,8 @@
       </template> -->
 
       <!-- <div class="avatar-wrapper"> -->
-      <img :src="avatar" class="user-avatar" />
-      <span>{{name}}</span>
+      <img :src="avatar" class="user-avatar">
+      <span>{{ name }}</span>
       <el-button icon="el-icon-switch-button" type="text" style="margin-left:26px;margin-right:20px">退出登录</el-button>
       <!-- <div><i ></i>退出登录</div> -->
       <!-- <i class="el-icon-caret-bottom" /> -->
@@ -54,13 +54,13 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import Breadcrumb from "@/components/Breadcrumb";
-import Hamburger from "@/components/Hamburger";
-import ErrorLog from "@/components/ErrorLog";
-import Screenfull from "@/components/Screenfull";
-import SizeSelect from "@/components/SizeSelect";
-import Search from "@/components/HeaderSearch";
+import { mapGetters } from 'vuex'
+import Breadcrumb from '@/components/Breadcrumb'
+import Hamburger from '@/components/Hamburger'
+import ErrorLog from '@/components/ErrorLog'
+import Screenfull from '@/components/Screenfull'
+import SizeSelect from '@/components/SizeSelect'
+import Search from '@/components/HeaderSearch'
 
 export default {
   components: {
@@ -72,18 +72,18 @@ export default {
     Search
   },
   computed: {
-    ...mapGetters(["sidebar", "avatar", "device","name"])
+    ...mapGetters(['sidebar', 'avatar', 'device', 'name'])
   },
   methods: {
     toggleSideBar() {
-      this.$store.dispatch("app/toggleSideBar");
+      this.$store.dispatch('app/toggleSideBar')
     },
     async logout() {
-      await this.$store.dispatch("user/logout");
-      this.$router.push(`/login?redirect=${this.$route.fullPath}`);
+      await this.$store.dispatch('user/logout')
+      this.$router.push(`/login?redirect=${this.$route.fullPath}`)
     }
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/router/index.js b/src/router/index.js
index ac788f0..58f00f1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -72,7 +72,7 @@ export const constantRoutes = [
   },
   {
     path: '/',
-    name:'Dashboard',
+    name: 'Dashboard',
     component: Layout,
     redirect: '/dashboard',
     children: [
diff --git a/src/utils/index.js b/src/utils/index.js
index 0178c60..0a37274 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -407,4 +407,4 @@ export function errorCodeMap(code) {
 //       : Math.floor(((timeStamp % 86400) % 3600) % 60)
 //   }`;
 //   return timeStr;
-// }
\ No newline at end of file
+// }
diff --git a/src/views/convenience/detail.vue b/src/views/convenience/detail.vue
index 262891a..fa9eefc 100644
--- a/src/views/convenience/detail.vue
+++ b/src/views/convenience/detail.vue
@@ -23,8 +23,8 @@
                 :show-all-levels="false"
                 :props="{ emitPath: false }"
                 placeholder="编辑"
-                @change="handleEventTypeChange"
                 clearable
+                @change="handleEventTypeChange"
               />
               <el-button
                 v-if="
@@ -38,8 +38,7 @@
                 icon="el-icon-edit"
                 type="text"
                 @click="isEventTypeChange = !isEventTypeChange"
-                >{{ isEventTypeChange ? "取消" : "编辑" }}</el-button
-              >
+              >{{ isEventTypeChange ? "取消" : "编辑" }}</el-button>
               <!-- <i class="icon_timer"></i
               ><span class="text_timer">
                 {{
@@ -112,8 +111,7 @@
               "
               type="primary"
               @click="handleUpdate(6)"
-              >要件齐备，开始办理</el-button
-            >
+            >要件齐备，开始办理</el-button>
             <el-button
               v-if="
                 convenience &&
@@ -128,12 +126,11 @@
               type="primary"
               @click="handleUpdate(7)"
             >
-              <i class="icon_bj"></i>
+              <i class="icon_bj" />
               办结
             </el-button>
 
             <el-button
-            style="margin-right:16px;"
               v-if="
                 convenience &&
                   convenience.phase !== 'FINISH' &&
@@ -142,10 +139,10 @@
                   convenience.statusList[0].status !== 'FORWARDED_APPLY' &&
                   convenience.statusList[0].status !== 'FORWARDED'
               "
+              style="margin-right:16px;"
               type="primary"
               @click="handleApprovalReminder(11)"
-              ><i class="icon_sh"></i>发起审批</el-button
-            >
+            ><i class="icon_sh" />发起审批</el-button>
 
             <el-button
               v-if="
@@ -158,8 +155,7 @@
               "
               type="primary"
               @click="handleUpdate(14)"
-              ><i class="icon_zj"></i>转交任务</el-button
-            >
+            ><i class="icon_zj" />转交任务</el-button>
           </div>
         </div>
         <div class="hr" />
@@ -179,18 +175,18 @@
             </div>
             </el-col
           > -->
-          <el-col :span="6"
-            ><div>
-              申办人：{{ convenience && convenience.residentInformation.name }}
-            </div></el-col
-          >
-          <el-col :span="6"
-            ><div>
-              受理人：{{
-                convenience && convenience.currentResponsiblePerson.name
-              }}
-            </div></el-col
-          >
+          <el-col
+            :span="6"
+          ><div>
+            申办人：{{ convenience && convenience.residentInformation.name }}
+          </div></el-col>
+          <el-col
+            :span="6"
+          ><div>
+            受理人：{{
+              convenience && convenience.currentResponsiblePerson.name
+            }}
+          </div></el-col>
           <el-col :span="6" style="text-align:right">
             总办理时长：<i class="icon_timer" /><span class="text_timer">
               {{
@@ -248,8 +244,7 @@
             >
               任务状态：<span style="color:#ff5a00">{{
                 convenience && convenience.statusList[0].status | statusFilter
-              }}</span
-              ><el-button
+              }}</span><el-button
                 v-if="
                   convenience &&
                     convenience.phase !== 'FINISH' &&
@@ -258,8 +253,7 @@
                 type="primary"
                 style="margin-left:10px"
                 @click="handleUpdate(12)"
-                >撤销</el-button
-              >
+              >撤销</el-button>
               <el-button
                 v-if="
                   convenience &&
@@ -271,8 +265,7 @@
                 style="margin-left:10px"
                 type="primary"
                 @click="handleUpdate(9)"
-                >撤销转交超限审批</el-button
-              >
+              >撤销转交超限审批</el-button>
 
               <div
                 v-if="
@@ -281,33 +274,36 @@
                 "
                 style="margin-left:10px"
               >
-                <el-button type="success" @click="handleApprove(true)"
-                  >通过</el-button
-                ><el-button type="danger" @click="handleApprove(false)"
-                  >驳回</el-button
-                >
+                <el-button
+                  type="success"
+                  @click="handleApprove(true)"
+                >通过</el-button><el-button
+                  type="danger"
+                  @click="handleApprove(false)"
+                >驳回</el-button>
               </div>
             </div>
-            <ul class="approveUl" v-if="convenience">
+            <ul v-if="convenience" class="approveUl">
               <li v-for="(item, index) in convenience.applyVoList" :key="index">
-                <el-tag type="info" style="display: flex;align-items: center;"
-                  ><i
-                    :class="{
-                      icon_approve: true,
-                      approve_pass: item.approve,
-                      approve_null: item.approve === null,
-                      approve_no: !item.approve
-                    }"
-                  />{{
-                    `${item.residentInformation.name}${
-                      item.approve
-                        ? "已同意"
-                        : item.approve === null
+                <el-tag
+                  type="info"
+                  style="display: flex;align-items: center;"
+                ><i
+                  :class="{
+                    icon_approve: true,
+                    approve_pass: item.approve,
+                    approve_null: item.approve === null,
+                    approve_no: !item.approve
+                  }"
+                />{{
+                  `${item.residentInformation.name}${
+                    item.approve
+                      ? "已同意"
+                      : item.approve === null
                         ? "审批中"
                         : "已驳回"
-                    }`
-                  }}</el-tag
-                >
+                  }`
+                }}</el-tag>
               </li>
             </ul>
             <!-- <div>
@@ -317,7 +313,7 @@
                     convenience.applyVoList[0].residentInformation.name
                 }})</span
               >
-              
+
             </div> -->
             <!-- <div
               v-if="
@@ -457,15 +453,14 @@
                       ? this.acceptanceTime.second
                       : this.acceptanceTime.second
                   }`
-                }}</span
-                ><span
+                }}</span><span
                   v-if="acceptanceMsec > 57600 && acceptanceMsec < 86400"
                   class="timeout"
-                  ><i class="icon_timeout" />即将超时</span
-                >
-                <span v-if="acceptanceMsec > 86400" class="timeout"
-                  ><i class="icon_timeout" />已超时</span
-                >
+                ><i class="icon_timeout" />即将超时</span>
+                <span
+                  v-if="acceptanceMsec > 86400"
+                  class="timeout"
+                ><i class="icon_timeout" />已超时</span>
               </div>
             </div>
           </el-col>
@@ -549,8 +544,7 @@
                         convenience.eventType.commitmentTimeLimit * 3600)
                   "
                   class="timeout"
-                  ><i class="icon_timeout" />已超时</span
-                >
+                ><i class="icon_timeout" />已超时</span>
                 <span
                   v-else-if="
                     finishMsec >=
@@ -558,8 +552,7 @@
                         convenience.eventType.timeoutReminder * 3600)
                   "
                   class="timeout"
-                  ><i class="icon_timeout" />即将超时</span
-                >
+                ><i class="icon_timeout" />即将超时</span>
               </div>
             </div>
           </el-col>
@@ -685,8 +678,7 @@
           type="primary"
           style="margin-right:73px;"
           @click="handleContact"
-          >发起沟通</el-button
-        >
+        >发起沟通</el-button>
       </div>
 
       <div class="timeLine">
@@ -730,10 +722,9 @@
                   "
                   style="cursor: pointer"
                   @click="handleSetPreviewImg(item)"
-                  ><i class="icon_fujian" />{{
-                    item.substring(item.lastIndexOf("/") + 1)
-                  }}</span
-                >
+                ><i class="icon_fujian" />{{
+                  item.substring(item.lastIndexOf("/") + 1)
+                }}</span>
                 <el-link v-else :href="item" :underline="false" target="_blank">
                   <i class="icon_fujian" />
                   {{ item.substring(item.lastIndexOf("/") + 1) }}
@@ -745,10 +736,9 @@
               <p v-if="item.frequency">
                 已转交次数：{{ item.frequency }}
                 <span
-                  style="margin-left:164px"
                   v-if="item.type === 14 || item.type === 8"
-                  >被转交人：{{ item.to[0].name }}</span
-                >
+                  style="margin-left:164px"
+                >被转交人：{{ item.to[0].name }}</span>
               </p>
               <!-- <p v-if="item.type === 14 || item.type === 8">
                 被转交人：{{ item.to[0].name }}
@@ -764,10 +754,10 @@
                   item.type === 11
                     ? "审批备注："
                     : item.type === 14
-                    ? "转交备注："
-                    : item.type === 1
-                    ? "文字说明："
-                    : "备注："
+                      ? "转交备注："
+                      : item.type === 1
+                        ? "文字说明："
+                        : "备注："
                 }}{{ item.remark }}
               </p>
             </el-card>
@@ -777,7 +767,7 @@
     </div>
 
     <el-dialog :visible.sync="dialogPreviewImg" width="500px">
-      <img width="100%" :src="dialogImageUrl" alt="" />
+      <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog>
 
     <el-dialog
@@ -827,9 +817,10 @@
         </el-form>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button type="default" @click="contactDialog = false"
-          >取消</el-button
-        >
+        <el-button
+          type="default"
+          @click="contactDialog = false"
+        >取消</el-button>
         <el-button type="primary" @click="createContact">提交</el-button>
       </span>
     </el-dialog>
@@ -933,9 +924,10 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <!-- <el-button @click="centerDialogVisible = false">取 消</el-button> -->
-        <el-button type="primary" @click="handleConfirmApprovalReminder"
-          >发起审批</el-button
-        >
+        <el-button
+          type="primary"
+          @click="handleConfirmApprovalReminder"
+        >发起审批</el-button>
       </span>
     </el-dialog>
 
@@ -970,65 +962,65 @@ import {
   communicationList,
   update,
   typeList
-} from "@/api/convenience";
-import { parseTime } from "@/utils";
-import { staffList } from "@/api/staff";
-import AliOss from "@/components/AliOSS/index.vue";
+} from '@/api/convenience'
+import { parseTime } from '@/utils'
+import { staffList } from '@/api/staff'
+import AliOss from '@/components/AliOSS/index.vue'
 
 export default {
   filters: {
     sponsorFilter(status) {
       const statusMap = {
-        SELF: "居民",
-        STAFF: "工作人员"
-      };
-      return statusMap[status];
+        SELF: '居民',
+        STAFF: '工作人员'
+      }
+      return statusMap[status]
     },
     phaseFilter(status) {
       const statusMap = {
-        PENDING_ORDER: "待接单",
-        PREREQUISITES: "要件准备中",
-        PROCESSING: "办理中",
-        FINISH: "办结"
-      };
-      return statusMap[status];
+        PENDING_ORDER: '待接单',
+        PREREQUISITES: '要件准备中',
+        PROCESSING: '办理中',
+        FINISH: '办结'
+      }
+      return statusMap[status]
     },
     statusFilter(status) {
       const statusMap = {
-        MINE: "待我处理",
-        FORWARDED: "已转交",
-        FORWARDED_APPLY: "转交超限审批中",
-        SUBMIT_APPLY: "已提交审批",
-        WAIT_APPLY: "待审核"
-      };
-      return statusMap[status];
+        MINE: '待我处理',
+        FORWARDED: '已转交',
+        FORWARDED_APPLY: '转交超限审批中',
+        SUBMIT_APPLY: '已提交审批',
+        WAIT_APPLY: '待审核'
+      }
+      return statusMap[status]
     },
     typeFilter(status) {
       const statusMap = {
-        1: "建立工单",
-        2: "撤销工单",
-        3: "沟通",
-        4: "调整工单类别",
-        5: "接单",
-        6: "要件齐备",
-        7: "办结",
-        8: "转交超限审批提交",
-        9: "转交超限审批撤销",
-        10: "转交超限审批",
-        11: "发起审批",
-        12: "撤销审批",
-        13: "审批操作",
-        14: "转交"
-      };
-      return statusMap[status];
+        1: '建立工单',
+        2: '撤销工单',
+        3: '沟通',
+        4: '调整工单类别',
+        5: '接单',
+        6: '要件齐备',
+        7: '办结',
+        8: '转交超限审批提交',
+        9: '转交超限审批撤销',
+        10: '转交超限审批',
+        11: '发起审批',
+        12: '撤销审批',
+        13: '审批操作',
+        14: '转交'
+      }
+      return statusMap[status]
     },
     evaluationFilter(status) {
       const statusMap = {
-        1: "不满意",
-        2: "满意",
-        3: "非常满意"
-      };
-      return statusMap[status];
+        1: '不满意',
+        2: '满意',
+        3: '非常满意'
+      }
+      return statusMap[status]
     }
     // 1 不满意, 2 满意, 3 非常满意
   },
@@ -1052,7 +1044,7 @@ export default {
         evaluation: undefined
       },
       rules: {
-        ids: [{ required: true, message: "请选择操作对象", trigger: "change" }]
+        ids: [{ required: true, message: '请选择操作对象', trigger: 'change' }]
         // category: [{ required: true, message: '请选择栏目板块', trigger: 'change' }]
       },
       updateType: undefined,
@@ -1065,30 +1057,30 @@ export default {
       prerequisitesInterval: undefined,
       preMsec: 0,
       prerequisitesTime: {
-        hour: "--",
-        minute: "--",
-        second: "--"
+        hour: '--',
+        minute: '--',
+        second: '--'
       },
       finishTimeInterval: undefined,
       finishMsec: 0,
       finishTime: {
-        hour: "--",
-        minute: "--",
-        second: "--"
+        hour: '--',
+        minute: '--',
+        second: '--'
       },
       acceptanceInterval: undefined,
       acceptanceMsec: 0,
       acceptanceTime: {
-        hour: "--",
-        minute: "--",
-        second: "--"
+        hour: '--',
+        minute: '--',
+        second: '--'
       },
       totalTimeInterval: undefined,
       totalMsec: 0,
       totalTime: {
-        hour: "--",
-        minute: "--",
-        second: "--"
+        hour: '--',
+        minute: '--',
+        second: '--'
       },
       dialogPreviewImg: false,
       dialogImageUrl: undefined,
@@ -1098,67 +1090,67 @@ export default {
       eventTypeId: undefined,
       applyDetail: false,
       isEventTypeChange: false
-    };
+    }
   },
   created() {
-    this.getInfo();
-    this.getStaffList();
-    this.getCommunicationList();
-    this.getTypeList();
+    this.getInfo()
+    this.getStaffList()
+    this.getCommunicationList()
+    this.getTypeList()
   },
   methods: {
     getInfo() {
       info({ id: this.id }).then(res => {
-        this.convenience = res.d;
-        const tempData = Object.assign({}, this.convenience);
-        const now = Date.parse(new Date()).toString() / 1000;
-        clearInterval(this.acceptanceInterval);
-        clearInterval(this.prerequisitesInterval);
-        clearInterval(this.finishTimeInterval);
-        clearInterval(this.totalTimeInterval);
+        this.convenience = res.d
+        const tempData = Object.assign({}, this.convenience)
+        const now = Date.parse(new Date()).toString() / 1000
+        clearInterval(this.acceptanceInterval)
+        clearInterval(this.prerequisitesInterval)
+        clearInterval(this.finishTimeInterval)
+        clearInterval(this.totalTimeInterval)
         switch (tempData.phase) {
           // 待接单
-          case "PENDING_ORDER":
+          case 'PENDING_ORDER':
             if (tempData.acceptanceTime === null) {
-              this.acceptanceMsec = now - this.convenience.createDate;
-              this.countdown(tempData.phase);
+              this.acceptanceMsec = now - this.convenience.createDate
+              this.countdown(tempData.phase)
             }
-            break;
+            break
           // 要件准备
-          case "PREREQUISITES":
+          case 'PREREQUISITES':
             if (tempData.prerequisitesTime === null) {
-              this.preMsec = now - this.convenience.createDate;
-              this.acceptanceMsec = tempData.acceptanceTime;
-              this.timeFormat("acceptanceTime", this.acceptanceMsec);
-              this.countdown(tempData.phase);
+              this.preMsec = now - this.convenience.createDate
+              this.acceptanceMsec = tempData.acceptanceTime
+              this.timeFormat('acceptanceTime', this.acceptanceMsec)
+              this.countdown(tempData.phase)
             }
-            break;
+            break
           // 办理中
-          case "PROCESSING":
+          case 'PROCESSING':
             if (tempData.finishTime === null) {
               this.finishMsec =
-                now - this.preMsec - this.convenience.createDate;
-              this.acceptanceMsec = tempData.acceptanceTime;
-              this.preMsec = tempData.prerequisitesTime;
-              this.timeFormat("acceptanceTime", this.acceptanceMsec);
-              this.timeFormat("prerequisitesTime", this.preMsec);
-              this.countdown(tempData.phase);
+                now - this.preMsec - this.convenience.createDate
+              this.acceptanceMsec = tempData.acceptanceTime
+              this.preMsec = tempData.prerequisitesTime
+              this.timeFormat('acceptanceTime', this.acceptanceMsec)
+              this.timeFormat('prerequisitesTime', this.preMsec)
+              this.countdown(tempData.phase)
             }
-            break;
+            break
           // 办结
-          case "FINISH":
+          case 'FINISH':
             // console.log(123);
             if (tempData.finishTime !== null) {
-              this.finishMsec = tempData.finishTime;
-              this.acceptanceMsec = tempData.acceptanceTime;
-              this.preMsec = tempData.prerequisitesTime;
-              this.timeFormat("acceptanceTime", this.acceptanceMsec);
-              this.timeFormat("prerequisitesTime", this.preMsec);
-              this.timeFormat("finishTime", this.finishMsec);
+              this.finishMsec = tempData.finishTime
+              this.acceptanceMsec = tempData.acceptanceTime
+              this.preMsec = tempData.prerequisitesTime
+              this.timeFormat('acceptanceTime', this.acceptanceMsec)
+              this.timeFormat('prerequisitesTime', this.preMsec)
+              this.timeFormat('finishTime', this.finishMsec)
 
-              this.countdown(tempData.phase);
+              this.countdown(tempData.phase)
             }
-            break;
+            break
         }
         // const now = Date.parse(new Date()).toString() / 1000;
         // switch (this.convenience.phase) {
@@ -1194,74 +1186,74 @@ export default {
         //     this.countdown(this.convenience.phase);
         //     break;
         // }
-      });
+      })
     },
     getTypeList() {
       typeList().then(res => {
-        this.typeOptions = [];
+        this.typeOptions = []
         res.d.map(i => {
-          const children = [];
+          const children = []
 
           i.eventTypesList.map(c => {
             const level2 = {
               label: c.eventName,
               value: c.id
-            };
-            children.push(level2);
-          });
+            }
+            children.push(level2)
+          })
           const level1 = {
             label: i.eventName,
             children
-          };
+          }
 
-          this.typeOptions.push(level1);
-        });
-      });
+          this.typeOptions.push(level1)
+        })
+      })
     },
     countdown(phase) {
-      if (phase === "PENDING_ORDER") {
+      if (phase === 'PENDING_ORDER') {
         this.acceptanceInterval = setInterval(() => {
-          this.timeFormat("acceptanceTime", this.acceptanceMsec);
-          this.acceptanceMsec++;
-        }, 1000);
+          this.timeFormat('acceptanceTime', this.acceptanceMsec)
+          this.acceptanceMsec++
+        }, 1000)
         // 当前阶段的时间加上
-        this.totalMsec = this.acceptanceMsec;
+        this.totalMsec = this.acceptanceMsec
         this.totalTimeInterval = setInterval(() => {
-          this.timeFormat("totalTime", this.totalMsec);
-          this.totalMsec++;
-        }, 1000);
-      } else if (phase === "PREREQUISITES") {
+          this.timeFormat('totalTime', this.totalMsec)
+          this.totalMsec++
+        }, 1000)
+      } else if (phase === 'PREREQUISITES') {
         this.prerequisitesInterval = setInterval(() => {
-          this.timeFormat("prerequisitesTime", this.preMsec);
-          this.preMsec++;
-        }, 1000);
-        this.totalMsec = this.convenience.acceptanceTime + this.preMsec;
+          this.timeFormat('prerequisitesTime', this.preMsec)
+          this.preMsec++
+        }, 1000)
+        this.totalMsec = this.convenience.acceptanceTime + this.preMsec
         this.totalTimeInterval = setInterval(() => {
-          this.timeFormat("totalTime", this.totalMsec);
-          this.totalMsec++;
-        }, 1000);
-      } else if (phase === "PROCESSING") {
+          this.timeFormat('totalTime', this.totalMsec)
+          this.totalMsec++
+        }, 1000)
+      } else if (phase === 'PROCESSING') {
         this.finishTimeInterval = setInterval(() => {
           // console.log(233);
-          this.timeFormat("finishTime", this.finishMsec);
-          this.finishMsec++;
-        }, 1000);
+          this.timeFormat('finishTime', this.finishMsec)
+          this.finishMsec++
+        }, 1000)
         this.totalMsec =
           this.convenience.acceptanceTime +
           this.convenience.prerequisitesTime +
-          this.finishMsec;
+          this.finishMsec
         this.totalTimeInterval = setInterval(() => {
-          this.timeFormat("totalTime", this.totalMsec);
-          this.totalMsec++;
-        }, 1000);
-      } else if (phase === "FINISH") {
+          this.timeFormat('totalTime', this.totalMsec)
+          this.totalMsec++
+        }, 1000)
+      } else if (phase === 'FINISH') {
         // console.log(233);
-        this.finishMsec;
+        this.finishMsec
         this.totalMsec =
           this.convenience.acceptanceTime +
           this.convenience.prerequisitesTime +
-          this.convenience.finishTime;
-        this.timeFormat("totalTime", this.totalMsec);
+          this.convenience.finishTime
+        this.timeFormat('totalTime', this.totalMsec)
         // this.totalTimeInterval = setInterval(() => {
         //   this.totalMsec++;
         // }, 1000);
@@ -1377,16 +1369,16 @@ export default {
     timeFormat(obj, timeStamp) {
       this[obj].hour =
         Math.floor(timeStamp / 3600) < 9
-          ? "0" + Math.floor(timeStamp / 3600)
-          : Math.floor(timeStamp / 3600);
+          ? '0' + Math.floor(timeStamp / 3600)
+          : Math.floor(timeStamp / 3600)
       this[obj].minute =
         Math.floor(((timeStamp % 86400) % 3600) / 60) < 9
-          ? "0" + Math.floor(((timeStamp % 86400) % 3600) / 60)
-          : Math.floor(((timeStamp % 86400) % 3600) / 60);
+          ? '0' + Math.floor(((timeStamp % 86400) % 3600) / 60)
+          : Math.floor(((timeStamp % 86400) % 3600) / 60)
       this[obj].second =
         Math.floor(((timeStamp % 86400) % 3600) % 60) < 9
-          ? "0" + Math.floor(((timeStamp % 86400) % 3600) % 60)
-          : Math.floor(((timeStamp % 86400) % 3600) % 60);
+          ? '0' + Math.floor(((timeStamp % 86400) % 3600) % 60)
+          : Math.floor(((timeStamp % 86400) % 3600) % 60)
     },
     getCommunicationList() {
       communicationList({ id: this.id }).then(res => {
@@ -1394,10 +1386,10 @@ export default {
           const obj = {
             label: item.name,
             value: item.id
-          };
-          this.communicationOptions.push(obj);
-        });
-      });
+          }
+          this.communicationOptions.push(obj)
+        })
+      })
     },
     getStaffList() {
       staffList().then(res => {
@@ -1405,10 +1397,10 @@ export default {
           const obj = {
             label: item.name,
             value: item.id
-          };
-          this.staffOptions.push(obj);
-        });
-      });
+          }
+          this.staffOptions.push(obj)
+        })
+      })
     },
     resetPayload() {
       this.payload = {
@@ -1419,36 +1411,36 @@ export default {
         attachmentList: undefined,
         approve: undefined,
         evaluation: undefined
-      };
-      this.spr = [];
-      this.bzjr = undefined;
+      }
+      this.spr = []
+      this.bzjr = undefined
     },
     handleRevoke() {
       const payload = {
         id: this.id,
         version: this.convenience.version,
         type: 2
-      };
+      }
       update(payload).then(res => {
         // console.log(res);
-        this.$notify.success("撤销成功");
-      });
+        this.$notify.success('撤销成功')
+      })
     },
     handleContact() {
       this.$nextTick(() => {
-        this.$refs.contractForm.clearValidate();
-      });
-      this.contactDialog = true;
-      this.payload.type = 3;
-      this.payload.id = this.id;
-      this.payload.version = this.convenience.version;
+        this.$refs.contractForm.clearValidate()
+      })
+      this.contactDialog = true
+      this.payload.type = 3
+      this.payload.id = this.id
+      this.payload.version = this.convenience.version
     },
     getNames(arr) {
-      const temp = [];
+      const temp = []
       arr.map(item => {
-        temp.push(item.name);
-      });
-      return temp.join(",");
+        temp.push(item.name)
+      })
+      return temp.join(',')
     },
     handlePreview() {},
     handleRemove() {},
@@ -1469,27 +1461,27 @@ export default {
           update(this.payload).then(res => {
             // console.log(res);
             if (res.c === 200) {
-              this.$notify.success("提交成功");
+              this.$notify.success('提交成功')
             }
-            this.getInfo();
-            this.contactDialog = false;
-          });
+            this.getInfo()
+            this.contactDialog = false
+          })
         }
-      });
+      })
     },
     handleApprove(approve) {
-      const applyType = this.convenience.applyType;
-      this.updateType = applyType === "FORWARDED" ? 10 : 13;
-      this.payload.id = this.convenience.id;
-      this.payload.version = this.convenience.version;
-      this.payload.type = this.updateType;
-      this.payload.approve = approve;
+      const applyType = this.convenience.applyType
+      this.updateType = applyType === 'FORWARDED' ? 10 : 13
+      this.payload.id = this.convenience.id
+      this.payload.version = this.convenience.version
+      this.payload.type = this.updateType
+      this.payload.approve = approve
 
       if (approve) {
         // console.log(this.payload);
-        this.updateData();
+        this.updateData()
       } else {
-        this.applyDialog = true;
+        this.applyDialog = true
       }
       // id: this.id,
       //   version: undefined,
@@ -1500,51 +1492,51 @@ export default {
       //   evaluation: undefined
     },
     handleApprovalReminder() {
-      this.dialogApprovalReminder = true;
+      this.dialogApprovalReminder = true
     },
     handleConfirmApprovalReminder() {
-      this.dialogApprovalReminder = false;
-      this.handleUpdate(11);
+      this.dialogApprovalReminder = false
+      this.handleUpdate(11)
     },
     handleUpdate(type) {
       // console.log(type);
-      this.resetPayload();
-      this.updateType = type;
-      this.payload.id = this.convenience.id;
-      this.payload.version = this.convenience.version;
-      this.payload.type = type;
+      this.resetPayload()
+      this.updateType = type
+      this.payload.id = this.convenience.id
+      this.payload.version = this.convenience.version
+      this.payload.type = type
       switch (type) {
         case 6:
           // 要件齐备
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         case 7:
           // 办结
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         case 10:
           // 转交超限审批
           // this.approve;
-          break;
+          break
         case 11:
           // 发起审批
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
 
-        // case 12:
-        //   // 撤销审批
-        //   break;
+          // case 12:
+          //   // 撤销审批
+          //   break;
 
         case 13:
           // 审批操作
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         case 14:
           // console.log("handle14");
           // 转交
           const frequencys = this.convenience.records.filter(
             m => m.frequency !== null
-          );
+          )
           if (
             frequencys.filter(
               item =>
@@ -1552,20 +1544,20 @@ export default {
                 this.convenience.eventType.referralRestrictions
             ).length > 0
           ) {
-            this.updateType = 8;
-            this.confirmDialog = true;
+            this.updateType = 8
+            this.confirmDialog = true
           } else {
-            this.updateType = 14;
-            this.applyDialog = true;
+            this.updateType = 14
+            this.applyDialog = true
           }
-          break;
+          break
         case 16:
           // 评价申诉
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         default:
-          this.updateData();
-          break;
+          this.updateData()
+          break
       }
     },
     handleEventTypeChange(val) {
@@ -1576,9 +1568,9 @@ export default {
         type: 4,
         version: this.convenience.version,
         remark: val
-      };
-      this.updateType = 4;
-      this.updateData();
+      }
+      this.updateType = 4
+      this.updateData()
       // this.dialogEventType = false;
     },
     handleChange(val) {
@@ -1590,48 +1582,48 @@ export default {
       // })
       // console.log(this.payload);
       // console.log(this.payload.type);
-      this.updateData();
-      this.applyDialog = false;
+      this.updateData()
+      this.applyDialog = false
     },
     handleContinue() {
       setTimeout(() => {
-        this.confirmDialog = false;
-      }, 100);
-      this.applyDialog = true;
+        this.confirmDialog = false
+      }, 100)
+      this.applyDialog = true
     },
     updateData() {
       // console.log(this.updateType);
       switch (this.updateType) {
         case 6:
-          break;
+          break
         case 8:
-          this.payload.ids.push(this.spr);
-          this.payload.ids.push(this.bzjr);
-          this.payload.type = 8;
-          break;
+          this.payload.ids.push(this.spr)
+          this.payload.ids.push(this.bzjr)
+          this.payload.type = 8
+          break
         case 11:
-          this.payload.id = this.convenience.id;
-          this.payload.version = this.convenience.version;
-          this.payload.ids = this.spr;
-          break;
+          this.payload.id = this.convenience.id
+          this.payload.version = this.convenience.version
+          this.payload.ids = this.spr
+          break
         case 14:
-          this.payload.type = 14;
-          this.payload.ids.push(this.bzjr);
-          break;
+          this.payload.type = 14
+          this.payload.ids.push(this.bzjr)
+          break
       }
       update(this.payload).then(res => {
         if (res.c === 200) {
-          this.$notify.success("操作成功");
+          this.$notify.success('操作成功')
           if (this.updateType === 13) {
-            this.$router.push("/convenience/list");
-            return;
+            this.$router.push('/convenience/list')
+            return
           }
           if (this.updateType === 4) {
-            this.isEventTypeChange = false;
+            this.isEventTypeChange = false
           }
-          this.getInfo();
+          this.getInfo()
         }
-      });
+      })
     },
     // handlePreviewAttachment(url) {
     //   const fileType = url.substr(url.lastIndexOf(".") + 1);
@@ -1643,15 +1635,15 @@ export default {
     // },
     isAssetTypeAnImage(ext) {
       return (
-        ["png", "jpg", "jpeg", "bmp", "gif"].indexOf(ext.toLowerCase()) !== -1
-      );
+        ['png', 'jpg', 'jpeg', 'bmp', 'gif'].indexOf(ext.toLowerCase()) !== -1
+      )
     },
     handleSetPreviewImg(imgurl) {
-      this.dialogImageUrl = imgurl;
-      this.dialogPreviewImg = true;
+      this.dialogImageUrl = imgurl
+      this.dialogPreviewImg = true
     },
     handleChangeEventType() {
-      this.dialogEventType = true;
+      this.dialogEventType = true
     },
     eventTypeUpdate() {
       this.payload = {
@@ -1659,17 +1651,17 @@ export default {
         type: 4,
         version: this.convenience.version,
         remark: this.eventTypeId
-      };
-      this.updateType = 4;
-      this.updateData();
-      this.dialogEventType = false;
+      }
+      this.updateType = 4
+      this.updateData()
+      this.dialogEventType = false
     }
   },
   beforeRouteLeave(to, from, next) {
-    clearInterval(this.acceptanceInterval);
-    clearInterval(this.prerequisitesInterval);
-    clearInterval(this.finishTimeInterval);
-    next();
+    clearInterval(this.acceptanceInterval)
+    clearInterval(this.prerequisitesInterval)
+    clearInterval(this.finishTimeInterval)
+    next()
   }
   // timeFormat(timeStamp) {
   //   const timeStr = `${
@@ -1687,7 +1679,7 @@ export default {
   //   }`;
   //   return timeStr;
   // }
-};
+}
 </script>
 
 <style scope>
diff --git a/src/views/convenience/list.vue b/src/views/convenience/list.vue
index eb9671f..b7a2ee8 100644
--- a/src/views/convenience/list.vue
+++ b/src/views/convenience/list.vue
@@ -5,8 +5,7 @@
         type="primary"
         style="position:absolute;right:50px;top:120px"
         @click="$router.push('/convenience/add')"
-        ><i class="el-icon-plus" /> 直接建立工单</el-button
-      >
+      ><i class="el-icon-plus" /> 直接建立工单</el-button>
       <div class="title">工单列表</div>
       <div style="margin-bottom:15px;margin-top:15px" />
       <el-radio-group v-model="listQuery.phase">
@@ -16,20 +15,20 @@
         <el-radio-button label="PROCESSING">办理中</el-radio-button>
         <el-radio-button label="FINISH">已办结</el-radio-button>
       </el-radio-group>
-      <br />
-      <br />
+      <br>
+      <br>
       <el-radio-group v-model="listQuery.status">
         <el-radio-button :label="undefined">全部状态</el-radio-button>
         <el-radio-button label="MINE">我处理</el-radio-button>
         <el-radio-button label="FORWARDED">已转交</el-radio-button>
-        <el-radio-button label="FORWARDED_APPLY"
-          >转交超限审批中</el-radio-button
-        >
+        <el-radio-button
+          label="FORWARDED_APPLY"
+        >转交超限审批中</el-radio-button>
         <el-radio-button label="SUBMIT_APPLY">已提交审批</el-radio-button>
         <el-radio-button label="WAIT_APPLY">待我审批</el-radio-button>
       </el-radio-group>
-      <br />
-      <br />
+      <br>
+      <br>
     </div>
 
     <div class="convenienceList">
@@ -81,8 +80,7 @@
                 type="primary"
                 size="mini"
                 @click="handleUpdate(item, 5)"
-                >接单</el-button
-              >
+              >接单</el-button>
             </p>
           </div>
         </div>
@@ -176,10 +174,10 @@
 
 <script>
 // import Pagination from "@/components/Pagination";
-import { list, typeList, update } from "@/api/convenience";
-import { parseTime } from "@/utils";
-import { staffList } from "@/api/staff";
-import AliOss from "@/components/AliOSS/index.vue";
+import { list, typeList, update } from '@/api/convenience'
+import { parseTime } from '@/utils'
+import { staffList } from '@/api/staff'
+import AliOss from '@/components/AliOSS/index.vue'
 
 export default {
   components: {
@@ -189,48 +187,48 @@ export default {
   filters: {
     sponsorFilter(status) {
       const statusMap = {
-        SELF: "居民",
-        STAFF: "工作人员"
-      };
-      return statusMap[status];
+        SELF: '居民',
+        STAFF: '工作人员'
+      }
+      return statusMap[status]
     },
     phaseFilter(status) {
       const statusMap = {
-        PENDING_ORDER: "待接单",
-        PREREQUISITES: "要件准备中",
-        PROCESSING: "办理中",
-        FINISH: "办结"
-      };
-      return statusMap[status];
+        PENDING_ORDER: '待接单',
+        PREREQUISITES: '要件准备中',
+        PROCESSING: '办理中',
+        FINISH: '办结'
+      }
+      return statusMap[status]
     },
     statusFilter(status) {
       const statusMap = {
-        MINE: "待我处理",
-        FORWARDED: "已转交",
-        FORWARDED_APPLY: "转交超限审批中",
-        SUBMIT_APPLY: "提交申请",
-        WAIT_APPLY: "待审核"
-      };
-      return statusMap[status];
+        MINE: '待我处理',
+        FORWARDED: '已转交',
+        FORWARDED_APPLY: '转交超限审批中',
+        SUBMIT_APPLY: '提交申请',
+        WAIT_APPLY: '待审核'
+      }
+      return statusMap[status]
     },
     typeFilter(status) {
       const statusMap = {
-        1: "建立工单",
-        2: "撤销工单",
-        3: "沟通",
-        4: "调整工单类别",
-        5: "接单",
-        6: "要件齐备",
-        7: "办结",
-        8: "转交超限审批提交",
-        9: "转交超限审批撤销",
-        10: "转交超限审批",
-        11: "发起审批",
-        12: "撤销审批",
-        13: "审批操作",
-        14: "转交"
-      };
-      return statusMap[status];
+        1: '建立工单',
+        2: '撤销工单',
+        3: '沟通',
+        4: '调整工单类别',
+        5: '接单',
+        6: '要件齐备',
+        7: '办结',
+        8: '转交超限审批提交',
+        9: '转交超限审批撤销',
+        10: '转交超限审批',
+        11: '发起审批',
+        12: '撤销审批',
+        13: '审批操作',
+        14: '转交'
+      }
+      return statusMap[status]
     }
   },
   data() {
@@ -261,126 +259,126 @@ export default {
       },
       msec: 0,
       rules: {
-        ids: [{ required: true, message: "请选择操作对象", trigger: "change" }]
+        ids: [{ required: true, message: '请选择操作对象', trigger: 'change' }]
       },
       timers: undefined,
-      timersInterval:undefined
-    };
+      timersInterval: undefined
+    }
   },
   watch: {
-    "listQuery.phase": {
+    'listQuery.phase': {
       // 深度监听，可监听到对象、数组的变化
       handler(val) {
-        this.listQuery.phase = val;
-        this.getList();
+        this.listQuery.phase = val
+        this.getList()
       },
       deep: true // true 深度监听
     },
-    "listQuery.status": {
+    'listQuery.status': {
       // 深度监听，可监听到对象、数组的变化
       handler(val) {
-        this.listQuery.status = val;
-        this.getList();
+        this.listQuery.status = val
+        this.getList()
       },
       deep: true // true 深度监听
     }
   },
   created() {
-    this.getList();
-    this.getStaffList();
+    this.getList()
+    this.getStaffList()
   },
   methods: {
     getList() {
-      this.listLoading = true;
+      this.listLoading = true
       list(this.listQuery).then(res => {
-        this.list = res.d.records;
-        this.listLoading = false;
+        this.list = res.d.records
+        this.listLoading = false
         clearInterval(this.timersInterval)
-        const tempData = res.d.records;
-        const now = Date.parse(new Date()).toString() / 1000;
-        let arr = [];
+        const tempData = res.d.records
+        const now = Date.parse(new Date()).toString() / 1000
+        const arr = []
         tempData.map((item, index) => {
           // console.log(item);
           // PREREQUISITES: "要件准备中",
           // PROCESSING: "办理中",
           // FINISH: "办结"
-          let msec = [];
-          let obj = {};
+          let msec = []
+          let obj = {}
           switch (item.phase) {
-            case "PENDING_ORDER":
+            case 'PENDING_ORDER':
               // 待接单
               // console.log(item.createDate)
               // this.timers[index]++;
-              msec = now - item.createDate;
+              msec = now - item.createDate
               // msec++;
               // console.log(msec);
               obj = {
                 time: msec,
                 phase: item.phase
-              };
+              }
 
-              arr.push(obj);
-              break;
-            case "PREREQUISITES":
+              arr.push(obj)
+              break
+            case 'PREREQUISITES':
               // 要件准备
               // console.log(index);
               // console.log(now);
               // console.log(item.createDate);
               // console.log(item.acceptanceTime);
               // console.log(now - item.createDate - item.acceptanceTime);
-              msec = now - item.createDate - item.acceptanceTime;
+              msec = now - item.createDate - item.acceptanceTime
               obj = {
                 time: msec,
                 phase: item.phase
-              };
-              arr.push(obj);
-              break;
-            case "PROCESSING":
+              }
+              arr.push(obj)
+              break
+            case 'PROCESSING':
               // 办理中
               msec =
                 now -
                 item.createDate -
                 item.acceptanceTime -
-                item.prerequisitesTime;
+                item.prerequisitesTime
               obj = {
                 time: msec,
                 phase: item.phase
-              };
-              arr.push(obj);
-              break;
-            case "FINISH":
+              }
+              arr.push(obj)
+              break
+            case 'FINISH':
               msec =
-                item.acceptanceTime + item.prerequisitesTime + item.finishTime;
+                item.acceptanceTime + item.prerequisitesTime + item.finishTime
               obj = {
                 time: msec,
                 phase: item.phase
-              };
-              arr.push(obj);
+              }
+              arr.push(obj)
               // 办结
-              break;
+              break
             default:
               // console.log("default");
-              break;
+              break
           }
-        });
+        })
         // console.log(arr);
         this.timersInterval = setInterval(() => {
           // console.log(arr);
           if (arr.length > 0) {
             arr.map(item => {
-              if (item.phase !== "FINISH") {
-                item.time++;
+              if (item.phase !== 'FINISH') {
+                item.time++
               }
-            });
+            })
           }
-          this.timers = arr;
-        }, 1000);
-      });
+          this.timers = arr
+        }, 1000)
+      })
     },
     getTypeList() {
       typeList().then(res => {
         // console.log(res);
-      });
+      })
     },
     getStaffList() {
       staffList().then(res => {
@@ -388,10 +386,10 @@ export default {
           const obj = {
             label: item.name,
             value: item.id
-          };
-          this.staffOptions.push(obj);
-        });
-      });
+          }
+          this.staffOptions.push(obj)
+        })
+      })
     },
     handleTypeChange() {},
     resetPayload() {
@@ -403,79 +401,79 @@ export default {
         attachmentList: undefined,
         approve: undefined,
         evaluation: undefined
-      };
+      }
     },
     handleUpdate(row, type) {
-      this.resetPayload();
+      this.resetPayload()
       this.$nextTick(() => {
-        this.$refs.applyForm.clearValidate();
-      });
-      this.updateType = type;
-      this.payload.id = row.id;
-      this.payload.version = row.version;
-      this.payload.type = type;
+        this.$refs.applyForm.clearValidate()
+      })
+      this.updateType = type
+      this.payload.id = row.id
+      this.payload.version = row.version
+      this.payload.type = type
       switch (type) {
         case 5:
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         case 6:
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         case 11:
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         case 13:
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         case 14:
-          this.applyDialog = true;
-          break;
+          this.applyDialog = true
+          break
         default:
-          this.updateData();
-          break;
+          this.updateData()
+          break
       }
     },
     updateData() {
       update(this.payload).then(res => {
         if (res.c === 200) {
-          this.$notify.success("操作成功");
-          this.getList();
+          this.$notify.success('操作成功')
+          this.getList()
         }
-      });
+      })
     },
     apply() {
       this.$nextTick(() => {
         this.$refs.applyForm.validate(valid => {
           if (valid) {
-            this.updateData();
-            this.applyDialog = false;
+            this.updateData()
+            this.applyDialog = false
           }
-        });
-      }, 100);
+        })
+      }, 100)
     },
     handleFilterPhase(phase, event) {
       // console.log(event.target.tagName==='SPAN');
-      if (event.target.tagName === "SPAN") {
+      if (event.target.tagName === 'SPAN') {
         event.target.parentElement.setAttribute(
-          "class",
-          "el-button el-button--" +
-            (phase === undefined ? "primary" : "default") +
-            " el-button--medium is-round"
-        );
+          'class',
+          'el-button el-button--' +
+            (phase === undefined ? 'primary' : 'default') +
+            ' el-button--medium is-round'
+        )
       } else {
         event.target.setAttribute(
-          "class",
-          "el-button el-button--" +
-            (phase === undefined ? "primary" : "default") +
-            " el-button--medium is-round"
-        );
+          'class',
+          'el-button el-button--' +
+            (phase === undefined ? 'primary' : 'default') +
+            ' el-button--medium is-round'
+        )
       }
-      this.listQuery.phase = phase;
-      this.getList();
+      this.listQuery.phase = phase
+      this.getList()
     },
     handleFilterStatus(status) {
-      this.listQuery.status = status;
-      this.getList();
+      this.listQuery.status = status
+      this.getList()
     },
     handlePreview() {},
     handleRemove() {},
@@ -484,24 +482,24 @@ export default {
     timeFormat(timeStamp) {
       const timeStr = `${
         Math.floor(timeStamp / 3600) < 9
-          ? "0" + Math.floor(timeStamp / 3600)
+          ? '0' + Math.floor(timeStamp / 3600)
           : Math.floor(timeStamp / 3600)
       }:${
         Math.floor(((timeStamp % 86400) % 3600) / 60) < 9
-          ? "0" + Math.floor(((timeStamp % 86400) % 3600) / 60)
+          ? '0' + Math.floor(((timeStamp % 86400) % 3600) / 60)
           : Math.floor(((timeStamp % 86400) % 3600) / 60)
       }:${
         Math.floor(((timeStamp % 86400) % 3600) % 60) < 9
-          ? "0" + Math.floor(((timeStamp % 86400) % 3600) % 60)
+          ? '0' + Math.floor(((timeStamp % 86400) % 3600) % 60)
           : Math.floor(((timeStamp % 86400) % 3600) % 60)
-      }`;
-      return timeStr;
+      }`
+      return timeStr
     },
     countdown(index, status) {
       //
     }
   }
-};
+}
 </script>
 
 <style scope>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 7035e30..6372c7d 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -135,7 +135,7 @@ export default {
       otherQuery: {},
       codeText: '获取验证码',
       time: 5,
-      getCodeDisabled:false
+      getCodeDisabled: false
     }
   },
   watch: {
@@ -254,7 +254,7 @@ export default {
       }, {})
     },
     handleSms() {
-      this.getCodeDisabled=false;
+      this.getCodeDisabled = false
       const payload = {
         phone: this.loginForm.username,
         category: 'SIGNIN'
@@ -268,7 +268,7 @@ export default {
         }
       }).then(res => {
         if (res.data.c === 200) {
-          this.getCodeDisabled=true;
+          this.getCodeDisabled = true
           this.timer()
           this.$notify({
             title: '成功',
@@ -287,7 +287,7 @@ export default {
         if (this.time === 0) {
           this.time = 5
           this.codeText = '获取验证码'
-          this.getCodeDisabled=false
+          this.getCodeDisabled = false
           clearInterval(interval)
         }
       }, 1000)
diff --git a/src/views/workBook/list.vue b/src/views/workBook/list.vue
index a0d2413..f80618f 100644
--- a/src/views/workBook/list.vue
+++ b/src/views/workBook/list.vue
@@ -4,7 +4,7 @@
     <div class="workBookLayout">
       <div class="title">工作手册管理</div>
       <div class="text-center"style="padding:10% 0">
-        <img class="img" src="./img/comingSoon.png" alt="" />
+        <img class="img" src="./img/comingSoon.png" alt="">
         <h2>业务正在努力开发中...</h2>
         <div style="color:#787878">该功能即将上线，请稍等</div>
       </div>
@@ -58,8 +58,8 @@
 </template>
 
 <script>
-import Pagination from "@/components/Pagination";
-import { workBookList } from "@/api/workBook";
+import Pagination from '@/components/Pagination'
+import { workBookList } from '@/api/workBook'
 
 export default {
   components: { Pagination },
@@ -73,20 +73,20 @@ export default {
         size: 10,
         keyword: undefined
       }
-    };
+    }
   },
   created() {
-    this.getList();
+    this.getList()
   },
   methods: {
     getList() {
       workBookList(this.listQuery).then(res => {
-        console.log(res);
-        this.list = res.d.records;
-      });
+        console.log(res)
+        this.list = res.d.records
+      })
     }
   }
-};
+}
 </script>
 
 <style scoped>