-
-
-
-
-
- 工单ID
-
- {{ ticketsData.ticketsId }}
+
+
+ 审批
+
+
+ {{ ticketsData.ticketsId }}
-
-
- 小车类型
-
+
{{ ticketsData.carName }}
-
-
- 异常类型
-
+
{{ ticketsData.errorType }}
-
-
- 合同编号
-
- {{ ticketsData.contractNumber }}
-
-
-
-
- 客户
-
- {{ ticketsData.clientName }}
-
-
-
- 故障描述
-
- {{ ticketsData.description }}
-
-
-
- 部门对接人
-
- {{ ticketsData.deptPeople }}
-
-
-
- 客户联系电话
-
- {{ ticketsData.deptPhone }}
-
-
-
- 创建者
-
- {{ ticketsData.createUserId }}
-
-
-
- 创建时间
-
- {{ ticketsData.createTime }}
-
-
-
- 是否验收
-
- {{ ['否', '是'][Number(ticketsData.isCheck)] }}
-
-
-
- 工单状态
-
- {{ statusOpt | findByValue(ticketsData.status) }}
-
-
-
- 工单关闭时间
-
- {{ ticketsData.updateTime }}
-
+ {{ ticketsData.contractNumber }}
+ {{ ticketsData.clientName }}
+ {{ ticketsData.description }}
+ {{ ticketsData.deptPeople }}
+ {{ ticketsData.deptPhone }}
+ {{ ticketsData.createUserId }}
+ {{ ticketsData.createTime }}
+ {{ ['否', '是'][Number(ticketsData.isCheck)] }}
+ {{ statusOpt | findByValue(ticketsData.status) }}
+ {{ ticketsData.updateTime }}
@@ -92,14 +31,34 @@
export default {
data () {
return {
+ column: 0,
ticketsData: {},
statusOpt: [{value: '0', label: '未开始'}, {value: '1', label: '已指派'}, {value: '2', label: '处理中'}, {value: '3', label: '已完成'}]
}
},
created () {
+ if (this.isMobile() || window.innerWidth < 768) {
+ this.column = 2
+ } else {
+ this.column = 4
+ }
this.getDataList()
},
methods: {
+ isMobile() {
+ const userAgentInfo = navigator.userAgent;
+ const mobileAgents = [
+ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"
+ ];
+ let isMobile = false;
+ for (let i = 0; i < mobileAgents.length; i++) {
+ if (userAgentInfo.indexOf(mobileAgents[i]) > -1) {
+ isMobile = true;
+ break;
+ }
+ }
+ return isMobile;
+ },
// 获取数据列表
getDataList () {
this.$http({
@@ -129,7 +88,7 @@