perf:应用添加数据时表格可以搜索

base-manager-ui/admin/src/pages/basicset/appmarket/components/DataUpdate.vue

@@ -2,7 +2,10 @@
   <div class="data-update">
     <!-- 头部 -->
     <div class="header flex aic jcb mb20 pdr6">
-      <a-button type="primary" @click="handleAdd">新增</a-button>
+      <a-space>
+        <a-button type="primary" @click="handleAdd">新增</a-button>
+        <a-button type="danger" @click="handleDelAll">批量删除</a-button>
+      </a-space>
       <div class="search-box">
         <a-input-group compact>
           <a-select style="min-width: 100px" v-model="fieldCode">
@@ -54,6 +57,10 @@
           onShowSizeChange: showSizeChange,
         }"
         :data-source="tableData"
+        :row-selection="{
+          selectedRowKeys: selectedRowKeys,
+          onChange: onSelectChange,
+        }"
         :rowKey="(record) => record.id"
       >
         <!-- 序号 -->
@@ -147,6 +154,7 @@ export default {
       previewVisible: false,
       previewData: {}, // 预览信息
       appTemplate: [], // 字段模板列表
+      selectedRowKeys: [],
     };
   },
   computed: {
@@ -267,6 +275,19 @@ export default {
       this.$refs.AddData.onEdit(row);
       this.AddVisible = true;
     },
+    // 选择
+    onSelectChange(keys) {
+      this.selectedRowKeys = keys;
+    },
+    // 批量删除
+    handleDelAll() {
+      if (!this.selectedRowKeys.length) {
+        this.$message.warn("请先勾选数据");
+        return;
+      }
+      let ids = this.selectedRowKeys.join(",");
+      this.handleDel(ids);
+    },
     // 删除
     handleDel(id) {
       let _this = this;
@@ -284,6 +305,7 @@ export default {
           let { code, msg } = res.data;
           if (code === 1) {
             _this.$message.success(msg);
+            _this.selectedRowKeys = [];
             _this.getDatasetList();
           }
         },

base-manager-ui/admin/src/pages/basicset/appmarket/components/FieldConfig.vue

@@ -2,7 +2,10 @@
   <div class="field-config">
     <!-- 头部 -->
     <div class="header flex aic jcb mb20 pdr6">
-      <a-button type="primary" @click="handleAdd">新增字段</a-button>
+      <a-space>
+        <a-button type="primary" @click="handleAdd">新增字段</a-button>
+        <a-button type="danger" @click="handleDelAll">批量删除</a-button>
+      </a-space>
       <a-input-search
         style="width: 300px"
         placeholder="请输入字段名称搜索"
@@ -31,6 +34,10 @@
           onShowSizeChange: showSizeChange,
         }"
         :data-source="tableData"
+        :row-selection="{
+          selectedRowKeys: selectedRowKeys,
+          onChange: onSelectChange,
+        }"
         :rowKey="(record) => record.id"
       >
         <!-- 序号 -->
@@ -131,6 +138,7 @@ export default {
       tableData: [],
       fieldVisible: false,
       title: "",
+      selectedRowKeys: [],
     };
   },
   created() {
@@ -187,6 +195,19 @@ export default {
       this.$refs.AddField.onEdit(row);
       this.fieldVisible = true;
     },
+    // 选择
+    onSelectChange(keys) {
+      this.selectedRowKeys = keys;
+    },
+    // 批量删除
+    handleDelAll() {
+      if (!this.selectedRowKeys.length) {
+        this.$message.warn("请先勾选数据");
+        return;
+      }
+      let ids = this.selectedRowKeys.join(",");
+      this.handleDel(ids);
+    },
     // 删除
     handleDel(id) {
       let _this = this;
@@ -204,6 +225,7 @@ export default {
           let { code, msg } = res.data;
           if (code === 1) {
             _this.$message.success(msg);
+            _this.selectedRowKeys = [];
             _this.getTempleteList();
           }
         },

base-manager-ui/admin/src/pages/basicset/appmarket/modal/AddField.vue

@@ -153,7 +153,7 @@
 </template>
 
 <script>
-import { saveTemplete } from "@/services/market";
+import { saveTemplete, getTempleteList } from "@/services/market";
 import { changeCodeNumber } from "@/utils/validate";
 const fieldTypeItem = [
   {
@@ -265,6 +265,7 @@ export default {
         serviceApiParams: "", // 动态数据参数配置
         remark: "", //
       },
+      templeteList: [], // 字段列表
       rules: {
         fieldCode: [
           { required: true, validator: changeCodeNumber, trigger: "blur" },
@@ -306,9 +307,26 @@ export default {
     },
   },
   methods: {
+    // 获取数据模板
+    async getTempleteList() {
+      let res = await getTempleteList({
+        page: 1,
+        size: -1,
+        appId: this.$route.query.id,
+      });
+      if (res.data.code === 1) {
+        let { data } = res.data.data;
+        this.templeteList = data;
+      }
+    },
     handleOk() {
       this.$refs.form.validate(async (valid) => {
         if (valid) {
+          let bol = this.templeteList.some((v) => v.fieldType == "table");
+          if (bol) {
+            this.$message.warn("只能存在一个表格");
+            return;
+          }
           let fieldTypeObj = {};
           let apiParamsObj = {};
           this.fieldType.forEach((v) => {
@@ -356,6 +374,7 @@ export default {
       Object.assign(this.form, this.$options.data().form);
       this.form.appId = this.$route.query.id;
       this.form.id && this.$delete(this.form, "id");
+      this.getTempleteList();
     },
     // 编辑
     onEdit(data) {
@@ -392,6 +411,7 @@ export default {
         ];
       }
       this.form = { ...data };
+      this.getTempleteList();
     },
     // 添加数据配置行数
     insertion(index, type) {