index.html
7.37 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
<!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?001900">
</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'}">
<div class="topDiv">质检详情<img src="img/back.png" @click="goBack" alt=""></div>
<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>
</div>
<div class="infoDiv">
<div class="infoTop">
<div class="detliU">{{detail.accNbr}}</div>
<div class="detli">地址：{{detail.addressName||'--'}}</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'">
<div class="infoLi" v-if="detail.processType=='1'">
<div>工单未同步？查看</div>
<div class="blue" @click="orderError">解决办法</div>
</div>
<div v-if="detail.processType=='1'">｜</div>
<div class="infoLi">
<div>无法质检？</div>
<div class="blue" @click="feedback">我要反馈</div>
</div>
</div>
</div>
<div v-if="detail.finish!='1'" class="botButt">
<div @click="beginTest">开始质检</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="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="js/axios.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/vant.min.js"></script>
<script src="js/util.js?11111"></script>
<script src="js/index.js?1233"></script>
</body>
</html>