From 8623463aea92afa5e2cbf206fa84ce6f06d059df Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期二, 09 四月 2024 21:02:01 +0800
Subject: [PATCH] 1
---
src/views/master/person/main/personDepartment.vue | 102 +++-------
src/views/master/person/main/personPerson.vue | 102 +++++++++-
src/views/master/person/main/post.vue | 105 +++-------
src/views/master/person/main/personPost.vue | 203 +++++++++++++---------
src/views/master/person/main/index.vue | 10
5 files changed, 275 insertions(+), 247 deletions(-)
diff --git a/src/views/master/person/main/index.vue b/src/views/master/person/main/index.vue
index d42cca0..3c5359e 100644
--- a/src/views/master/person/main/index.vue
+++ b/src/views/master/person/main/index.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:20:25
+ * @LastEditTime: 2024-04-09 20:12:59
* @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
-->
@@ -10,13 +10,13 @@
<div class="person-main">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="鍛樺伐" name="first">
- <person-person></person-person>
+ <person-person v-if="activeName == 'first'"></person-person>
</el-tab-pane>
<el-tab-pane label="宀椾綅" name="second">
- <person-post></person-post>
+ <person-post v-if="activeName == 'second'"></person-post>
</el-tab-pane>
<el-tab-pane label="閮ㄩ棬" name="third">
- <person-department></person-department>
+ <person-department v-if="activeName == 'third'"></person-department>
</el-tab-pane>
</el-tabs>
</div>
@@ -43,7 +43,7 @@
},
methods: {
handleClick(tab, event) {
- console.log(tab, event);
+ console.log(tab.props.label, this.activeName);
}
}
}
diff --git a/src/views/master/person/main/personDepartment.vue b/src/views/master/person/main/personDepartment.vue
index c9d14e0..ed3ea84 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-09 21:00:31
* @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,24 +15,12 @@
<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>
@@ -40,7 +28,7 @@
<div class="right-table">
<el-table
ref="multipleTableRef"
- :data="tableData"
+ :data="departmentList"
border
style="width: 100%"
class="multipleTableRef"
@@ -72,32 +60,14 @@
@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,6 +77,14 @@
name: "bakalaka",
data(){
return {
+ total: 0,
+ searchData: {
+ groupType: 'group_organization',
+ groupCategory: '1',
+ status: "1",
+ name: ""
+ },
+ statusList: [],
isSaveing: false,
groups: [],
departmentFrom: {
@@ -128,47 +106,33 @@
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();
},
components: {
saveDialog
},
methods: {
+ getOrganizationList() {
+ this.$HTTP.get(`/api/blade-cps/organization/tree?` + this.$TOOL.qsStringify(this.searchData)).then(res=> {
+ if(res.code == 200) {
+ this.departmentList = res.data;
+ }
+ })
+ },
+ 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; //閮ㄩ棬璋冩暣
},
diff --git a/src/views/master/person/main/personPerson.vue b/src/views/master/person/main/personPerson.vue
index 85af24a..7f8584a 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-04-09 18:29:10
+ * @LastEditTime: 2024-04-09 20:48:16
* @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,12 +17,13 @@
<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 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>
+ <div v-for="(item,index) in titleList" :data-id="item.id" v-if="!leftActive" :class="{treeActive: item.active}" @click="selectbtn(index)">{{item.postName}}</div>
</div>
</div>
<div class="person-person-right">
<div class="right-top">
- <div class="right-title">閮ㄩ棬锛氬崈鏂囩鎶�</div>
+ <div class="right-title"><span v-if="leftActive">閮ㄩ棬锛氬崈鏂囩鎶�</span></div>
<div>
<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"/>
@@ -81,8 +82,8 @@
@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="total">
</el-pagination>
@@ -129,16 +130,17 @@
name: "personPerson",
data(){
return {
- organizationList: [],
+ titleList: [],
delPersonModel: false,
searchIcon: "el-icon-search",
searchData: {
current: 1,
size: 15,
status: "1",
+ total: "0",
keywords: "",
postId: "", //postId
- organizationCode: "00001" //缁勭粐code
+ organizationCode: "" //缁勭粐code
},
total: 0,
isSaveing: false,
@@ -159,7 +161,8 @@
input: '',
statusList: [],
input3: '',
- tableData: []
+ tableData: [],
+ selection: []
}
},
created(){
@@ -167,17 +170,47 @@
},
mounted(){
this.getStatus();
- this.searchPerson();
this.getOrganizationList(); //閮ㄩ棬
},
components: {
saveDialog
},
methods: {
+ selectbtn(index) {
+ this.titleList.forEach(item=> {
+ item.active = false;
+ })
+ this.titleList[index].active = true;
+ if(this.leftActive) { //閮ㄩ棬
+ this.searchData.organizationCode = this.titleList[index].code;
+ this.searchData.postId= "";
+ }else { //宀椾綅
+ this.searchData.organizationCode = "";
+ this.searchData.postId= this.titleList[index].id;
+ }
+ this.searchPerson();
+ },
getOrganizationList() { //閮ㄩ棬
this.$HTTP.get(`/api/blade-cps/organization/tree?groupType=group_organization&groupCategory=1`).then(res=> {
if(res.code == 200) {
- this.organizationList = res.data;
+ this.titleList = res.data;
+ this.titleList[0].active = true;
+ this.searchData.organizationCode = res.data[0].code;
+ this.searchPerson();
+ }
+ })
+ },
+ getPost() { //宀椾綅
+ var obj = {
+ current: 1,
+ size: -1,
+ }
+ this.$HTTP.get(`/api/blade-system/post/page?`+this.$TOOL.qsStringify(obj)).then(res=> {
+ if(res.code == 200) {
+ this.titleList = res.data.records;
+ this.titleList[0].active = true;
+ this.searchData.postId = res.data.records[0].id;
+ this.searchPerson();
}
})
},
@@ -186,12 +219,17 @@
if(res.code == 200) {
this.$message.success("鎿嶄綔鎴愬姛");
this.delPersonModel = false;
- this.searchPerson();
+ this.selectId = "";
this.getOrganizationList();
}
})
},
personHandleSuccess() {
+ if(this.leftActive) {
+ this.changeTab(1);
+ }else {
+ this.changeTab(2);
+ }
this.searchPerson();
},
searchPerson() {
@@ -203,6 +241,7 @@
}
})
this.tableData = res.data.records;
+ this.total = res.data.total;
}
})
},
@@ -234,16 +273,40 @@
this.selectId = row.id;
this.delPersonModel = true;
},
- handleSelectionChange() {},
- delPerson() {},
+ handleSelectionChange(selection) {
+ this.selection = selection;
+ },
+ delPerson() {
+ 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.delPersonModel = true;
+ },
changeDepartment() {
this.departmentVisible = true;
},
changeTab(name) {
+ this.searchData.current = 1;
+ this.searchData.size = 15;
+ this.searchData.organizationCode = "";
+ this.searchData.postId= "";
if(name == 1) {
+ this.searchData.total = '0';
this.leftActive = true;
- }else {
+ this.getOrganizationList();
+ }else { //宀椾綅
+ this.searchData.total = '1';
this.leftActive = false;
+ this.getPost();
}
},
handleSizeChange(val) {
@@ -315,10 +378,16 @@
padding-bottom: 8px;
}
.person-tree {
- background-color: #d8e8e8;
- padding: 4px 18px;
font-size: 14px;
font-weight: 400;
+ }
+ .treeActive {
+ background-color: #d8e8e8;
+ }
+ .person-tree div {
+ margin-bottom: 8px;
+ padding: 4px 18px;
+ cursor: pointer;
}
.right-top {
display: flex;
@@ -333,6 +402,7 @@
font-weight: bold;
padding-bottom: 12px;
margin-bottom: 8px;
+ height: 37px;
}
.searchStatus {
margin-right: 6px;
diff --git a/src/views/master/person/main/personPost.vue b/src/views/master/person/main/personPost.vue
index c5a6e5a..0d18ba3 100644
--- a/src/views/master/person/main/personPost.vue
+++ b/src/views/master/person/main/personPost.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-29 16:08:46
+ * @LastEditTime: 2024-04-09 20:46:11
* @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,24 +15,12 @@
<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="postSearchData.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="postSearchData.keywords" style="width: 200px" size="small" placeholder="璇疯緭鍏ュ叧閿瓧杩涜杩囨护">
<template #append>
- <el-button :icon="Search" />
+ <el-button :icon="searchIcon" @click="searchPerson" />
</template>
</el-input>
</div>
@@ -40,12 +28,11 @@
<div class="right-table">
<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="宀椾綅缂栧彿"></el-table-column>
- <el-table-column prop="name" label="宀椾綅"></el-table-column>
+ <el-table-column prop="postCode" label="宀椾綅缂栧彿"></el-table-column>
+ <el-table-column prop="postName" 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>
</el-table>
@@ -53,34 +40,29 @@
@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="totle">
</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>
+
+ <save-dialog v-if="dialog.save" ref="saveDialog" @success="postHandleSuccess" @closed="dialog.save=false"></save-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>
- <el-button @click="departmentVisible=false" >鍙� 娑�</el-button>
- <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="departmentSubmit()">淇� 瀛�</el-button>
+ <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>
</template>
<script>
import saveDialog from './post'
@@ -88,6 +70,15 @@
name: "bakalaka",
data(){
return {
+ totle: "0",
+ statusList: [],
+ postSearchData: {
+ current: 1,
+ size: 15,
+ status: "1",
+ total: "0",
+ keywords: ""
+ },
isSaveing: false,
groups: [],
departmentFrom: {
@@ -102,54 +93,50 @@
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
- }]
+ tableData: [],
+ delPersonModel: false,
+ selection: []
}
},
created(){
},
mounted(){
-
+ this.getStatus();
+ this.getPost();
},
components: {
saveDialog
},
methods: {
+ delData(type) {
+ this.$HTTP.post(`/api/blade-system/post/remove?ids=${this.selectId}&type=${type}`).then(res=> {
+ if(res.code == 200) {
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.delPersonModel = false;
+ this.selectId = "";
+ this.getPost();
+ }
+ })
+ },
+ postHandleSuccess() {
+ this.getPost();
+ },
+ getStatus() { //鑾峰彇鍏ㄩ儴璐﹀彿
+ this.$HTTP.get(`/api/blade-system/dict/dictionary?code=employee_status`).then(res=> {
+ if(res.code == 200) {
+ this.statusList = res.data;
+ }
+ })
+ },
+ getPost() { //宀椾綅
+ this.$HTTP.get(`/api/blade-system/post/page?`+this.$TOOL.qsStringify(this.postSearchData)).then(res=> {
+ if(res.code == 200) {
+ this.tableData = res.data.records;
+ this.totle = res.data.total;
+ }
+ })
+ },
departmentSubmit() {
this.departmentVisible=false; //閮ㄩ棬璋冩暣
},
@@ -173,17 +160,26 @@
this.$refs.saveDialog.open('show').setData(row)
})
},
- handleSelectionChange() {},
- delPerson() {},
+ handleSelectionChange(selection) {
+ this.selection = selection;
+ },
+ delPerson() {
+ 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.delPersonModel = true;
+ },
changeDepartment() {
this.departmentVisible = true;
- },
- changeTab(name) {
- if(name == 1) {
- this.leftActive = true;
- }else {
- this.leftActive = false;
- }
},
handleSizeChange(val) {
console.log(`姣忛〉 ${val} 鏉);
@@ -291,4 +287,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>
diff --git a/src/views/master/person/main/post.vue b/src/views/master/person/main/post.vue
index 8620a9b..0c987e7 100644
--- a/src/views/master/person/main/post.vue
+++ b/src/views/master/person/main/post.vue
@@ -1,27 +1,27 @@
<template>
<el-dialog :title="titleMap[mode]" v-model="visible" :width="800" destroy-on-close @closed="$emit('closed')">
- <el-form :model="form" :rules="rules" :disabled="mode=='show'" ref="dialogForm" label-width="120px" label-position="center">
+ <el-form :model="postForm" :rules="postRules" :disabled="mode=='show'" ref="dialogForm" label-width="120px" label-position="center">
<el-row>
<el-col :span="12">
- <el-form-item label="宀椾綅缂栧彿" prop="userName">
- <el-input v-model="form.userName" placeholder="宀椾綅缂栧彿" clearable></el-input>
+ <el-form-item label="宀椾綅缂栧彿" prop="postCode">
+ <el-input v-model="postForm.postCode" placeholder="宀椾綅缂栧彿" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="宀椾綅" prop="name">
- <el-input v-model="form.name" placeholder="宀椾綅" clearable></el-input>
+ <el-form-item label="宀椾綅" prop="postName">
+ <el-input v-model="postForm.postName" placeholder="宀椾綅" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="浣跨敤鐘舵��" prop="name">
- <el-switch v-model="value1" />
+ <el-form-item label="浣跨敤鐘舵��">
+ <el-switch v-model="postForm.status" />
</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="submit()">淇� 瀛�</el-button>
+ <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="postSubmit()">淇� 瀛�</el-button>
</template>
</el-dialog>
</template>
@@ -41,50 +41,15 @@
visible: false,
isSaveing: false,
//琛ㄥ崟鏁版嵁
- form: {
- id:"",
- userName: "",
- avatar: "",
- name: "",
- dept: "",
- group: []
+ postForm: {
+ postCode: "",
+ postName: "",
+ status: true
},
//楠岃瘉瑙勫垯
- rules: {
- avatar:[
- {required: true, message: '璇蜂笂浼犲ご鍍�'}
- ],
- userName: [
- {required: true, message: '璇疯緭鍏ョ櫥褰曡处鍙�'}
- ],
- name: [
- {required: true, message: '璇疯緭鍏ョ湡瀹炲鍚�'}
- ],
- password: [
- {required: true, message: '璇疯緭鍏ョ櫥褰曞瘑鐮�'},
- {validator: (rule, value, callback) => {
- if (this.form.password2 !== '') {
- this.$refs.dialogForm.validateField('password2');
- }
- callback();
- }}
- ],
- password2: [
- {required: true, message: '璇峰啀娆¤緭鍏ュ瘑鐮�'},
- {validator: (rule, value, callback) => {
- if (value !== this.form.password) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- }else{
- callback();
- }
- }}
- ],
- dept: [
- {required: true, message: '璇烽�夋嫨鎵�灞為儴闂�'}
- ],
- group: [
- {required: true, message: '璇烽�夋嫨鎵�灞炶鑹�', trigger: 'change'}
- ]
+ postRules: {
+ postCode:[{required: true, message: '璇疯緭鍏ュ矖浣嶇紪鍙�'}],
+ postName:[{required: true, message: '璇疯緭鍏ュ矖浣�'}]
},
//鎵�闇�鏁版嵁閫夐」
groups: [],
@@ -101,8 +66,7 @@
}
},
mounted() {
- // this.getGroup()
- // this.getDept()
+
},
methods: {
//鏄剧ず
@@ -121,19 +85,20 @@
this.depts = res.data;
},
//琛ㄥ崟鎻愪氦鏂规硶
- submit(){
+ postSubmit(){
+ var obj = Object.assign({},this.postForm);
+ obj.status = obj.status ? 1 : 0;
this.$refs.dialogForm.validate(async (valid) => {
if (valid) {
- this.isSaveing = true;
- var res = await this.$API.demo.post.post(this.form);
- this.isSaveing = false;
- if(res.code == 200){
- this.$emit('success', this.form, this.mode)
- this.visible = false;
- this.$message.success("鎿嶄綔鎴愬姛")
- }else{
- this.$alert(res.message, "鎻愮ず", {type: 'error'})
- }
+ this.$HTTP.post("/api/blade-system/post/submit",obj).then(res=> {
+ if(res.code == 200) {
+ this.$emit('success', this.postForm, this.mode);
+ this.visible = false;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ }else {
+ this.$alert(res.message, "鎻愮ず", {type: 'error'});
+ }
+ })
}else{
return false;
}
@@ -141,15 +106,13 @@
},
//琛ㄥ崟娉ㄥ叆鏁版嵁
setData(data){
- this.form.id = data.id
- this.form.userName = data.userName
- this.form.avatar = data.avatar
- this.form.name = data.name
- this.form.group = data.group
- this.form.dept = data.dept
-
+ if(data.status == 1){
+ data.status = true;
+ }else{
+ data.status = false;
+ }
//鍙互鍜屼笂闈竴鏍峰崟涓敞鍏ワ紝涔熷彲浠ュ儚涓嬮潰涓�鏍风洿鎺ュ悎骞惰繘鍘�
- //Object.assign(this.form, data)
+ Object.assign(this.postForm, data)
}
}
}
--
Gitblit v1.9.3