From e735896a68d8c1742859a06d7bc1c7c1bb61f57d Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期四, 23 一月 2025 14:08:52 +0800 Subject: [PATCH] 新增页面 --- src/views/system/dept/index.vue | 39 +++++++++++++++++++++++++++++++++++++++ 1 files changed, 39 insertions(+), 0 deletions(-) diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue index dd8f325..4b87c69 100644 --- a/src/views/system/dept/index.vue +++ b/src/views/system/dept/index.vue @@ -133,6 +133,20 @@ </el-row> <el-row> <el-col :span="12"> + <el-form-item label="所辖行政区划" prop="districtCode"> + <el-select v-model="form.districtCode" placeholder="请选择" style="width: 100%;" :disabled="disableChange"> + <el-option + v-for="item in areaList" + :key="item.id" + :label="item.name" + :value="item.code"> + </el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> <el-form-item label="邮箱" prop="email"> <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" /> </el-form-item> @@ -162,6 +176,7 @@ import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/system/dept"; import Treeselect from "@riophae/vue-treeselect"; import "@riophae/vue-treeselect/dist/vue-treeselect.css"; +import {getAreaList} from "@/api/coalMine/placeManage/train"; export default { name: "Dept", @@ -175,6 +190,7 @@ showSearch: true, // 表格树数据 deptList: [], + areaList: [], // 部门树选项 deptOptions: [], // 弹出层标题 @@ -192,6 +208,7 @@ }, // 表单参数 form: {}, + disableChange: false, // 表单校验 rules: { parentId: [ @@ -203,6 +220,7 @@ orderNum: [ { required: true, message: "显示排序不能为空", trigger: "blur" } ], + districtCode: [{ required: true, message: "所属地区不能为空", trigger: "blur" }], email: [ { type: "email", @@ -222,6 +240,7 @@ }, created() { this.getList(); + this.getArea() }, methods: { /** 查询部门列表 */ @@ -232,6 +251,14 @@ this.loading = false; }); }, + + async getArea() { + const res = await getAreaList(); + if(res.code == 200) { + this.areaList = res.data; + } + }, + /** 转换部门数据结构 */ normalizer(node) { if (node.children && !node.children.length) { @@ -273,7 +300,18 @@ }, /** 新增按钮操作 */ handleAdd(row) { + console.log(row,'新增row') this.reset(); + if(row.deptId || row.districtCode){ + if(row.districtCode && row.districtCode !== '65'){ + this.form.districtCode = row.districtCode + this.disableChange = true + }else{ + this.disableChange = false + } + }else{ + this.disableChange = false + } if (row != undefined) { this.form.parentId = row.deptId; } @@ -296,6 +334,7 @@ this.reset(); getDept(row.deptId).then(response => { this.form = response.data; + console.log(this.form,'form') this.open = true; this.title = "修改组织架构"; listDeptExcludeChild(row.deptId).then(response => { -- Gitblit v1.9.2