修改新闻类别维护功能

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

@@ -8,19 +8,23 @@
              ref="dataForm"
              @keyup.enter.native="dataFormSubmitHandle()"
              :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
-      <el-form-item label="类别名称"
+      <el-form-item label="所属版块" prop="sectionCode">
-                    prop="categoryName">
+          <el-select v-model="dataForm.sectionCode" clearable placeholder="所属版块">
+            <el-option v-for="item in sectionCodeList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"></el-option>
+          </el-select>
+        </el-form-item>
+      <el-form-item label="类别名称" prop="categoryName">
         <el-input v-model="dataForm.categoryName"
                   placeholder="类别名称"></el-input>
       </el-form-item>
       <el-form-item label="类别编码"  prop="categoryCode">
         <el-input v-model="dataForm.categoryCode" v-bind:readonly = "codeReadOnly" placeholder="类别编码"></el-input>
       </el-form-item>
-      <el-form-item label="独立功能" prop="independentFlag">
+      <!-- <el-form-item label="独立功能" prop="independentFlag">
         <el-select v-model="dataForm.independentFlag" v-bind:disabled = "codeReadOnly" placeholder="是否关联独立功能">
           <el-option v-for="item in yesOrNoContains" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="描述"
                     prop="description">
         <el-input v-model="dataForm.description"
@@ -53,10 +57,12 @@ export default {
         categoryName: '',
         categoryCode: '',
         description: '',
+        sectionCode: '',
         independentFlag: '',
         sort: 0
       },
-      yesOrNoContains: [{ id: '0', name: '否' }, { id: '1', name: '是' }],
+      sectionCodeList: [],
+      // yesOrNoContains: [{ id: '0', name: '否' }, { id: '1', name: '是' }],
       codeReadOnly: false
     }
   },
@@ -72,7 +78,7 @@ export default {
         sort: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ],
-        independentFlag: [
+        sectionCode: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ]
       }
@@ -87,8 +93,19 @@ export default {
           this.getInfo()
         }
       })
+      this.getsectionCodeList()
     },
     // 获取信息
+    getsectionCodeList () {
+      this.$http.get(`/sys/dict/listSimple/function_section_article`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.sectionCodeList = res.data
+        })
+        .catch(() => {})
+    },
     getInfo () {
       this.$http.get(`/news/newscategory/${this.dataForm.id}`).then(({ data: res }) => {
         if (res.code !== 0) {
@@ -98,9 +115,9 @@ export default {
           ...this.dataForm,
           ...res.data
         }
-        if (res.data.independentFlag === '1') {
+        // if (res.data.independentFlag === '1') {
-          this.codeReadOnly = true
+        //   this.codeReadOnly = true
-        }
+        // }
       }).catch(() => { })
     },
     // 表单提交

src/views/modules/news/newscategory.vue

@@ -2,11 +2,13 @@
   <el-card shadow="never" class="aui-card--fill">
     <div class="mod-news__newscategory}">
       <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <!-- <el-form-item>
+        <el-form-item label="所属版块">
-          <el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
+          <el-select v-model="dataForm.sectionCode" clearable placeholder="所属版块">
-        </el-form-item> -->
+            <el-option v-for="item in sectionCodeList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item>
-          <el-button @click="getDataList()"> 刷新 </el-button>
+          <el-button @click="getDataList()"> 查询 </el-button>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
@@ -20,6 +22,7 @@
             {{scope.$index+1}}
         </template>
       </el-table-column>
+        <el-table-column prop="sectionCode" label="所属版块" :formatter="showSectionCode" header-align="center" align="center"></el-table-column>
         <el-table-column prop="categoryName" label="类别名称" header-align="center" align="center"></el-table-column>
         <el-table-column prop="description" label="描述" header-align="center" align="center"></el-table-column>
         <el-table-column prop="sort" label="排序" header-align="center" align="center"></el-table-column>
@@ -59,12 +62,38 @@ export default {
         deleteIsBatch: true
       },
       dataForm: {
-        id: ''
+        id: '',
-      }
+        sectionCode: ''
+      },
+      sectionCodeList: []
     }
   },
   components: {
     AddOrUpdate
+  },
+  created () {
+    this.getsectionCodeList()
+  },
+  methods: {
+    getsectionCodeList () {
+      this.$http.get(`/sys/dict/listSimple/function_section_article`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.sectionCodeList = res.data
+        })
+        .catch(() => {})
+    },
+    showSectionCode: function (row, column) {
+      if (row.sectionCode) {
+        let dict = this.sectionCodeList.filter(item => item.dictValue === row.sectionCode)[0]
+        if (dict) {
+          return dict.dictName
+        }
+      }
+      return ''
+    }
   }
 }
 </script>