From b2d3717960d72bfd254a9e2f375f6f5a468486c3 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期一, 07 十月 2024 09:47:36 +0800
Subject: [PATCH] update
---
src/views/master/person/main/save.vue | 343 ++++++++++++++++++++++++++++++--------------------------
1 files changed, 183 insertions(+), 160 deletions(-)
diff --git a/src/views/master/person/main/save.vue b/src/views/master/person/main/save.vue
index c8f3180..f043da6 100644
--- a/src/views/master/person/main/save.vue
+++ b/src/views/master/person/main/save.vue
@@ -1,6 +1,7 @@
<template>
<el-dialog :title="titleMap[mode]" v-model="visible" :width="800" destroy-on-close @closed="$emit('closed')">
- <el-form :model="addPersonForm" :rules="addPersonRules" :disabled="mode=='show'" ref="dialogForm" label-width="120px" label-position="center">
+ <el-form :model="addPersonForm" :rules="addPersonRules" :disabled="mode == 'show'" ref="dialogForm"
+ label-width="120px" label-position="center">
<el-row>
<el-col :span="12">
<el-form-item label="宸ュ彿" prop="jobNumber">
@@ -20,14 +21,16 @@
<el-col :span="12">
<el-form-item label="鐘舵��" prop="status">
<el-select v-model="addPersonForm.status" placeholder="鐘舵��" style="width:100%;">
- <el-option v-for="item in statusList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" size="small"/>
+ <el-option v-for="item in statusList" :key="item.dictKey" :label="item.dictValue"
+ :value="item.dictKey" size="small" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="宀椾綅">
<el-select v-model="addPersonForm.postId" multiple style="width: 100%">
- <el-option v-for="item in postList" :key="item.id" :label="item.postName" :value="item.id"/>
+ <el-option v-for="item in postList" :key="item.id" :label="item.postName"
+ :value="item.id" />
</el-select>
</el-form-item>
</el-col>
@@ -38,197 +41,217 @@
</el-col>
<el-col :span="12">
<el-form-item label="閮ㄩ棬">
- <el-select v-model="addPersonForm.organizationId" filterable style="width: 100%" placeholder="閮ㄩ棬">
- <el-option v-for="item in organizationList" :key="item.id" :label="item.name" :value="item.id"/>
- </el-select>
+ <el-tree-select @change="parentIdChange" v-model="addPersonForm.organizationId" clearable
+ placeholder="涓婄骇閮ㄩ棬" default-expand-all check-on-click-nod :data="departmentList"
+ check-strictly :props="{ label: 'name' }" node-key="id" ref="parentTree"
+ style="width: 100%" />
</el-form-item>
</el-col>
- <el-col :span="12">
+ <!-- <el-col :span="12">
<el-form-item label="PIN鐮�" prop="pinCode">
<el-input v-model="addPersonForm.pinCode" placeholder="PIN鐮�" clearable></el-input>
</el-form-item>
- </el-col>
+ </el-col> -->
<el-col :span="12">
<el-form-item label="鍏ヨ亴鏃堕棿">
- <el-date-picker style="width: 100%;" v-model="addPersonForm.hireDate" type="date" placeholder="鍏ヨ亴鏃堕棿" value-format="YYYY-MM-DD" :size="size"/>
+ <el-date-picker style="width: 100%;" v-model="addPersonForm.hireDate" type="date"
+ placeholder="鍏ヨ亴鏃堕棿" value-format="YYYY-MM-DD" :size="size" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鍏宠仈璐﹀彿">
<el-select v-model="addPersonForm.userId" filterable style="width: 100%" placeholder="鍏宠仈璐﹀彿">
- <el-option v-for="item in userIdList" :key="item.id" :label="item.account" :value="item.id"/>
+ <el-option v-for="item in userIdList" :key="item.id" :label="item.account"
+ :value="item.id" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鏁版嵁鏉冮檺閰嶇疆">
- <el-select v-model="addPersonForm.deptId" multiple filterable style="width: 100%" placeholder="鏁版嵁鏉冮檺閰嶇疆" @change="deptIdChange">
- <el-option v-for="item in deptIdList" :key="item.id" :label="item.title" :value="item.id"/>
+ <el-select v-model="addPersonForm.deptId" multiple filterable style="width: 100%"
+ placeholder="鏁版嵁鏉冮檺閰嶇疆" @change="deptIdChange">
+ <el-option v-for="item in deptIdList" :key="item.id" :label="item.title" :value="item.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
- <el-button @click="visible=false" >鍙� 娑�</el-button>
- <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="saveSubmit()">淇� 瀛�</el-button>
+ <el-button @click="visible = false">鍙� 娑�</el-button>
+ <el-button v-if="mode != 'show'" type="primary" :loading="isSaveing" @click="saveSubmit()">淇� 瀛�</el-button>
</template>
</el-dialog>
</template>
<script>
- export default {
- emits: ['success', 'closed'],
- data() {
- return {
- deptIdList: [],
- userIdList: [],
- organizationList: [],
- postList: [],
- statusList: [],
- mode: "add",
- titleMap: {
- add: '娣诲姞鍛樺伐',
- edit: '淇敼鍛樺伐',
- show: '鏌ョ湅'
- },
- visible: false,
- isSaveing: false,
- //琛ㄥ崟鏁版嵁
- addPersonForm: {
- jobNumber: "",
- name: "",
- tel: "",
- status: "",
- postId: "",
- email: "",
- organizationId: "",
- pinCode: "",
- hireDate: "",
- jobNumber: "",
- deptId: "",
- userId: ""
- },
- //楠岃瘉瑙勫垯
- addPersonRules: {
- jobNumber:[{required: true, message: '璇疯緭鍏ュ伐鍙�'}],
- name:[{required: true, message: '璇疯緭鍏ュ鍚�'}],
- tel:[{required: true, message: '璇疯緭鍏ユ墜鏈哄彿'}],
- status:[{required: true, message: '璇烽�夋嫨鐘舵��', trigger: 'change'}],
- pinCode:[{required: true, message: '璇疯緭鍏IN鐮�'}],
- },
- //鎵�闇�鏁版嵁閫夐」
- groups: [],
- groupsProps: {
- value: "id",
- multiple: true,
- checkStrictly: true
- },
- depts: [],
- deptsProps: {
- value: "id",
- checkStrictly: true
- }
- }
- },
- mounted() {
- this.getStatus();
- this.getpost(); //宀椾綅
- this.getOrganizationList(); //閮ㄩ棬
- this.getUserId(); //鍏宠仈璐﹀彿
- this.getdeptId(); //鏁版嵁鏉冮檺璋冩暣
- },
- methods: {
- getdeptId() { //鏁版嵁鏉冮檺璋冩暣
- this.$HTTP.get(`/api/blade-system/data-scope-manager/tree`).then(res=> {
- if(res.code == 200) {
- this.deptIdList = res.data;
- }
- })
+export default {
+ emits: ['success', 'closed'],
+ data() {
+ return {
+ departmentList: [],
+ parentData: {},
+ selectedIds: [],
+ deptIdList: [],
+ userIdList: [],
+ organizationList: [],
+ postList: [],
+ statusList: [],
+ mode: "add",
+ titleMap: {
+ add: '娣诲姞鍛樺伐',
+ edit: '淇敼鍛樺伐',
+ show: '鏌ョ湅'
},
- getUserId() { //鍏宠仈璐﹀彿
- this.$HTTP.get(`/api/blade-user/unbind-account?tel=`).then(res=> {
- if(res.code == 200) {
- this.userIdList = res.data;
- }
- })
+ visible: false,
+ isSaveing: false,
+ //琛ㄥ崟鏁版嵁
+ addPersonForm: {
+ jobNumber: "",
+ name: "",
+ tel: "",
+ status: "",
+ postId: "",
+ email: "",
+ organizationId: [],
+ // pinCode: "",
+ hireDate: "",
+ jobNumber: "",
+ deptId: "",
+ userId: ""
},
- getOrganizationList() { //閮ㄩ棬
- this.$HTTP.get(`/api/blade-cps/organization/tree?groupType=group_organization&groupCategory=1`).then(res=> {
- if(res.code == 200) {
- this.organizationList = res.data;
- }
- })
+ //楠岃瘉瑙勫垯
+ addPersonRules: {
+ jobNumber: [{ required: true, message: '璇疯緭鍏ュ伐鍙�' }],
+ name: [{ required: true, message: '璇疯緭鍏ュ鍚�' }],
+ tel: [{ required: true, message: '璇疯緭鍏ユ墜鏈哄彿' }],
+ status: [{ required: true, message: '璇烽�夋嫨鐘舵��', trigger: 'change' }],
+ // pinCode: [{ required: true, message: '璇疯緭鍏IN鐮�' }],
},
- getpost() { //宀椾綅
- this.$HTTP.get(`/api/blade-system/post/page?current=1&size=-1`).then(res=> {
- if(res.code == 200) {
- this.postList = res.data.records;
- }
- })
+ //鎵�闇�鏁版嵁閫夐」
+ groups: [],
+ groupsProps: {
+ value: "id",
+ multiple: true,
+ checkStrictly: true
},
- getStatus() { //鑾峰彇鍏ㄩ儴璐﹀彿
- this.$HTTP.get(`/api/blade-system/dict/dictionary?code=employee_status`).then(res=> {
- if(res.code == 200) {
- this.statusList = res.data;
- res.data.forEach(item=> {
- if(item.dictValue == "鍦ㄨ亴") {
- this.addPersonForm.status = item.dictKey;
- }
- })
- }
- })
- },
- //鏄剧ず
- open(mode='add'){
- this.mode = mode;
- this.visible = true;
- return this
- },
- //鍔犺浇鏍戞暟鎹�
- async getGroup(){
- var res = await this.$API.system.role.list.get();
- this.groups = res.data.rows;
- },
- async getDept(){
- var res = await this.$API.system.dept.list.get();
- this.depts = res.data;
- },
- //琛ㄥ崟鎻愪氦鏂规硶
- saveSubmit(){
- var obj = Object.assign({},this.addPersonForm);
- obj.deptId = obj.deptId.join(",");
- obj.postId = obj.postId.join(",");
- this.$refs.dialogForm.validate(async (valid) => {
- if (valid) {
- this.$HTTP.post("/api/blade-cps/employee/submit",obj).then(res=> {
- if(res.code == 200) {
- this.$emit('success', this.addPersonForm, this.mode);
- this.visible = false;
- this.$message.success("鎿嶄綔鎴愬姛");
- }else {
- this.$alert(res.message, "鎻愮ず", {type: 'error'});
- }
- })
- }else{
- return false;
- }
- })
- },
- //琛ㄥ崟娉ㄥ叆鏁版嵁
- setData(data){
- this.$HTTP.get(`/api/blade-cps/employee/detail/${data.id}`).then(res=> {
- if(res.code == 200) {
- res.data.postId = res.data.postId.split(",");
- res.data.deptId = res.data.deptId.split(",");
- //鍙互鍜屼笂闈竴鏍峰崟涓敞鍏ワ紝涔熷彲浠ュ儚涓嬮潰涓�鏍风洿鎺ュ悎骞惰繘鍘�
- Object.assign(this.addPersonForm, res.data)
- }
- })
+ depts: [],
+ deptsProps: {
+ value: "id",
+ checkStrictly: true
}
}
+ },
+ mounted() {
+ this.getStatus();
+ this.getpost(); //宀椾綅
+ this.getOrganizationList(); //閮ㄩ棬
+ this.getUserId(); //鍏宠仈璐﹀彿
+ this.getdeptId(); //鏁版嵁鏉冮檺璋冩暣
+ },
+ methods: {
+ parentIdChange(val) {
+ // var $parentId = this.$refs.parentTree.getCurrentNode().title;
+ // this.depatmentForm.$parentId = $parentId;
+ },
+ getdeptId() { //鏁版嵁鏉冮檺璋冩暣
+ this.$HTTP.get(`/api/blade-system/data-scope-manager/tree`).then(res => {
+ if (res.code == 200) {
+ this.deptIdList = res.data;
+ }
+ })
+ },
+ getUserId() { //鍏宠仈璐﹀彿
+ this.$HTTP.get(`/api/blade-user/unbind-account?tel=`).then(res => {
+ if (res.code == 200) {
+ this.userIdList = res.data;
+ }
+ })
+ },
+ getOrganizationList() {
+ this.$HTTP.get(`/api/blade-cps/organization/tree?groupType=group_organization&groupCategory=1`).then(res => {
+ if (res.code == 200) {
+ this.departmentList = res.data;
+ this.addPersonForm.organizationId = res.data[0].id;
+ }
+ })
+ },
+ getpost() { //宀椾綅
+ this.$HTTP.get(`/api/blade-system/post/page?current=1&size=-1`).then(res => {
+ if (res.code == 200) {
+ this.postList = res.data.records;
+ }
+ })
+ },
+ getStatus() { //鑾峰彇鍏ㄩ儴璐﹀彿
+ this.$HTTP.get(`/api/blade-system/dict/dictionary?code=employee_status`).then(res => {
+ if (res.code == 200) {
+ this.statusList = res.data;
+ res.data.forEach(item => {
+ if (item.dictValue == "鍦ㄨ亴") {
+ this.addPersonForm.status = item.dictKey;
+ }
+ })
+ }
+ })
+ },
+ //鏄剧ず
+ open(mode = 'add') {
+ this.mode = mode;
+ this.visible = true;
+ return this
+ },
+ //鍔犺浇鏍戞暟鎹�
+ async getGroup() {
+ var res = await this.$API.system.role.list.get();
+ this.groups = res.data.rows;
+ },
+ async getDept() {
+ var res = await this.$API.system.dept.list.get();
+ this.depts = res.data;
+ },
+ //琛ㄥ崟鎻愪氦鏂规硶
+ saveSubmit() {
+ var obj = Object.assign({}, this.addPersonForm);
+ obj.deptId = obj.deptId.join(",");
+ obj.postId = obj.postId.join(",");
+ this.$refs.dialogForm.validate(async (valid) => {
+ if (valid) {
+ this.$HTTP.post("/api/blade-cps/employee/submit", obj).then(res => {
+ if (res.code == 200) {
+ this.$emit('success', this.addPersonForm, this.mode);
+ this.visible = false;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ } else {
+ this.$alert(res.message, "鎻愮ず", { type: 'error' });
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+ //琛ㄥ崟娉ㄥ叆鏁版嵁
+ setData(data) {
+ this.$HTTP.get(`/api/blade-cps/employee/detail/${data.id}`).then(res => {
+ if (res.code == 200) {
+ if (res.data.postId) {
+ res.data.postId = res.data.postId.split(",");
+ } else {
+ res.data.postId = [];
+ }
+ if (res.data.deptId) {
+ res.data.deptId = res.data.deptId.split(",");
+ } else {
+ res.data.deptId = [];
+ }
+ res.data.status = String(res.data.status);
+ //鍙互鍜屼笂闈竴鏍峰崟涓敞鍏ワ紝涔熷彲浠ュ儚涓嬮潰涓�鏍风洿鎺ュ悎骞惰繘鍘�
+ Object.assign(this.addPersonForm, res.data);
+ }
+ })
+ }
}
+}
</script>
-<style>
-</style>
+<style></style>
--
Gitblit v1.9.3