创建会员分组添加分组所属分类选项

src/view/platformTag/member-tag.vue

@@ -87,6 +87,17 @@
               </label>
               <el-date-picker class="w-220" v-model="tagConfig.date" :picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" type="date" placeholder="选择日期"> </el-date-picker>
             </div>
+            <div :class="['form-item', {'margin-60': marginSixty}]">
+              <label for="">分组所属分类</label>
+              <el-select v-model="tagConfig.memberTagGroupClassifyId">
+                <el-option
+                  v-for="item in memberGroupList"
+                  :key="item.memberTagGroupClassifyId"
+                  :value="item.memberTagGroupClassifyId"
+                  :label="item.classifyName"
+                />
+              </el-select>
+            </div>
             <div class="form-item" :class="{ 'margin-60': marginSixty }">
               <label for="">分组描述</label>
               <el-input type="textarea" v-model="tagConfig.textarea" :maxlength="200" rows="4" placeholder="请输入内容"></el-input>
@@ -121,7 +132,7 @@ import TagsGroupList from '../memberGroup/tags-group-list';
 import TagType from './tag-type';
 import TagContainer from './tag-container';
 import ManualTagEdit from '../manualTag/manualTagEdit';
-import { getMemberTag, getMemberTagList, addNewGroup } from '@/request/api';
+import { getMemberTag, getMemberTagList, addNewGroup, memberGroupList } from '@/request/api';
 import EditTag from '../memberGroup/edit-tag';
 import { mapState } from 'vuex';
 
@@ -147,6 +158,8 @@ export default {
       refershList: {},
       tagConfig: {
         groupName: '',
+        // 会员分组分类id
+        memberTagGroupClassifyId: '',
         textarea: '', // 描述
         date: '', // 有效期
         updateType: '', // 更新类型频率
@@ -193,6 +206,8 @@ export default {
       pageNum: 1,
       total: 0,
 
+      // 分组分类
+      memberGroupList: [],
       // 更新频率
       rateData: [
         {
@@ -316,6 +331,7 @@ export default {
       });
       const param = {
         groupName: this.tagConfig.groupName,
+        memberTagGroupClassifyId: this.tagConfig.memberTagGroupClassifyId,
         isRealTime: this.tagConfig.isRealTime,
         describle: this.tagConfig.textarea,
         updateType: this.tagConfig.updateType,
@@ -546,6 +562,22 @@ export default {
     saveHandTagData(list) {
       localStorage.setItem('middleHandtag', JSON.stringify(list));
     },
+    getMemberGroupList() {
+      memberGroupList({ requestProject: 'gic-member-tag-web' })
+        .then(res => {
+          let { errorCode, message, result } = res;
+          if (errorCode !== 1) {
+            this.$message.error(message);
+            return;
+          }
+          result = result || [];
+          this.memberGroupList = result.slice(0);
+          this.tagConfig.memberTagGroupClassifyId = '0';
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    }
     // onLoadV() {
     //   localStorage.setItem('jumpThirdTag', '');
     // }
@@ -648,6 +680,7 @@ export default {
       this.changeTagTitle(list.name);
     });
     this.defaultDate();
+    this.getMemberGroupList();
     // if (localStorage.getItem('jumpThirdTag')) {
     //   console.log(1);
     //   let tagList = JSON.parse(localStorage.getItem('jumpThirdTag'));