kol 新功能 col

src/components/yqrange/kol-manage.vue

@@ -17,7 +17,7 @@
         </el-col>
       </el-row>
       <el-row>
-        <el-button type="primary">添加</el-button>
+        <el-button type="primary" @click="handleAdd">添加</el-button>
         <span class="des">*说明：添加和移除kol后，需点击页面的保存按钮，方可生效</span>
       </el-row>
     </el-form>
@@ -44,6 +44,9 @@
           </template>
         </el-table-column>
       </el-table>
+      <el-row class="save-btn">
+        <el-button type="primary" @click="handleSave">保存</el-button>
+      </el-row>
     </el-row>
   </div>
 </template>
@@ -98,7 +101,9 @@ export default {
       const tbody = document.querySelector('#kolTable tbody');
 
       Sortable.create(tbody);
-    }
+    },
+    handleAdd() {},
+    handleSave() {}
   },
 }
 </script>
@@ -112,4 +117,9 @@ export default {
 .table-content {
   margin-top: 15px;
 }
+.save-btn {
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
+}
 </style>