修改bug 新增所属机构查询功能

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

@@ -44,6 +44,7 @@
                     v-loading="loading"
                     prop="newsImageUrl">
         <el-upload class="avatar-uploader"
+                    disabled="true"
                    :action="uploadUrl"
                    :show-file-list="false"
                    :on-success="handleAvatarSuccess"
@@ -61,6 +62,7 @@
                     prop="newsReleaseStartTime">
         <el-date-picker @change='setRegistTime'
                         v-model="time"
+                        readonly="true"
                         value-format="yyyy-MM-dd"
                         type="daterange"
                         range-separator="至"
@@ -278,6 +280,7 @@ export default {
         modules: {
           toolbar: this.quillEditorToolbarOptions
         },
+        readOnly: true,
         theme: 'snow'
       })
       this.quillEditor.container.style.height = `${300}px`

src/views/modules/news/allnews.vue

@@ -5,12 +5,12 @@
       <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>
         <!--<el-form-item label="所属街道"
                       prop="deptId">
           <el-select v-model="dataForm.streetId"
@@ -117,6 +117,10 @@
                          label="不支持数"
                          header-align="center"
                          align="center"></el-table-column>
+        <el-table-column prop="allDeptNames"
+                         label="所属网格"
+                         header-align="center"
+                         align="center"></el-table-column>
         <el-table-column prop="createdTime"
                          label="提交时间"
                          header-align="center"

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

@@ -128,6 +128,7 @@ export default {
         modules: {
           toolbar: this.quillEditorToolbarOptions
         },
+        readOnly: true,
         theme: 'snow'
       })
       // // 自定义上传图片功能 (使用element upload组件)

src/views/modules/news/allnotice.vue

@@ -5,6 +5,12 @@
       <el-form :inline="true"
                :model="dataForm"
                @keyup.enter.native="getDataList()">
+        <el-form-item label="所属机构">
+          <el-cascader v-model="deptIdList"
+                       :options="options"
+                       :props="{ checkStrictly: true }"
+                       clearable></el-cascader>
+        </el-form-item>       
         <el-form-item>
           <el-input v-model="dataForm.noticeTitle"
                     placeholder="通知标题"
@@ -68,11 +74,11 @@
                          fixed="right"
                          header-align="center"
                          align="center"
-                         width="300">
+                         width="100">
           <template slot-scope="scope">
             <el-button v-if="$hasPermission('news:notice:update')"
-                       type="primary"
+                       type="text"
-                       size="mini"
+                       size="small"
                        @click="addOrUpdateHandle(scope.row.id)">查看</el-button>
           </template>
         </el-table-column>
@@ -107,8 +113,11 @@ export default {
         deleteIsBatch: true
       },
       dataForm: {
-        noticeTitle: ''
+        noticeTitle: '',
-      }
+        gridId: ''
+      },
+      options: [],
+      deptIdList: []
     }
   },
   components: {
@@ -154,6 +163,26 @@ export default {
         return row.street
       }
     }
+  },
+  watch: {
+    'deptIdList': function (val) {
+      if (val.length !== 0) {
+        this.dataForm.gridId = val[val.length - 1]
+      } else {
+        this.dataForm.gridId = ''
+      }
+    }
+  },
+  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(() => { })
   }
 }
 </script>