fix(form/base): fix form base validate (#48)

* fix(form/base): fix form base validate

* chore(form/base): optimize form/base dom

* chore(form/base): remove console

package.json

@@ -21,7 +21,7 @@
     "nprogress": "^0.2.0",
     "qrcode.vue": "^3.2.2",
     "tdesign-icons-vue-next": "^0.0.6",
-    "tdesign-vue-next": "0.6.4",
+    "tdesign-vue-next": "0.7.0-alpha.0",
     "tvision-color": "^1.3.1",
     "vue": "^3.1.5",
     "vue-color-kit": "^1.0.5",

src/pages/form/base/index.vue

@@ -1,9 +1,4 @@
 <template>
-  <div>
-    <div class="form-basic-container">
-      <div class="form-basic-item">
-        <div class="form-basic-container-title">合同信息</div>
-        <!-- 表单内容 -->
   <t-form
     ref="form"
     class="base-form"
@@ -14,6 +9,11 @@
     @reset="onReset"
     @submit="onSubmit"
   >
+    <div class="form-basic-container">
+      <div class="form-basic-item">
+        <div class="form-basic-container-title">合同信息</div>
+        <!-- 表单内容 -->
+
         <!-- 合同名称,合同类型 -->
         <t-row class="row-gap" :gutter="[16, 24]">
           <t-col :span="6">
@@ -58,12 +58,7 @@
                 placeholder="请选择类型"
                 clearable
               >
-                  <t-option
-                    v-for="(item, index) in PARTY_A_OPTIONS"
-                    :key="index"
-                    :value="item.value"
-                    :label="item.label"
-                  >
+                <t-option v-for="(item, index) in PARTY_A_OPTIONS" :key="index" :value="item.value" :label="item.label">
                   {{ item.label }}
                 </t-option>
               </t-select>
@@ -78,12 +73,7 @@
                 class="demo-select-base"
                 clearable
               >
-                  <t-option
-                    v-for="(item, index) in PARTY_B_OPTIONS"
-                    :key="index"
-                    :value="item.value"
-                    :label="item.label"
-                  >
+                <t-option v-for="(item, index) in PARTY_B_OPTIONS" :key="index" :value="item.value" :label="item.label">
                   {{ item.label }}
                 </t-option>
               </t-select>
@@ -138,19 +128,9 @@
             </t-form-item>
           </t-col>
         </t-row>
-        </t-form>
 
         <div class="form-basic-container-title form-title-gap">其它信息</div>
-        <t-form
-          ref="form"
-          class="base-form"
-          :data="formData"
-          :rules="FORM_RULES"
-          label-align="top"
-          :label-width="100"
-          @reset="onReset"
-          @submit="onSubmit"
-        >
+
         <t-form-item label="备注" name="comment">
           <t-textarea v-model="formData.comment" :height="124" placeholder="请输入备注" />
         </t-form-item>
@@ -161,7 +141,6 @@
             <t-avatar>+</t-avatar>
           </t-avatar-group>
         </t-form-item>
-        </t-form>
       </div>
     </div>
 
@@ -173,7 +152,7 @@
         </div>
       </div>
     </div>
-  </div>
+  </t-form>
 </template>
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
@@ -184,7 +163,6 @@ export default defineComponent({
   name: 'FormBase',
   setup() {
     const formData = ref({ ...INITIAL_DATA });
-
     return {
       TYPE_OPTIONS,
       PARTY_A_OPTIONS,