From 40377a90d7e7627e3fbdee9054f1cfa17f7d069f Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期四, 11 四月 2024 22:09:53 +0800
Subject: [PATCH] 组件维护页面
---
src/views/master/person/main/personDepartment.vue | 188 ++++++++++++++--------------------------------
1 files changed, 57 insertions(+), 131 deletions(-)
diff --git a/src/views/master/person/main/personDepartment.vue b/src/views/master/person/main/personDepartment.vue
index c9d14e0..f2dde89 100644
--- a/src/views/master/person/main/personDepartment.vue
+++ b/src/views/master/person/main/personDepartment.vue
@@ -2,7 +2,7 @@
* @Author: lzhe lzhe@example.com
* @Date: 2024-03-26 10:28:33
* @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-03-28 18:25:55
+ * @LastEditTime: 2024-04-10 17:05:04
* @FilePath: /smart-web/src/views/master/person/main/index.vue
* @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -15,89 +15,41 @@
<el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button>
</div>
<div>
- <el-select v-model="input3" placeholder="鐘舵��" class="searchStatus">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- size="small"
- />
+ <el-select v-model="searchData.status" placeholder="鐘舵��" class="searchStatus">
+ <el-option v-for="item in statusList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" size="small"/>
</el-select>
- <el-input
- v-model="input3"
- style="width: 200px"
- size="small"
- placeholder="璇疯緭鍏ュ叧閿瓧杩涜杩囨护"
- class="input-with-select"
- >
+ <el-input v-model="searchData.name" style="width: 200px" size="small" placeholder="璇疯緭鍏ュ叧閿瓧杩涜杩囨护">
<template #append>
- <el-button :icon="Search" />
+ <el-button :icon="searchIcon" @click="getOrganizationList" />
</template>
</el-input>
</div>
</div>
<div class="right-table">
- <el-table
- ref="multipleTableRef"
- :data="tableData"
- border
- style="width: 100%"
- class="multipleTableRef"
- @selection-change="handleSelectionChange"
- >
+ <!-- lazy :load="tableLoad" -->
+ <el-table :data="departmentList" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all ref="treeRef" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
- <el-table-column
- prop="date"
- label="宀椾綅鍚嶇О">
- </el-table-column>
- <el-table-column
- prop="name"
- label="閮ㄩ棬浜烘暟">
- </el-table-column>
- <el-table-column
- prop="name"
- label="涓婄骇閮ㄩ棬">
- </el-table-column>
- <el-table-column
- fixed="right"
- label="鎿嶄綔">
- <template #default="scope">
- <el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
- <el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">鏌ョ湅</el-button>
- </template>
+ <el-table-column prop="name" label="宀椾綅鍚嶇О"></el-table-column>
+ <el-table-column prop="peopleNum" label="閮ㄩ棬浜烘暟"></el-table-column>
+ <el-table-column prop="parentName" label="涓婄骇閮ㄩ棬"></el-table-column>
+ <el-table-column fixed="right" label="鎿嶄綔">
+ <template #default="scope">
+ <el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
+ </template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
- :page-sizes="[100, 200, 300, 400]"
- :page-size="100"
+ :page-sizes="[15, 50, 100]"
+ :page-size="15"
layout="total, sizes, prev, pager, next, jumper"
- :total="400">
+ :total="total">
</el-pagination>
</div>
</div>
</div>
-
- <el-dialog title="閮ㄩ棬璋冩暣" v-model="departmentVisible" :width="400" destroy-on-close>
- <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>
- </el-col>
- </el-row>
- </el-form>
- <template #footer>
- <el-button @click="departmentVisible=false" >鍙� 娑�</el-button>
- <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="departmentSubmit()">淇� 瀛�</el-button>
- </template>
- </el-dialog>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSuccess" @closed="dialog.save=false"></save-dialog>
</template>
@@ -107,70 +59,59 @@
name: "bakalaka",
data(){
return {
+ selection: [],
+ total: 0,
+ searchData: {
+ groupType: 'group_organization',
+ groupCategory: '1',
+ status: "1",
+ name: ""
+ },
+ statusList: [],
isSaveing: false,
- groups: [],
- departmentFrom: {
- department: ""
- },
- departmentVisibleRules: {
- department:[
- {required: true, message: '璇烽�夋嫨閮ㄩ棬'}
- ]
- },
- departmentVisible: false,
dialog: {
save: false
},
- leftActive: true,
- input: '',
- options: [{
- value: '閫夐」1',
- label: '榛勯噾绯�'
- }],
- input3: '',
- tableData: [{
- date: '2016-05-02',
- name: '鐜嬪皬铏�',
- province: '涓婃捣',
- city: '鏅檧鍖�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- zip: 200333
- }, {
- date: '2016-05-04',
- name: '鐜嬪皬铏�',
- province: '涓婃捣',
- city: '鏅檧鍖�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�',
- zip: 200333
- }, {
- date: '2016-05-01',
- name: '鐜嬪皬铏�',
- province: '涓婃捣',
- city: '鏅檧鍖�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�',
- zip: 200333
- }, {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- province: '涓婃捣',
- city: '鏅檧鍖�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�',
- zip: 200333
- }]
+ departmentList: []
}
},
created(){
},
mounted(){
-
+ this.getStatus();
+ this.getOrganizationList();
},
components: {
saveDialog
},
methods: {
- departmentSubmit() {
- this.departmentVisible=false; //閮ㄩ棬璋冩暣
+ removeHasChildren(arr) {
+ return arr.map(item => {
+ // 鍒涘缓涓�涓笉鍖呭惈hasChildren鐨勬柊瀵硅薄
+ const newItem = { ...item };
+ delete newItem.hasChildren; // 鍒犻櫎hasChildren瀛楁
+ // 濡傛灉children瀛楁瀛樺湪涓旀槸鏁扮粍锛屽垯閫掑綊澶勭悊children
+ if (Array.isArray(newItem.children)) {
+ newItem.children = this.removeHasChildren(newItem.children);
+ }
+
+ return newItem;
+ });
+ },
+ getOrganizationList() {
+ this.$HTTP.get(`/api/blade-cps/organization/tree?` + this.$TOOL.qsStringify(this.searchData)).then(res=> {
+ if(res.code == 200) {
+ this.departmentList = this.removeHasChildren(res.data);
+ }
+ })
+ },
+ getStatus() { //鑾峰彇鍏ㄩ儴璐﹀彿
+ this.$HTTP.get(`/api/blade-system/dict/dictionary?code=employee_status`).then(res=> {
+ if(res.code == 200) {
+ this.statusList = res.data;
+ }
+ })
},
//娣诲姞
addPerson(){
@@ -185,25 +126,10 @@
this.$refs.saveDialog.open('edit').setData(row)
})
},
- //鏌ョ湅
- table_show(row){
- this.dialog.save = true
- this.$nextTick(() => {
- this.$refs.saveDialog.open('show').setData(row)
- })
+ handleSelectionChange (selection) {
+ this.selection = selection;
},
- handleSelectionChange() {},
delPerson() {},
- changeDepartment() {
- this.departmentVisible = true;
- },
- changeTab(name) {
- if(name == 1) {
- this.leftActive = true;
- }else {
- this.leftActive = false;
- }
- },
handleSizeChange(val) {
console.log(`姣忛〉 ${val} 鏉);
},
--
Gitblit v1.9.3