From 2bdbe42d8d4b03b46d2066e50e595a06cebd43c2 Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期六, 13 四月 2024 22:34:05 +0800
Subject: [PATCH] 1
---
src/views/master/person/main/personPerson.vue | 75 +++++++++++++++++++++++++++++++------
1 files changed, 63 insertions(+), 12 deletions(-)
diff --git a/src/views/master/person/main/personPerson.vue b/src/views/master/person/main/personPerson.vue
index 05d504b..981cc55 100644
--- a/src/views/master/person/main/personPerson.vue
+++ b/src/views/master/person/main/personPerson.vue
@@ -18,7 +18,6 @@
</div>
<div class="person-tree">
<!-- 閮ㄩ棬 -->
- <!-- <div v-for="(item,index) in titleList" :data-id="item.id" v-if="leftActive" :class="{treeActive: item.active}" @click="selectbtn(index)">{{item.name}}({{item.peopleNum}})</div> -->
<el-tree style="max-width: 600px" :data="titleList" :expand-on-click-node="false" default-expand-all :props="{label: 'name', children: 'children'}" class="treeActive" @node-click="titleListNode" />
<!-- 宀椾綅 -->
<div v-for="(item,index) in titleList" :data-id="item.id" v-if="!leftActive" :class="{treeActive: item.active}" @click="selectbtn(index)">{{item.postName}}</div>
@@ -41,6 +40,10 @@
<div class="right-bottom">
<el-button type="primary" @click="addPerson">+ 娣诲姞鍛樺伐</el-button>
<el-button type="primary" @click="changeDepartment">閮ㄩ棬璋冩暣</el-button>
+ <!-- 瀵煎叆 -->
+ <import-table class="exportBtn" :exportUrl="exportUrl" :uploadUrl="uploadUrl"></import-table>
+ <!-- 瀵煎嚭 -->
+ <el-button type="primary" @click="getExport">瀵煎嚭</el-button>
<el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button>
</div>
<div class="right-table">
@@ -98,10 +101,8 @@
<el-form :model="departmentFrom" :rules="departmentVisibleRules" :disabled="mode=='show'" ref="dialogForm" label-width="80px" label-position="center">
<el-row>
<el-col :span="24">
- <el-form-item label="閮ㄩ棬" prop="department">
- <el-select v-model="departmentFrom.department" style="width: 100%">
- <el-option v-for="item in groups" :key="item.id" :label="item.label" :value="item.id"/>
- </el-select>
+ <el-form-item label="閮ㄩ棬" prop="parentId">
+ <el-tree-select @change= "parentIdChange" v-model="departmentFrom.parentId" clearable placeholder="閮ㄩ棬" default-expand-all check-on-click-nod :data="titleList" check-strictly :props="{ label: 'name' }" node-key="id" ref="parentTree" />
</el-form-item>
</el-col>
</el-row>
@@ -128,11 +129,14 @@
<save-dialog v-if="dialog.save" ref="saveDialog" @success="personHandleSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
+ import importTable from '@/layout/components/importTable.vue'
import saveDialog from './save'
export default {
name: "personPerson",
data(){
return {
+ uploadUrl: "/api/blade-cps/employee/import-employee",
+ exportUrl: "/api/blade-cps/employee/export-template",
titleList: [],
delPersonModel: false,
searchIcon: "el-icon-search",
@@ -140,7 +144,7 @@
current: 1,
size: 15,
status: "1",
- total: "0",
+ total: "1",
keywords: "",
postId: "", //postId
organizationCode: "" //缁勭粐code
@@ -152,9 +156,7 @@
department: ""
},
departmentVisibleRules: {
- department:[
- {required: true, message: '璇烽�夋嫨閮ㄩ棬'}
- ]
+ parentId:[{required: true, message: '璇烽�夋嫨閮ㄩ棬'}]
},
departmentVisible: false,
dialog: {
@@ -165,7 +167,10 @@
statusList: [],
input3: '',
tableData: [],
- selection: []
+ selection: [],
+ departmentFrom: {
+ parentId: ""
+ }
}
},
created(){
@@ -176,9 +181,20 @@
this.getOrganizationList(); //閮ㄩ棬
},
components: {
- saveDialog
+ saveDialog,importTable
},
methods: {
+ getExport() {
+ this.$HTTP.get(`/api/blade-cps/employee/export-employee?`+this.$TOOL.qsStringify(this.searchData)).then(res=> {
+ if(res.code == 200) {
+ window.open(res.data.link);
+ }
+ })
+ },
+ parentIdChange(val) {
+ // var $parentId = this.$refs.parentTree.getCurrentNode().title;
+ // this.depatmentForm.$parentId = $parentId;
+ },
titleListNode(data) {
this.searchData.organizationCode = data.code;
this.searchPerson();
@@ -260,7 +276,26 @@
})
},
departmentSubmit() {
- this.departmentVisible=false; //閮ㄩ棬璋冩暣
+ var employeeIds = [];
+ this.selection.forEach(item=> {
+ employeeIds.push(item.id);
+ })
+ this.$refs.dialogForm.validate(async (valid) => {
+ if (valid) {
+ this.$HTTP.put(`/api/blade-cps/employee/change-organization?organizationId=${this.departmentFrom.parentId}&employeeIds=${employeeIds.join(",")}`).then(res=> {
+ if(res.code == 200) {
+ this.searchPerson();
+ this.departmentVisible=false; //閮ㄩ棬璋冩暣
+ this.departmentFrom.parentId = "";
+ this.$message.success("鎿嶄綔鎴愬姛");
+ }else {
+ this.$alert(res.message, "鎻愮ず", {type: 'error'});
+ }
+ })
+ }else{
+ return false;
+ }
+ })
},
//娣诲姞
addPerson(){
@@ -299,6 +334,18 @@
this.delPersonModel = true;
},
changeDepartment() {
+ if(this.selection.length == 0) {
+ this.$message({
+ message: '璇烽�夋嫨鑷冲皯涓�鏉℃暟鎹�',
+ type: 'warning'
+ });
+ return;
+ }
+ var selStr = "";
+ this.selection.map(item=> {
+ selStr += item.id + ","
+ })
+ this.selectId = selStr.replace(/,$/, '');
this.departmentVisible = true;
},
changeTab(name) {
@@ -461,4 +508,8 @@
line-height: 20px;
margin-right: 6px;
}
+ .exportBtn {
+ margin-left:8px;
+ margin-right:8px;
+ }
</style>
--
Gitblit v1.9.3