|
@@ -1,12 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="group-board">
|
|
<div class="group-board">
|
|
|
- <el-form
|
|
|
|
|
- ref="ruleFormRef"
|
|
|
|
|
- style="max-width: 600px"
|
|
|
|
|
- :model="ruleForm"
|
|
|
|
|
- label-width="auto"
|
|
|
|
|
- class="demo-ruleForm"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" label-width="auto" class="demo-ruleForm">
|
|
|
<el-form-item label="分组名称:" prop="name" v-if="props.drawerTitle === '查看人员分组'">
|
|
<el-form-item label="分组名称:" prop="name" v-if="props.drawerTitle === '查看人员分组'">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="ruleForm.name"
|
|
v-model="ruleForm.name"
|
|
@@ -16,12 +10,7 @@
|
|
|
disabled="true"
|
|
disabled="true"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item
|
|
|
|
|
- label="分组名称:"
|
|
|
|
|
- prop="name"
|
|
|
|
|
- :rules="[{ required: true, message: '分组名称不能为空' }]"
|
|
|
|
|
- v-else
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <el-form-item label="分组名称:" prop="name" :rules="[{ required: true, message: '分组名称不能为空' }]" v-else>
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="ruleForm.name"
|
|
v-model="ruleForm.name"
|
|
|
type="textarea"
|
|
type="textarea"
|
|
@@ -32,18 +21,8 @@
|
|
|
show-word-limit
|
|
show-word-limit
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item
|
|
|
|
|
- label="分组描述:"
|
|
|
|
|
- prop="description"
|
|
|
|
|
- v-if="props.drawerTitle === '查看人员分组'"
|
|
|
|
|
- >
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="ruleForm.description"
|
|
|
|
|
- type="textarea"
|
|
|
|
|
- :rows="4"
|
|
|
|
|
- autocomplete="off"
|
|
|
|
|
- disabled="true"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <el-form-item label="分组描述:" prop="description" v-if="props.drawerTitle === '查看人员分组'">
|
|
|
|
|
+ <el-input v-model="ruleForm.description" type="textarea" :rows="4" autocomplete="off" disabled="true" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="分组描述:" prop="description" v-else>
|
|
<el-form-item label="分组描述:" prop="description" v-else>
|
|
|
<el-input
|
|
<el-input
|
|
@@ -63,8 +42,7 @@
|
|
|
:key="user.id"
|
|
:key="user.id"
|
|
|
:label="user.staffNo + '-' + user.realname"
|
|
:label="user.staffNo + '-' + user.realname"
|
|
|
:value="user"
|
|
:value="user"
|
|
|
- >
|
|
|
|
|
- </el-option>
|
|
|
|
|
|
|
+ />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
<p
|
|
<p
|
|
|
>共<span> {{ total }} </span>人</p
|
|
>共<span> {{ total }} </span>人</p
|
|
@@ -88,8 +66,7 @@
|
|
|
:key="user.id"
|
|
:key="user.id"
|
|
|
:label="user.staffNo + '-' + user.realname"
|
|
:label="user.staffNo + '-' + user.realname"
|
|
|
:value="user"
|
|
:value="user"
|
|
|
- >
|
|
|
|
|
- </el-option>
|
|
|
|
|
|
|
+ />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
<p
|
|
<p
|
|
|
>共<span> {{ total }} </span>人</p
|
|
>共<span> {{ total }} </span>人</p
|
|
@@ -125,11 +102,7 @@
|
|
|
class="workShopDialog"
|
|
class="workShopDialog"
|
|
|
>
|
|
>
|
|
|
<!-- <SelectTree @cancel="handleCancle" @submit="handleSubmit" :selectedUser="selectedUser" /> -->
|
|
<!-- <SelectTree @cancel="handleCancle" @submit="handleSubmit" :selectedUser="selectedUser" /> -->
|
|
|
- <PersonFilterSelection
|
|
|
|
|
- @cancel="handleCancle"
|
|
|
|
|
- @submit="handleSubmit"
|
|
|
|
|
- :init-selected="selectedUser"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <PersonFilterSelection @cancel="handleCancle" @submit="handleSubmit" :init-selected="selectedUser" />
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -145,12 +118,7 @@
|
|
|
import type { FormInstance } from 'element-plus';
|
|
import type { FormInstance } from 'element-plus';
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
|
|
import { debounce } from 'lodash-es';
|
|
import { debounce } from 'lodash-es';
|
|
|
- import {
|
|
|
|
|
- addUserGroup,
|
|
|
|
|
- addUserGroupParams,
|
|
|
|
|
- modifyUserGroup,
|
|
|
|
|
- modifyUserGroupParams,
|
|
|
|
|
- } from '@/api/message/person-group';
|
|
|
|
|
|
|
+ import { addUserGroup, addUserGroupParams, modifyUserGroup, modifyUserGroupParams } from '@/api/message/person-group';
|
|
|
import { FormData } from '../type';
|
|
import { FormData } from '../type';
|
|
|
const useUser = useUserStore();
|
|
const useUser = useUserStore();
|
|
|
const { info } = storeToRefs(useUser);
|
|
const { info } = storeToRefs(useUser);
|
|
@@ -259,7 +227,7 @@
|
|
|
userList.value = props.formData.userList.map((user) => ({
|
|
userList.value = props.formData.userList.map((user) => ({
|
|
|
id: user.userId,
|
|
id: user.userId,
|
|
|
realname: user.realname,
|
|
realname: user.realname,
|
|
|
- staffNo: user.userNumber,
|
|
|
|
|
|
|
+ staffNo: user.staffNo,
|
|
|
}));
|
|
}));
|
|
|
selectedUser.value = userList.value;
|
|
selectedUser.value = userList.value;
|
|
|
ruleForm.userList = userList.value;
|
|
ruleForm.userList = userList.value;
|
|
@@ -294,7 +262,7 @@
|
|
|
userList.value = props.formData.userList.map((user) => ({
|
|
userList.value = props.formData.userList.map((user) => ({
|
|
|
id: user.userId,
|
|
id: user.userId,
|
|
|
realname: user.realname,
|
|
realname: user.realname,
|
|
|
- staffNo: user.userNumber,
|
|
|
|
|
|
|
+ staffNo: user.staffNo,
|
|
|
}));
|
|
}));
|
|
|
selectedUser.value = userList.value;
|
|
selectedUser.value = userList.value;
|
|
|
ruleForm.userList = userList.value;
|
|
ruleForm.userList = userList.value;
|