vue2-client 1.3.0 → 1.3.3

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

@@ -1,203 +1,206 @@
-<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">{{ 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
-        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 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 :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 },
-  props: {
-    // 工单序列号
-    serialNumber: String,
-  },
-  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 === 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 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 :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

@@ -20,7 +20,8 @@ const routesConfig = [
 
 const options = {
   mode: 'history',
-  routes: parseRoutes(routesConfig, routerMap)
+  routes: parseRoutes(routesConfig, routerMap),
+  config: routesConfig
 }
 
 export default options

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

@@ -1,60 +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.createQuery = () => import('@vue2-client/pages/CreateQueryPage.vue')
-// 系统问题反馈工单
-routerResource.submitTicket = () => import(/* webpackChunkName: "submitTicket" */ '@vue2-client/pages/system/ticket')
-// --------------------------------------报表组件--------------------------------------
-routerResource.reportTable = () => import(/* webpackChunkName: "ReportTableHome" */ '@vue2-client/pages/report/ReportTableHome')
-// --------------------------------------资源管理--------------------------------------
-routerResource.resourceManageMain = () => import(/* webpackChunkName: "resourceManageMain" */ '@vue2-client/pages/resourceManage/resourceManageMain')
-
-// 基础路由组件注册
-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('@/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/services/api/DictionaryDetailsViewApi.js

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

package/src/services/api/LogDetailsViewApi.js

@@ -1,10 +1,10 @@
-const LogDetailsViewApi = {
-  // 查询：获取日志详情
-  getLogDetails: '/webmeterapi/foreignaidGetLogDetails',
-  // 查询：获取日志维护记录
-  getLogRecordList: '/webmeterapi/foreignaidGetRecordList',
-  // 操作：更新日志状态
-  updateLogStatusData: '/webmeterapi/foreignaidUpdateLogStatus'
-}
-
-export { LogDetailsViewApi }
+const LogDetailsViewApi = {
+  // 查询：获取日志详情
+  getLogDetails: '/af-system/foreignaidGetLogDetails',
+  // 查询：获取日志维护记录
+  getLogRecordList: '/af-system/foreignaidGetRecordList',
+  // 操作：更新日志状态
+  updateLogStatusData: '/af-system/foreignaidUpdateLogStatus'
+}
+
+export { LogDetailsViewApi }

package/src/services/api/QueryParamsDetailsViewApi.js

@@ -1,6 +1,6 @@
-const QueryParamsDetailsViewApi = {
-  // 查询：获取查询配置详情
-  getQueryParamsDetails: '/webmeterapi/getQueryParamsDetails'
-}
-
-export { QueryParamsDetailsViewApi }
+const QueryParamsDetailsViewApi = {
+  // 查询：获取查询配置详情
+  getQueryParamsDetails: '/af-system/getQueryParamsDetails'
+}
+
+export { QueryParamsDetailsViewApi }