From 1df1e9daa4d33a0e975db7ef0a73ee4dd45d216b Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期一, 26 八月 2024 09:19:58 +0800 Subject: [PATCH] lll --- admin/src/components/business/OperaDeviceRoleWindow.vue | 43 ++++++++++++++++++++++++++++++++++--------- 1 files changed, 34 insertions(+), 9 deletions(-) diff --git a/admin/src/components/business/OperaDeviceRoleWindow.vue b/admin/src/components/business/OperaDeviceRoleWindow.vue index 4910ac9..f8a5257 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: [ @@ -107,7 +119,7 @@ this.$emit('success') }) .catch(e => { - this.$tip.apiFailed(e) + // this.$tip.apiFailed(e) }) .finally(() => { this.isWorking = false @@ -136,7 +148,7 @@ this.$emit('success') }) .catch(e => { - this.$tip.apiFailed(e) + // this.$tip.apiFailed(e) }) .finally(() => { this.isWorking = false @@ -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