From f8a8427cd0fd9ccbed8c8e1452c2b658447845af Mon Sep 17 00:00:00 2001
From: 鲁班七号 <9159450+luban-71@user.noreply.gitee.com>
Date: 星期三, 19 七月 2023 19:27:00 +0800
Subject: [PATCH] 表述文字修改
---
src/views/Admin/notice.vue | 1085 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 601 insertions(+), 484 deletions(-)
diff --git a/src/views/Admin/notice.vue b/src/views/Admin/notice.vue
index 4fdcbc7..8d1c4ed 100644
--- a/src/views/Admin/notice.vue
+++ b/src/views/Admin/notice.vue
@@ -1,523 +1,640 @@
<template>
<div class="inner">
- <a-alert
- message="管理员身份无法进行信息编辑操作"
- banner
- closable
- v-if="userInfo.role.id === 1"
- type="error"
- style="margin-bottom: 12px"
- />
- <h2>预警信息发布</h2>
- <a-form-model ref="ruleForm" :model="form" :rules="rules" :wrapper-col="wrapperCol">
- <div class="left">
- <a-form-model-item prop="title">
- <a-input v-model="form.title" placeholder="请输入标题" style="height: 50px; font-size: 20px;" />
- </a-form-model-item>
- <!-- <a-row>-->
- <!-- <a-col :span="12" style="display: flex;align-items: center">-->
- <!-- <span style="display: block;margin-bottom: 24px">相关灾种</span>-->
+ <a-alert message="管理员身份无法进行信息编辑操作" banner closable v-if="userInfo.role.id === 1" type="error"
+ style="margin-bottom: 12px" />
+ <h2>预警信息发布</h2>
+ <a-form-model ref="ruleForm" :model="form" :rules="rules" :wrapper-col="wrapperCol">
+ <div class="left">
+ <a-form-model-item prop="title">
+ <a-input v-model="form.title" placeholder="请输入标题" style="height: 50px; font-size: 20px;" />
+ </a-form-model-item>
+ <!-- <a-row>-->
+ <!-- <a-col :span="12" style="display: flex;align-items: center">-->
+ <!-- <span style="display: block;margin-bottom: 24px">相关灾种</span>-->
- <!-- </a-col>-->
- <!-- <a-col :span="12" style="display: flex;align-items: center;justify-content: right">-->
- <!-- <span style="display: block;margin-bottom: 24px">预警级别：</span>-->
+ <!-- </a-col>-->
+ <!-- <a-col :span="12" style="display: flex;align-items: center;justify-content: right">-->
+ <!-- <span style="display: block;margin-bottom: 24px">预警级别：</span>-->
- <!-- </a-col>-->
- <!-- </a-row>-->
+ <!-- </a-col>-->
+ <!-- </a-row>-->
- <a-row>
- <a-col :span="12">
- <a-form-model-item prop="emergType">
- <a-radio-group v-model="form.emergType" button-style="solid">
- <a-radio-button :value="2">
- 常规
- </a-radio-button>
- <a-radio-button :value="1">
- 紧临
- </a-radio-button>
- </a-radio-group>
- </a-form-model-item>
- </a-col>
- <a-col :span="12" style="display: flex;align-items: center;justify-content: right">
- <a-form-model-item prop="disasterType" style="margin-right: 20px">
- <a-select placeholder="请选择相关灾种" v-model="form.disasterType" style="width: 240px" allowClear @change="handleRisk">
- <a-select-option v-for="item in riskOptions" :key="item.value" :value="item.value">
- {{ item.name }}
- </a-select-option>
- </a-select>
- </a-form-model-item>
- <a-form-model-item prop="warningLevel">
- <a-select placeholder="请选择预警级别" v-model="form.warningLevel" style="width: 240px" allowClear @change="handleLevel">
- <a-select-option v-for="item in levelOptions" :key="item.value" :value="item.value">
- {{ item.name }}
- </a-select-option>
- </a-select>
- </a-form-model-item>
- </a-col>
- </a-row>
- <a-form-model-item prop="content">
- <a-textarea v-model="form.content" placeholder="请输入短信通知内容部分" :auto-size="{ minRows: 3, maxRows: 5 }" />
- </a-form-model-item>
- <a-row>
- <a-col :span="12">
- <a-upload
- :action="uploadUrl"
- :file-list="fileList"
- @change="fileChange"
- :headers="header"
- accept=".doc, .docx, .word, .pdf, .zip, .xlsx, .rar, .jpg, .jpeg, .png"
- :data="{module: 'naturalDisasterPath'}"
- :remove="(file)=>{removeFile(file)}"
- >
- <a-button> <a-icon type="upload" />上传附件</a-button>
- </a-upload>
- </a-col>
- <a-col :span="12" style="display: flex;align-items: center;justify-content: right">
- <b style="margin-bottom: 24px">超时设置：</b>
- <a-form-model-item prop="timeout">
- <a-input v-model="form.timeout" style="width:200px;" placeholder="输入时间" suffix="分钟"/>
- </a-form-model-item>
- </a-col>
- </a-row>
- <span><b>发布单位：</b>{{form.publishingUnit}}</span>
- <br/><br/>
- <!-- 子单位-->
- <a-row :gutter="24">
- <a-col :span="12">
- <div style="display:flex;justify-content: space-between;align-items: center;">
- <b>选择接收单位：</b>
- <a-checkbox :checked="checkAll" @change="checkChange">
- 全选
- </a-checkbox>
- </div>
- <a-form-model-item prop="receiver" style="margin-bottom: 6px">
- <a-tree-select
- show-search
- :maxTagCount="3"
- tree-checkable
- treeCheckStrictly
- style="width: 100%"
- v-model="form.receiver"
- :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
- placeholder="选择工作通知接收单位"
- allow-clear
- multiple
- @change="depChanges"
- @search="onSearch"
- @select="onSelect"
- :tree-data="areaUsers"
- :replaceFields="replaceFields"
- >
- </a-tree-select>
- </a-form-model-item>
- <a-checkbox :checked="withLeaders" @change="isAddLeaders" style="margin-bottom: 24px">
+ <a-row>
+ <a-col :span="12">
+ <a-form-model-item prop="emergType">
+ <a-radio-group v-model="form.emergType" button-style="solid">
+ <a-radio-button :value="2">
+ 常规
+ </a-radio-button>
+ <a-radio-button :value="1">
+ 紧临
+ </a-radio-button>
+ </a-radio-group>
+ </a-form-model-item>
+ </a-col>
+ <a-col :span="12" style="display: flex;align-items: center;justify-content: right">
+ <a-form-model-item prop="disasterType" style="margin-right: 20px">
+ <a-select placeholder="请选择相关灾种" v-model="form.disasterType" style="width: 240px" allowClear
+ @change="handleRisk">
+ <a-select-option v-for="item in riskOptions" :key="item.value" :value="item.value">
+ {{ item.name }}
+ </a-select-option>
+ </a-select>
+ </a-form-model-item>
+ <a-form-model-item prop="warningLevel">
+ <a-select placeholder="请选择预警级别" v-model="form.warningLevel" style="width: 240px" allowClear
+ @change="handleLevel">
+ <a-select-option v-for="item in levelOptions" :key="item.value" :value="item.value">
+ {{ item.name }}
+ </a-select-option>
+ </a-select>
+ </a-form-model-item>
+ </a-col>
+ </a-row>
+ <a-form-model-item prop="content">
+ <a-textarea v-model="form.content" placeholder="请输入短信通知内容部分"
+ :auto-size="{ minRows: 3, maxRows: 5 }" />
+ </a-form-model-item>
+ <a-row>
+ <a-col :span="12">
+ <a-upload :action="uploadUrl" :file-list="fileList" @change="fileChange" :headers="header"
+ accept=".doc, .docx, .word, .pdf, .zip, .xlsx, .rar, .jpg, .jpeg, .png"
+ :data="{module: 'naturalDisasterPath'}" :remove="(file)=>{removeFile(file)}">
+ <a-button> <a-icon type="upload" />上传附件</a-button>
+ </a-upload>
+ </a-col>
+ <a-col :span="12" style="display: flex;align-items: center;justify-content: right">
+ <b style="margin-bottom: 24px">超时设置：</b>
+ <a-form-model-item prop="timeout">
+ <a-input v-model="form.timeout" style="width:200px;" placeholder="输入时间" suffix="分钟" />
+ </a-form-model-item>
+ </a-col>
+ </a-row>
+ <span><b>发布单位：</b>{{form.publishingUnit}}</span>
+ <br /><br />
+ <!-- 子单位-->
+ <a-row :gutter="24">
+ <a-col :span="12">
+ <div style="display:flex;justify-content: space-between;align-items: center;">
+ <b>选择接收单位：</b>
+ <a-checkbox :checked="checkAll" @change="checkChange">
+ 全选
+ </a-checkbox>
+ </div>
+ <a-form-model-item prop="receiver" style="margin-bottom: 6px">
+ <a-tree-select show-search :maxTagCount="3" tree-checkable treeCheckStrictly
+ style="width: 100%" v-model="form.receiver"
+ :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="选择工作通知接收单位"
+ allow-clear multiple @change="depChanges" @search="onSearch" @select="onSelect"
+ :tree-data="areaUsers" :replaceFields="replaceFields">
+ </a-tree-select>
+ </a-form-model-item>
+ <!-- 这个不要了，领导自动看到本单位发出去的信息，在app端体现。 -->
+ <!-- <a-checkbox :checked="withLeaders" @change="isAddLeaders" style="margin-bottom: 24px">
同时发信息给本级领导
- </a-checkbox>
- </a-col>
- <a-col :span="12">
- <div style="display:flex;justify-content: space-between;align-items: center;">
- <b>平级接收人选择：</b>
- <a-checkbox :checked="checkSlAll" @change="checkSlChange">
- 全选
- </a-checkbox>
- </div>
- <a-form-model-item prop="recipient">
- <a-select mode="multiple" placeholder="选择平级接收单位" v-model="form.recipient" @change="handle" :maxTagCount="3">
- <a-select-option v-for="item in filteredOptions" :key="item.id" :value="item.id">
- {{ item.recipientName }}({{item.company}} {{item.phone}})
- </a-select-option>
- </a-select>
- </a-form-model-item>
- </a-col>
- </a-row>
- <a-row :gutter="24" style="display: flex;align-items: center">
- <a-col :span="12">
- <b style="margin-bottom: 6px">选择审批领导：</b>
- <a-form-model-item prop="reviewId">
- <a-select show-search v-model="form.reviewId" placeholder="请选择审批领导" style="width: 300px">
- <a-select-option v-for="(item,index) in leaders" :value="item.id" :key="index">{{item.realName}}</a-select-option>
- </a-select>
- </a-form-model-item>
- </a-col>
- <a-col :span="12" style="text-align: right">
- <a-button type="primary" style="width: 250px;" @click="confirmSend()" :disabled="userInfo.role.id==1?true:false">
- 确认并提交审核
- </a-button>
- </a-col>
- </a-row>
- </div>
- <div class="right">
- <h2>短信预览</h2>
- <div class="mobile">
- <div class="mesg">
- <P>【自然灾害风险预警提示】{{form.content}}<br>发布单位：{{form.publishingUnit}}</P>
- </div>
- </div>
- </div>
- </a-form-model>
+ </a-checkbox> -->
+ </a-col>
+ <a-col :span="12">
+ <div style="display:flex;justify-content: space-between;align-items: center;">
+ <b>平级接收人选择：</b>
+ <a-checkbox :checked="checkSlAll" @change="checkSlChange">
+ 全选
+ </a-checkbox>
+ </div>
+ <a-form-model-item prop="recipient">
+ <a-select mode="multiple" placeholder="选择平级接收单位" v-model="form.recipient" @change="handle"
+ :maxTagCount="3">
+ <a-select-option v-for="item in filteredOptions" :key="item.id" :value="item.id">
+ {{ item.recipientName }}({{item.company}} {{item.phone}})
+ </a-select-option>
+ </a-select>
+ </a-form-model-item>
+ </a-col>
+ </a-row>
+ <a-row :gutter="24" style="display: flex;align-items: center">
+ <a-col :span="12">
+ <b style="margin-bottom: 6px">选择审批领导：</b>
+ <a-form-model-item prop="reviewId">
+ <a-select show-search v-model="form.reviewId" placeholder="请选择审批领导" style="width: 300px">
+ <a-select-option v-for="(item,index) in leaders" :value="item.id"
+ :key="index">{{item.realName}}</a-select-option>
+ </a-select>
+ </a-form-model-item>
+ </a-col>
+ <a-col :span="12" style="text-align: right">
+ <a-button type="primary" style="width: 250px;" @click="confirmSend()"
+ :disabled="userInfo.role.id==1?true:false">
+ 确认并提交审核
+ </a-button>
+ </a-col>
+ </a-row>
+ </div>
+ <div class="right">
+ <h2>短信预览</h2>
+ <div class="mobile">
+ <div class="mesg">
+ <P>【自然灾害风险预警提示】{{form.content}}<br>发布单位：{{form.publishingUnit}}</P>
+ </div>
+ </div>
+ </div>
+ </a-form-model>
</div>
</template>
<script>
- import {getAreaWithUserIfo, getPeerRecipient, getLeaders} from '@/api/user'
- import {getUserInfo} from "@/util/storage";
- import Cookies from "js-cookie";
- import {massSend, msgSend} from "@/api/send";
- import {deleteFile} from "@/api/list";
+ import {
+ getAreaWithUserIfo,
+ getPeerRecipient,
+ getLeaders
+ } from '@/api/user'
+ import {
+ getUserInfo
+ } from "@/util/storage";
+ import Cookies from "js-cookie";
+ import {
+ massSend,
+ msgSend
+ } from "@/api/send";
+ import {
+ deleteFile
+ } from "@/api/list";
export default {
name: "notice",
data() {
return {
- userInfo: {},
- unittype: null,
- wrapperCol: { span: 24 },
- filteredOptions:[],
- form: {
- id: null,
- title: '',
- emergType: null,
- disasterType: undefined,
- warningLevel: undefined,
- content: '',
- publishingUnit: '',
- districtId: null,
- attachments: [],
- timeout: null,
- reviewId: null,
- receiver: [],
- recipient: [],
- acceptingUnitIds: [],
- peerRecipientIds: []
- },
- sendLeaders: [],
- leaders: [],
- checkAll: false,
- checkSlAll: false,
- withLeaders: false,
- areaUsers: [],
- replaceFields: {
- children:'children',
- title:'name',
- key:'id',
- value: 'id'
- },
- riskOptions: [
- {name: '地震',value: 1},
- {name: '洪涝',value: 2},
- {name: '气象',value: 3},
- {name: '泥石流',value: 4},
- {name: '水旱',value: 5},
- {name: '森林草原火灾',value: 6}
- ],
- levelOptions: [
- {name: '红色预警',value: 1},
- {name: '橙色预警',value: 2},
- {name: '黄色预警',value: 3},
- {name: '蓝色预警',value: 4}
- ],
- rules: {
- emergType: [{ required: true, message: '请选择紧急类型', trigger: 'change'}],
- disasterType: [{ required: true, message: '请选择灾种', trigger: 'change'}],
- warningLevel: [{ required: true, message: '请选择预警级别', trigger: 'change'}],
- title: [{ required: true, message: '请输入信息标题', trigger: 'blur'}],
- content: [{ required: true, message: '请输入信息内容', trigger: 'blur'}],
- timeout: [{ required: true, message: '请输入超时时间', trigger: 'blur'}],
- receiver: [{ required: true, message: '请选择接收单位', trigger: 'change'}],
- reviewId: [{ required: true, message: '请选择审批人', trigger: 'change'}],
- // recipient: [{ required: true, message: '请选择平级接收人', trigger: 'change'}]
- // acceptingUnitIds: [{ required: true, message: '请选择接收单位', trigger: 'change'}],
- // peerRecipientIds: [{ required: true, message: '请选择平级接收人', trigger: 'change'}]
- },
- uploadUrl: '',
- fileList: [],
- header: {
- uid: null,
- tk: Cookies.get('resTk')
- },
- delList: []
+ userInfo: {},
+ unittype: null,
+ wrapperCol: {
+ span: 24
+ },
+ filteredOptions: [],
+ form: {
+ id: null,
+ title: '',
+ emergType: null,
+ disasterType: undefined,
+ warningLevel: undefined,
+ content: '',
+ publishingUnit: '',
+ districtId: null,
+ attachments: [],
+ timeout: null,
+ reviewId: null,
+ receiver: [],
+ recipient: [],
+ acceptingUnitIds: [],
+ peerRecipientIds: []
+ },
+ sendLeaders: [],
+ leaders: [],
+ checkAll: false,
+ checkSlAll: false,
+ withLeaders: false,
+ areaUsers: [],
+ replaceFields: {
+ children: 'children',
+ title: 'name',
+ key: 'id',
+ value: 'id'
+ },
+ riskOptions: [{
+ name: '地震',
+ value: 1
+ },
+ {
+ name: '洪涝',
+ value: 2
+ },
+ {
+ name: '气象',
+ value: 3
+ },
+ {
+ name: '泥石流',
+ value: 4
+ },
+ {
+ name: '水旱',
+ value: 5
+ },
+ {
+ name: '森林草原火灾',
+ value: 6
+ }
+ ],
+ levelOptions: [{
+ name: '红色预警',
+ value: 1
+ },
+ {
+ name: '橙色预警',
+ value: 2
+ },
+ {
+ name: '黄色预警',
+ value: 3
+ },
+ {
+ name: '蓝色预警',
+ value: 4
+ }
+ ],
+ rules: {
+ emergType: [{
+ required: true,
+ message: '请选择紧急类型',
+ trigger: 'change'
+ }],
+ disasterType: [{
+ required: true,
+ message: '请选择灾种',
+ trigger: 'change'
+ }],
+ warningLevel: [{
+ required: true,
+ message: '请选择预警级别',
+ trigger: 'change'
+ }],
+ title: [{
+ required: true,
+ message: '请输入信息标题',
+ trigger: 'blur'
+ }],
+ content: [{
+ required: true,
+ message: '请输入信息内容',
+ trigger: 'blur'
+ }],
+ timeout: [{
+ required: true,
+ message: '请输入超时时间',
+ trigger: 'blur'
+ }],
+ receiver: [{
+ required: true,
+ message: '请选择接收单位',
+ trigger: 'change'
+ }],
+ reviewId: [{
+ required: true,
+ message: '请选择审批人',
+ trigger: 'change'
+ }],
+ // recipient: [{ required: true, message: '请选择平级接收人', trigger: 'change'}]
+ // acceptingUnitIds: [{ required: true, message: '请选择接收单位', trigger: 'change'}],
+ // peerRecipientIds: [{ required: true, message: '请选择平级接收人', trigger: 'change'}]
+ },
+ uploadUrl: '',
+ fileList: [],
+ header: {
+ uid: null,
+ tk: Cookies.get('resTk')
+ },
+ delList: []
};
},
components: {},
- created() {
- const t = this
- const { baseUrl } = require('../../../config/env.' + process.env.NODE_ENV)
- t.uploadUrl= baseUrl + '/attachment/upload/detail'
- t.userInfo = getUserInfo()
- t.header.uid = t.userInfo.uid
- t.form.districtId = t.userInfo.districtId
- t.form.publishingUnit = t.userInfo.company
- t.getSameLevel()
- t.getAreaUsers()
- t.getLeaders()
- },
- computed: {},
+ created() {
+ const t = this
+ const {
+ baseUrl
+ } = require('../../../config/env.' + process.env.NODE_ENV)
+ t.uploadUrl = baseUrl + '/attachment/upload/detail'
+ t.userInfo = getUserInfo()
+ t.header.uid = t.userInfo.uid
+ t.form.districtId = t.userInfo.districtId
+ t.form.publishingUnit = t.userInfo.company
+ t.getSameLevel()
+ t.getAreaUsers()
+ t.getLeaders()
+ },
+ computed: {},
methods: {
- // 获取同级接收人
- async getSameLevel(){
- let t = this
- let res = await getPeerRecipient()
- if(res.data.code == 100){
- if(res.data.data){
- t.filteredOptions = res.data.data
- }else{
- console.log('暂无数据')
- }
- }else{
- this.$message.warning(res.data.msg);
- }
- },
+ // 获取同级接收人
+ async getSameLevel() {
+ let t = this
+ let res = await getPeerRecipient()
+ if (res.data.code == 100) {
+ if (res.data.data) {
+ t.filteredOptions = res.data.data
+ } else {
+ console.log('暂无数据')
+ }
+ } else {
+ this.$message.warning(res.data.msg);
+ }
+ },
- // 获取接收单位
- async getAreaUsers(){
- let t = this
- let res = await getAreaWithUserIfo()
- if(res.data.code == 100){
- if(res.data.data){
- // const treeD = []
- t.userTitTree(res.data.data)
- // treeD.push(t.findNodeById(res.data.data,t.userInfo.districtId))
- const treeD = t.findNodeById(res.data.data,t.userInfo.districtId)
- t.areaUsers = treeD.children
- t.unittype = treeD.type
- }else{
- console.log('暂无数据')
- }
- }else{
- this.$message.warning(res.data.msg);
- }
- },
+ // 获取接收单位
+ async getAreaUsers() {
+ let t = this
+ let res = await getAreaWithUserIfo()
+ if (res.data.code == 100) {
+ if (res.data.data) {
+ // const treeD = []
+ t.userTitTree(res.data.data)
+ // treeD.push(t.findNodeById(res.data.data,t.userInfo.districtId))
+ const treeD = t.findNodeById(res.data.data, t.userInfo.districtId)
+ t.areaUsers = treeD.children
+ t.unittype = treeD.type
+ } else {
+ console.log('暂无数据')
+ }
+ } else {
+ this.$message.warning(res.data.msg);
+ }
+ },
- // 获取领导
- async getLeaders(){
- let t = this
- let res = await getLeaders()
- if(res.data.code == 100){
- if(res.data.data){
- t.leaders = res.data.data
- }else{
- console.log('暂无数据')
- }
- }else{
- this.$message.warning(res.data.msg);
- }
- },
+ // 获取领导
+ async getLeaders() {
+ let t = this
+ let res = await getLeaders()
+ if (res.data.code == 100) {
+ if (res.data.data) {
+ t.leaders = res.data.data
+ } else {
+ console.log('暂无数据')
+ }
+ } else {
+ this.$message.warning(res.data.msg);
+ }
+ },
//选择子部门部分
- depChanges(value,label,extra) {
- const t = this
- if(t.form.receiver.length == 0){
- t.checkAll = false
- }
- },
- checkChange(e) {
- const t = this
- t.checkAll = !t.checkAll
- if(t.checkAll == true){
- t.form.receiver = t.traverseTree(t.areaUsers)
- }else{
- t.form.receiver = []
- }
- },
+ depChanges(value, label, extra) {
+ const t = this
+ if (t.form.receiver.length == 0) {
+ t.checkAll = false
+ }
+ },
+ checkChange(e) {
+ const t = this
+ t.checkAll = !t.checkAll
+ if (t.checkAll == true) {
+ t.form.receiver = t.traverseTree(t.areaUsers)
+ } else {
+ t.form.receiver = []
+ }
+ },
- //选择平级部门部分
- handle(selectedItems) {
- const t = this
- if(t.form.recipient.length == t.filteredOptions.length){
- t.checkSlAll = true
- }else{
- t.checkSlAll = false
- }
- },
+ //选择平级部门部分
+ 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 = []
- }
- },
+ 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 = []
+ }
+ },
- isAddLeaders(e) {
- const t = this
- t.withLeaders = !t.withLeaders
- t.sendLeaders = []
- if(e.target.checked){
- for(let i of t.leaders){
- const {realName,...data} = i
- const { id: recipienterId, name: recipienterName, phone: recipienterPhone,...rest} = data
- const obj = { recipienterId, recipienterName, recipienterPhone, province: null,city: null,area: null,town: null,receiveUnit: t.userInfo.company,unittype: t.userInfo.unittype,roleId: 2,...rest}
- t.sendLeaders.push(obj)
- }
- }
- },
+ isAddLeaders(e) {
+ const t = this
+ t.withLeaders = !t.withLeaders
+ t.sendLeaders = []
+ if (e.target.checked) {
+ for (let i of t.leaders) {
+ const {
+ realName,
+ ...data
+ } = i
+ const {
+ id: recipienterId,
+ name: recipienterName,
+ phone: recipienterPhone,
+ ...rest
+ } = data
+ const obj = {
+ recipienterId,
+ recipienterName,
+ recipienterPhone,
+ province: null,
+ city: null,
+ area: null,
+ town: null,
+ receiveUnit: t.userInfo.company,
+ unittype: t.userInfo.unittype,
+ roleId: 2,
+ ...rest
+ }
+ t.sendLeaders.push(obj)
+ }
+ }
+ },
- fileChange(info) {
- let fileList = [...info.fileList];
- fileList = fileList.map(file => {
- if (file.uid === info.file.uid) {
- if (file.status == 'done') {
- if (file.response) {
- const res = file.response
- if (res.code == 100) {
- this.$message.success('文件上传成功')
- } else {
- this.$message.error('文件上传失败')
- }
- // Component will show file.url as link
- file.url = res.data.fileUrl
- }
- }
- }
- return file
- });
- this.fileList = fileList;
- },
+ fileChange(info) {
+ let fileList = [...info.fileList];
+ fileList = fileList.map(file => {
+ if (file.uid === info.file.uid) {
+ if (file.status == 'done') {
+ if (file.response) {
+ const res = file.response
+ if (res.code == 100) {
+ this.$message.success('文件上传成功')
+ } else {
+ this.$message.error('文件上传失败')
+ }
+ // Component will show file.url as link
+ file.url = res.data.fileUrl
+ }
+ }
+ }
+ return file
+ });
+ this.fileList = fileList;
+ },
- removeFile(file){
- this.delList.push(file.response.data.id)
- },
+ removeFile(file) {
+ this.delList.push(file.response.data.id)
+ },
- async deleteFile(){
- const t = this
- for(let i of t.delList){
- const res = await deleteFile(i)
- if(res.data.code == 100){
- console.log('文件删除成功')
- }else{
- t.$message.error(res.data.msg)
- }
- }
- },
+ async deleteFile() {
+ const t = this
+ for (let i of t.delList) {
+ const res = await deleteFile(i)
+ if (res.data.code == 100) {
+ console.log('文件删除成功')
+ } else {
+ t.$message.error(res.data.msg)
+ }
+ }
+ },
- confirmSend(){
- this.$refs.ruleForm.validate(valid => {
- if (valid) {
- this.form.acceptingUnitIds = []
- this.form.peerRecipientIds = []
+ confirmSend() {
+ this.$refs.ruleForm.validate(valid => {
+ if (valid) {
+ this.form.acceptingUnitIds = []
+ this.form.peerRecipientIds = []
- const aList = this.form.receiver.map(item=>this.findNodeById(this.areaUsers,item.value)?.users)
- if(aList.includes(null)){
- this.$message.error('选择接收单位时存在无用户的单位')
- return
- }
- const newAList = [].concat(...aList)
- for(let i of newAList){
- // const {realName,...data} = i
- const {id:recipienterId,name: recipienterName,phone: recipienterPhone,company: receiveUnit,realName: recipienterRealName,...rest} = i
- const obj = { recipienterId, recipienterName,recipienterRealName, recipienterPhone, receiveUnit,...rest}
- this.form.acceptingUnitIds.push(obj)
- }
- this.form.acceptingUnitIds = [...this.form.acceptingUnitIds,...this.sendLeaders]
- if(this.form.recipient.length>0){
- const bList = this.form.recipient.map(item => this.filteredOptions.find(i=>i.id == item))
- for(let i of bList){
- const {id:recipienterId,recipientName: recipienterName,phone: recipienterPhone, company: receiveUnit,...rest} = i
- const obj = {recipienterId, recipienterName,recipienterPhone,receiveUnit,unittype:this.unittype,recipienterRealName:recipienterName,...rest}
- this.form.peerRecipientIds.push(obj)
- }
- }
- this.form.attachments = this.fileList.map(i=>i.response.data.id)
- const {receiver,recipient,id,...data} = this.form
- msgSend(data).then( res =>{
- if(res.data.code == 100){
- this.deleteFile()
- this.$message.success('信息已提交审核')
- }else{
- this.$message.error(res.data.msg)
- }
- this.fileList = []
- this.delList = []
- this.withLeaders = false
- this.$refs.ruleForm.clearValidate()
- this.$refs.ruleForm.resetFields()
- })
- }else{
- console.log('error submit!!');
- return false;
- }
- })
- },
+ const aList = this.form.receiver.map(item => this.findNodeById(this.areaUsers, item.value)
+ ?.users)
+ if (aList.includes(null)) {
+ this.$message.error('选择接收单位时存在无用户的单位')
+ return
+ }
+ const newAList = [].concat(...aList)
+ for (let i of newAList) {
+ // const {realName,...data} = i
+ const {
+ id: recipienterId,
+ name: recipienterName,
+ phone: recipienterPhone,
+ company: receiveUnit,
+ realName: recipienterRealName,
+ ...rest
+ } = i
+ const obj = {
+ recipienterId,
+ recipienterName,
+ recipienterRealName,
+ recipienterPhone,
+ receiveUnit,
+ ...rest
+ }
+ this.form.acceptingUnitIds.push(obj)
+ }
+ this.form.acceptingUnitIds = [...this.form.acceptingUnitIds, ...this.sendLeaders]
+ if (this.form.recipient.length > 0) {
+ const bList = this.form.recipient.map(item => this.filteredOptions.find(i => i.id ==
+ item))
+ for (let i of bList) {
+ const {
+ id: recipienterId,
+ recipientName: recipienterName,
+ phone: recipienterPhone,
+ company: receiveUnit,
+ ...rest
+ } = i
+ const obj = {
+ recipienterId,
+ recipienterName,
+ recipienterPhone,
+ receiveUnit,
+ unittype: this.unittype,
+ recipienterRealName: recipienterName,
+ ...rest
+ }
+ this.form.peerRecipientIds.push(obj)
+ }
+ }
+ this.form.attachments = this.fileList.map(i => i.response.data.id)
+ const {
+ receiver,
+ recipient,
+ id,
+ ...data
+ } = this.form
+ msgSend(data).then(res => {
+ if (res.data.code == 100) {
+ this.deleteFile()
+ this.$message.success('信息已提交审核')
+ } else {
+ this.$message.error(res.data.msg)
+ }
+ this.fileList = []
+ this.delList = []
+ this.withLeaders = false
+ this.$refs.ruleForm.clearValidate()
+ this.$refs.ruleForm.resetFields()
+ })
+ } else {
+ console.log('error submit!!');
+ return false;
+ }
+ })
+ },
-// 根据id查对象
- findNodeById(data,value) {
- for (const node of data) {
- if (node.id === value) {
- return node;
- }
- if (node.children) {
- const foundNode = this.findNodeById(node.children, value);
- if (foundNode) {
- return foundNode;
- }
- }
- }
- return null;
- },
+ // 根据id查对象
+ findNodeById(data, value) {
+ for (const node of data) {
+ if (node.id === value) {
+ return node;
+ }
+ if (node.children) {
+ const foundNode = this.findNodeById(node.children, value);
+ if (foundNode) {
+ return foundNode;
+ }
+ }
+ }
+ return null;
+ },
- // 将树状数据所有id和name放入对象数组
- traverseTree(treeData) {
- let result = [];
- function traverse(data) {
- for(const node of data){
- if(node.users && node.users.length>0) {
- result.push({label: node.name, value: node.id});
- if (node.children && node.children.length > 0) {
- traverse(node.children);
- }
- }
- }
- }
- traverse(treeData);
- return result;
- },
+ // 将树状数据所有id和name放入对象数组
+ traverseTree(treeData) {
+ let result = [];
- // 将树状数据name字段放入users的姓名电话
- userTitTree(treeData) {
- for(const node of treeData){
- if(node.users){
- node.users = node.users.filter(i=>i.roleId == 3)
- node.users = node.users.map((i)=>{
- return{
- ...i,
- unittype: node.type,
- districtId: node.id
- }
- })
- node.name = node.name + '('+node.users.map(i=>i.realName +' '+ i.phone).join(',')+')'
- }
- if(node.children){
- this.userTitTree(node.children)
- }
- }
- return treeData
- },
- // 将users为null的节点删除
- // removeNodesWithoutUsers(node) {
- // if (node.users === null && node.children === null) {
- // return null; // 返回 null 表示删除节点
- // }
- // if (node.children && node.children.length > 0) {
- // node.children = node.children.map(child => this.removeNodesWithoutUsers(child)).filter(Boolean);
- // }
- // return node;
- // },
+ function traverse(data) {
+ for (const node of data) {
+ if (node.users && node.users.length > 0) {
+ result.push({
+ label: node.name,
+ value: node.id
+ });
+ if (node.children && node.children.length > 0) {
+ traverse(node.children);
+ }
+ }
+ }
+ }
+ traverse(treeData);
+ return result;
+ },
- onSearch() {
- console.log(...arguments);
- },
- onSelect() {
- console.log(...arguments);
- },
+ // 将树状数据name字段放入users的姓名电话
+ userTitTree(treeData) {
+ for (const node of treeData) {
+ if (node.users) {
+ node.users = node.users.filter(i => i.roleId == 3)
+ node.users = node.users.map((i) => {
+ return {
+ ...i,
+ unittype: node.type,
+ districtId: node.id
+ }
+ })
+ node.name = node.name + '(' + node.users.map(i => i.realName + ' ' + i.phone).join(',') + ')'
+ }
+ if (node.children) {
+ this.userTitTree(node.children)
+ }
+ }
+ return treeData
+ },
+ // 将users为null的节点删除
+ // removeNodesWithoutUsers(node) {
+ // if (node.users === null && node.children === null) {
+ // return null; // 返回 null 表示删除节点
+ // }
+ // if (node.children && node.children.length > 0) {
+ // node.children = node.children.map(child => this.removeNodesWithoutUsers(child)).filter(Boolean);
+ // }
+ // return node;
+ // },
- handleRisk(selectedItems) {
- // this.selectedItems = selectedItems;
- },
- handleLevel(selectedItems) {
- // this.selectedItems = selectedItems;
- },
+ onSearch() {
+ console.log(...arguments);
+ },
+ onSelect() {
+ console.log(...arguments);
+ },
+
+ handleRisk(selectedItems) {
+ // this.selectedItems = selectedItems;
+ },
+ handleLevel(selectedItems) {
+ // this.selectedItems = selectedItems;
+ },
},
}
</script>
--
Gitblit v1.9.2