From 2fb9b6209fd268f3a34ea7f8dc7e368195fce3f2 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期六, 11 五月 2024 18:54:52 +0800
Subject: [PATCH] 最新版本
---
admin/src/components/business/OperaDeviceRoleWindow.vue | 39 ++++++++++++++++++++++++++++++++-------
1 files changed, 32 insertions(+), 7 deletions(-)
diff --git a/admin/src/components/business/OperaDeviceRoleWindow.vue b/admin/src/components/business/OperaDeviceRoleWindow.vue
index 4910ac9..211f896 100644
--- a/admin/src/components/business/OperaDeviceRoleWindow.vue
+++ b/admin/src/components/business/OperaDeviceRoleWindow.vue
@@ -2,14 +2,15 @@
<GlobalWindow
:title="title"
:visible.sync="visible"
+ width="900px"
:confirm-working="isWorking"
@confirm="confirm"
>
<el-form :model="form" ref="form" :rules="rules">
- <el-form-item label="闂ㄧ缁勫悕绉�" prop="name">
+ <el-form-item label="闂ㄧ鐐瑰垎缁勫悕绉�" prop="name">
<el-input v-model="form.name" placeholder="璇疯緭鍏ュ悕绉�" v-trim/>
</el-form-item>
- <el-form-item label="榛樿闂ㄧ缁�" prop="isDefault">
+ <el-form-item label="榛樿闂ㄧ鐐瑰垎缁�" prop="isDefault">
<el-switch
v-model="form.isDefault"
active-color="#13ce66"
@@ -23,9 +24,16 @@
<el-radio :label="0">鍏ㄩ儴闂ㄧ</el-radio>
<el-radio :label="1">閮ㄥ垎闂ㄧ</el-radio>
</el-radio-group>
- <el-checkbox-group v-model="form.doorIds" v-if="form.radio === 1">
- <el-checkbox :label="item.id" v-for="(item, index) in device" :key="index">{{item.name}}</el-checkbox>
- </el-checkbox-group>
+ <el-transfer
+ v-if="form.radio === 1"
+ style="margin-top: 15px;"
+ :titles="['鏈�夐棬绂佺偣', '宸查�夐棬绂佺偣']"
+ filterable
+ :filter-method="filterMethod"
+ filter-placeholder="璇疯緭鍏ラ棬绂佺偣鎴栧尯鍩熷悕绉�"
+ v-model="form.doorIds"
+ :data="device">
+ </el-transfer>
</el-form-item>
</el-form>
</GlobalWindow>
@@ -47,7 +55,7 @@
}
}
callback()
- }
+ };
return {
// 琛ㄥ崟鏁版嵁
form: {
@@ -59,6 +67,10 @@
radio: 0
},
device: [],
+ filterMethod(query, item) {
+ if (!query) return item;
+ return item.label.indexOf(query) > -1 || item.area.indexOf(query) > -1;
+ },
// 楠岃瘉瑙勫垯
rules: {
name: [
@@ -148,7 +160,14 @@
getLists () {
getList({})
.then(res => {
- this.device = res
+ this.device = res.map(item => {
+ return {
+ label: item.doorName,
+ area: item.regionPathName,
+ key: item.id
+ }
+ })
+ console.log(this.device)
})
},
changeRadio (e) {
@@ -176,3 +195,9 @@
}
}
</script>
+
+<style>
+ .el-transfer-panel {
+ width: 350px !important;
+ }
+</style>
--
Gitblit v1.9.3