部门用户选择器
This commit is contained in:
parent
e8477251d0
commit
107e119d53
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user