4609cf0cb5da57b3e7deL81">81
|
|
<t-modal :visibled.sync="modal" title="新增设备" >
|
|
|
83
|
<t-modal :visibled.sync="modal" title="新增用户" >
|
|
82
|
84
|
<t-form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80" label-position="left">
|
|
83
|
85
|
<t-form-item label="姓名" prop="name">
|
|
84
|
86
|
<t-input v-model="formValidate.name" placeholder="请输入风机名称"></t-input>
|
|
|
@ -112,6 +114,32 @@
|
|
112
|
114
|
<t-button class="submit-button" @click="submit">保存</t-button>
|
|
113
|
115
|
</div>
|
|
114
|
116
|
</t-modal>
|
|
|
117
|
<t-modal :visibled.sync="relevance" title="关联终端" >
|
|
|
118
|
<div>
|
|
|
119
|
<t-form ref="relevanceValidate" :model="relevanceValidate" :rules="relevanceRuleValidate" :label-width="80" label-position="left">
|
|
|
120
|
<t-form-item label="姓名" prop="number">
|
|
|
121
|
<div>李四</div>
|
|
|
122
|
</t-form-item>
|
|
|
123
|
<t-form-item label="关联终端" prop="terminal">
|
|
|
124
|
<div class="row">
|
|
|
125
|
<div class="col-9">
|
|
|
126
|
<t-form-item>
|
|
|
127
|
<t-select v-model="relevanceValidate.terminal" placeholder="请选择">
|
|
|
128
|
<t-option>张三</t-option>
|
|
|
129
|
<t-option>李四</t-option>
|
|
|
130
|
</t-select>
|
|
|
131
|
</t-form-item>
|
|
|
132
|
</div>
|
|
|
133
|
<div class="col-3">
|
|
|
134
|
<t-form-item>
|
|
|
135
|
<t-button>新增</t-button>
|
|
|
136
|
</t-form-item>
|
|
|
137
|
</div>
|
|
|
138
|
</div>
|
|
|
139
|
</t-form-item>
|
|
|
140
|
</t-form>
|
|
|
141
|
</div>
|
|
|
142
|
</t-modal>
|
|
115
|
143
|
</div>
|
|
116
|
144
|
</template>
|
|
117
|
145
|
<script>
|
|
|
@ -242,6 +270,34 @@ export default {
|
|
242
|
270
|
}
|
|
243
|
271
|
}
|
|
244
|
272
|
]
|
|
|
273
|
},
|
|
|
274
|
relevance: false,
|
|
|
275
|
relevanceValidate: {
|
|
|
276
|
terminal: ''
|
|
|
277
|
},
|
|
|
278
|
relevanceRuleValidate: {
|
|
|
279
|
terminal: [
|
|
|
280
|
{
|
|
|
281
|
required: true,
|
|
|
282
|
message: '编号不能为空',
|
|
|
283
|
trigger: 'blur'
|
|
|
284
|
},
|
|
|
285
|
{
|
|
|
286
|
message: '张三已关联终端ZDBH001，点击保存更改关联关系',
|
|
|
287
|
trigger: 'blur',
|
|
|
288
|
validator: function(rule, value, callback) {
|
|
|
289
|
if (!/^[a-zA-Z0-9-_#]+$/.test(value)) {
|
|
|
290
|
callback(rule.message)
|
|
|
291
|
} else {
|
|
|
292
|
// TODO 判断编号重复
|
|
|
293
|
if (true) {
|
|
|
294
|
rule.message = '编号重复'
|
|
|
295
|
callback(rule.message)
|
|
|
296
|
}
|
|
|
297
|
}
|
|
|
298
|
}
|
|
|
299
|
}
|
|
|
300
|
]
|
|
245
|
301
|
}
|
|
246
|
302
|
}
|
|
247
|
303
|
},
|
|
|
@ -282,6 +338,30 @@ export default {
|
|
282
|
338
|
},
|
|
283
|
339
|
addUser() {
|
|
284
|
340
|
this.modal = true
|
|
|
341
|
},
|
|
|
342
|
solution(row) {
|
|
|
343
|
this.$Confirm.confirm({
|
|
|
344
|
title: '确认要解除张三和终端ZDBH001的关联关系吗？',
|
|
|
345
|
content: '解绑后将不可通过终端ZDH001获取张三的定位信息',
|
|
|
346
|
ok: () => {
|
|
|
347
|
console.log('点击了确定')
|
|
|
348
|
},
|
|
|
349
|
cancel: () => {
|
|
|
350
|
console.log('点击了取消')
|
|
|
351
|
}
|
|
|
352
|
})
|
|
|
353
|
},
|
|
|
354
|
delete(row) {
|
|
|
355
|
this.$Confirm.confirm({
|
|
|
356
|
title: '确认要删除用户张三吗？',
|
|
|
357
|
content: '删除后不可恢复',
|
|
|
358
|
ok: () => {
|
|
|
359
|
console.log('点击了确定')
|
|
|
360
|
},
|
|
|
361
|
cancel: () => {
|
|
|
362
|
console.log('点击了取消')
|
|
|
363
|
}
|
|
|
364
|
})
|
|
285
|
365
|
}
|
|
286
|
366
|
}
|
|
287
|
367
|
}
|