1.banner添加新增 新闻 通知修改级联结构

src/views/modules/news/banner-add-or-update.vue

@@ -27,8 +27,9 @@
         <el-cascader
                 v-model="dataForm.allDeptIdsShow"
                 :options="options"
-                :props="{ checkStrictly: true }"
+                :props="{ multiple: true }"
                 clearable
+                collapse-tags
         ></el-cascader>
       </el-form-item>
       <!--<el-form-item label="所属街道"
@@ -170,7 +171,7 @@ export default {
   created () {
     // 1169154711480528897 为市北区部门ID
     this.$http
-      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .get(`/sys/user/deptOptions/getAllByLoginUser`)
       .then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)

src/views/modules/news/banner.vue

@@ -13,10 +13,10 @@
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
-        <!-- <el-form-item>
+        <el-form-item>
           <el-button type="primary"
                      @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
-        </el-form-item> -->
+        </el-form-item>
       </el-form>
       <el-table v-loading="dataListLoading"
                 :data="dataList"

src/views/modules/news/news-publish.vue

@@ -9,12 +9,11 @@
                :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
         <el-row>
           <el-form-item label="所属机构">
-            <el-cascader
-              v-model="dataForm.allDeptIdsShow"
-              :options="options"
-              :props="{ checkStrictly: true }"
-              clearable
-            ></el-cascader>
+            <el-cascader v-model="dataForm.allDeptIdsShow"
+                         :options="options"
+                         :props="{ multiple: true }"
+                         clearable
+                         collapse-tags></el-cascader>
           </el-form-item>
           <!--<el-form-item label="所属街道"
                         prop="streetId">
@@ -199,16 +198,21 @@ export default {
     this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
     this.getListCategory()
   },
+  watch: {
+    'dataForm.allDeptIdsShow': function (val) {
+        console.log(this.dataForm.allDeptIdsShow);
+    }
+  },
   created () {
     this.$http
-      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .get(`/sys/user/deptOptions/getAllByLoginUser`)
       .then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
         }
         this.options = res.data.options
       })
-      .catch(() => {})
+      .catch(() => { })
     this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
     this.getListCategory()
     this.visible = true

src/views/modules/news/notice-add-or-update.vue

@@ -11,8 +11,9 @@
                     prop="allDeptIdsShow">
         <el-cascader v-model="dataForm.allDeptIdsShow"
                      :options="options"
-                     :props="{ checkStrictly: true }"
-                     clearable></el-cascader>
+                     :props="{ multiple: true }"
+                     clearable
+                     collapse-tags></el-cascader>
       </el-form-item>
       <el-form-item label="通知标题"
                     prop="noticeTitle">
@@ -114,7 +115,7 @@ export default {
   },
   created () {
     this.$http
-      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .get(`/sys/user/deptOptions/getAllByLoginUser`)
       .then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)