处理新闻和banner前端

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

@@ -23,7 +23,15 @@
                   show-word-limit
                   placeholder="标题"></el-input>
       </el-form-item>
-      <el-form-item label="所属街道"
+      <el-form-item label="所属机构">
+        <el-cascader
+                v-model="dataForm.allDeptIdsShow"
+                :options="options"
+                :props="{ checkStrictly: true }"
+                clearable
+        ></el-cascader>
+      </el-form-item>
+      <!--<el-form-item label="所属街道"
                     prop="streetId">
         <el-select v-model="dataForm.streetId"
                    @change="changeStreet"
@@ -56,7 +64,7 @@
                      :value="item.id">
           </el-option>
         </el-select>
-      </el-form-item>
+      </el-form-item>-->
       <el-form-item label="banner类型"
                     prop="bannerType">
         <el-select v-model="dataForm.bannerType"
@@ -122,12 +130,14 @@ export default {
         community: '',
         gridId: '',
         grid: '',
-        position: '0'
+        position: '0',
+        allDeptIdsShow: []
       },
       bannerOptions: [],
       streetList: [],
       communityList: [],
       gridList: [],
+      options: [],
       uploadUrl: '',
       positionList: [],
       loading: false
@@ -159,6 +169,15 @@ export default {
   },
   created () {
     // 1169154711480528897 为市北区部门ID
+    this.$http
+      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.options = res.data.options
+      })
+      .catch(() => {})
     this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
     this.getListFromDict('bannerType')
     this.getListFromDict('bannerPosition')

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

@@ -9,7 +9,15 @@
              ref="dataForm"
              @keyup.enter.native="dataFormSubmitHandle()"
              :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
-      <el-form-item label="所属街道"
+      <el-form-item label="所属机构">
+        <el-cascader
+          v-model="dataForm.allDeptIdsShow"
+          :options="options"
+          :props="{ checkStrictly: true }"
+          clearable
+        ></el-cascader>
+      </el-form-item>
+      <!--<el-form-item label="所属街道"
                     prop="streetId">
         <el-select v-model="dataForm.streetId"
                    @change="changeStreet"
@@ -42,7 +50,7 @@
                      :value="item.id">
           </el-option>
         </el-select>
-      </el-form-item>
+      </el-form-item>-->
       <el-form-item label="类别"
                     prop="newsCateroryId">
         <el-select v-model="dataForm.newsCateroryId"
@@ -148,12 +156,14 @@ export default {
         newsReleaseStartTime: '',
         newsReleaseEndTime: '',
         newsContent: '',
-        newsImageUrl: ''
+        newsImageUrl: '',
+        allDeptIdsShow: []
       },
       time: [],
       streetList: [],
       communityList: [],
       gridList: [],
+      options: [],
       categorys: [],
       loading: false,
       // 富文本
@@ -180,6 +190,15 @@ export default {
     }
   },
   created () {
+    this.$http
+      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.options = res.data.options
+      })
+      .catch(() => {})
     this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
     this.getListCategory()
     this.visible = true

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

@@ -8,7 +8,15 @@
                ref="dataForm"
                :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
         <el-row>
-          <el-form-item label="所属街道"
+          <el-form-item label="所属机构">
+            <el-cascader
+              v-model="dataForm.allDeptIdsShow"
+              :options="options"
+              :props="{ checkStrictly: true }"
+              clearable
+            ></el-cascader>
+          </el-form-item>
+          <!--<el-form-item label="所属街道"
                         prop="streetId">
             <el-select v-model="dataForm.streetId"
                        @change="changeStreet"
@@ -41,7 +49,7 @@
                          :value="item.id">
               </el-option>
             </el-select>
-          </el-form-item>
+          </el-form-item>-->
         </el-row>
         <el-row>
           <el-form-item label="类别"
@@ -155,12 +163,14 @@ export default {
         street: '',
         community: null,
         grid: null,
-        newsProperty: ''
+        newsProperty: '',
+        allDeptIdsShow: []
       },
       time: [],
       streetList: [],
       communityList: [],
       gridList: [],
+      options: [],
       categorys: [],
       loading: false,
       // 富文本
@@ -190,6 +200,15 @@ export default {
     this.getListCategory()
   },
   created () {
+    this.$http
+      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.options = res.data.options
+      })
+      .catch(() => {})
     this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
     this.getListCategory()
     this.visible = true

src/views/modules/news/news.vue

@@ -5,7 +5,15 @@
       <el-form :inline="true"
                :model="dataForm"
                @keyup.enter.native="getDataList()">
-        <el-form-item label="所属街道"
+        <el-form-item label="所属机构">
+          <el-cascader
+            v-model="deptIdList"
+            :options="options"
+            :props="{ checkStrictly: true }"
+            clearable
+          ></el-cascader>
+        </el-form-item>
+        <!--<el-form-item label="所属街道"
                       prop="deptId">
           <el-select v-model="dataForm.streetId"
                      @change="changeStreet"
@@ -41,7 +49,7 @@
                        :value="item.id">
             </el-option>
           </el-select>
-        </el-form-item>
+        </el-form-item>-->
         <br>
         <span class="demonstration">提交时间</span>&nbsp;&nbsp;
         <el-date-picker @change='setRegistTime'
@@ -194,6 +202,8 @@ export default {
         category: ''
       },
       time: '',
+      options: [],
+      deptIdList: [],
       streetList: [],
       communityList: [],
       gridList: [],
@@ -205,6 +215,15 @@ export default {
     }
   },
   created () {
+    this.$http
+      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.options = res.data.options
+      })
+      .catch(() => {})
     this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
     this.getListCategory()
   },
@@ -374,6 +393,13 @@ export default {
   },
   components: {
     AddOrUpdate
+  },
+  watch: {
+    'deptIdList': function (val) {
+      if (val.length !== 0) {
+        this.dataForm.gridId = val[val.length - 1]
+      }
+    }
   }
 }
 </script>

src/views/modules/news/newsdraft.vue

@@ -5,7 +5,15 @@
       <el-form :inline="true"
                :model="dataForm"
                @keyup.enter.native="getDataList()">
-        <el-form-item label="所属街道"
+        <el-form-item label="所属机构">
+          <el-cascader
+            v-model="deptIdList"
+            :options="options"
+            :props="{ checkStrictly: true }"
+            clearable
+          ></el-cascader>
+        </el-form-item>
+        <!--<el-form-item label="所属街道"
                       prop="deptId">
           <el-select v-model="dataForm.streetId"
                      clearable
@@ -41,7 +49,7 @@
                        :value="item.id">
             </el-option>
           </el-select>
-        </el-form-item>
+        </el-form-item>-->
         <br>
         <span class="demonstration">提交时间</span>&nbsp;&nbsp;
         <el-date-picker @change='setRegistTime'
@@ -186,11 +194,22 @@ export default {
       streetList: [],
       communityList: [],
       gridList: [],
+      options: [],
+      deptIdList: [],
       categorys: [],
       id: ''
     }
   },
   created () {
+    this.$http
+      .get(`/sys/user/deptOptions/getByLoginUser`)
+      .then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.options = res.data.options
+      })
+      .catch(() => {})
     this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
     this.getListCategory()
   },
@@ -331,6 +350,13 @@ export default {
   },
   components: {
     AddOrUpdate
+  },
+  watch: {
+    'deptIdList': function (val) {
+      if (val.length !== 0) {
+        this.dataForm.gridId = val[val.length - 1]
+      }
+    }
   }
 }
 </script>