From b03d80f7743535f6a2fa830c7ab79f8fa3c3eeed Mon Sep 17 00:00:00 2001 From: lzhe <181968431@qq.com> Date: 星期三, 08 五月 2024 23:53:59 +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