|  |  |  | 
|---|
|  |  |  | <GlobalWindow | 
|---|
|  |  |  | :title="title" | 
|---|
|  |  |  | :visible.sync="visible" | 
|---|
|  |  |  | width="50%" | 
|---|
|  |  |  | :confirm-working="isWorking" | 
|---|
|  |  |  | @confirm="confirm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | .el-transfer-panel { | 
|---|
|  |  |  | width: 350px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|