添加通讯录

马宇豪

2024-06-04 0d32ef0479cb7d7d0f24b4e866994d43dfaf82e6

 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放入对象数组