|
|
@@ -21,13 +21,13 @@
|
|
|
maxlength="11"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="角色类型" prop="roleType">
|
|
|
+ <el-form-item label="角色类型" prop="duties">
|
|
|
<div class="role-type-grid">
|
|
|
<div
|
|
|
v-for="role in roleList"
|
|
|
:key="role.code"
|
|
|
class="role-btn"
|
|
|
- :class="{ active: formData.roleType.includes(role.code) }"
|
|
|
+ :class="{ active: formData.duties.includes(role.code) }"
|
|
|
@click="selectRole(role.code)"
|
|
|
>
|
|
|
{{ role.name }}
|
|
|
@@ -56,7 +56,7 @@ const formRef = ref(null);
|
|
|
const formData = reactive({
|
|
|
name: "",
|
|
|
phone: "",
|
|
|
- roleType: [],
|
|
|
+ duties: [],
|
|
|
});
|
|
|
|
|
|
// 角色列表
|
|
|
@@ -67,7 +67,7 @@ const getRoleList = async () => {
|
|
|
if (data && data.length > 0) {
|
|
|
roleList.value = data;
|
|
|
// 默认选中第一个角色
|
|
|
- formData.roleType = [data[0].code];
|
|
|
+ formData.duties = [data[0].code];
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -82,7 +82,7 @@ const rules = reactive({
|
|
|
trigger: ["blur", "change"],
|
|
|
},
|
|
|
],
|
|
|
- roleType: [
|
|
|
+ duties: [
|
|
|
{
|
|
|
validator: (_, value, callback) => {
|
|
|
if (Array.isArray(value) && value.length > 0) {
|
|
|
@@ -98,12 +98,12 @@ const rules = reactive({
|
|
|
|
|
|
// 选择角色(多选)
|
|
|
const selectRole = (value) => {
|
|
|
- const idx = formData.roleType.indexOf(value);
|
|
|
+ const idx = formData.duties.indexOf(value);
|
|
|
if (idx > -1) {
|
|
|
// 已选中则取消选择
|
|
|
- formData.roleType.splice(idx, 1);
|
|
|
+ formData.duties.splice(idx, 1);
|
|
|
} else {
|
|
|
- formData.roleType.push(value);
|
|
|
+ formData.duties.push(value);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -118,7 +118,7 @@ const handleConfirm = () => {
|
|
|
ElMessage.success("加入成功");
|
|
|
setTimeout(() => {
|
|
|
router.replace('/home');
|
|
|
- }, 2000);
|
|
|
+ }, 1000);
|
|
|
} else {
|
|
|
ElMessage.error(msg);
|
|
|
}
|