sale-client 4.2.151 → 4.2.152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/filiale/HuaiLai/ServiceRepair.vue +150 -167
- package/src/main.js +1 -1
package/package.json
CHANGED
|
@@ -1,189 +1,172 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="panel panel-info
|
|
3
|
-
<div class="panel-heading
|
|
4
|
-
<h4
|
|
2
|
+
<div class="panel panel-info repair-panel">
|
|
3
|
+
<div class="panel-heading">
|
|
4
|
+
<h4 class="panel-title" title="参数:维修情况查询">维修情况</h4>
|
|
5
5
|
</div>
|
|
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
|
-
</div>
|
|
66
|
-
</td>
|
|
67
|
-
</tr>
|
|
68
|
-
</tbody>
|
|
69
|
-
<thead>
|
|
70
|
-
<tr>
|
|
71
|
-
<th colspan="4" style="text-align: center;background-color: #8cbce2;">签名照片</th>
|
|
72
|
-
</tr>
|
|
73
|
-
</thead>
|
|
74
|
-
<tbody>
|
|
75
|
-
<tr>
|
|
76
|
-
<td style="margin: auto;text-align: center">
|
|
77
|
-
<div class="container" style="background: #FFFFFF;margin:0;width:100%;">
|
|
78
|
-
<div class="img" v-for="img in sign">
|
|
79
|
-
<img-self v-if="img.f_downloadpath!=='' " :src="img.f_downloadpath" style="float: left" width="100" height="150"></img-self>
|
|
6
|
+
|
|
7
|
+
<!-- 有维修记录 -->
|
|
8
|
+
<template v-if="hasRepair">
|
|
9
|
+
<table class="table table-striped table-bordered">
|
|
10
|
+
<thead>
|
|
11
|
+
<tr>
|
|
12
|
+
<th colspan="4" class="table-th">用户维修情况</th>
|
|
13
|
+
</tr>
|
|
14
|
+
</thead>
|
|
15
|
+
<tbody>
|
|
16
|
+
<tr>
|
|
17
|
+
<td class="table-label">维修时间</td>
|
|
18
|
+
<td colspan="3">{{ model.f_created_date }}</td>
|
|
19
|
+
</tr>
|
|
20
|
+
<tr>
|
|
21
|
+
<td class="table-label">完成时间</td>
|
|
22
|
+
<td colspan="3">{{ model.f_complete_date }}</td>
|
|
23
|
+
</tr>
|
|
24
|
+
<tr>
|
|
25
|
+
<td class="table-label">报修信息</td>
|
|
26
|
+
<td>{{ model.f_failure_str }}</td>
|
|
27
|
+
<td class="table-label">维修结果</td>
|
|
28
|
+
<td>{{ model.f_state }}</td>
|
|
29
|
+
</tr>
|
|
30
|
+
<tr>
|
|
31
|
+
<td class="table-label">维修人</td>
|
|
32
|
+
<td>{{ model.f_order_man }}</td>
|
|
33
|
+
<td class="table-label">工单类型</td>
|
|
34
|
+
<td>{{ model.f_workorder_type }}</td>
|
|
35
|
+
</tr>
|
|
36
|
+
</tbody>
|
|
37
|
+
</table>
|
|
38
|
+
|
|
39
|
+
<!-- 照片区域：before / after / sign 统一循环 -->
|
|
40
|
+
<table
|
|
41
|
+
v-for="g in photoGroups"
|
|
42
|
+
:key="g.type"
|
|
43
|
+
class="table table-striped table-bordered"
|
|
44
|
+
>
|
|
45
|
+
<thead>
|
|
46
|
+
<tr>
|
|
47
|
+
<th colspan="4" class="table-th">{{ g.label }}</th>
|
|
48
|
+
</tr>
|
|
49
|
+
</thead>
|
|
50
|
+
<tbody>
|
|
51
|
+
<tr>
|
|
52
|
+
<td class="photo-td">
|
|
53
|
+
<div class="photo-wall">
|
|
54
|
+
<div
|
|
55
|
+
v-for="img in g.list"
|
|
56
|
+
class="img"
|
|
57
|
+
>
|
|
58
|
+
<img-self
|
|
59
|
+
v-if="img.f_downloadpath"
|
|
60
|
+
:src="img.f_downloadpath"
|
|
61
|
+
width="100"
|
|
62
|
+
height="150"
|
|
63
|
+
/>
|
|
64
|
+
</div>
|
|
80
65
|
</div>
|
|
81
|
-
</
|
|
82
|
-
</
|
|
83
|
-
|
|
84
|
-
</
|
|
85
|
-
</
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
66
|
+
</td>
|
|
67
|
+
</tr>
|
|
68
|
+
</tbody>
|
|
69
|
+
</table>
|
|
70
|
+
</template>
|
|
71
|
+
|
|
72
|
+
<!-- 无维修记录 -->
|
|
73
|
+
<div v-else class="info-content">
|
|
74
|
+
<strong>暂无维修信息</strong>
|
|
90
75
|
</div>
|
|
91
76
|
</div>
|
|
92
77
|
</template>
|
|
93
|
-
<script>
|
|
94
|
-
/**
|
|
95
|
-
*用户信息
|
|
96
|
-
*维修情况
|
|
97
|
-
*/
|
|
98
78
|
|
|
99
|
-
|
|
79
|
+
<script>
|
|
80
|
+
/**
|
|
81
|
+
* 用户信息 - 维修情况
|
|
82
|
+
*/
|
|
83
|
+
import { HttpResetClass } from 'vue-client'
|
|
100
84
|
|
|
101
|
-
|
|
102
|
-
|
|
85
|
+
export default {
|
|
86
|
+
name: 'RepairPanel',
|
|
87
|
+
props: {
|
|
88
|
+
data: { type: Object, default: () => ({}) }
|
|
89
|
+
},
|
|
90
|
+
data () {
|
|
91
|
+
return {
|
|
92
|
+
hasRepair: false,
|
|
93
|
+
model: {},
|
|
94
|
+
before: [],
|
|
95
|
+
after: [],
|
|
96
|
+
sign: []
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
computed: {
|
|
100
|
+
/* 把三段照片合并成数组，方便模板统一循环 */
|
|
101
|
+
photoGroups () {
|
|
102
|
+
return [
|
|
103
|
+
{ type: 'before', label: '维修前照片', list: this.before },
|
|
104
|
+
{ type: 'after', label: '维修后照片', list: this.after },
|
|
105
|
+
{ type: 'sign', label: '签名照片', list: this.sign }
|
|
106
|
+
].filter(g => g.list.length)
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
watch: {
|
|
103
110
|
data () {
|
|
104
|
-
return {
|
|
105
|
-
model: {},
|
|
106
|
-
repairList: [], // 所有维修记录列表
|
|
107
|
-
before:[],
|
|
108
|
-
sign:[],
|
|
109
|
-
after:[],
|
|
110
|
-
pared: 0,
|
|
111
|
-
repairImages: [] // 维修照片列表
|
|
112
|
-
}
|
|
113
|
-
},
|
|
114
|
-
props: ['data'],
|
|
115
|
-
ready () {
|
|
116
111
|
this.getServiceRepair()
|
|
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
|
-
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
ready () {
|
|
115
|
+
this.getServiceRepair()
|
|
116
|
+
},
|
|
117
|
+
methods: {
|
|
118
|
+
async getServiceRepair () {
|
|
119
|
+
if (!this.data || !this.data.f_userinfo_id) {
|
|
120
|
+
this.reset()
|
|
121
|
+
return
|
|
122
|
+
}
|
|
123
|
+
try {
|
|
124
|
+
const http = new HttpResetClass()
|
|
125
|
+
const res = await http.load(
|
|
126
|
+
'POST',
|
|
127
|
+
'api/af-revenue/logic/getV4ServiceRepair',
|
|
128
|
+
{ data: { f_userinfo_id: this.data.f_userinfo_id } },
|
|
129
|
+
{ resolveMsg: null, rejectMsg: null }
|
|
130
|
+
)
|
|
131
|
+
if (res.data && res.data.repair.length > 0) {
|
|
132
|
+
this.hasRepair = true
|
|
133
|
+
this.model = res.data.repair[0]
|
|
134
|
+
this.before = res.data.before || []
|
|
135
|
+
this.after = res.data.after || []
|
|
136
|
+
this.sign = res.data.sign || []
|
|
142
137
|
} else {
|
|
143
|
-
this.
|
|
144
|
-
this.repairList = []
|
|
145
|
-
// this.repairImages = []
|
|
146
|
-
this.sign = []
|
|
147
|
-
this.before = []
|
|
148
|
-
this.after = []
|
|
138
|
+
this.reset()
|
|
149
139
|
}
|
|
140
|
+
} catch (e) {
|
|
141
|
+
console.error('[RepairPanel] 接口异常', e)
|
|
142
|
+
this.reset()
|
|
150
143
|
}
|
|
151
144
|
},
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
145
|
+
reset () {
|
|
146
|
+
this.hasRepair = false
|
|
147
|
+
this.model = {}
|
|
148
|
+
this.before = []
|
|
149
|
+
this.after = []
|
|
150
|
+
this.sign = []
|
|
157
151
|
}
|
|
158
152
|
}
|
|
153
|
+
}
|
|
159
154
|
</script>
|
|
160
|
-
<style scoped>
|
|
161
|
-
.img {
|
|
162
|
-
border: 1px solid #9773ed;
|
|
163
|
-
width: auto;
|
|
164
|
-
height: auto;
|
|
165
|
-
float: left;
|
|
166
|
-
text-align: center;
|
|
167
|
-
margin: 6px;
|
|
168
|
-
}
|
|
169
155
|
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
156
|
+
<style scoped>
|
|
157
|
+
/* 头部 */
|
|
158
|
+
.repair-panel .panel-heading{height:35px;display:flex;align-items:center}
|
|
159
|
+
.panel-title{margin:0;font-size:14px}
|
|
173
160
|
|
|
161
|
+
/* 表格 */
|
|
162
|
+
.table-th{background:#8cbce2;text-align:center}
|
|
163
|
+
.table-label{width:17%;text-align:center;background:#fafafa}
|
|
174
164
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}
|
|
180
|
-
div::-webkit-scrollbar {
|
|
181
|
-
width: 0 !important;
|
|
182
|
-
height: 0 !important;
|
|
183
|
-
}
|
|
165
|
+
/* 照片区域 */
|
|
166
|
+
.photo-td{padding:10px}
|
|
167
|
+
.photo-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
|
|
168
|
+
.img{border:1px solid #9773ed;margin:0}
|
|
184
169
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
overflow: -moz-scrollbars-none;
|
|
188
|
-
}
|
|
170
|
+
/* 无数据提示 */
|
|
171
|
+
.info-content{padding:40px 0;text-align:center;color:#999}
|
|
189
172
|
</style>
|
package/src/main.js
CHANGED
|
@@ -2,7 +2,7 @@ import Vue from 'vue'
|
|
|
2
2
|
import all from 'vue-client/src/all'
|
|
3
3
|
import App from './App'
|
|
4
4
|
import system from 'system-clients/src/system'
|
|
5
|
-
import FilialeSale from './filiale/
|
|
5
|
+
import FilialeSale from './filiale/HuaiLai/sale'
|
|
6
6
|
import sale from './sale'
|
|
7
7
|
import address from 'address-client/src/address'
|
|
8
8
|
import ldap from 'ldap-clients/src/ldap'
|