From a5b7f23be348bdf0a0e61641afc3ef15e6f132db Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期一, 18 三月 2024 10:39:37 +0800
Subject: [PATCH] 表单基本配置

---
 Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue |  143 +++++++++++++++++++++++++++++++----------------
 1 files changed, 95 insertions(+), 48 deletions(-)

diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue
index 7bc8e9e..acae2e5 100644
--- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue
+++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue
@@ -1,7 +1,7 @@
 <template>
   <basic-container>
-    <el-dialog v-if="dialogFormVisible" :visible.sync="dialogFormVisible" :title="title" append-to-body>
-
+    <el-dialog v-if="dialogFormVisible" :title="title" :visible.sync="dialogFormVisible" append-to-body>
+      <avue-form v-model="form" :option="option" @submit="submitHandler" @reset-change="changeHandler"></avue-form>
     </el-dialog>
   </basic-container>
 </template>
@@ -9,45 +9,46 @@
 <script>
 export default {
   name: "dynamic-form",
-  props:{
-    componentVO:{
-      type:Object,
+  props: {
+    componentVO: {
+      type: Object,
       default: {}
     },
     inDialog: {
       type: Boolean,
       default: false
     },
-    areasName:{
-      type:String,
-      default:''
+    areasName: {
+      type: String,
+      default: ''
     },
-    sourceData:{
+    sourceData: {
       //鑿滃崟婧愭暟鎹垨鑰呭脊绐楁椂鎸夐挳鎵�灞炲尯鍩熺殑涓婁竴鍖哄煙閫変腑鏁版嵁
-      type:Object,
+      type: Object,
       default: {}
     },
-    paramVOS:{
-      type:Object,
+    paramVOS: {
+      type: Object,
       default: {}
     },
-    visible:{
+    visible: {
       type: Boolean,
       default: false,
     },
-    title:{
-      type:String
+    title: {
+      type: String
     }
   },
   data() {
     return {
+      form: {},
       formList: [
         {
           comboxKey: null,
           customClass: null,
           data: null,
           dateFormate: null,
-          defaultValue: "",
+          defaultValue: "3-15-test",
           displayExtension: "",
           extendAttrMap: null,
           extendAttrString: null,
@@ -57,10 +58,10 @@
           prefix: null,
           readOnly: false,
           referConfig: null,
-          required: false,
+          required: true,
           selectLibFlag: null,
           showField: null,
-          suffix: null,
+          suffix: '$',
           text: "鍚嶇О",
           tooltips: null,
           type: "text",
@@ -105,7 +106,7 @@
           hidden: false,
           keyAttr: false,
           prefix: null,
-          readOnly: true,
+          readOnly: false,
           referConfig: null,
           required: false,
           selectLibFlag: null,
@@ -115,32 +116,14 @@
           tooltips: null,
           type: "combox",
           unique: false,
-          verify: ""
-        },
-        {
-          comboxKey: null,
-          customClass: null,
-          data: null,
-          dateFormate: null,
-          defaultValue: "",
-          displayExtension: "",
-          extendAttrMap: null,
-          extendAttrString: null,
-          field: "content",
-          hidden: false,
-          keyAttr: false,
-          prefix: null,
-          readOnly: false,
-          referConfig: null,
-          required: false,
-          selectLibFlag: null,
-          showField: null,
-          suffix: null,
-          text: "澶囨敞",
-          tooltips: null,
-          type: "textarea",
-          unique: false,
-          verify: ""
+          verify: "",
+          dicData: [{
+            label: '娴嬭瘯1',
+            value: 'department'
+          }, {
+            label: '娴嬭瘯2',
+            value: 'departments'
+          }]
         },
         {
           comboxKey: null,
@@ -188,14 +171,39 @@
           suffix: null,
           text: "鍒涘缓鏃堕棿",
           tooltips: null,
-          type: "date",
+          type: "datetime",
           unique: false,
           verify: ""
-        }
+        },
+        {
+          comboxKey: null,
+          customClass: null,
+          data: null,
+          dateFormate: null,
+          defaultValue: "",
+          displayExtension: "",
+          extendAttrMap: null,
+          extendAttrString: null,
+          field: "content",
+          hidden: false,
+          keyAttr: false,
+          prefix: null,
+          readOnly: false,
+          referConfig: null,
+          required: false,
+          selectLibFlag: null,
+          showField: null,
+          suffix: null,
+          text: "澶囨敞",
+          tooltips: null,
+          type: "textarea",
+          unique: false,
+          verify: ""
+        },
       ],
     }
   },
-  computed:{
+  computed: {
     dialogFormVisible: {
       get() {
         return this.visible;
@@ -204,6 +212,45 @@
         this.$emit("update:visible", val);
       },
     },
+    option() {
+      return {
+        column: this.formColumn
+      }
+    },
+    formColumn() {
+      return this.formList.map(item => {
+        const typeValue = item.type === 'text' ? 'input' : item.type === 'combox' ? 'select' : item.type;
+
+        return {
+          label: item.text,
+          prop: item.field,
+          type: typeValue,
+          value: item.defaultValue,
+          dicData: item.type === 'combox' ? item.dicData : null,
+          readonly: item.readOnly,
+          disabled: item.disabled,
+          labelSuffix: item.suffix,
+          suffixIcon: item.prefix,
+          rules: [{
+            required: item.required,
+            message: `璇疯緭鍏�${item.text}!`,
+            trigger: "blur"
+          }]
+        }
+      })
+    }
+  },
+  methods:{
+    //琛ㄥ崟鎻愪氦
+    submitHandler(form,done){
+      console.log(form)
+      done()
+    },
+    changeHandler(){
+      this.form = {};
+      // this.clearValidate() 娓呯┖鏍￠獙
+      // this.resetFields()
+    },
   }
 }
 </script>

--
Gitblit v1.9.3