From 1301213888d0e3ad77f3afc0cfd147682df45b5d Mon Sep 17 00:00:00 2001
From: "ext.jiangrui1" <ext.jiangrui1@jd.com>
Date: Thu, 29 Jul 2021 17:54:39 +0800
Subject: [PATCH] guideline

---
 src/router/index.js               | 282 +++++++++++++++---------------
 src/views/convenience/add.vue     |  73 ++++----
 src/views/serviceGuide/detail.vue |  22 +--
 src/views/serviceGuide/list.vue   |  34 ++--
 4 files changed, 204 insertions(+), 207 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 663042d..12199eb 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,16 +1,16 @@
-import Vue from "vue";
-import Router from "vue-router";
+import Vue from 'vue'
+import Router from 'vue-router'
 
-Vue.use(Router);
+Vue.use(Router)
 
 /* Layout */
-import Layout from "@/layout";
+import Layout from '@/layout'
 
 /* Router Modules */
-import componentsRouter from "./modules/components";
-import chartsRouter from "./modules/charts";
-import tableRouter from "./modules/table";
-import nestedRouter from "./modules/nested";
+import componentsRouter from './modules/components'
+import chartsRouter from './modules/charts'
+import tableRouter from './modules/table'
+import nestedRouter from './modules/nested'
 
 /**
  * Note: sub-menu only appear when route children.length >= 1
@@ -40,244 +40,244 @@ import nestedRouter from "./modules/nested";
  */
 export const constantRoutes = [
   {
-    path: "/redirect",
+    path: '/redirect',
     component: Layout,
     hidden: true,
     children: [
       {
-        path: "/redirect/:path(.*)",
-        component: () => import("@/views/redirect/index")
+        path: '/redirect/:path(.*)',
+        component: () => import('@/views/redirect/index')
       }
     ]
   },
   {
-    path: "/login",
-    component: () => import("@/views/login/index"),
+    path: '/login',
+    component: () => import('@/views/login/index'),
     hidden: true
   },
   {
-    path: "/auth-redirect",
-    component: () => import("@/views/login/auth-redirect"),
+    path: '/auth-redirect',
+    component: () => import('@/views/login/auth-redirect'),
     hidden: true
   },
   {
-    path: "/404",
-    component: () => import("@/views/error-page/404"),
+    path: '/404',
+    component: () => import('@/views/error-page/404'),
     hidden: true
   },
   {
-    path: "/401",
-    component: () => import("@/views/error-page/401"),
+    path: '/401',
+    component: () => import('@/views/error-page/401'),
     hidden: true
   },
   {
-    path: "/",
-    name: "Dashboard",
+    path: '/',
+    name: 'Dashboard',
     component: Layout,
-    redirect: "/dashboard",
+    redirect: '/dashboard',
     children: [
       {
-        path: "dashboard",
-        component: () => import("@/views/dashboard/index"),
-        name: "Dashboard",
-        meta: { title: "首页", icon: "statistical", affix: true }
+        path: 'dashboard',
+        component: () => import('@/views/dashboard/index'),
+        name: 'Dashboard',
+        meta: { title: '首页', icon: 'statistical', affix: true }
       }
     ]
   },
   {
-    path: "/convenience",
+    path: '/convenience',
     component: Layout,
-    name: "Convenience",
-    redirect: "/convenience/list",
+    name: 'Convenience',
+    redirect: '/convenience/list',
     meta: {
-      title: "工单管理",
-      icon: "convenience"
+      title: '工单管理',
+      icon: 'convenience'
       // roles: ["admin", "editor"]
     },
     children: [
       {
-        path: "list",
-        component: () => import("@/views/convenience/list"),
-        name: "ConvenienceList",
+        path: 'list',
+        component: () => import('@/views/convenience/list'),
+        name: 'ConvenienceList',
         meta: {
-          title: "工单列表",
-          icon: "convenience",
+          title: '工单列表',
+          icon: 'convenience',
           affix: true,
-          parentTitle: "工单管理"
+          parentTitle: '工单管理'
         }
       },
       {
-        path: "add",
-        component: () => import("@/views/convenience/add"),
-        name: "ConvenienceList",
-        meta: { title: "创建工单", icon: "convenience", affix: true },
+        path: 'add',
+        component: () => import('@/views/convenience/add'),
+        name: 'ConvenienceList',
+        meta: { title: '创建工单', icon: 'convenience', affix: true },
         hidden: true
       },
       {
-        path: "detail",
-        component: () => import("@/views/convenience/detail"),
-        name: "ConvenienceDetail",
+        path: 'detail',
+        component: () => import('@/views/convenience/detail'),
+        name: 'ConvenienceDetail',
         meta: {
-          title: "工单详情",
-          icon: "convenience",
+          title: '工单详情',
+          icon: 'convenience',
           affix: true,
-          activeMenu: "/convenience/list"
+          activeMenu: '/convenience/list'
         },
         hidden: true
       },
       {
-        path: "typeList",
-        component: () => import("@/views/convenience/typeList"),
-        name: "ConvenienceTypeList",
-        meta: { title: "工单类型列表", icon: "convenience", affix: true },
+        path: 'typeList',
+        component: () => import('@/views/convenience/typeList'),
+        name: 'ConvenienceTypeList',
+        meta: { title: '工单类型列表', icon: 'convenience', affix: true },
         hidden: true
       }
     ]
   },
   {
-    path: "/workBook",
+    path: '/workBook',
     component: Layout,
-    name: "WorkBook",
-    redirect: "/workBook/list",
+    name: 'WorkBook',
+    redirect: '/workBook/list',
     meta: {
-      title: "工作手册",
-      icon: "list"
+      title: '工作手册',
+      icon: 'list'
     },
     hidden: false,
     children: [
       {
-        path: "list",
-        component: () => import("@/views/workBook/list"),
-        name: "workBookList",
+        path: 'list',
+        component: () => import('@/views/workBook/list'),
+        name: 'workBookList',
         meta: {
-          title: "工作手册列表",
-          icon: "workBook",
+          title: '工作手册列表',
+          icon: 'workBook',
           affix: true,
-          parentTitle: "工作手册"
+          parentTitle: '工作手册'
         }
       },
       {
-        path: "detail",
-        component: () => import("@/views/workBook/detail"),
-        name: "workBookDetail",
+        path: 'detail',
+        component: () => import('@/views/workBook/detail'),
+        name: 'workBookDetail',
         meta: {
-          title: "工作手册详情",
-          icon: "workBook",
+          title: '工作手册详情',
+          icon: 'workBook',
           affix: true,
-          parentTitle: "工作手册详情"
+          parentTitle: '工作手册详情'
         },
         hidden: true
       }
     ]
   },
   {
-    path: "/serviceGuide",
+    path: '/serviceGuide',
     component: Layout,
-    name: "ServiceGuide",
-    redirect: "/serviceGuide/list",
+    name: 'ServiceGuide',
+    redirect: '/serviceGuide/list',
     meta: {
-      title: "办事指南",
-      icon: "list"
+      title: '办事指南',
+      icon: 'list'
     },
     hidden: false,
     children: [
       {
-        path: "list",
-        component: () => import("@/views/serviceGuide/list"),
-        name: "ServiceGuideList",
+        path: 'list',
+        component: () => import('@/views/serviceGuide/list'),
+        name: 'ServiceGuideList',
         meta: {
-          title: "办事指南列表",
-          icon: "workBook",
+          title: '办事指南列表',
+          icon: 'workBook',
           affix: true,
-          parentTitle: "办事指南"
+          parentTitle: '办事指南'
         }
       },
       {
-        path: "detail",
-        component: () => import("@/views/serviceGuide/detail"),
-        name: "serviceGuideDetail",
+        path: 'detail',
+        component: () => import('@/views/serviceGuide/detail'),
+        name: 'serviceGuideDetail',
         meta: {
-          title: "办事指南详情",
-          icon: "workBook",
+          title: '办事指南详情',
+          icon: 'workBook',
           affix: true,
-          parentTitle: "办事指南详情"
+          parentTitle: '办事指南详情'
         },
         hidden: true
       }
     ]
   },
   {
-    path: "/helpPrint",
+    path: '/helpPrint',
     component: Layout,
-    name: "HelpPrint",
-    redirect: "/helpPrint/list",
+    name: 'HelpPrint',
+    redirect: '/helpPrint/list',
     meta: {
-      title: "代写代办管理",
-      icon: "list",
-      roles: ["admin", "editor"]
+      title: '代写代办管理',
+      icon: 'list',
+      roles: ['admin', 'editor']
     },
     children: [
       {
-        path: "list",
-        component: () => import("@/views/helpPrint/list"),
-        name: "helpPrintList",
+        path: 'list',
+        component: () => import('@/views/helpPrint/list'),
+        name: 'helpPrintList',
         meta: {
-          title: "代写代办列表",
-          icon: "dxdb",
+          title: '代写代办列表',
+          icon: 'dxdb',
           affix: true,
-          parentTitle: "代写代办管理"
+          parentTitle: '代写代办管理'
         }
       },
       {
-        path: "detail",
-        component: () => import("@/views/helpPrint/detail"),
-        name: "helpPrintDetail",
+        path: 'detail',
+        component: () => import('@/views/helpPrint/detail'),
+        name: 'helpPrintDetail',
         meta: {
-          title: "代写代办详情",
-          icon: "dxdb",
+          title: '代写代办详情',
+          icon: 'dxdb',
           affix: true,
-          parentTitle: "代写代办详情"
+          parentTitle: '代写代办详情'
         },
         hidden: true
       },
       {
-        path: "read",
-        component: () => import("@/views/helpPrint/read"),
-        name: "helpPrintDetailRead",
+        path: 'read',
+        component: () => import('@/views/helpPrint/read'),
+        name: 'helpPrintDetailRead',
         meta: {
-          title: "代写代办详情",
-          icon: "dxdb",
+          title: '代写代办详情',
+          icon: 'dxdb',
           affix: true,
-          parentTitle: "代写代办详情"
+          parentTitle: '代写代办详情'
         },
         hidden: true
       }
     ]
   },
   {
-    path: "/townRanking",
+    path: '/townRanking',
     component: Layout,
-    name: "TownRanking",
-    redirect: "/townRanking/index",
+    name: 'TownRanking',
+    redirect: '/townRanking/index',
     meta: {
-      title: "乡镇办件统计",
-      icon: "townRanking"
+      title: '乡镇办件统计',
+      icon: 'townRanking'
     },
     hidden: false,
     children: [
       {
-        path: "list",
-        component: () => import("@/views/townRanking/index"),
-        name: "TownRanking",
+        path: 'list',
+        component: () => import('@/views/townRanking/index'),
+        name: 'TownRanking',
         meta: {
-          title: "乡镇办件统计",
-          icon: "townRanking",
+          title: '乡镇办件统计',
+          icon: 'townRanking',
           affix: true,
-          parentTitle: "乡镇办件统计"
+          parentTitle: '乡镇办件统计'
         }
       }
     ]
-  },
+  }
   // {
   //   path: "/staff",
   //   component: Layout,
@@ -335,7 +335,7 @@ export const constantRoutes = [
   //     }
   //   ]
   // }
-];
+]
 
 /**
  * asyncRoutes
@@ -343,25 +343,25 @@ export const constantRoutes = [
  */
 export const asyncRoutes = [
   {
-    path: "/residentInformation",
+    path: '/residentInformation',
     component: Layout,
-    name: "ResidentInformation",
-    redirect: "/residentInformation/list",
+    name: 'ResidentInformation',
+    redirect: '/residentInformation/list',
     meta: {
-      title: "居民信息管理",
-      icon: "jmInfo",
-      roles: ["SSS"]
+      title: '居民信息管理',
+      icon: 'jmInfo',
+      roles: ['SSS']
     },
     children: [
       {
-        path: "list",
-        component: () => import("@/views/residentInformation/list"),
-        name: "residentInformationList",
+        path: 'list',
+        component: () => import('@/views/residentInformation/list'),
+        name: 'residentInformationList',
         meta: {
-          title: "居民信息列表",
-          icon: "jmInfo",
+          title: '居民信息列表',
+          icon: 'jmInfo',
           affix: true,
-          parentTitle: "居民信息管理"
+          parentTitle: '居民信息管理'
         }
       }
     ]
@@ -621,22 +621,22 @@ export const asyncRoutes = [
   // },
 
   // 404 page must be placed at the end !!!
-  { path: "*", redirect: "/404", hidden: true }
-];
+  { path: '*', redirect: '/404', hidden: true }
+]
 
 const createRouter = () =>
   new Router({
     // mode: 'history', // require service support
     scrollBehavior: () => ({ y: 0 }),
     routes: constantRoutes
-  });
+  })
 
-const router = createRouter();
+const router = createRouter()
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
-  const newRouter = createRouter();
-  router.matcher = newRouter.matcher; // reset router
+  const newRouter = createRouter()
+  router.matcher = newRouter.matcher // reset router
 }
 
-export default router;
+export default router
diff --git a/src/views/convenience/add.vue b/src/views/convenience/add.vue
index 50bce16..dcdbb78 100644
--- a/src/views/convenience/add.vue
+++ b/src/views/convenience/add.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <div class="filter-container"></div>
+    <div class="filter-container" />
     <el-form
       ref="convenienceForm"
       style="width:680px"
@@ -32,13 +32,12 @@
             :key="item.id"
             :label="item.eventName"
             :value="item.id"
-          >
-          </el-option>
+          />
         </el-select>
       </el-form-item>
 
       <el-form-item>
-        <el-button type="default" style="border:1px solid rgb(64, 129, 255);color:rgb(64, 129, 255)"  @click="toGuidLine">查看办事指南 ></el-button>
+        <el-button type="default" style="border:1px solid rgb(64, 129, 255);color:rgb(64, 129, 255)" @click="toGuidLine">查看办事指南 ></el-button>
       </el-form-item>
 
       <el-form-item label="文字说明" prop="remark">
@@ -61,9 +60,9 @@
 </template>
 
 <script>
-import { add, typeList } from "@/api/convenience";
-import { info } from "@/api/staff";
-import AliOss from "@/components/AliOSS/index.vue";
+import { add, typeList } from '@/api/convenience'
+import { info } from '@/api/staff'
+import AliOss from '@/components/AliOSS/index.vue'
 
 export default {
   components: {
@@ -71,85 +70,85 @@ export default {
   },
   data() {
     var checkInfo = (rule, value, callback) => {
-      if (value === "") {
-        callback(new Error("受理人不能为空"));
+      if (value === '') {
+        callback(new Error('受理人不能为空'))
       } else {
         info({ param: this.convenience.residentInformation || undefined }).then(
           res => {
             if (!res.d) {
-              return callback(new Error("查无此人"));
+              return callback(new Error('查无此人'))
             } else {
-              this.searchInput = res.d.id;
-              callback();
+              this.searchInput = res.d.id
+              callback()
             }
           }
-        );
+        )
       }
-    };
+    }
     return {
       convenience: {
         residentInformation: undefined,
         eventTypeId: undefined,
         remark: undefined,
-        sponsor: "STAFF",
-        attachment:undefined
+        sponsor: 'STAFF',
+        attachment: undefined
       },
       typeOptions: [],
       rules: {
-        residentInformation: [{ validator: checkInfo, trigger: "blur" }],
+        residentInformation: [{ validator: checkInfo, trigger: 'blur' }],
         eventTypeId: [
-          { required: true, message: "办事项目不能为空", trigger: "change" }
+          { required: true, message: '办事项目不能为空', trigger: 'change' }
         ]
         // remark: [{ validator: checkRemark, trigger: "blur" }],
         // attachment: [{ validator: checkAttachment, trigger: "change" }]
       },
       fileList: undefined,
       searchInput: undefined
-    };
+    }
   },
   mounted() {
-    this.getTypeList();
+    this.getTypeList()
   },
   methods: {
     getTypeList() {
       typeList().then(res => {
-        this.typeOptions = res.d;
-      });
+        this.typeOptions = res.d
+      })
     },
     handleAdd() {
       this.$refs.convenienceForm.validate(valid => {
         if (valid) {
           if (!this.convenience.remark) {
-            if (!(this.convenience.attachment&&this.convenience.attachment.length > 0)) {
-              this.$notify.error("文字说明与附件必须含有一项");
-              return;
+            if (!(this.convenience.attachment && this.convenience.attachment.length > 0)) {
+              this.$notify.error('文字说明与附件必须含有一项')
+              return
             }
           }
-          let payload = Object.assign({}, this.convenience);
-          payload.residentInformation = this.searchInput;
+          const payload = Object.assign({}, this.convenience)
+          payload.residentInformation = this.searchInput
 
           add(payload).then(res => {
             if (res.c === 200) {
-              this.$notify.success("创建成功");
-              this.$router.push("/convenience/list");
-            }else{
+              this.$notify.success('创建成功')
+              this.$router.push('/convenience/list')
+            } else {
               this.$notify.error(res.m)
             }
-          });
+          })
         }
-      });
+      })
     },
     handlePreview() {},
     handleRemove() {},
     beforeRemove() {},
     handleExceed() {},
-    toGuidLine(){
+    toGuidLine() {
       this.$router.push({
-                path: '/serviceGuide/list',
-              })
-    },
+        path: '/serviceGuide/list'
+      })
+    }
   }
-};
+}
 </script>
 
 <style scope></style>
diff --git a/src/views/serviceGuide/detail.vue b/src/views/serviceGuide/detail.vue
index bae670f..193dc10 100644
--- a/src/views/serviceGuide/detail.vue
+++ b/src/views/serviceGuide/detail.vue
@@ -12,40 +12,40 @@
           :src="info.videoUrl"
           style="width:600px;height:300px"
           controls
-        ></video>
+        />
       </el-form-item>
     </el-form>
 
     <!-- <Editor v-model="info.content" style="width: 100%" :disabled="true" /> -->
-    <div v-html="info.content"></div>
+    <div v-html="info.content" />
   </div>
 </template>
 
 <script>
-import Editor from "@/components/UEditor/index.vue";
-import { getWorkBookInfo  } from "@/api/workBook";
+import Editor from '@/components/UEditor/index.vue'
+import { getWorkBookInfo } from '@/api/workBook'
 
 export default {
+  components: { Editor },
   data() {
     return {
       id: this.$route.query.id,
       info: {}
-    };
+    }
   },
-  components: { Editor },
   created() {
-    this.getInfo();
+    this.getInfo()
   },
   methods: {
     getInfo() {
       // console.log(this.id);
       getWorkBookInfo({ id: this.id }).then(res => {
-        console.log(res);
-        this.info = res.d;
-      });
+        console.log(res)
+        this.info = res.d
+      })
     }
   }
-};
+}
 </script>
 
 <style></style>
diff --git a/src/views/serviceGuide/list.vue b/src/views/serviceGuide/list.vue
index e731c5a..25ce263 100644
--- a/src/views/serviceGuide/list.vue
+++ b/src/views/serviceGuide/list.vue
@@ -3,19 +3,17 @@
     <div id="guideLine" style="background:#fff;padding-bottom:62px">
       <div class="title">办事指南</div>
       <el-input
+        v-model="listQuery.keyword"
         placeholder="输入关键字查询办事指南"
         prefix-icon="el-icon-search"
-        v-model="listQuery.keyword"
         clearable
         class="searchInput"
-      >
-      </el-input>
+      />
       <el-button
         type="primary"
         style="padding:9px 28px ;margin-left:10px"
         @click="handleSearch"
-        >搜索</el-button
-      >
+      >搜索</el-button>
       <ul class="guideList">
         <li v-for="item in list" :key="item.id" @click="toDetail(item.id)">
           {{ item.title }}
@@ -26,8 +24,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 },
@@ -40,33 +38,33 @@ export default {
         lastPageIndex: 1,
         size: 99999,
         keyword: undefined,
-        category: "HANDLING_GUIDELINE"
+        category: 'HANDLING_GUIDELINE'
       }
-    };
+    }
   },
   created() {
-    this.getList();
+    this.getList()
   },
   methods: {
     getList() {
-      this.listLoading = true;
+      this.listLoading = true
       workBookList(this.listQuery).then(res => {
         // console.log(res)
-        this.listLoading = false;
-        this.list = res.d.records;
-      });
+        this.listLoading = false
+        this.list = res.d.records
+      })
     },
     handleSearch() {
-      this.getList();
+      this.getList()
     },
     toDetail(id) {
       this.$router.push({
-        path: "/serviceGuide/detail",
+        path: '/serviceGuide/detail',
         query: { id }
-      });
+      })
     }
   }
-};
+}
 </script>
 
 <style scoped>