From d081cdaabcb942298f1df374f6a1cd626741098f Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 08 六月 2023 14:17:14 +0800
Subject: [PATCH] 新增页面和配置，部分接口对接
---
src/views/Admin/notice.vue | 102 +++++++++++++++++++++++++++-----------------------
1 files changed, 55 insertions(+), 47 deletions(-)
diff --git a/src/views/Admin/Notice.vue b/src/views/Admin/notice.vue
similarity index 90%
rename from src/views/Admin/Notice.vue
rename to src/views/Admin/notice.vue
index 4b5a012..2c46405 100644
--- a/src/views/Admin/Notice.vue
+++ b/src/views/Admin/notice.vue
@@ -40,38 +40,42 @@
<br /><br />
<a-textarea v-model="message" placeholder="请输入短信通知内容部分" :auto-size="{ minRows: 3, maxRows: 5 }" />
- <br /><br />
- <a-button>上传附件</a-button> <div style="float: right;width:50%;text-align: right;">超时设置： <a-input style="width:100px;" placeholder="输入时间" /> 分钟</div>
<br /><br />
- <span><b>发布单位：</b>{{department}}</span>
- <br/><br/>
- <!-- 子单位-->
- <b>选择接收单位：</b>
- <a-tree-select
- show-search
- style="width: 100%"
- :value="svalue"
- :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
- placeholder="选择工作通知接收单位"
- allow-clear
- multiple
- tree-default-expand-all
- @change="onChanges"
- @search="onSearch"
- @select="onSelect"
- >
- <a-tree-select-node key="0-1" value="乌鲁木齐" title="乌鲁木齐(张XX 13268813610)">
- <a-tree-select-node key="0-1-1" value="米东区" title="米东区(张XX 13268813610)">
- <a-tree-select-node key="0-1-1-1" value="XX村1" title="XX村(李有田 13268813610)" />
- </a-tree-select-node>
- <a-tree-select-node key="0-1-2" value="天山区" title="天山区">
- <a-tree-select-node key="0-1-2-1" value="XX村2">
- <b slot="title" style="color: #08c">XX村</b>
- </a-tree-select-node>
- </a-tree-select-node>
- </a-tree-select-node>
- </a-tree-select>
-
+ <a-button>上传附件</a-button> <div style="float: right;width:50%;text-align: right;">超时设置： <a-input style="width:100px;" placeholder="输入时间" /> 分钟</div>
+ <br /><br />
+ <span><b>发布单位：</b>{{department}}</span>
+ <br/><br/>
+ <!-- 子单位-->
+ <div style="margin-bottom: 10px">选择接收单位：</div>
+ <a-tree-select
+ show-search
+ tree-checkable
+ treeCheckStrictly
+ style="width: 100%"
+ v-model="svalue"
+ :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+ placeholder="选择工作通知接收单位"
+ allow-clear
+ multiple
+ tree-default-expand-all
+ @change="onChanges"
+ @search="onSearch"
+ @select="onSelect"
+ >
+ <a-tree-select-node key="0" value="all" title="全选">
+ </a-tree-select-node>
+ <a-tree-select-node key="0-1" value="乌鲁木齐" title="乌鲁木齐(张XX 13268813610)">
+ <a-tree-select-node key="0-1-1" value="米东区" title="米东区(张XX 13268813610)">
+ <a-tree-select-node key="0-1-1-1" value="XX村1" title="XX村(李有田 13268813610)" />
+ </a-tree-select-node>
+ <a-tree-select-node key="0-1-2" value="天山区" title="天山区">
+ <a-tree-select-node key="0-1-2-1" value="XX村2">
+ <b slot="title" style="color: #08c">XX村</b>
+ </a-tree-select-node>
+ </a-tree-select-node>
+ </a-tree-select-node>
+ </a-tree-select>
+
<br/><br/>
<div style="float: right;"><b>选择审批领导：</b> <a-select show-search placeholder="请选择审批领导"
option-filter-prop="children" style="width: 200px" :filter-option="filterOption"
@@ -117,7 +121,7 @@
message: '',
signname: '自然灾害风险预警提示',
department: '自治区自然灾害综合监测预警中心',
- selectedItems: [],
+ selectedItems: [],
svalue:undefined,
};
},
@@ -127,24 +131,28 @@
return OPTIONS.filter(o => !this.selectedItems.includes(o));
},
},
- methods: {
- //选择子部门部分
- onChanges(value) {
- console.log(value);
- this.svalue = value;
- },
- onSearch() {
- console.log(...arguments);
- },
- onSelect() {
- console.log(...arguments);
- },
+ methods: {
+ //选择子部门部分
+ onChanges(value) {
+ if(value.find(i=>i.value == 'all')){
+ console.log('全选了')
+ }else{
+ this.svalue = value;
+ }
+ console.log(this.svalue);
+ },
+ onSearch() {
+ console.log(...arguments);
+ },
+ onSelect() {
+ console.log(...arguments);
+ },
//选择平级部门部分
handle(selectedItems) {
this.selectedItems = selectedItems;
- },
- onChange(){
- console.log(this.value)
+ },
+ onChange(){
+ console.log(this.value)
},
handleChange(value) {
console.log(`selected ${value}`);
--
Gitblit v1.9.2