新增页面和配置，部分接口对接

马宇豪

2023-06-08 d081cdaabcb942298f1df374f6a1cd626741098f

 src/views/Admin/notice.vue

文件名从 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}`);