添加党员风采分类

src/views/modules/communityParty/elegant/index.vue

@@ -13,6 +13,16 @@
               </el-option>
             </el-select>
           </el-form-item>
+          <el-form-item label="分类类别" prop="categoryId">
+            <el-select v-model="searchForm.categoryId" filterable placeholder="请选择" clearable>
+              <el-option
+                v-for="item in optionsC"
+                :key="item.categoryId"
+                :label="item.categoryName"
+                :value="item.categoryId">
+              </el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item label="党员姓名" prop="name">
             <el-select v-model="searchForm.name" filterable placeholder="请选择" clearable>
               <el-option
@@ -139,6 +149,16 @@
               </el-option>
             </el-select>
         </el-form-item>
+        <el-form-item label="分类类别" prop="categoryId">
+          <el-select v-model="form.categoryId" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
+            <el-option
+              v-for="item in optionsEditC"
+              :key="item.categoryId"
+              :label="item.categoryName"
+              :value="item.categoryId">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="党员姓名" prop="name">
           <el-input v-model="form.name" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
         </el-form-item>
@@ -215,6 +235,8 @@ export default {
       value: '',
       optionsEditG: [],
       optionsG: [],
+      optionsC: [],
+      optionsEditC: [],
       options: [
         {
           label: '是',
@@ -238,6 +260,12 @@ export default {
           columnName: 'gridName',
           width: '300',
           options: []
+        }, {
+          label: '分类类别',
+          align: 'center',
+          columnName: 'categoryName',
+          width: '200',
+          options: []
         }, {
           label: '主要事迹',
           columnName: 'mainDeed',
@@ -249,6 +277,7 @@ export default {
       customerId: '',
       searchForm: {
         gridId: '',
+        categoryId: '',
         mainDeed: '',
         name: ''
       },
@@ -256,11 +285,13 @@ export default {
         agencyId: '',
         gridId: '',
         name: '',
+        categoryId: '',
         mainDeed: '',
         imageList: []
       },
       rules: {
         gridId: [{ required: true, message: '网格不能为空', trigger: 'blur' }],
+        categoryId: [{ required: true, message: '分类类别不能为空', trigger: 'blur' }],
         name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
         mainDeed: [{ required: true, message: '主要事迹不能为空', trigger: 'blur' }],
       }
@@ -272,6 +303,8 @@ export default {
       this.getTableData()
       this.getGridList('query')
       this.getGridList('addorupdate')
+      this.getCateList('query')
+      this.getCateList('addorupdate')
     }, 200)
     this.pageLoading = true
   },
@@ -439,6 +472,7 @@ export default {
       this.handleSearch()
     },
     handleAdd() {
+      
       this.dialogVisible = true
     },
 
@@ -555,6 +589,30 @@ export default {
           return this.$message.error('网络错误')
         })
     },
+    async getCateList(type) {
+      const { user } = await this.$store.state
+      console.log('user---ppp', user)
+      const params = {
+        customerId: this.customerId,
+        type
+      }
+      // addorupdate  query
+      await this.$http
+        .post('/resi/partymember/stylecategorydict/select-list', params)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询详情成功', res.data)
+            
+            if (type === 'query') this.optionsC = res.data
+            else this.optionsEditC = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
     async getTableData() {
       this.tableLoading = true
       const { user } = await this.$store.state