index.html
12.5 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>江苏移动</title>
<link rel="stylesheet" href="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/css/vant.css"/>
<link rel="stylesheet" href="css/index.css?90909090">
</head>
<body>
<!-- <script>
if(!location.href.includes('reloadTime')){
window.location.replace(location.href + '&reloadTime='+ new Date().getTime())
}
</script> -->
<div id="pageDiv" class="pageDiv" :class="{pageDone:detail.finish=='1'}">
<img class="bgImg" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/bg.png" alt="">
<div class="tsDiv" v-if="detail.finish!='1'">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/tanhao2.png" alt="">
<div>手写账号数字请规整，避免识别出错</div>
</div>
<div class="topText">
<div class="tleft">
<div class="tup">质检{{detail.finish=='1'?'已完成':'待完成'}}</div>
<div class="tdown">
<div class="tdli" v-for="item in tarr">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/duihao.png" alt="">
<div>{{item}}</div>
</div>
</div>
</div>
<div class="tright">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/number.png" alt="">
</div>
<!-- <img class="tright" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/number.png" alt=""> -->
</div>
<div class="infoDiv">
<div class="infoTop">
<div class="status">{{detail.updateApplyAddress || detail.addressName}}</div>
<div class="statusTs" v-if="detail.finish!='1' && !addressButtFlag">当前工单地址有误？<span @click="modiyAddress">点击修改</span></div>
<div class="detail">
<div class="detli">
<div class="detL">装维ID</div>
<div class="detR">{{detail.campaignId}}</div>
</div>
<div class="detli">
<div class="detL">业务账号</div>
<div class="detR">{{detail.accNbr}}</div>
</div>
<!-- <div class="detli">
<div class="detL">
<div>装机地址</div>
<img v-if="detail.finish!='1' && !addressButtFlag" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/wenhao.png" @click="addressError">
</div>
<div class="detR">{{detail.addressName}}</div>
</div> -->
</div>
</div>
<div class="orderList">
<div class="orderli" v-for="(item,index) in detail.devicessList
">
<div class="ortil">
<div class="gdid">工单{{index+1}}:{{item.orderCode}}</div>
<div class="icon" v-show="item.isLocal==1">手动录入</div>
</div>
<div class="orcon">
<div class="orcli">
<div class="ortype">工单类型</div>
<div>{{item.serviceName}}</div>
</div>
<div class="orcli" v-if="item.terminalClass">
<div class="ortype">装机装备</div>
<div>{{item.terminalClass}}</div>
</div>
</div>
<div class="button" v-show="item.isLocal==1 && detail.finish!='1'">
<div @click="delOrder(index)">删除</div>
</div>
</div>
</div>
<div class="infoTs" v-if="detail.finish!='1' && !addressButtFlag">
<div class="infoLi" v-if="appParam.processType!='complaint'">
<div>工单未同步？查看</div>
<div class="blue" @click="orderError">解决办法</div>
</div>
<!-- <div v-if="appParam.processType!='complaint'">｜</div>
<div class="infoLi">
<div>无法质检？</div>
<div class="blue" @click="feedback">我要反馈</div>
</div> -->
</div>
</div>
<div v-if="detail.finish!='1'" class="botButt">
<div :class="{botGray: addressButtFlag}" @click="beginTest">{{addressButtFlag?'位置有误，不支持质检':'开始质检'}}</div>
</div>
<div class="outAlert" v-if="addressErrorFlag && detail.finish!='1' && ifFirst">
<div class="alertCon locationCon">
<img class="topImg" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/addressIcon3.png">
<div class="nowLoca">
<div class="tilN">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/addressIcon4.png">
<div>当前定位</div>
</div>
<div class="ncon">{{appParam.realAddress}}</div>
<div class="refTs">
<!-- <img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/refresh.png"> -->
<div>退出APP重新进入可刷新当前定位</div>
</div>
</div>
<div class="orderAddre">
<div class="tilN">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/addressIcon5.png">
<div>工单地址</div>
</div>
<div class="naddre">{{detail.updateApplyAddress || detail.addressName}}</div>
</div>
<div class="quit" @click="modiyAddress">工单地址有误，手动修改</div>
<div class="next" @click="quit">退出质检</div>
</div>
</div>
<div class="outAlert" v-if="addressRightFlag && detail.finish!='1' && ifFirst && (appParam.processType==3208||appParam.processType==3209)">
<div class="alertCon locationConRight">
<img class="img2" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/addressIcon2.png" alt="">
<div class="tilTs2">当前工单地址</div>
<div class="til2">{{detail.updateApplyAddress || detail.addressName}}</div>
<div class="quit" @click="goNext">地址正确，进入质检</div>
<div class="next" @click="modiyAddress">地址有误，手动修改</div>
</div>
</div>
<div class="outAlert" v-if="orderFlag">
<div class="alertCon orderCon">
<div class="til">工单没有同步？</div>
<div class="conli">1、方案一：因系统与crm系统对接有延时，你可十分钟后再进行质检</div>
<div class="conli" @click="addOrder">2、方案二：自行 <span>添加工单>></span></div>
<div class="know" @click="closeAlert">我知道了</div>
</div>
</div>
<div class="outAlert" v-if="addressFlag">
<div class="alertCon orderCon">
<div class="til">地址有错误？</div>
<div class="conli">1、如果您未在《掌上家客》修改地址，请前往《掌上家客》进行修改地址。</div>
<div class="conli">2、如果您已在《掌上家客》修改地址，但地址未同步，请稍等片刻后进行质检。</div>
<div class="conli">3、如果您无法在《掌上家客》修改地址，请在此APP内备注页面进行备注地址。</div>
<div class="know" @click="closeAlert">我知道了</div>
</div>
</div>
<div class="outAlert" v-if="modifyAddressFlag">
<div class="alertCon modifyAddreCon">
<div class="til">修改地址</div>
<div class="cli" @click="showCity">
<div class="ctil">所在地区</div>
<div class="chose" :class="{hcho: pickData.nCity}">
<div>{{pickData.nCity?(pickData.nCity+pickData.nArea):'选择市区'}}</div>
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/arrowDown.png" alt="">
</div>
</div>
<div class="cli">
<div class="ctil">详细地址</div>
<textarea placeholder="请输入详细地址" v-model="pickData.menpai"></textarea>
</div>
<div class="know" @click="saveAddress">保存</div>
<img class="close" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/close.png" @click="modifyAddressFlag=false">
</div>
</div>
<div class="outAlert" v-if="fbData.isShow">
<div class="alertCon modifyAddreCon noTestCon">
<div class="til">我要反馈</div>
<div class="topTs">如你出现无法质检的情况，比如摄像头不能用，用户不让拍摄的情况，你可填写原因和情况说明跳过质检</div>
<div class="cli" @click="showReason">
<div class="ctil">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/xing.png" alt="">
<div>原因</div>
</div>
<div class="chose" :class="{hcho: reasonPickData.reason}">
<div>{{reasonPickData.reason?reasonPickData.reason:'选择原因'}}</div>
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/arrowDown.png" alt="">
</div>
</div>
<div class="cli">
<div class="ctil">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/xing.png" alt="">
<div>情况说明</div>
</div>
<textarea placeholder="请填写具体情况" v-model="fbData.explain"></textarea>
</div>
<div class="know" @click="fbData.confirmFlag=true">保存</div>
<div class="botTs">提交反馈后管理员会尽快审核检查,并且您无法再次进行质检</div>
<img class="close" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/close.png" @click="fbData.isShow=false">
</div>
</div>
<div class="outAlert" v-if="fbData.confirmFlag">
<div class="feedbackConfirmCon">
<div class="info">确定提交？提交后不可再次进行质检</div>
<div class="butt">
<div class="left" @click="fbData.confirmFlag=false">取消</div>
<div class="right" @click="saveFeedback">确定并提交</div>
</div>
</div>
</div>
<div class="outAlert pickAlert" v-if="pickData.isShow">
<van-picker
show-toolbar
:title="pickData.title"
:columns="pickData.arr"
@change="onChange"
@cancel="onCancel"
@confirm="onConfirm"
/>
</div>
<div class="outAlert pickAlert" v-if="reasonPickData.isShow">
<van-picker
show-toolbar
:title="reasonPickData.title"
:columns="reasonPickData.arr"
:default-index="reasonPickData.index"
@cancel="reasonCancel"
@confirm="reasonConfirm"
/>
</div>
<div class="noData" v-if="noDataFlag">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/noData.png?0909090" alt="">
</div>
</div>
<img id="loading" class="loading" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/loading.svg" alt="">
<script src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/js/axios.min.js"></script>
<script src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/js/vue.min.js"></script>
<script src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/js/vant.min.js"></script>
<script src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/js/util.js?11111"></script>
<script src="js/index.js?878787"></script>
</body>
</html>