repair_logs_frm.html
5.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>报修记录_frm</title>
<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
<link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
<link rel="stylesheet" type="text/css" href="../../css/home.css"/>
<link rel="stylesheet" type="text/css" href="../../css/element.css"/>
<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
<style>
html,
body{
background: #F4F6F9;
}
</style>
</head>
<body>
<div id="app">
<div class="repair-panel">
<div v-for="(log_list_d, log_list_i) in logList">
<div class="repair-list-s">
<div class="info-panel">
<div class="aui-row aui-row-flex top-14">
<div class="aui-col aui-col-span-2 aui-row-flex-start" style="padding-top: 0.12rem;">
<div class="number-id"> {{ log_list_i+1 | addSuffix }}</div>
</div>
<div class="aui-col aui-col-span-22 aui-row-flex-start">
<span class="device-id" id="device_id">设备ID：{{ log_list_d.imei }}</span>
</div>
</div>
<div class="repair-list-line"></div>
<div class="aui-row aui-row-flex">
<div class="aui-col aui-col-span-12 aui-row-flex-start">
<div class="repair-dot"></div>
<div class="repair-cmd"> 报修分类</div>
</div>
<div class="aui-col aui-col-span-12 aui-row-flex-end">
<div class="repair-cmd-value"> {{ log_list_d.type }}</div>
</div>
</div>
<div class="aui-row aui-row-flex" style="margin-top:0px;">
<div class="aui-col aui-col-span-12 aui-row-flex-start">
<div class="repair-dot"></div>
<div class="repair-cmd"> 报修状态</div>
</div>
<div class="aui-col aui-col-span-12 aui-row-flex-end">
<div class="repair-status status-commit">{{ log_list_d.status }}</div>
</div>
</div>
<div class="aui-row aui-row-flex">
<div class="aui-col aui-col-span-12 aui-row-flex-start">
<div class="repair-dot"></div>
<div class="repair-cmd"> 报修问题</div>
</div>
<div class="aui-col aui-col-span-12 aui-row-flex-end">
<div class="repair-cmd-value">{{ log_list_d.content }}</div>
</div>
</div>
<div style="height:7px;"></div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/element.js"></script>
<script type="text/javascript" src="../../script/ctrl.js"></script>
<script type="text/javascript">
var vm,
that;
apiready = function(){
api.parseTapmode();
//---------初始化vue
vm = new Vue({
el: '#app',
data: {
params: {
pageSize: 10000,
page: 1,
token: $api.getStorage('userToken'),
userId: $api.getStorage('userID'),
},
logList: [],
},
mounted() {
//window.chooseProduct = this.chooseProduct;
},
filters: {
addSuffix(v) {
let res = "";
Number(v) < 10 ? res = "0" + v : v
return res
}
},
created() {
that = this
api.setRefreshHeaderInfo({
bgColor: '#F4F6F9',
textColor: 'rgba(55,57,78,1)',
textDown: '下拉刷新设备列表...',
textUp: '松开刷新...'
}, function(ret, err) {
that.params= {
pageSize: 10000,
page: 1,
token: $api.getStorage('userToken'),
userId: $api.getStorage('userID'),
}
that.squence = 0;
that.getRepairList();
});
this.getRepairList()
},
methods: {
async getRepairList() {
this.logList = []
let listRes = await get_log_list(this.params)
this.logList = listRes.data.rows
api.refreshHeaderLoadDone();
}
}
})
};
</script>
</html>