部门用户选择器

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