From 711978bcba46a19ad37adc39e741eba0a360f278 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期一, 28 六月 2021 11:31:45 +0800
Subject: [PATCH] rename LKJ TO LKG
---
src/pages/shuohuangMonitorAnalyze/components/memberManage.vue | 134 ++++++++++++++++++++++++++++----------------
1 files changed, 86 insertions(+), 48 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue
index fb52efc..72e613a 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue
@@ -33,11 +33,12 @@
<el-option
v-for="item in genders"
:key="item.id"
- :value="item.id"
+ :value="item.name=='鍏ㄩ儴'?'':item.name"
:label="item.name"
>{{item.name}}</el-option>
</el-select>
<el-button type="primary" size="small" @click="renderMemberTable">鏌ヨ</el-button>
+ <el-button type="primary" size="small" @click="resetFilter">閲嶇疆</el-button>
</div>
<div class="table-area">
<div class="actions">
@@ -157,7 +158,7 @@
<el-form-item label="韬唤璇佸彿:">
<el-input v-model="memberEditForm.OwnerID" size="mini"></el-input>
</el-form-item>
- <el-form-item label="鎵嬫満鍙�:">
+ <el-form-item label="鎵嬫満鍙�:" prop="Tel">
<el-input v-model="memberEditForm.Tel" size="mini"></el-input>
</el-form-item>
<div class="btns">
@@ -210,7 +211,7 @@
@mouseover="showDemo=true"
@mouseout="showDemo=false"
>绀轰緥</a>),鐐瑰嚮
- <a href="javascript:;">涓嬭浇妯℃澘.excel</a>
+ <a href="javascript:;" @click="downloadExcel">涓嬭浇妯℃澘.excel</a>
<img class="tip-demo" v-if="showDemo" :src="`${publicPath}images/shuohuang/tip.jpg`" alt />
</p>
<div class="flex-box">
@@ -220,9 +221,9 @@
</div>
<el-table class="thbg" :data="batchImportTableData" fit>
<el-table-column type="index" label="搴忓彿"></el-table-column>
- <el-table-column prop="filename" label="鏂囦欢鍚嶇О"></el-table-column>
- <el-table-column prop="time" label="涓婁紶鏃堕棿"></el-table-column>
- <el-table-column prop="state" label="鐘舵��"></el-table-column>
+ <el-table-column prop="Name" label="鏂囦欢鍚嶇О"></el-table-column>
+ <el-table-column prop="UploadTime" label="涓婁紶鏃堕棿"></el-table-column>
+ <el-table-column prop="Status" label="鐘舵��"></el-table-column>
</el-table>
</div>
</el-dialog>
@@ -231,10 +232,9 @@
<script>
-import { getShuohuangDepartTree, getOrganizeTree, getMemberList, updateMemberInfo, addMember, updateUnit, uploadMemberPic, uploadDirectory, uploadFile } from '@/api/shuohuang'
-
+import { getShuohuangDepartTree, getOrganizeTree, getMemberList, updateMemberInfo, addMember, updateUnit, uploadMemberPic, uploadDirectory, uploadFile, downloadFile } from '@/api/shuohuang'
export default {
- data () {
+ data() {
return {
publicPath: process.env.BASE_URL,
CLIP: 'http://192.168.20.113/',
@@ -247,7 +247,7 @@
menuLeft: 0,
keyword: '',
gender: '',
- genders: [{ name: '鐢�', id: 'g0' }, { name: '濂�', id: 'g1' }],
+ genders: [{ id: 'g3', name: '鍏ㄩ儴' }, { name: '鐢�', id: 'g0' }, { name: '濂�', id: 'g1' }],
tableData: [],
multipleTableSelection: [],
PageIndex: 1,
@@ -255,7 +255,8 @@
tableTotal: 0,
PageSize: 8,
organizeData: [],
- checkedOrg: '',
+ checkedOrgID: '',
+ checkedOrgName: "",
organizeKeyword: '',
memberEditDialogVisible: false,
toggleOrganizeDialogVisible: false,
@@ -265,34 +266,66 @@
memberEditFormRule: {
Name: [{ required: true, message: '璇疯緭鍏ュ鍚�', trigger: 'change' }],
UserName: [{ required: true, message: '璇疯緭鍏ュ鍚�', trigger: 'change' }],
- Sex: [{ required: true, message: '璇烽�夋嫨鎬у埆', trigger: 'change' }]
+ Sex: [{ required: true, message: '璇烽�夋嫨鎬у埆', trigger: 'change' }],
+ Tel: [{ validator: this.isPhone, trigger: 'change' }],
},
memberPicUrl: '',
showDemo: false,
batchImportTableData: [],
}
},
- mounted () {
+ mounted() {
this.searchLeftTreeData();
this.getOrganizeTreeData();
//this.renderMemberTable();
},
methods: {
- nodeContextMenu (e, data, node, comp) {
+ resetFilter() {
+ this.keyword = '';
+ this.gender = '';
+ this.renderMemberTable();
+ },
+ isPhone(rule, value, callback) {
+ if (!value) {
+ return callback()
+ } else if (value.trim()) {
+ var pattern = /^1[345789]\d{9}$/
+ if (pattern.test(value)) {
+ return callback()
+ }
+ return callback(new Error('杈撳叆鐨勬墜鏈哄彿閿欒'))
+ }
+ // if (value.trim()) {
+ // var pattern = /^1[345789]\d{9}$/
+ // if (pattern.test(value)) {
+ // return callback()
+ // }
+ // return callback(new Error('杈撳叆鐨勬墜鏈哄彿閿欒'))
+ // }
+ },
+ nodeContextMenu(e, data, node, comp) {
this.showMenu = true;
this.menuTop = e.pageY;
this.menuLeft = e.pageX;
},
- checkOrgNode (a, b, c) {
- this.checkedOrg = a.id
+ checkOrgNode(a, b, c) {
+ this.checkedOrgID = a.id
+ this.checkedOrgName = a.label
},
- updateOrg () {
+ downloadExcel() {
+ downloadFile().then(function (res) {
+ // debugger
+ console.log(res);
+ })
+ },
+ updateOrg() {
let ids = this.multipleTableSelection.map(row => {
return row.ID
});
let params = {
- DeptID: this.checkedOrg,
+ DeptID: this.checkedOrgID,
+ DeptName: this.checkedOrgName,
Users: ids.join(',')
}
updateUnit(params).then(res => {
@@ -303,17 +336,18 @@
});
this.toggleOrganizeDialogVisible = false;
this.renderMemberTable();
+ this.searchLeftTreeData()
}
})
},
- tableSelection (val) {
+ tableSelection(val) {
this.multipleTableSelection = val;
},
- memberSave () {
+ memberSave() {
this.$refs['memberForm'].validate((valid) => {
if (valid) {
- let params = Object.assign({DeptID:this.curLeftTreeNode.id},this.memberEditForm);
+ let params = Object.assign({ DeptID: this.curLeftTreeNode.id }, this.memberEditForm);
if (this.memberEditForm.ID) {
updateMemberInfo(params).then(res => {
if (res.success) {
@@ -344,15 +378,15 @@
}
})
},
- delMember (member) {
+ delMember(member) {
member.IsDel = '1';
this.memberUpdate(member);
},
- editMember (member) {
+ editMember(member) {
this.memberEditDialogVisible = true;
this.memberEditForm = member;
},
- memberUpdate (member) {
+ memberUpdate(member) {
updateMemberInfo(member).then(res => {
if (res.success) {
this.$notify({
@@ -364,22 +398,22 @@
}
})
},
- checkNode (a, b, c) {
+ checkNode(a, b, c) {
if (a.hasOwnProperty('children')) {
this.curLeftTreeNode = a;
this.deptId = a.id;
this.renderMemberTable();
}
},
- handleTableSizeChange (size) {
+ handleTableSizeChange(size) {
this.PageSize = size;
this.renderMemberTable();
},
- renderMemberTable () {
+ renderMemberTable() {
let _this = this;
let params = {
DeptID: this.deptId,
- keyword: this.keyword,
+ Keyword: this.keyword,
Sex: this.gender,
PageIndex: this.PageIndex,
PageSize: this.PageSize
@@ -389,39 +423,40 @@
_this.tableTotal = res.total;
})
},
- uploadPic () {
+ uploadPic() {
},
- uploadDirectoryTrigger () {
+ uploadDirectoryTrigger() {
this.$refs['directoryInput'].click();
},
- importDirectory () {
+ importDirectory() {
+ let _this = this;
//this.$refs['directoryInput'].files //鏂囦欢澶筸ap
let formData = new FormData;
- for(var file in this.$refs['directoryInput'].files){
+ for (var file in this.$refs['directoryInput'].files) {
formData.append('files', this.$refs['directoryInput'].files[file])
}
//formData.append('files', this.$refs['directoryInput'].files)
- uploadDirectory(formData).then(res=>{
- debugger
-
+ uploadDirectory(formData).then(res => {
+ _this.batchImportTableData = res.data;
+ _this.renderMemberTable();
})
},
- handleRemove () {
+ handleRemove() {
},
- handleExceed () {
+ handleExceed() {
},
- batchImport () {
+ batchImport() {
this.batchImportDialogVisible = true;
},
- toggleOrganize () {
+ toggleOrganize() {
this.toggleOrganizeDialogVisible = true;
},
- uploadMemberPicture (params) {
+ uploadMemberPicture(params) {
let param = new FormData();
param.append('file', params.file)
uploadMemberPic(param).then(res => {
@@ -429,7 +464,7 @@
})
},
- deepNodeChildren (node) {
+ deepNodeChildren(node) {
var arr1 = [];
var arr2 = [];
if (node.ChildDept && node.ChildDept.length > 0) {
@@ -458,7 +493,7 @@
}
return arr1.concat(arr2)
},
- getOrganizeTreeData () {
+ getOrganizeTreeData() {
let _this = this;
getOrganizeTree().then(res => {
_this.organizeData = res.data.map(item => {
@@ -471,7 +506,7 @@
})
})
},
- searchLeftTreeData () {
+ searchLeftTreeData() {
let _this = this;
getShuohuangDepartTree().then(res => {
_this.treeData = res.data.map(item => {
@@ -483,10 +518,13 @@
return obj
});
this.$nextTick(() => {
- if(!Object.keys(_this.curLeftTreeNode).length){
- _this.curLeftTreeNode = _this.treeData[0];
- _this.$refs['leftTreeNodes'].setCurrentNode(_this.treeData[0]);
- }else{
+
+ if (!Object.keys(_this.curLeftTreeNode).length) {
+ if (_this.treeData.length) {
+ _this.curLeftTreeNode = _this.treeData[0];
+ _this.$refs['leftTreeNodes'].setCurrentNode(_this.treeData[0]);
+ }
+ } else {
_this.$refs['leftTreeNodes'].setCurrentNode(_this.curLeftTreeNode);
}
_this.checkNode(_this.curLeftTreeNode);
@@ -494,7 +532,7 @@
})
},
- addMember () {
+ addMember() {
this.memberEditDialogVisible = true;
this.memberEditForm = {};
},
--
Gitblit v1.8.0