feat: input、textare组件替换

src/views/components/management/enterprise/index.vue

@@ -30,13 +30,14 @@
       </p>
       <Form
         :model="form"
+        :rules="rules"
         class="form"
         :label-col-props="{ span: 6, offset: 0 }"
         :wrapper-col-props="{ span: 18, offset: 0 }"
         label-align="left"
       >
         <FormItem required name="name" label="新企业名称">
-          <a-input v-model.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
+          <Input v-model:value.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
         </FormItem>
       </Form>
     </Modal>
@@ -44,7 +45,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, FormItem, Input } from 'ant-design-vue';
 import Container from '@/components/container.vue';
 import Modal from '@/components/modal.vue';
 import { ref, reactive, computed } from 'vue';
@@ -57,6 +58,16 @@ const form = reactive({
   name: '',
 });
 
+const rules = {
+  name: [
+    {
+      required: true,
+      message: '请输入新企业名称',
+      trigger: ['blur'],
+    },
+  ],
+};
+
 const enterpriseInfo = computed(() => {
   return store.enterpriseInfo ?? {};
 });