vue2-client 1.2.49 → 1.2.50

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

@@ -1,268 +1,268 @@
-<template>
-  <a-card class="result-success" :bordered="false">
-    <result :is-success="icon" :description="description" :title="title">
-      <template slot="action">
-        <span style="margin-right: 10px" v-if="countDown > 0">{{ countDownFormat() }}</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
-        title="关闭工单"
-        :visible="closeVisible"
-        @ok="handleCloseOk"
-        @cancel="handleCloseCancel"
-        :zIndex="1002"
-      >
-        <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 term="负责人">{{ details.name }}</detail-list-item>
-          <detail-list-item term="提交时间">2016-12-12</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 :title="details.name" v-if="step >= 1" />
-              <a-step-item :title="details.confirmTime" v-if="step >= 1"/>
-            </a-step-item-group>
-          </a-step>
-          <a-step title="工单完成" >
-            <a-step-item-group slot="description">
-              <a-step-item :title="details.finishedTime" v-if="step >= 2"/>
-            </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 },
-  data () {
-    return {
-      title: '提交成功',
-      description: '您创建的工单已成功提交，请保持电话畅通，我们的工作人员将尽快与您取得联系。' +
-        '如果需要加急，请在倒计时结束后点击加急按钮，加急后我们将优先处理您的工单',
-      // 工单序列号
-      serialNumber: '',
-      // 工单详情
-      details: {
-        uploader: '',
-        status: '',
-        name: '',
-        priority: undefined,
-        createdTime: '',
-        confirmTime: '',
-        finishedTime: ''
-      },
-      // 控制加急按钮
-      urgentAccess: true,
-      // 倒计时
-      countDown: 0,
-      // 控制加急按钮显示
-      UrgentAvailable: true,
-      // 刷新页面的定时器
-      time: undefined,
-      timer: undefined,
-      // 取消工单确认框可见性
-      closeVisible: false,
-      // 控制页面大图标
-      icon: true
-    }
-  },
-  mounted () {
-    this.serialNumber = this.$route.query.serialNumber
-    this.getTicketDetail()
-    this.refresh()
-    this.countDown = 0
-  },
-  beforeDestroy () {
-    this.stopTimer()
-    this.stopTimer2()
-  },
-  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
-          this.stopTimer()
-        }, err => {
-          console.error(err)
-        })
-    },
-    // 关闭工单取消后业务逻辑
-    handleCloseCancel () {
-      this.closeVisible = false
-    },
-    // 关闭工单按钮
-    closeBtn () {
-      this.closeVisible = true
-    },
-    // 过10s刷新一下页面数据
-    refresh () {
-      if (this.timer === undefined) {
-        this.timer = setInterval(() => {
-          this.getTicketDetail()
-        }, 10 * 1000)
-      }
-    },
-    // 对工单进行加急处理
-    urgent () {
-      return post(TicketDetailsViewApi.rushTicket, {
-        serialNumber: this.serialNumber
-      })
-        .then(res => {
-          if (res === 1) {
-            this.$message.success(
-              '操作成功',
-              5
-            )
-            this.description = '您的工单已经被加急处理，我们的工作人员会优先处理您的请求。'
-            this.UrgentAvailable = false
-          } else {
-            this.$message.error(
-              '操作失败',
-              5
-            )
-          }
-        }, err => {
-          console.log(err)
-        })
-    },
-    // 格式化倒计时
-    countDownFormat () {
-      const hours = '00'
-      let mins = Math.floor(this.countDown / 60)
-      let secs = this.countDown % 60
-      if (mins < 10) {
-        mins = '0' + mins
-      }
-      if (secs < 10) {
-        secs = '0' + secs
-      }
-      return hours + ':' + mins + ':' + secs
-    },
-    // 设置用于控制加急按钮倒计时定时器，加急按钮5分钟后才可点击
-    setTimer () {
-      this.countDown = 5
-      if (this.time === undefined) {
-        this.time = setInterval(() => {
-          this.countDown--
-          if (this.countDown <= 0) {
-            this.urgentAccess = false
-            this.stopTimer2()
-            this.countDown = -1
-          }
-        }, 1000)
-      }
-    },
-    // 获取工单详情
-    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
-          this.details.priority = res.priority
-
-          // 如果当前状态为一般，设置定时器，五分钟后允许加急
-          if (this.details.priority > 1 && this.countDown === 0) {
-            this.setTimer()
-          }
-        }, err => {
-          console.log(err)
-        })
-    },
-    // 停止定时器
-    stopTimer () {
-      if (this.timer) {
-        clearInterval(this.timer)
-        this.timer = undefined
-      }
-    },
-    // 停止定时器2
-    stopTimer2 () {
-      if (this.time) {
-        clearInterval(this.time)
-        this.time = undefined
-      }
-    }
-  },
-  computed: {
-    // 用于进度条，进度显示控制
-    step () {
-      if (this.details.status !== 0 && this.details.status !== 1) {
-        return 2
-      } else {
-        return this.details.status
-      }
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.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 class="result-success" :bordered="false">
+    <result :is-success="icon" :description="description" :title="title">
+      <template slot="action">
+        <span style="margin-right: 10px" v-if="countDown > 0">{{ countDownFormat() }}</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
+        title="关闭工单"
+        :visible="closeVisible"
+        @ok="handleCloseOk"
+        @cancel="handleCloseCancel"
+        :zIndex="1002"
+      >
+        <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 term="负责人">{{ details.name }}</detail-list-item>
+          <detail-list-item term="提交时间">2016-12-12</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 :title="details.name" v-if="step >= 1" />
+              <a-step-item :title="details.confirmTime" v-if="step >= 1"/>
+            </a-step-item-group>
+          </a-step>
+          <a-step title="工单完成" >
+            <a-step-item-group slot="description">
+              <a-step-item :title="details.finishedTime" v-if="step >= 2"/>
+            </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 },
+  data () {
+    return {
+      title: '提交成功',
+      description: '您创建的工单已成功提交，请保持电话畅通，我们的工作人员将尽快与您取得联系。' +
+        '如果需要加急，请在倒计时结束后点击加急按钮，加急后我们将优先处理您的工单',
+      // 工单序列号
+      serialNumber: '',
+      // 工单详情
+      details: {
+        uploader: '',
+        status: '',
+        name: '',
+        priority: undefined,
+        createdTime: '',
+        confirmTime: '',
+        finishedTime: ''
+      },
+      // 控制加急按钮
+      urgentAccess: true,
+      // 倒计时
+      countDown: 0,
+      // 控制加急按钮显示
+      UrgentAvailable: true,
+      // 刷新页面的定时器
+      time: undefined,
+      timer: undefined,
+      // 取消工单确认框可见性
+      closeVisible: false,
+      // 控制页面大图标
+      icon: true
+    }
+  },
+  mounted () {
+    this.serialNumber = this.$route.query.serialNumber
+    this.getTicketDetail()
+    this.refresh()
+    this.countDown = 0
+  },
+  beforeDestroy () {
+    this.stopTimer()
+    this.stopTimer2()
+  },
+  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
+          this.stopTimer()
+        }, err => {
+          console.error(err)
+        })
+    },
+    // 关闭工单取消后业务逻辑
+    handleCloseCancel () {
+      this.closeVisible = false
+    },
+    // 关闭工单按钮
+    closeBtn () {
+      this.closeVisible = true
+    },
+    // 过10s刷新一下页面数据
+    refresh () {
+      if (this.timer === undefined) {
+        this.timer = setInterval(() => {
+          this.getTicketDetail()
+        }, 10 * 1000)
+      }
+    },
+    // 对工单进行加急处理
+    urgent () {
+      return post(TicketDetailsViewApi.rushTicket, {
+        serialNumber: this.serialNumber
+      })
+        .then(res => {
+          if (res === 1) {
+            this.$message.success(
+              '操作成功',
+              5
+            )
+            this.description = '您的工单已经被加急处理，我们的工作人员会优先处理您的请求。'
+            this.UrgentAvailable = false
+          } else {
+            this.$message.error(
+              '操作失败',
+              5
+            )
+          }
+        }, err => {
+          console.log(err)
+        })
+    },
+    // 格式化倒计时
+    countDownFormat () {
+      const hours = '00'
+      let mins = Math.floor(this.countDown / 60)
+      let secs = this.countDown % 60
+      if (mins < 10) {
+        mins = '0' + mins
+      }
+      if (secs < 10) {
+        secs = '0' + secs
+      }
+      return hours + ':' + mins + ':' + secs
+    },
+    // 设置用于控制加急按钮倒计时定时器，加急按钮5分钟后才可点击
+    setTimer () {
+      this.countDown = 5
+      if (this.time === undefined) {
+        this.time = setInterval(() => {
+          this.countDown--
+          if (this.countDown <= 0) {
+            this.urgentAccess = false
+            this.stopTimer2()
+            this.countDown = -1
+          }
+        }, 1000)
+      }
+    },
+    // 获取工单详情
+    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
+          this.details.priority = res.priority
+
+          // 如果当前状态为一般，设置定时器，五分钟后允许加急
+          if (this.details.priority > 1 && this.countDown === 0) {
+            this.setTimer()
+          }
+        }, err => {
+          console.log(err)
+        })
+    },
+    // 停止定时器
+    stopTimer () {
+      if (this.timer) {
+        clearInterval(this.timer)
+        this.timer = undefined
+      }
+    },
+    // 停止定时器2
+    stopTimer2 () {
+      if (this.time) {
+        clearInterval(this.time)
+        this.time = undefined
+      }
+    }
+  },
+  computed: {
+    // 用于进度条，进度显示控制
+    step () {
+      if (this.details.status !== 0 && this.details.status !== 1) {
+        return 2
+      } else {
+        return this.details.status
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.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,26 +1,26 @@
-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)
-}
-
-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)
+}
+
+export default options

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 }