vue2-client 1.3.18 → 1.3.20

package/src/pages/system/ticket/submitTicketSuccess.vue

@@ -1,206 +1,206 @@
-<template>
-  <a-card :bordered="false" class="result-success">
-    <result :description="description" :is-success="icon" :title="title">
-      <template slot="action">
-        <span v-if="countDown > 0" style="margin-right: 10px">{{ countDown }}</span>
-        <!-- <a-button type="primary" v-if="UrgentAvailable" :disabled="urgentAccess" style="margin-right: 20px" @click="urgent">请求加急处理</a-button> -->
-        <!-- <a-button type="danger" @click="closeBtn">撤销工单</a-button> -->
-      </template>
-      <a-modal
-        :visible="closeVisible"
-        :zIndex="1002"
-        title="关闭工单"
-        @cancel="handleCloseCancel"
-        @ok="handleCloseOk"
-      >
-        <p>是否确认手动关闭工单？</p>
-        <p style="color: red">（该操作不可撤销，请谨慎操作！）</p>
-      </a-modal>
-      <div>
-        <div class="project-name">工单处理进度</div>
-        <detail-list size="small" style="max-width: 800px; margin-bottom: 8px">
-          <detail-list-item term="工单编号">{{ serialNumber }}</detail-list-item>
-          <detail-list-item v-if="details.name" term="负责人">{{ details.name }}</detail-list-item>
-          <detail-list-item term="提交时间">{{ details.createdTime }}</detail-list-item>
-        </detail-list>
-        <a-steps :current="step" progressDot>
-          <a-step title="工单提交">
-            <a-step-item-group slot="description">
-              <a-step-item :title="details.uploader" />
-              <a-step-item :title="details.createdTime"/>
-            </a-step-item-group>
-          </a-step>
-          <a-step title="工单处理中" >
-            <a-step-item-group slot="description">
-              <a-step-item v-if="step >= 1" :title="details.name" />
-              <a-step-item v-if="step >= 1" :title="details.confirmTime"/>
-            </a-step-item-group>
-          </a-step>
-          <a-step title="工单完成" >
-            <a-step-item-group slot="description">
-              <a-step-item v-if="step >= 2" :title="details.finishedTime"/>
-            </a-step-item-group>
-          </a-step>
-        </a-steps>
-      </div>
-    </result>
-  </a-card>
-</template>
-
-<script>
-import Result from '@vue2-client/components/result/Result'
-import DetailList from '@vue2-client/components/tool/DetailList'
-import AStepItem from '@vue2-client/components/tool/AStepItem'
-import { TicketDetailsViewApi, post } from '@vue2-client/services/api'
-import { formatDate } from '@vue2-client/utils/util'
-
-const AStepItemGroup = AStepItem.Group
-const DetailListItem = DetailList.Item
-
-export default {
-  name: 'submitTicketSuccess',
-  components: { AStepItemGroup, AStepItem, DetailListItem, DetailList, Result },
-  props: {
-    // 工单序列号
-    serialNumber: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    return {
-      title: '提交成功',
-      description: '您创建的工单已成功提交，请保持电话畅通，我们的工作人员将尽快与您取得联系。', // +
-        // '如果需要加急，请在倒计时结束后点击加急按钮，加急后我们将优先处理您的工单',
-      // 工单详情
-      details: {
-        uploader: '',
-        status: '',
-        name: '',
-        createdTime: '',
-        confirmTime: '',
-        finishedTime: ''
-      },
-      // 控制加急按钮
-      urgentAccess: true,
-      // 倒计时
-      countDown: 0,
-      // 控制加急按钮显示
-      UrgentAvailable: true,
-      // 取消工单确认框可见性
-      closeVisible: false,
-      // 控制页面大图标
-      icon: true
-    }
-  },
-  mounted () {
-    this.getTicketDetail()
-  },
-  methods: {
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    // 关闭工单确认后操作
-    handleCloseOk () {
-      return post(TicketDetailsViewApi.manualCloseTicketByCustomer, {
-        serialNumber: this.serialNumber,
-        time: new Date()
-      })
-        .then(res => {
-          this.closeVisible = false
-          this.title = '工单已关闭'
-          this.description = ''
-          this.icon = false
-        }, err => {
-          console.error(err)
-        })
-    },
-    // 关闭工单取消后业务逻辑
-    handleCloseCancel () {
-      this.closeVisible = false
-    },
-    // 关闭工单按钮
-    closeBtn () {
-      this.closeVisible = true
-    },
-    // 对工单进行加急处理
-    urgent () {
-      return post(TicketDetailsViewApi.rushTicket, {
-        serialNumber: this.serialNumber
-      })
-        .then(res => {
-          if (res.data === 1) {
-            this.$message.success(
-              '操作成功',
-              5
-            )
-            this.description = '您的工单已经被加急处理，我们的工作人员会优先处理您的请求。'
-            this.UrgentAvailable = false
-          } else {
-            this.$message.error(
-              '操作失败',
-              5
-            )
-          }
-        }, err => {
-          console.log(err)
-        })
-    },
-    // 获取工单详情
-    getTicketDetail () {
-      return post(TicketDetailsViewApi.getTicketDetailsForUploader, {
-        serialNumber: this.serialNumber
-      })
-        .then(res => {
-          this.details.uploader = res.uploader
-          // 判断负责人有没有值
-          if (res.name === undefined) {
-            this.details.name = ''
-          } else {
-            this.details.name = res.name
-          }
-          // 判断工单被确认时间
-          if (res.confirmtime === undefined) {
-            this.details.confirmTime = ''
-          } else {
-            this.details.confirmTime = this.format(res.confirmtime, 'yyyy-MM-dd hh:mm:ss')
-          }
-          // 判断工单完成时间
-          if (res.finishedtime === undefined) {
-            this.details.finishedTime = ''
-          } else {
-            this.details.finishedTime = this.format(res.finishedtime, 'yyyy-MM-dd hh:mm:ss')
-          }
-          this.details.createdTime = this.format(res.createdtime, 'yyyy-MM-dd hh:mm:ss')
-          this.details.status = res.status
-        }, err => {
-          console.log(err)
-        })
-    },
-  },
-  computed: {
-    // 用于进度条，进度显示控制
-    step () {
-      if (this.details.status !== 0 && this.details.status !== 1) {
-        return 2
-      } else {
-        return this.details.status
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.result-success{
-  .action:not(:first-child){
-    margin-left: 8px;
-  }
-  .project-name{
-    font-size: 16px;
-    color: @title-color;
-    font-weight: 500;
-    margin-bottom: 20px;
-  }
-}
-</style>
+<template>
+  <a-card :bordered="false" class="result-success">
+    <result :description="description" :is-success="icon" :title="title">
+      <template slot="action">
+        <span v-if="countDown > 0" style="margin-right: 10px">{{ countDown }}</span>
+        <!-- <a-button type="primary" v-if="UrgentAvailable" :disabled="urgentAccess" style="margin-right: 20px" @click="urgent">请求加急处理</a-button> -->
+        <!-- <a-button type="danger" @click="closeBtn">撤销工单</a-button> -->
+      </template>
+      <a-modal
+        :visible="closeVisible"
+        :zIndex="1002"
+        title="关闭工单"
+        @cancel="handleCloseCancel"
+        @ok="handleCloseOk"
+      >
+        <p>是否确认手动关闭工单？</p>
+        <p style="color: red">（该操作不可撤销，请谨慎操作！）</p>
+      </a-modal>
+      <div>
+        <div class="project-name">工单处理进度</div>
+        <detail-list size="small" style="max-width: 800px; margin-bottom: 8px">
+          <detail-list-item term="工单编号">{{ serialNumber }}</detail-list-item>
+          <detail-list-item v-if="details.name" term="负责人">{{ details.name }}</detail-list-item>
+          <detail-list-item term="提交时间">{{ details.createdTime }}</detail-list-item>
+        </detail-list>
+        <a-steps :current="step" progressDot>
+          <a-step title="工单提交">
+            <a-step-item-group slot="description">
+              <a-step-item :title="details.uploader" />
+              <a-step-item :title="details.createdTime"/>
+            </a-step-item-group>
+          </a-step>
+          <a-step title="工单处理中" >
+            <a-step-item-group slot="description">
+              <a-step-item v-if="step >= 1" :title="details.name" />
+              <a-step-item v-if="step >= 1" :title="details.confirmTime"/>
+            </a-step-item-group>
+          </a-step>
+          <a-step title="工单完成" >
+            <a-step-item-group slot="description">
+              <a-step-item v-if="step >= 2" :title="details.finishedTime"/>
+            </a-step-item-group>
+          </a-step>
+        </a-steps>
+      </div>
+    </result>
+  </a-card>
+</template>
+
+<script>
+import Result from '@vue2-client/components/result/Result'
+import DetailList from '@vue2-client/components/tool/DetailList'
+import AStepItem from '@vue2-client/components/tool/AStepItem'
+import { TicketDetailsViewApi, post } from '@vue2-client/services/api'
+import { formatDate } from '@vue2-client/utils/util'
+
+const AStepItemGroup = AStepItem.Group
+const DetailListItem = DetailList.Item
+
+export default {
+  name: 'submitTicketSuccess',
+  components: { AStepItemGroup, AStepItem, DetailListItem, DetailList, Result },
+  props: {
+    // 工单序列号
+    serialNumber: {
+      type: String,
+      required: true
+    }
+  },
+  data () {
+    return {
+      title: '提交成功',
+      description: '您创建的工单已成功提交，请保持电话畅通，我们的工作人员将尽快与您取得联系。', // +
+        // '如果需要加急，请在倒计时结束后点击加急按钮，加急后我们将优先处理您的工单',
+      // 工单详情
+      details: {
+        uploader: '',
+        status: '',
+        name: '',
+        createdTime: '',
+        confirmTime: '',
+        finishedTime: ''
+      },
+      // 控制加急按钮
+      urgentAccess: true,
+      // 倒计时
+      countDown: 0,
+      // 控制加急按钮显示
+      UrgentAvailable: true,
+      // 取消工单确认框可见性
+      closeVisible: false,
+      // 控制页面大图标
+      icon: true
+    }
+  },
+  mounted () {
+    this.getTicketDetail()
+  },
+  methods: {
+    format (date, format) {
+      return formatDate(date, format)
+    },
+    // 关闭工单确认后操作
+    handleCloseOk () {
+      return post(TicketDetailsViewApi.manualCloseTicketByCustomer, {
+        serialNumber: this.serialNumber,
+        time: new Date()
+      })
+        .then(res => {
+          this.closeVisible = false
+          this.title = '工单已关闭'
+          this.description = ''
+          this.icon = false
+        }, err => {
+          console.error(err)
+        })
+    },
+    // 关闭工单取消后业务逻辑
+    handleCloseCancel () {
+      this.closeVisible = false
+    },
+    // 关闭工单按钮
+    closeBtn () {
+      this.closeVisible = true
+    },
+    // 对工单进行加急处理
+    urgent () {
+      return post(TicketDetailsViewApi.rushTicket, {
+        serialNumber: this.serialNumber
+      })
+        .then(res => {
+          if (res.data === 1) {
+            this.$message.success(
+              '操作成功',
+              5
+            )
+            this.description = '您的工单已经被加急处理，我们的工作人员会优先处理您的请求。'
+            this.UrgentAvailable = false
+          } else {
+            this.$message.error(
+              '操作失败',
+              5
+            )
+          }
+        }, err => {
+          console.log(err)
+        })
+    },
+    // 获取工单详情
+    getTicketDetail () {
+      return post(TicketDetailsViewApi.getTicketDetailsForUploader, {
+        serialNumber: this.serialNumber
+      })
+        .then(res => {
+          this.details.uploader = res.uploader
+          // 判断负责人有没有值
+          if (res.name === undefined) {
+            this.details.name = ''
+          } else {
+            this.details.name = res.name
+          }
+          // 判断工单被确认时间
+          if (res.confirmtime === undefined) {
+            this.details.confirmTime = ''
+          } else {
+            this.details.confirmTime = this.format(res.confirmtime, 'yyyy-MM-dd hh:mm:ss')
+          }
+          // 判断工单完成时间
+          if (res.finishedtime === undefined) {
+            this.details.finishedTime = ''
+          } else {
+            this.details.finishedTime = this.format(res.finishedtime, 'yyyy-MM-dd hh:mm:ss')
+          }
+          this.details.createdTime = this.format(res.createdtime, 'yyyy-MM-dd hh:mm:ss')
+          this.details.status = res.status
+        }, err => {
+          console.log(err)
+        })
+    },
+  },
+  computed: {
+    // 用于进度条，进度显示控制
+    step () {
+      if (this.details.status !== 0 && this.details.status !== 1) {
+        return 2
+      } else {
+        return this.details.status
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.result-success{
+  .action:not(:first-child){
+    margin-left: 8px;
+  }
+  .project-name{
+    font-size: 16px;
+    color: @title-color;
+    font-weight: 500;
+    margin-bottom: 20px;
+  }
+}
+</style>

package/src/router/async/config.async.js

@@ -1,27 +1,27 @@
-import routerMap from './router.map'
-import { parseRoutes } from '@vue2-client/utils/routerUtil'
-
-// 异步路由配置
-const routesConfig = [
-  'login',
-  'submitTicket',
-  'root',
-  {
-    router: 'exp404',
-    path: '*',
-    name: '404'
-  },
-  {
-    router: 'exp403',
-    path: '/403',
-    name: '403'
-  }
-]
-
-const options = {
-  mode: 'history',
-  routes: parseRoutes(routesConfig, routerMap),
-  config: routesConfig
-}
-
-export default options
+import routerMap from './router.map'
+import { parseRoutes } from '@vue2-client/utils/routerUtil'
+
+// 异步路由配置
+const routesConfig = [
+  'login',
+  'submitTicket',
+  'root',
+  {
+    router: 'exp404',
+    path: '*',
+    name: '404'
+  },
+  {
+    router: 'exp403',
+    path: '/403',
+    name: '403'
+  }
+]
+
+const options = {
+  mode: 'history',
+  routes: parseRoutes(routesConfig, routerMap),
+  config: routesConfig
+}
+
+export default options

package/src/router/async/router.map.js

@@ -1,56 +1,56 @@
-// 视图组件
-const view = {
-  tabs: () => import('@vue2-client/layouts/tabs'),
-  blank: () => import('@vue2-client/layouts/BlankView'),
-  page: () => import('@vue2-client/layouts/PageView')
-}
-// 动态路由对象定义
-const routerResource = {}
-// --------------------------------------基本视图组件--------------------------------------
-// 空白视图
-routerResource.blank = view.blank
-// 单页面视图
-routerResource.singlePage = view.blank
-// --------------------------------------系统配置--------------------------------------
-routerResource.system = view.blank
-// 字典管理
-routerResource.dictionaryManage = () => import(/* webpackChunkName: "dictionary" */ '@vue2-client/pages/system/dictionary')
-// 查询配置管理
-routerResource.queryParamsManage = () => import(/* webpackChunkName: "queryParams" */ '@vue2-client/pages/system/queryParams')
-// 文件管理
-routerResource.fileManager = () => import('@vue2-client/pages/system/file')
-// 系统问题反馈工单
-routerResource.submitTicket = () => import(/* webpackChunkName: "submitTicket" */ '@vue2-client/pages/system/ticket')
-
-// 基础路由组件注册
-const routerMap = {
-  login: {
-    authority: '*',
-    path: '/login',
-    component: () => import('@vue2-client/pages/login')
-  },
-  root: {
-    path: '/',
-    name: '首页',
-    redirect: '/login',
-    component: view.tabs
-  },
-  exp403: {
-    authority: '*',
-    name: 'exp403',
-    path: '403',
-    component: () => import('@vue2-client/pages/exception/403')
-  },
-  exp404: {
-    name: 'exp404',
-    path: '404',
-    component: () => import('@vue2-client/pages/exception/404')
-  },
-  exp500: {
-    name: 'exp500',
-    path: '500',
-    component: () => import('@vue2-client/pages/exception/500')
-  }
-}
-Object.assign(routerMap, routerResource)
-export default routerMap
+// 视图组件
+const view = {
+  tabs: () => import('@vue2-client/layouts/tabs'),
+  blank: () => import('@vue2-client/layouts/BlankView'),
+  page: () => import('@vue2-client/layouts/PageView')
+}
+// 动态路由对象定义
+const routerResource = {}
+// --------------------------------------基本视图组件--------------------------------------
+// 空白视图
+routerResource.blank = view.blank
+// 单页面视图
+routerResource.singlePage = view.blank
+// --------------------------------------系统配置--------------------------------------
+routerResource.system = view.blank
+// 字典管理
+routerResource.dictionaryManage = () => import(/* webpackChunkName: "dictionary" */ '@vue2-client/pages/system/dictionary')
+// 查询配置管理
+routerResource.queryParamsManage = () => import(/* webpackChunkName: "queryParams" */ '@vue2-client/pages/system/queryParams')
+// 文件管理
+routerResource.fileManager = () => import('@vue2-client/pages/system/file')
+// 系统问题反馈工单
+routerResource.submitTicket = () => import(/* webpackChunkName: "submitTicket" */ '@vue2-client/pages/system/ticket')
+
+// 基础路由组件注册
+const routerMap = {
+  login: {
+    authority: '*',
+    path: '/login',
+    component: () => import('@vue2-client/pages/login')
+  },
+  root: {
+    path: '/',
+    name: '首页',
+    redirect: '/login',
+    component: view.tabs
+  },
+  exp403: {
+    authority: '*',
+    name: 'exp403',
+    path: '403',
+    component: () => import('@vue2-client/pages/exception/403')
+  },
+  exp404: {
+    name: 'exp404',
+    path: '404',
+    component: () => import('@vue2-client/pages/exception/404')
+  },
+  exp500: {
+    name: 'exp500',
+    path: '500',
+    component: () => import('@vue2-client/pages/exception/500')
+  }
+}
+Object.assign(routerMap, routerResource)
+export default routerMap

package/src/router/index.js

@@ -1,27 +1,27 @@
-import { formatRoutes } from '@vue2-client/utils/routerUtil'
-
-// 不需要登录拦截的路由配置
-const loginIgnore = {
-  names: ['404', '403'], // 根据路由名称匹配
-  paths: ['/login', '/submitTicket'], // 根据路由fullPath匹配
-  /**
-   * 判断路由是否包含在该配置中
-   * @param route vue-router 的 route 对象
-   * @returns {boolean}
-   */
-  includes (route) {
-    return this.names.includes(route.name) || this.paths.includes(route.path)
-  }
-}
-
-/**
- * 初始化路由实例
- * @param isAsync 是否异步路由模式
- * @returns {RouterOptions}
- */
-function initRouter (isAsync) {
-  const options = require('./async/config.async').default
-  formatRoutes(options.routes)
-  return options
-}
-export { loginIgnore, initRouter }
+import { formatRoutes } from '@vue2-client/utils/routerUtil'
+
+// 不需要登录拦截的路由配置
+const loginIgnore = {
+  names: ['404', '403'], // 根据路由名称匹配
+  paths: ['/login', '/submitTicket'], // 根据路由fullPath匹配
+  /**
+   * 判断路由是否包含在该配置中
+   * @param route vue-router 的 route 对象
+   * @returns {boolean}
+   */
+  includes (route) {
+    return this.names.includes(route.name) || this.paths.includes(route.path)
+  }
+}
+
+/**
+ * 初始化路由实例
+ * @param isAsync 是否异步路由模式
+ * @returns {RouterOptions}
+ */
+function initRouter (isAsync) {
+  const options = require('./async/config.async').default
+  formatRoutes(options.routes)
+  return options
+}
+export { loginIgnore, initRouter }

package/src/services/api/DictionaryDetailsViewApi.js

@@ -1,6 +1,6 @@
-const DictionaryDetailsViewApi = {
-  // 查询：获取字典详情
-  getDictionaryDetails: '/api/af-system/logic/getDictionaryDetails'
-}
-
-export { DictionaryDetailsViewApi }
+const DictionaryDetailsViewApi = {
+  // 查询：获取字典详情
+  getDictionaryDetails: '/api/af-system/logic/getDictionaryDetails'
+}
+
+export { DictionaryDetailsViewApi }