拖拽表单绑定自定义表格

ruoyi-ui/src/components/updateModule/k-form-design/packages/components/KFormDesign/index.vue

@@ -274,6 +274,7 @@ export default {
   },
   methods: {
     generateKey(list, index) {
+      console.log('generateKey');
       // 生成key值
       const key = list[index].type + "_" + new Date().getTime();
       this.$set(list, index, {

ruoyi-ui/src/components/updateModule/k-form-design/packages/components/KFormDesign/module/formItemProperties.vue

@@ -695,12 +695,12 @@ export default {
     isDefined(value) {
       return typeof value !== "undefined";
     },
-    getFormList(){
+    getFormList() {
+      console.log(this.selectItem);
       let par = {
         ... this.$store.state.user.dataSource
       }
       getFormName(par).then(res=>{
-        console.log(res.data)
         this.formList.formName = res.data
       });
     },

ruoyi-ui/src/components/updateModule/k-form-design/packages/components/KFormDesign/module/formProperties.vue

@@ -21,6 +21,19 @@
         >
           <InputNumber v-model="config.labelWidth" />
         </a-form-item>
+        <!-- 拖拽表格 -->
+        <a-form-item
+          label="关联的自定义表格"
+        >
+          <el-select v-model="config.tdId" placeholder="请选择">
+            <el-option
+              v-for="item in tableList"
+              :key="item.tId"
+              :label="item.dtName"
+              :value="item.tId">
+            </el-option>
+          </el-select>
+        </a-form-item>
         <a-form-item label="labelCol" v-show="config.labelLayout !== 'flex'">
           <div class="change-col-box">
             <Slider
@@ -108,21 +121,29 @@
  */
 import kCheckbox from "../../KCheckbox/index.vue";
 import { pluginManager } from "../../../utils/index";
+import {dragTableList} from '@/api/dragform/tableList.js'
 const InputNumber = pluginManager.getComponent("number").component;
 const Radio = pluginManager.getComponent("radio").component;
 const RadioButton = pluginManager.getComponent("radioButton").component;
 const Textarea = pluginManager.getComponent("textarea").component;
 const Slider = pluginManager.getComponent("aSlider").component;
+const Select=pluginManager.getComponent("select").component
 
 export default {
   name: "formProperties",
+  data() {
+    return {
+      tableList:[],
+    }
+  },
   components: {
     kCheckbox,
     InputNumber,
     Radio,
     RadioButton,
     Textarea,
-    Slider
+    Slider,
+    Select
   },
   props: {
     config: {
@@ -141,6 +162,15 @@ export default {
       this.config.wrapperCol.xs = this.config.wrapperCol.sm = this.config.wrapperCol.md = this.config.wrapperCol.lg = this.config.wrapperCol.xl = this.config.wrapperCol.xxl =
         24 - e;
     }
+  },
+  async created () {
+    let res = await dragTableList()
+    if (res.code == 200) {
+      this.tableList=res.data
+    } else {
+      this.$message.error("请选择数据表");
+      this.$message.error(res.msg)
+    }
   }
 };
 </script>