kol管理保存优化

src/components/yqrange/kol-component/kolTable.vue

@@ -23,8 +23,8 @@
         </transition-group>
       </draggable>
     </el-row>
-    
-    
+
+
   </div>
 </template>
 

src/components/yqrange/kol-manage.vue

@@ -22,7 +22,7 @@
       </el-row>
     </el-form>
     <el-row class="table-content">
-      <kol-table :tableData="tableData" ref="kolTable"></kol-table>
+      <kol-table :tableData="tableData" ref="kolTable" v-if="tableData && tableData.length"></kol-table>
       <el-row class="save-btn">
         <el-button type="primary" @click="handleSave">保存</el-button>
       </el-row>
@@ -136,25 +136,27 @@ export default {
     },
     handleSave() {
       // 排序和删除后的table数据
-      let newTableData = this.$refs.kolTable.getNewData()
+      let newTableData = [];
+      if (this.tableData && this.tableData.length) {
+        newTableData = this.$refs.kolTable.getNewData()
+      }
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
-          // console.log('form校验通过')
           let param = {
             circleId: this.circleId,
             kolConfig: this.ruleForm,
-            kolRecordList: this.tableData
+            // kolRecordList: this.tableData
+            kolRecordList: newTableData
           }
           openLoading(this);
           saveKolConfig(param).then(res => {
-            closeLoading(this);
             if (res.code == '000000') {
-              console.log('保存成功',res)
+              closeLoading(this);
               this.$message.success('保存成功');
               this.initData();
             }
           }).catch(err => {
-            console.log('网络出现点儿问题，稍后重试')
+            console.log('出错了')
           })
         }
       });
@@ -196,15 +198,22 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          let len = this.tableData.length;
+          let len = 0;
+          if (this.tableData && this.tableData.length) {
+            let len = this.tableData.length;
 
-          for (let i=0; i< len; i++) {
-            if (this.addForm.name == this.tableData[i].doctorId) {
-              this.$message.warning('当前选择的专家已经被添加过，请选择其他专家！');
-              return
+            for (let i=0; i< len; i++) {
+              if (this.addForm.name == this.tableData[i].doctorId) {
+                this.$message.warning('当前选择的专家已经被添加过，请选择其他专家！');
+                return
+              }
             }
+          }else {
+            this.tableData = [];
+            len = 0;
           }
 
+
           this.tableData.push({
             ...this.selectExpertItem,
             seq: len + 1,