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

src/views/approve/Appro/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" >
           <a-row>
             <a-col :span="8">
               <a-form-item label="编号" name="code">
@@ -81,10 +81,10 @@
               </a-form-item>
             </a-col>
           </a-row>
-        </a-card>
-        <a-card title="附件信息" :bordered="false" >
+        </Card>
+        <Card title="附件信息" :bordered="false" >
           <UploadList :disabled="isDisable" :list="dataFile" :value="formState.filePath" :tableName="tableName" :columnName="columnName" @change="uploadListChange"/>
-        </a-card>
+        </Card>
       </a-form>
     </div>
     <deptUserModal @register="register" @success="handleSuccess"/>
@@ -93,6 +93,7 @@
 </template>
 
 <script lang="ts" setup>
+    import { Card } from 'ant-design-vue';
     import { useRouter } from 'vue-router';
     import { FromPageType, RecordType } from '/@/enums/workflowEnum';
     import { ref, computed, onMounted, onBeforeMount, nextTick, defineAsyncComponent, reactive, defineComponent, watch} from 'vue';