管道气采购销信---表单样式

src/views/supplier/Supplier/components/createForm.vue

@@ -2,7 +2,7 @@
   <a-spin :spinning="spinning" tip="加载中...">
     <div class="page-bg-wrap formViewStyle">
       <a-form ref="formRef" :model="formState" :rules="rules" v-bind="layout">
-        <a-card title="供应商基本信息" :bordered="false" >
+        <Card title="供应商基本信息" :bordered="false" >
           <div>
             <h4>基本信息</h4>
             <a-row>
@@ -132,9 +132,9 @@
               </a-col>
             </a-row>
           </div>
-        </a-card>
+        </Card>
 
-        <a-card :bordered="false" >
+        <Card :bordered="false" >
           <template #title>
             <div style="display: flex; align-items: center;">
               <span style="color: red;">*</span>
@@ -163,8 +163,8 @@
               </template>
             </template>
           </a-table>
-        </a-card>
-        <a-card :bordered="false" >
+        </Card>
+        <Card :bordered="false" >
           <template #title>
             <div style="display: flex; align-items: center;">
               <span style="color: red;">*</span>
@@ -184,8 +184,8 @@
               </template>
             </template>
           </a-table>
-        </a-card>
-        <a-card :bordered="false" >
+        </Card>
+        <Card :bordered="false" >
           <template #title>
             <div style="display: flex; align-items: center;">
               <span style="color: red;">*</span>
@@ -202,8 +202,8 @@
               </template>
             </template>
           </a-table>
-        </a-card>
-        <a-card :bordered="false" >
+        </Card>
+        <Card :bordered="false" >
           <template #title>
             <div style="display: flex; align-items: center;">
               <span style="margin-left: 8px;">附件信息</span>
@@ -211,7 +211,7 @@
             </div>
           </template>
           <UploadList :disabled="isDisable" :list="dataFile" :value="formState.filePath" :tableName="tableName" :columnName="columnName" @change="uploadListChange"/>
-        </a-card>
+        </Card>
       </a-form>
     </div>
   </a-spin>
@@ -222,6 +222,7 @@
 
 <script lang="ts" setup>
     import { useRouter } from 'vue-router';
+    import { Card } from 'ant-design-vue';
     import { FromPageType } from '/@/enums/workflowEnum';
     import { ref, computed, onMounted, onBeforeMount, nextTick, defineAsyncComponent, reactive, defineComponent, watch} from 'vue';
     import { useMessage } from '/@/hooks/web/useMessage';