system-clients 3.3.4 → 3.3.6

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.
@@ -0,0 +1,368 @@
1
+ <template>
2
+ <div class="auto select-overspread">
3
+ <validator name='v'>
4
+ <ul class="nav nav-tabs" >
5
+ <li role="presentation" class="active"><a href="#">POS</a></li>
6
+ </ul>
7
+ <form novalidate class="form-horizontal" >
8
+ <div class="row">
9
+ <div class="col-sm-6 form-group">
10
+ <label class="font_normal_body">设备负责人</label>
11
+ <right-tree @re-res="getRes" :source="source"></right-tree>
12
+ </div>
13
+ <div class="col-sm-6 form-group" :class="[$v.f_terminal_number.required ? 'has-error' : '']">
14
+ <label class="font_normal_body">设备编号</label>
15
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_terminal_number" placeholder="设备编号" v-el:f_terminal_number
16
+ v-validate:f_terminal_number='{required :true}' />
17
+ </div>
18
+ <div class="col-sm-6 form-group" :class="[$v.f_terminal_name.required ? 'has-error' : '']">
19
+ <label class="font_normal_body">&ensp;设备名称&ensp;</label>
20
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_terminal_name" placeholder="设备名称"
21
+ v-validate:f_terminal_name='{required: true}' />
22
+ </div>
23
+ <div class="col-sm-6 form-group" :class="{'has-error': $v.f_equipment_type.required}">
24
+ <label class="font_normal_body">设备类型</label>
25
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_equipment_type" placeholder="设备类型"
26
+ v-validate:f_equipment_type="{required: true}" />
27
+ </div>
28
+ <div class="col-sm-6 form-group">
29
+ <label class="font_normal_body" >&ensp;MAC&nbsp;号&nbsp;&ensp;</label>
30
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_mac_number" placeholder="MAC号" >
31
+ </div>
32
+ <div class="col-sm-6 form-group">
33
+ <label class="font_normal_body" >机器编号</label>
34
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_machine_number" placeholder="机器编号" >
35
+ </div>
36
+ <div class="col-sm-6 form-group" :class="{'has-error': $v.f_phone.required}">
37
+ <label class="font_normal_body">&ensp;联系电话&ensp;</label>
38
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_phone" placeholder="联系电话"
39
+ v-validate:f_phone="{required: true, minlength:7, maxlength: 11}" title="手机号必须7-11位">
40
+ <!-- <div class="font_normal_body" v-if="$v.f_phone.minlength || $v.f_phone.maxlength"><span>手机号必须7-11位</span></div>-->
41
+ </div>
42
+ <div class="col-sm-6 form-group" :class="{'has-error': $v.f_bank_name.required}">
43
+ <label class="font_normal_body">所属银行</label>
44
+ <v-select id="f_charge_type"
45
+ v-model="model.f_bank_name"
46
+ placeholder='所属银行'
47
+ :value.sync="model.f_bank_name"
48
+ :options='bankAffiliation'
49
+ :value-single="true"
50
+ v-validate:f_bank_name="{ required: true }"
51
+ close-on-select clear-button>
52
+ </v-select>
53
+ </div>
54
+ <div class="col-sm-6 form-group">
55
+ <label class="font_normal_body">&ensp;所属参数&ensp;</label>
56
+ <v-select id="f_charge_type"
57
+ v-model="model.f_param_id"
58
+ placeholder='所属参数'
59
+ :value.sync="model.f_param_id"
60
+ :options='ParamTypeItems'
61
+ close-on-select clear-button>
62
+ </v-select>
63
+ </div>
64
+ <div class="col-sm-6 form-group">
65
+ <label class="font_normal_body">所属部门</label>
66
+ <res-select restype='department'
67
+ :is-mul="false"
68
+ @res-select="getdep"
69
+ :parentresid="depresid"
70
+ :initresid="initresid">
71
+ </res-select>
72
+ </div>
73
+ <div class="col-sm-6 form-group" v-show="false">
74
+ <label class="font_normal_body">公&emsp;&emsp;司 </label>
75
+ <right-tree @re-res="getRes1"></right-tree>
76
+ </div>
77
+ <div class="col-sm-12 form-group" :class="{'has-error': $v.f_address.required}">
78
+ <label class="font_normal_body">&ensp;放置地点&ensp;</label>
79
+ <input type="text" class="input_search" style="width: 80%" v-model="model.f_address" placeholder="所在地"
80
+ v-validate:f_address="{required: true}">
81
+ </div>
82
+ </div>
83
+ <div class="col-sm-12 form-group">
84
+ <label class="font_normal_body " >&ensp;&nbsp;&nbsp;&nbsp;&nbsp;备注&nbsp;&nbsp;&nbsp;&ensp;</label>
85
+ <textarea class="input_textarea" rows="3" style="width:80%;margin-top:5px" v-model="model.f_comments"></textarea>
86
+ </div>
87
+ </form>
88
+ <div style="text-align:right;height:auto;">
89
+ <button class="button_search" @click="uploadFiles()" v-if="info">上传图片</button>
90
+ <button class="btn btn-info" @click="upgrade()" v-if="info && data.f_state==='正常'">升级</button>
91
+ <button class="btn btn-success" @click="getEditState()" v-if="model.f_state === '停用' && info" >启用</button>
92
+ <button class="btn btn-danger" @click="getEditState()" v-if="model.f_state === '正常' && info" >停用</button>
93
+ <button class="btn button_search" @click="confirm()" :disabled="!$v.valid" >确认</button>
94
+ <button class="btn button_clear " @click="cancel()" >取消</button>
95
+ </div>
96
+ <modal :show.sync="showfiles" width="80%" style="width:auto;" v-ref:modal middle backdrop="false">
97
+ <article slot="modal-body" style="height: 500px">
98
+ <upload v-show="showfiles" :businessid="model.id" v-ref:upload fusetype="POS" isremark="true" style="width:auto" ></upload>
99
+ </article>
100
+ <footer slot="modal-footer" class="modal-footer">
101
+ </footer>
102
+ </modal>
103
+ <modal v-if="show" :show.sync="show" v-ref:modal backdrop="false" >
104
+ <header slot="modal-header" class="modal-header">
105
+ <button type="button" class="close" @click="close"><span>&times;</span></button>
106
+ <h4 class="modal-title">pos机升级</h4>
107
+ </header>
108
+ <article slot="modal-body" class="modal-body">
109
+ <form class="form-horizontal">
110
+ <div class="row">
111
+ <div>
112
+ <h4>是否升级?</h4>
113
+ </div>
114
+ <!-- <div class="col-sm-6 form-group">-->
115
+ <!-- <label class="font_normal_body">参数名称</label>-->
116
+ <!-- <input type="text" class="input_search" style="width: 60%" v-model="modifyItem.name" @keyup.enter="confirm">-->
117
+ <!-- </div>-->
118
+ <!-- <div class="col-sm-6 form-group" v-if="modifyItem.EntityType === 't_parameter'">-->
119
+ <!-- <div class="checkbox">-->
120
+ <!-- <label>-->
121
+ <!-- <input type="checkbox" v-model="modifyItem.isGlobal" :checked="modifyItem.isGlobal">是否全局-->
122
+ <!-- </label>-->
123
+ <!-- </div>-->
124
+ <!-- </div>-->
125
+ </div>
126
+ </form>
127
+ </article>
128
+ <footer slot="modal-footer" class="modal-footer">
129
+ <button type="button" class="button_search button_spacing" @click='upgradeRoot()'>是</button>
130
+ <button type="button" class="button_clear button_spacing" @click='close'>否</button>
131
+ </footer>
132
+ </modal>
133
+ </validator>
134
+
135
+ </div>
136
+ </template>
137
+ <script>
138
+ import {HttpResetClass, PagedList} from 'vue-client'
139
+ export default {
140
+ data () {
141
+ return {
142
+ depname: '',
143
+ f_depid: '',
144
+ orgname: '',
145
+ initresid: [], // 用于存放初始化选中的部门 ID
146
+ depresid: [this.$login.f.depids],
147
+ depid: [this.f_depid],
148
+ f_orgid: this.$login.f.orgid,
149
+ userresid: [this.$login.f.id],
150
+ checkparam: false,
151
+ bankAffiliation: this.$appdata.getParam('所属银行'),
152
+ source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() != $role$))`,
153
+ userid: this.$login.f.id,
154
+ model: {
155
+ f_terminal_number: '',
156
+ f_terminal_name: '',
157
+ f_depname: '',
158
+ f_mac_number:'',
159
+ // f_username:'',
160
+ f_bank_name: '微信',
161
+ f_equipment_type: 'POS',
162
+ f_state: '正常',
163
+ f_machine_number: '',
164
+ f_phone:'',
165
+ f_comments:'',
166
+ f_address:'',
167
+ f_filialeids: '',
168
+ f_orgid:'',
169
+ f_param_id:''
170
+ },
171
+ ParamTypeItems:[],
172
+ showfiles: false,
173
+ show:false,
174
+ infoadd: this.infoadd,
175
+ isSelPop: false
176
+ }
177
+ },
178
+ props: ['data', 'f_filialeids','info'],
179
+
180
+ watch: {
181
+ 'data' (val) {
182
+ if (val) {
183
+ this.edit(val)
184
+ } else {
185
+ this.initModel()
186
+ }
187
+ }
188
+ },
189
+ async ready () {
190
+ console.log('mac信息:', this.data)
191
+ if (this.data) {
192
+ this.edit(this.data)
193
+ }
194
+ console.log('查看是否隐藏', this.info)
195
+ try {
196
+ // 获取参数
197
+ let http = new HttpResetClass()
198
+ let res = await http.load('POST', 'rs/sql/get_posParam', {data: {condition : ' 1 = 1 '}}, {
199
+ resolveMsg: null,
200
+ rejectMsg: '获取参数出错!!'
201
+ })
202
+ this.ParamTypeItems = res.data.map(item=>{
203
+ return {
204
+ label:item.name,
205
+ value:item.f_param_id
206
+ }
207
+ })
208
+ } catch (e) {
209
+ console.log(e)
210
+ }
211
+ },
212
+
213
+ methods: {
214
+ getRes1 (obj) {
215
+ this.orgname = obj.res[0]
216
+ this.depresid = obj.resids
217
+ this.f_orgid = obj.resids
218
+ this.userresid = obj.resids
219
+ },
220
+ getdep (obj, val) {
221
+ this.depname = val
222
+ // this.userresid = obj
223
+ this.f_depid = obj
224
+ },
225
+ recursiveSelOrg(val, flag){
226
+ if(val.parent){
227
+ if(val.parent.resourcetype===flag){
228
+ return {id: val.parent.id, name: val.parent.name}
229
+ } else {
230
+ return this.recursiveSelOrg(val.parent,flag)
231
+ }
232
+ } else {
233
+ return {id: '', name: ''}
234
+ }
235
+ },
236
+ getRes(val){
237
+ console.log('====================', val)
238
+ if (val.orgobj.length === 1 && val.orgobj[0].resourcetype === 'user'){
239
+
240
+ let org = this.recursiveSelOrg(val.orgobj[0], 'organization')
241
+ this.model.f_orgid=org.id
242
+ this.model.f_orgname=org.name
243
+ let dep = this.recursiveSelOrg(val.orgobj[0], 'department')
244
+ this.model.f_depid=dep.id
245
+ this.model.f_depname=dep.name
246
+
247
+ this.model.f_operatorid = val.orgobj[0].userid
248
+ this.model.f_operator=val.orgobj[0].name
249
+ this.isSelPop = true
250
+ } else {
251
+ // 不可提交
252
+ this.isSelPop = false
253
+ }
254
+ },
255
+ close () {
256
+ this.show = false
257
+ },
258
+ uploadFiles(){
259
+ this.showfiles= !this.showfiles
260
+ },
261
+ getEditState () {
262
+ if (this.model.f_state === '正常') {
263
+ this.$showMessage(`当前设备号: ${this.model.f_terminal_number} ,确认停用该设备?`, ['confirm', 'cancel']).then((res) => {
264
+ if (res === 'confirm') {
265
+ this.$showAlert(`已向设备号: ${this.model.f_terminal_number}发送停用指令,请稍后查看执行结果!`, 'success', 2500)
266
+ this.model.f_state = '停用'
267
+ try {
268
+ // 测试接口
269
+ // this.$resetpost('rs/logic/updatePosState', {data: {number: this.model.f_terminal_number, state: '停用'}}, {resolveMsg: null, rejectMsg: null}, 0)
270
+ // .then((res) => {})
271
+ this.$resetpost('rs/logic/batchPos',{data: {tasks: [this.data], taskState: 0}}, {rejectMsg: null, resolveMsg: null})
272
+ } catch (error) {
273
+ this.search()
274
+ }
275
+ }
276
+ })
277
+ } else if (this.model.f_state === '停用'){
278
+ this.$showMessage(`当前设备号: ${this.model.f_terminal_number} ,确认启用该设备?`, ['confirm', 'cancel']).then((res) => {
279
+ if (res === 'confirm') {
280
+ this.$showAlert(`已向设备号: ${this.model.f_terminal_number}发送启用指令,请稍后查看执行结果!`, 'success', 2500)
281
+ this.model.f_state = '正常'
282
+ try {
283
+ // 测试接口
284
+ // this.$resetpost('rs/logic/getEditPosState', {data: {number: this.model.f_terminal_number, state: '正常'}}, {resolveMsg: null, rejectMsg: null}, 0)
285
+ // .then((res) => {})
286
+ this.$resetpost('rs/logic/batchPos',{data: {tasks: [this.data], taskState: 1}}, {rejectMsg: null, resolveMsg: null})
287
+ } catch (error) {
288
+ this.search()
289
+ }
290
+ }
291
+ })
292
+ }
293
+ },
294
+ editBeizhu (val) {
295
+ this.editshow = true
296
+ this.posBase = val
297
+ },
298
+
299
+ //升级
300
+ upgrade(){
301
+ this.show=true
302
+ },
303
+ upgradeRoot() {
304
+ this.$resetpost('rs/logic/batchPos',{data: {tasks: [this.data], taskState: 2}}, {rejectMsg: null, resolveMsg: null})
305
+ this.$dispatch('refresh')
306
+ },
307
+ search () {
308
+ this.$refs.paged.$refs.cri.search()
309
+ },
310
+ confirm () {
311
+ // 如果是修改的话,只修改页面上用户填写的信息
312
+ this.model.f_depname = this.depname[0]
313
+ this.model.f_depid = this.f_depid[0]
314
+ if (!this.info) {
315
+ this.model.f_online = '离线'
316
+ this.model.f_operator = this.$login.f.name
317
+ this.model.f_orgid = this.$login.f.orgid
318
+ this.model.f_filialeids = this.$login.f.orgid
319
+ this.model.f_operatorid = this.$login.f.id
320
+ this.model.f_orgname = this.$login.f.orgs
321
+ // this.model.f_depname=this.depname[0]
322
+ this.model.f_orgstr = this.$login.f.fullids
323
+ }
324
+ this.$resetpost('rs/entity/t_equipment', this.model, {resolveMsg: '保存成功', rejectMsg: '保存失败'}).then((res) => {
325
+ this.$dispatch('refresh')
326
+ }).catch((error) => {
327
+ this.$dispatch('refresh')
328
+ })
329
+
330
+ },
331
+ edit (row) {
332
+ this.model.f_terminal_number = row.f_terminal_number
333
+ this.model.f_terminal_name = row.f_terminal_name
334
+ this.model.f_bank_name = row.f_bank_name
335
+ this.model.f_machine_number = row.f_machine_number
336
+ this.model.f_mac_number = row.f_mac_number
337
+ this.model.f_address = row.f_address
338
+ this.model.f_phone = row.f_phone
339
+ this.model.f_state = row.f_state
340
+ this.model.f_comments=row.f_comments
341
+ this.model.f_param_id=row.f_param_id
342
+ // this.model.f_username=row.f_username
343
+ this.model.id = row.id
344
+ this.model.f_filialeids=row.f_filialeids
345
+ this.model.f_orgid = row.f_orgid
346
+ this.model.f_depname = row.f_depname
347
+ this.initresid = [row.f_depid]
348
+ },
349
+ initModel () {
350
+ delete this.model.id
351
+ this.model.f_terminal_number = ''
352
+ this.model.f_terminal_name = ''
353
+ this.model.f_bank_name = ''
354
+ this.model.f_machine_number = ''
355
+ this.model.f_state = '正常'
356
+ this.model.f_phone = ''
357
+ this.model.f_param_id = ''
358
+ this.model.f_address = ''
359
+ this.model.f_filialeids=''
360
+ this.model.f_orgid=''
361
+ this.model.f_comments=''
362
+ },
363
+ cancel () {
364
+ this.$dispatch('close')
365
+ }
366
+ }
367
+ }
368
+ </script>