From 6bcd1b4696f14b2eb6faba8ece3a041d5e128243 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期二, 09 四月 2024 20:44:10 +0800
Subject: [PATCH] 暂存
---
src/views/master/person/main/personPerson.vue | 253 +++++++++++++++++++++++++++++---------------------
1 files changed, 146 insertions(+), 107 deletions(-)
diff --git a/src/views/master/person/main/personPerson.vue b/src/views/master/person/main/personPerson.vue
index 02e060d..85af24a 100644
--- a/src/views/master/person/main/personPerson.vue
+++ b/src/views/master/person/main/personPerson.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:18:33
+ * @LastEditTime: 2024-04-09 18:29:10
* @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
-->
@@ -17,31 +17,19 @@
<el-input v-model="input" placeholder="璇疯緭鍏ュ唴瀹�" size="small"></el-input>
</div>
<div class="person-tree">
- 鍗冩枃绉戞妧
+ <div v-for="item in organizationList" :data-id="item.id">{{item.name}}</div>
</div>
</div>
<div class="person-person-right">
<div class="right-top">
<div class="right-title">閮ㄩ棬锛氬崈鏂囩鎶�</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.keywords" style="width: 200px" size="small" placeholder="璇疯緭鍏ュ叧閿瓧杩涜杩囨护">
<template #append>
- <el-button :icon="Search" />
+ <el-button :icon="searchIcon" @click="searchPerson" />
</template>
</el-input>
</div>
@@ -52,58 +40,41 @@
<el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button>
</div>
<div class="right-table">
- <el-table
- ref="multipleTableRef"
- :data="tableData"
- border
- style="width: 100%"
- class="multipleTableRef"
- @selection-change="handleSelectionChange"
- >
+ <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
- <el-table-column
- prop="date"
- label="寮犱笁"
- width="150">
+ <el-table-column prop="name" label="濮撳悕" width="150"></el-table-column>
+ <el-table-column prop="jobNumber" label="宸ュ彿" width="150"></el-table-column>
+ <el-table-column label="鍏宠仈璐﹀彿" width="120">
+ <template #default="scope">
+ <span>{{scope.row.account?scope.row.account:'-'}}</span>
+ </template>
</el-table-column>
- <el-table-column
- prop="name"
- label="鍏宠仈璐﹀彿"
- width="120">
+ <el-table-column label="閮ㄩ棬" width="120">
+ <template #default="scope">
+ <span>{{scope.row.organizationName?scope.row.organizationName:'-'}}</span>
+ </template>
</el-table-column>
- <el-table-column
- prop="province"
- label="閮ㄩ棬"
- width="120">
+ <el-table-column label="宀椾綅" width="120">
+ <template #default="scope">
+ <span>{{scope.row.postName?scope.row.postName:'-'}}</span>
+ </template>
</el-table-column>
- <el-table-column
- prop="city"
- label="宀椾綅"
- width="120">
+ <el-table-column label="閭" width="120">
+ <template #default="scope">
+ <span>{{scope.row.email?scope.row.email:'-'}}</span>
+ </template>
</el-table-column>
- <el-table-column
- prop="address"
- label="閭"
- width="300">
+ <el-table-column prop="tel" label="鎵嬫満鍙�" width="120"></el-table-column>
+ <el-table-column prop="tel" label="鐘舵��" width="120">
+ <template #default="scope">
+ <span>{{scope.row.status == "1"?"鍦ㄨ亴":'绂昏亴'}}</span>
+ </template>
</el-table-column>
- <el-table-column
- prop="zip"
- label="鎵嬫満鍙�"
- width="120">
- </el-table-column>
- <el-table-column
- prop="zip"
- label="鐘舵��"
- width="120">
- </el-table-column>
- <el-table-column
- fixed="right"
- label="鎿嶄綔"
- width="140">
- <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 fixed="right" label="鎿嶄綔" width="140">
+ <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_del(scope.row, scope.$index)">鍒犻櫎</el-button>
+ </template>
</el-table-column>
</el-table>
<el-pagination
@@ -113,7 +84,7 @@
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
- :total="400">
+ :total="total">
</el-pagination>
</div>
</div>
@@ -136,15 +107,40 @@
<el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="departmentSubmit()">淇� 瀛�</el-button>
</template>
</el-dialog>
+ <!-- 鍒犻櫎 -->
+ <el-dialog title="" v-model="delPersonModel" :width="300" destroy-on-close>
+ <div>
+ <div style="margin-bottom: 6px;"><span class="delIcon">!</span>璇蜂綘璋ㄦ厧閫夋嫨锛�</div>
+ <div style="text-indent: 24px;">鍒犻櫎鏁版嵁浼氬奖鍝嶅凡鍏宠仈鐨勪笟鍔� ,鑻ユ偍鎯冲湪宸插叧鑱旂殑涓氬姟涓緷鐒舵樉绀鸿繖浜涙暟鎹�, 鎮ㄥ彲浠ラ�夋嫨 鍋滅敤 鎿嶄綔銆傚仠鐢ㄥ悗姝ゆ暟鎹皢涓嶈兘鍐嶈鏂颁笟鍔′娇鐢ㄣ��</div>
+ </div>
+ <template #footer>
+ <div class="footerDiv">
+ <div class="delBtn" @click="delData(0)">鍒犻櫎</div>
+ <div class="delBtn" @click="delData(1)">鍋滅敤</div>
+ </div>
+ </template>
+ </el-dialog>
- <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSuccess" @closed="dialog.save=false"></save-dialog>
+ <save-dialog v-if="dialog.save" ref="saveDialog" @success="personHandleSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
import saveDialog from './save'
export default {
- name: "bakalaka",
+ name: "personPerson",
data(){
return {
+ organizationList: [],
+ delPersonModel: false,
+ searchIcon: "el-icon-search",
+ searchData: {
+ current: 1,
+ size: 15,
+ status: "1",
+ keywords: "",
+ postId: "", //postId
+ organizationCode: "00001" //缁勭粐code
+ },
+ total: 0,
isSaveing: false,
groups: [],
departmentFrom: {
@@ -161,52 +157,62 @@
},
leftActive: true,
input: '',
- options: [{
- value: '閫夐」1',
- label: '榛勯噾绯�'
- }],
+ statusList: [],
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
- }]
+ tableData: []
}
},
created(){
},
mounted(){
-
+ this.getStatus();
+ this.searchPerson();
+ this.getOrganizationList(); //閮ㄩ棬
},
components: {
saveDialog
},
methods: {
+ getOrganizationList() { //閮ㄩ棬
+ this.$HTTP.get(`/api/blade-cps/organization/tree?groupType=group_organization&groupCategory=1`).then(res=> {
+ if(res.code == 200) {
+ this.organizationList = res.data;
+ }
+ })
+ },
+ delData(type) {
+ this.$HTTP.post(`/api/blade-cps/employee/remove?ids=${this.selectId}&type=${type}`).then(res=> {
+ if(res.code == 200) {
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.delPersonModel = false;
+ this.searchPerson();
+ this.getOrganizationList();
+ }
+ })
+ },
+ personHandleSuccess() {
+ this.searchPerson();
+ },
+ searchPerson() {
+ this.$HTTP.get(`/api/blade-cps/employee/list?`+this.$TOOL.qsStringify(this.searchData)).then(res=> {
+ if(res.code == 200) {
+ res.data.records.forEach(item=> {
+ if(item.dictValue == "鍦ㄨ亴") {
+ this.searchData.status = item.dictKey;
+ }
+ })
+ this.tableData = 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;
+ }
+ })
+ },
departmentSubmit() {
this.departmentVisible=false; //閮ㄩ棬璋冩暣
},
@@ -223,12 +229,10 @@
this.$refs.saveDialog.open('edit').setData(row)
})
},
- //鏌ョ湅
- table_show(row){
- this.dialog.save = true
- this.$nextTick(() => {
- this.$refs.saveDialog.open('show').setData(row)
- })
+ //鍒犻櫎
+ table_del(row) {
+ this.selectId = row.id;
+ this.delPersonModel = true;
},
handleSelectionChange() {},
delPerson() {},
@@ -348,4 +352,39 @@
.multipleTableRef {
margin-bottom: 8px;
}
+ .footerDiv {
+ text-align: center;
+ }
+ .delBtn {
+ color: #fff;
+ width: 112px;
+ height: 32px;
+ display: inline-block;
+ color: #fa554c;
+ background-color: #fff;
+ border: 1px solid #fdbbb7;
+ text-align: center;
+ line-height: 32px;
+ cursor: pointer;
+ }
+ .delBtn:nth-child(1) {
+ margin-right:4px;
+ }
+ .delBtn:hover {
+ background-color: #f34d5b;
+ border-color: #f34d5b;
+ color: #fff;
+ }
+ .delIcon {
+ color: #fff;
+ background: red;
+ border-radius: 50%;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ font-size: 14px;
+ text-align: center;
+ line-height: 20px;
+ margin-right: 6px;
+ }
</style>
--
Gitblit v1.9.3