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

src/views/contract/ContractFact/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="kNo">
@@ -197,8 +197,8 @@
               </a-form-item>
             </a-col>
           </a-row>
-        </a-card>
-        <a-card title="相对方信息" :bordered="false" >
+        </Card>
+        <Card title="相对方信息" :bordered="false" >
           <div style="width: 100%">
              <a-button type="primary" style="margin-bottom: 10px" @click="addUser" v-if="!isDisable">新增行</a-button>
             <a-table style="width: 100%" :columns="columns" :data-source="dataList" :pagination="false" :scroll="{x: 1000}">
@@ -210,11 +210,11 @@
               </template>
             </a-table>
           </div>
-        </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>
-        <a-card title="签报列表" :bordered="false" >
+        </Card>
+        <Card title="签报列表" :bordered="false" >
           <a-button type="primary" style="margin-bottom: 10px"  v-if="!isDisable" @click="onAppro">关联签报</a-button>
           <a-table :columns="columnsAppro" :data-source="dataListAppro" :pagination="false">
             <template #bodyCell="{ column, record, index }">
@@ -229,7 +229,7 @@
               </template>
             </template>
           </a-table>
-        </a-card>
+        </Card>
       </a-form>
     </div>
     <deptUserModal @register="register" @success="handleSuccess"/>
@@ -240,6 +240,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';