KOL管理tab保存接口联调

src/components/yqrange/kol-manage.vue

@@ -72,7 +72,8 @@
                 v-for="item in expertList"
                 :key="item.userId"
                 :label="item.option"
-                :value="item.userId">
+                :value="item.userId"
+                :disabled="item.disabled">
             </el-option>
           </el-select>
         </el-form-item>
@@ -88,7 +89,8 @@
 <script>
 import Sortable from 'sortablejs';
 import { kolCol } from './util/common';
-import { getExpertList, getExperNametList } from '@/utils/yqrange/rangeApi'
+import { getExpertList, getExperNametList, saveKolConfig } from '@/utils/yqrange/rangeApi'
+import { openLoading, closeLoading } from "@/utils/utils";
 
 export default {
   components: {
@@ -142,7 +144,7 @@ export default {
     initData() {
       getExpertList(this.circleId).then(res => {
         if (res.code == '000000') {
-          console.log('获取kol配置',res.data);
+          // console.log('获取kol配置',res.data);
           const { kolConfig, kolRecordList } = res.data;
           this.ruleForm = kolConfig;
           this.tableData = kolRecordList;
@@ -167,6 +169,22 @@ export default {
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
           // console.log('form校验通过')
+          let param = {
+            circleId: this.circleId,
+            kolConfig: this.ruleForm,
+            kolRecordList: this.tableData
+          }
+          openLoading(this);
+          saveKolConfig(param).then(res => {
+            closeLoading(this);
+            if (res.code == '000000') {
+              console.log('保存成功',res)
+              this.$message.success('保存成功');
+              this.initData();
+            }
+          }).catch(err => {
+            console.log('网络出现点儿问题，稍后重试')
+          })
         }
       });
     },
@@ -177,7 +195,6 @@ export default {
       if (val) {
         getExperNametList(this.circleId, val).then(res => {
           if (res.code == '000000') {
-            console.log('获取专家列表数据',res.data);
             this.expertList = res.data;
           }else {
             this.expertList = [];
@@ -190,17 +207,13 @@ export default {
       }
     },
     nameChange(val) {
-      // console.log('选中值',val)
+      this.selectExpertItem = {};
       if (val) {
         this.expertList.map((item,index) => {
           if(val == item.userId){
             this.selectExpertItem = item.kolRecord;
-          }else {
-            this.selectExpertItem = {};
           }
         })
-      }else {
-        this.selectExpertItem = {};
       }
     },
     noSelectHand(val) {
@@ -212,14 +225,22 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          // console.log('form校验通过')
           let len = this.tableData.length;
+
+          for (let i=0; i< len; i++) {
+            if (this.addForm.name == this.tableData[i].doctorId) {
+              this.$message.warning('当前选择的专家已经被添加过，请选择其他专家！');
+              return
+            }
+          }
+
           this.tableData.push({
             ...this.selectExpertItem,
             seq: len + 1,
           });
           this.expertList = [];
           this.addFormVisible = false;
+
         }
       });
     },

src/utils/yqrange/rangeApi.js

@@ -97,3 +97,13 @@ export const getExperNametList = (circleId, name) => {
     description: '添加专家关联-获取专家下拉',
   })
 };
+
+export const saveKolConfig = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`circle/kol/admin/save`),
+    method: 'post',
+    data: data,
+    description: 'KOL管理tab保存',
+  })
+};