From 0d32ef0479cb7d7d0f24b4e866994d43dfaf82e6 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Tue, 04 Jun 2024 13:12:41 +0800
Subject: [PATCH] 添加通讯录
---
src/views/Admin/massSend.vue | 194 +++++++++++++++++++++++++++++++++---------------
1 files changed, 133 insertions(+), 61 deletions(-)
diff --git a/src/views/Admin/massSend.vue b/src/views/Admin/massSend.vue
index 8b6d7db..c1a8a8f 100644
--- a/src/views/Admin/massSend.vue
+++ b/src/views/Admin/massSend.vue
@@ -70,13 +70,52 @@
<!-- </a-col>-->
<!-- </a-row>-->
<!-- <span><b>发布单位：</b>{{form.publishingUnit}}</span>-->
- <br/><br/>
- <!-- 子单位-->
+
<a-row :gutter="24">
<a-col :span="12">
+ <a-radio-group v-model="isNewTxl" button-style="solid" style="margin-bottom: 20px" @change="changeTxl">
+ <a-radio-button :value="1">
+ 新通讯录
+ </a-radio-button>
+ <a-radio-button :value="2">
+ 原通讯录
+ </a-radio-button>
+ </a-radio-group>
+ </a-col>
+ </a-row>
+
+ <a-row :gutter="24">
+ <a-col :span="12" v-if="isNewTxl == 1">
+ <div style="display:flex;justify-content: space-between;align-items: center;">
+ <b>新通讯录接收人：</b>
+ <a-checkbox :checked="checkTxlAll1" @change="checkTxlChange1">
+ 全选
+ </a-checkbox>
+ </div>
+ <a-form-model-item prop="txlUsers">
+ <a-tree-select
+ show-search
+ tree-checkable
+ style="width: 100%"
+ v-model="form.txlUsers"
+ :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+ placeholder="选择新通讯录接收人"
+ allow-clear
+ multiple
+ :maxTagCount="3"
+ @change="onTxlChanges1"
+ @search="onTxlSearch"
+ @select="onTxlSelect"
+ :tree-data="addressBook"
+ :replaceFields="replaceTxlFields"
+ >
+ </a-tree-select>
+ </a-form-model-item>
+ </a-col>
+ <a-col :span="12" v-else>
<div style="display:flex;justify-content: space-between;align-items: center;">
<b>原通讯录接收人：</b>
- <a-checkbox :checked="checkTxlAll" @change="checkTxlChange">
+ <a-checkbox :checked="checkTxlAll2" @change="checkTxlChange2">
全选
</a-checkbox>
</div>
@@ -91,11 +130,11 @@
allow-clear
multiple
:maxTagCount="3"
- @change="onTxlChanges"
+ @change="onTxlChanges2"
@search="onTxlSearch"
@select="onTxlSelect"
- :tree-data="addressBook"
- :replaceFields="replaceTxlFields"
+ :tree-data="oldAddressBook"
+ :replaceFields="replaceOldTxlFields"
>
</a-tree-select>
</a-form-model-item>
@@ -187,6 +226,7 @@
import { TreeSelect } from 'ant-design-vue';
import { massSend } from "@/api/send";
import {getUserInfo} from "@/util/storage";
+import {getNewAddressBook} from "@/api/contactBook";
export default {
name: "massSend",
data() {
@@ -195,6 +235,7 @@
department: '自治区自然灾害综合监测预警中心',
filteredOptions:[],
wrapperCol: { span: 24 },
+ isNewTxl: 1,
form: {
id: null,
emergType: null,
@@ -209,23 +250,25 @@
verticalRecipient: [],
horizontalRecipient: []
},
- checkTxlAll: false,
+ checkTxlAll1: false,
+ checkTxlAll2: false,
checkAll: false,
checkSlAll: false,
+ oldAddressBook: [],
addressBook: [],
replaceTxlFields: {
+ children:'orgUsers',
+ title:'name',
+ key:'id',
+ value: 'id'
+ },
+ replaceOldTxlFields: {
children:'userInfos',
title:'name',
key:'id',
value: 'id'
},
areaUsers: [],
- replaceFields: {
- children:'children',
- title:'name',
- key:'id',
- value: 'id'
- },
riskOptions: [
{name: '地震',value: 1},
{name: '气象',value: 3},
@@ -244,6 +287,7 @@
disasterType: [{ required: true, message: '请选择灾种', trigger: 'change'}],
warningLevel: [{ required: true, message: '请选择预警级别', trigger: 'change'}],
content: [{ required: true, message: '请输入信息内容', trigger: 'blur'}],
+ txlUsers: [{ required: true, message: '请选择通讯录接收人', trigger: 'blur'}],
// receiver: [{ required: true, message: '请选择接收单位', trigger: 'change'}],
// recipient: [{ required: true, message: '请选择平级接收人', trigger: 'change'}]
// verticalRecipient: [{ required: true, message: '请选择接收单位', trigger: 'change'}],
@@ -256,6 +300,7 @@
const t = this
t.form.publishingUnit = t.userInfo.company
t.getUserByGroup()
+ t.getNewAddressBook()
t.getSameLevel()
t.getAreaUsers()
},
@@ -277,6 +322,31 @@
return item
})
}
+ t.oldAddressBook = bookData
+ }else{
+ console.log('暂无数据')
+ }
+ }else{
+ this.$message.warning(res.data.msg);
+ }
+ },
+
+ // 获取新通讯录
+ async getNewAddressBook(){
+ let t = this
+ let res = await getNewAddressBook()
+ if(res.data.code == 100){
+ if(res.data.data){
+ let bookData = []
+ bookData = res.data.data.filter(i=>i.orgUsers?.length>0)
+ for(let j of bookData){
+ j['name'] = j.orgName
+ j.id = j.id.toString() + '-' + '1'
+ j.orgUsers.map((item)=>{
+ item.name = item.name + '('+ item.company + ' ' + item.phone.replace(/(\d{3})\d{4}(\d+)/, "$1****$2") + ')'
+ return item
+ })
+ }
t.addressBook = bookData
}else{
console.log('暂无数据')
@@ -284,6 +354,12 @@
}else{
this.$message.warning(res.data.msg);
}
+ },
+
+ changeTxl(e){
+ this.checkTxlAll1 = false
+ this.checkTxlAll2 = false
+ this.form.txlUsers = []
},
// 获取同级接收人
@@ -320,62 +396,44 @@
},
//选择子部门部分
- onTxlChanges(value,label,extra) {
+ onTxlChanges1(value,label,extra) {
const t = this
if(t.form.txlUsers.length == 0){
- t.checkTxlAll = false
+ t.checkTxlAll1 = false
}
},
- checkTxlChange(e) {
+ onTxlChanges2(value,label,extra) {
const t = this
- this.checkTxlAll = !this.checkTxlAll
- if(t.checkTxlAll == true){
+ if(t.form.txlUsers.length == 0){
+ t.checkTxlAll2 = false
+ }
+ },
+ checkTxlChange1(e) {
+ const t = this
+ this.checkTxlAll1 = !this.checkTxlAll1
+ if(t.checkTxlAll1 == true){
let res = []
for(let i of t.addressBook){
- if(i.userInfos && i.userInfos.length>0)
- res = res.concat(...i.userInfos)
+ if(i.orgUsers && i.orgUsers.length>0)
+ res = res.concat(...i.orgUsers)
}
t.form.txlUsers = res.map(i=>i.id)
}else{
t.form.txlUsers = []
}
},
-
- //选择子部门部分
- onChanges(value,label,extra) {
+ checkTxlChange2(e) {
const t = this
- if(t.form.receiver.length == 0){
- t.checkAll = false
- }
- },
-
- checkChange(e) {
- const t = this
- this.checkAll = !this.checkAll
- if(t.checkAll == true){
- t.form.receiver = t.traverseTree(t.areaUsers[0])
+ this.checkTxlAll2 = !this.checkTxlAll2
+ if(t.checkTxlAll2 == true){
+ let res = []
+ for(let i of t.oldAddressBook){
+ if(i.userInfos && i.userInfos.length>0)
+ res = res.concat(...i.userInfos)
+ }
+ t.form.txlUsers = res.map(i=>i.id)
}else{
- t.form.receiver = []
- }
- },
-
- //选择平级部门部分
- handle(selectedItems) {
- const t = this
- if(t.form.recipient.length == t.filteredOptions.length){
- t.checkSlAll = true
- }else{
- t.checkSlAll = false
- }
- },
-
- checkSlChange(e) {
- const t = this
- t.checkSlAll = !t.checkSlAll
- if(t.checkSlAll == true){
- t.form.recipient = t.filteredOptions.map(i=>i.id)
- }else{
- t.form.recipient = []
+ t.form.txlUsers = []
}
},
@@ -389,7 +447,8 @@
const address = this.form.txlUsers.map((item)=>
{
this.findUserById(item).recipientType = 3
- const {addressBookGroupId,...data} = this.findUserById(item)
+ const {id,name,phone,company,...rest} = this.findUserById(item)
+ const data = { id,name,phone,company }
data.name = data.name.split('(')[0]
return data
}
@@ -495,16 +554,29 @@
},
findUserById(id){
- for(let i of this.addressBook){
- if(i.userInfos && i.userInfos.length>0){
- for(let j of i.userInfos){
- if(j.id == id){
- return j
+ if(this.isNewTxl == 1){
+ for(let i of this.addressBook){
+ if(i.orgUsers && i.orgUsers.length>0){
+ for(let j of i.orgUsers){
+ if(j.id == id){
+ return j
+ }
}
}
}
+ return null
+ }else{
+ for(let i of this.oldAddressBook){
+ if(i.userInfos && i.userInfos.length>0){
+ for(let j of i.userInfos){
+ if(j.id == id){
+ return j
+ }
+ }
+ }
+ }
+ return null
}
- return null
},
// 将树状数据所有id和name放入对象数组
--
Gitblit v1.9.2