From 2ae60f81bbef5b2de4a9cc3e90bbedf19e8e4446 Mon Sep 17 00:00:00 2001 From: MrShi <1878285526@qq.com> Date: 星期四, 07 三月 2024 10:24:00 +0800 Subject: [PATCH] mrshi --- admin/src/components/business/OperaDeviceRoleWindow.vue | 27 +++++++++++++++++++++++---- 1 files changed, 23 insertions(+), 4 deletions(-) diff --git a/admin/src/components/business/OperaDeviceRoleWindow.vue b/admin/src/components/business/OperaDeviceRoleWindow.vue index 4910ac9..7b425b1 100644 --- a/admin/src/components/business/OperaDeviceRoleWindow.vue +++ b/admin/src/components/business/OperaDeviceRoleWindow.vue @@ -2,6 +2,7 @@ <GlobalWindow :title="title" :visible.sync="visible" + width="50%" :confirm-working="isWorking" @confirm="confirm" > @@ -23,9 +24,15 @@ <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-placeholder="璇疯緭鍏ラ棬绂佺粍鍚嶇О" + v-model="form.doorIds" + :data="device"> + </el-transfer> </el-form-item> </el-form> </GlobalWindow> @@ -148,7 +155,13 @@ getLists () { getList({}) .then(res => { - this.device = res + this.device = res.map(item => { + return { + label: item.name, + key: item.id + } + }) + console.log(this.device) }) }, changeRadio (e) { @@ -176,3 +189,9 @@ } } </script> + +<style> + .el-transfer-panel { + width: 350px; + } +</style> -- Gitblit v1.9.3