From a39031776b70e546098701ec9b92fad171a7a360 Mon Sep 17 00:00:00 2001
From: batman <978517621@qq.com>
Date: 星期三, 08 三月 2023 10:46:38 +0800
Subject: [PATCH] 新修改添加页面
---
src/views/system/department/component/deptDialog.vue | 36 +++++++++++++++++++++++++++++++-----
1 files changed, 31 insertions(+), 5 deletions(-)
diff --git a/src/views/system/department/component/deptDialog.vue b/src/views/system/department/component/deptDialog.vue
index efd3285..918647d 100644
--- a/src/views/system/department/component/deptDialog.vue
+++ b/src/views/system/department/component/deptDialog.vue
@@ -4,18 +4,30 @@
<el-form :model="departmentForm" size="default" label-width="90px">
<el-row :gutter="35">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+ <el-form-item label="部门等级">
+ <el-select v-model="departmentForm.depLevel" placeholder="请输入部门等级" class="input-add" clearable>
+ <el-option
+ v-for="item in depLevelList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="上级部门">
- <el-cascader :options="deptData" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" placeholder="请选择部门" clearable class="w100" v-model="departmentForm.parentDepId"> </el-cascader>
+ <el-cascader :options="deptData" class="input-add" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" placeholder="请选择部门" clearable v-model="departmentForm.parentDepId"> </el-cascader>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="部门名称">
- <el-input v-model="departmentForm.depName" placeholder="请输入部门名称" clearable></el-input>
+ <el-input v-model="departmentForm.depName" class="input-add" placeholder="请输入部门名称" clearable></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="部门描述">
- <el-input v-model="departmentForm.depInfo" type="textarea" placeholder="请输入部门描述" maxlength="150"></el-input>
+ <el-input v-model="departmentForm.depInfo" class="input-add" type="textarea" placeholder="请输入部门描述" maxlength="150"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -49,8 +61,14 @@
depName: string;
depInfo: string;
parentDepId: string;
+ depLevel:null | number
};
deptData: Array<TableDataRow>;
+ depLevelList: Array<Type>;
+}
+interface Type{
+ id:number;
+ name:string
}
export default defineComponent({
@@ -62,10 +80,17 @@
departmentForm: {
depName: '',
parentDepId: '',
- depInfo: ''
+ depInfo: '',
+ depLevel:null,
},
- deptData: [] // 部门数据
+ deptData: [], // 部门数据
+ depLevelList: [
+ {id:1,name:'公司'},
+ {id:2,name:'事业部'},
+ {id:3,name:'车间'},
+ ] // 部门数据
});
+
// 打开弹窗
const openDialog = (type: string, value: any, departmentList: []) => {
state.isShowDialog = true;
@@ -75,6 +100,7 @@
state.departmentForm = {
depName: '',
parentDepId: '',
+ depLevel:null,
depInfo: ''
};
} else {
--
Gitblit v1.9.2