部门用户选择器

This commit is contained in:
XaoLi717 2024-11-05 10:04:24 +08:00
parent e8477251d0
commit 107e119d53

View File

@ -6,75 +6,75 @@
<el-button v-if="userCheck" style="margin-right: 16px">选择用户</el-button> <el-button v-if="userCheck" style="margin-right: 16px">选择用户</el-button>
</template> </template>
<template #default> <template #default>
<el-row :gutter="5"> <el-row :gutter="5">
<el-col :span="24"> <el-col :span="24">
<div> <div>
<el-table <el-table
:data="DeptList" :data="DeptList"
row-key="id" row-key="id"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column <el-table-column
v-if="multipleDeptBox" v-if="multipleDeptBox"
type="selection" type="selection"
reserve-selection reserve-selection
/> />
<!-- 部门名称列 --> <!-- 部门名称列 -->
<el-table-column prop="name" label="部门名称"> <el-table-column prop="name" label="部门名称">
<template #default="scope"> <template #default="scope">
<span @click="handleDeptNodeClick(scope.row)"> <span @click="handleDeptNodeClick(scope.row)">
{{ scope.row.name }} {{ scope.row.name }}
</span> </span>
<div> <div>
<el-collapse <el-collapse
v-if="userCheck" v-if="userCheck"
class="custom-collapse" class="custom-collapse"
accordion v-model="activeName" accordion v-model="activeName"
>
<el-collapse-item
class="collapse-item"
@click="handleDeptNodeClick(scope.row)"
:name="scope.row.id.toString()"
> >
<el-collapse-item <el-checkbox-group
class="collapse-item" v-model="UserId"
@click="handleDeptNodeClick(scope.row)" v-if="multipleUserBox"
:name="scope.row.id.toString()" size="large"
@change="updateElementTask"
> >
<el-checkbox-group <el-checkbox
v-model="UserId" style="width: 100%; margin-bottom: 2px"
v-if="multipleUserBox" v-for="city in userOptions"
size="large" :key="city['id']"
@change="updateElementTask" :value="city['id']"
> >
<el-checkbox {{ city['nickname'] }}
style="width: 100%; margin-bottom: 2px" </el-checkbox>
v-for="city in userOptions" </el-checkbox-group>
:key="city['id']" <el-radio-group
:value="city['id']" v-model="userSingle"
> size="large"
{{ city['nickname'] }} v-if="!multipleUserBox"
</el-checkbox> @change="updateElementTask2"
</el-checkbox-group> >
<el-radio-group <el-radio
v-model="userSingle" style="width: 100%; margin-bottom: 2px"
size="large" v-for="city in userOptions"
v-if="!multipleUserBox" :key="city['id']"
@change="updateElementTask2" :value="city['id']"
> >
<el-radio {{ city['nickname'] }}
style="width: 100%; margin-bottom: 2px" </el-radio>
v-for="city in userOptions" </el-radio-group>
:key="city['id']" </el-collapse-item>
:value="city['id']" </el-collapse>
> </div>
{{ city['nickname'] }} </template>
</el-radio> </el-table-column>
</el-radio-group> </el-table>
</el-collapse-item> </div>
</el-collapse> </el-col>
</div> </el-row>
</template>
</el-table-column>
</el-table>
</div>
</el-col>
</el-row>
</template> </template>
</el-popover> </el-popover>
</div> </div>