修改边距

src/components/dataAsync/AsyncMainList0731.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-2">
+  <div>
     <!--引用表格-->
     <BasicTable @register="registerTable" class="darkened-table">
       <!--插槽:table标题-->

src/views/synchronization/directive/serviceDirective/DirectiveChooseCom.vue

@@ -76,10 +76,10 @@
         </a-row>
       </a-form>
     </div>
-    <a-row :gutter="24" style="padding-left: 20px;padding-right: 20px;">
+    <a-row :gutter="24">
-      <a-col :lg="12" :sm="24">
+      <a-col :lg="12" :sm="24" style="padding: 0;">
         <!-- 引用表格 -->
-        <a-tag color="blue" style="margin-left: 10px;margin-top: 10px;">源平台 - {{ sourceOrgInfo.departName }}</a-tag>
+        <a-tag color="blue">源平台 - {{ sourceOrgInfo.departName }}</a-tag>
         <a-divider type="vertical" style="background-color: #CDCDCF;margin-left:5px;margin-right:10px;" />
         <a-radio-group v-model:value="sourceType" size="small" @change="sourceTypeChanged">
           <a-radio-button value="all">全部</a-radio-button>
@@ -87,7 +87,7 @@
         </a-radio-group>
         <a-divider type="vertical" style="background-color: #CDCDCF;margin-left:10px;margin-right:10px;" />
         <a-button type="primary" @click="selectAll" size="small">一键全选</a-button>
-        <BasicTable @register="registerTable" :dataSource="leftList" size="small" :rowClassName="rowClassName"
+        <BasicTable @register="registerTable" :dataSource="leftList" size="small" :rowClassName="rowClassName" style="padding-left:0;"
           :columns="targetChooseType == 'one' ? sourceColumns : targetSourceColumns" :scroll="{ y: '57vh' }">
           <template #tableTitle></template>
           <template v-slot:bodyCell="{ column, record, index, text }">
@@ -114,8 +114,8 @@
           </template>
         </BasicTable>
       </a-col>
-      <a-col :lg="12" :sm="24">
+      <a-col :lg="12" :sm="24" style="padding:0px;">
-        <a-tag v-if="targetChooseType == 'one'" color="green" style="margin-left: 10px;margin-top: 10px;">
+        <a-tag v-if="targetChooseType == 'one'" color="green">
           目标平台 - {{ targetOrgs[0]?.departName }} - 已选择 {{ rightNeedAddList.length }} 条
         </a-tag>
         <a-tag v-else color="green" style="margin-left: 10px;margin-top: 10px;">
@@ -131,7 +131,7 @@
         <a-button type="primary" @click="removeAll" size="small">全部移除</a-button>
         <!-- <a-divider type="vertical" style="background-color: #CDCDCF" />
         <a-button type="warning" @click="syncFunc" size="small">同步</a-button> -->
-        <BasicTable bordered
+        <BasicTable bordered  style="padding-left:0;"
           :dataSource="targetChooseType == 'one' ? (targetType == 'needsync' ? rightNeedAddList : rightSourceList) : rightNeedAddList"
           :columns="targetChooseType == 'one' ? (targetType == 'needsync' ? targetColumns : targetSourceColumns) : targetSourceColumns"
           size="small" :scroll="{ y: '57vh' }" 

src/views/synchronization/directive/syncStep/SyncStepList.vue

@@ -319,7 +319,7 @@ onMounted(async () => {
 
 .container2 {
   display: flex;
-  margin: 1%;
+  margin: 14px;
   max-height: 85vh;
 }
 
@@ -327,7 +327,7 @@ onMounted(async () => {
   display: flex;
   flex-direction: column;
   width: 18%;
-  margin-right: 1%;
+  margin-right: 14px;
 }
 
 .source-platform {
@@ -367,12 +367,11 @@ onMounted(async () => {
 
 .left .top {
   flex: 0 0 28%;
-  margin-bottom: 1%;
+  margin-bottom: 14px;
 }
 
 .left .bottom {
   flex: 1;
-  margin-bottom: 1%;
 }
 
 .right {

src/views/synchronization/eldertag/syncList.vue

@@ -47,15 +47,15 @@
       </template>
     </a-drawer>
     <a-drawer title="日志" width="85vw" v-model:visible="logsVisible"
-      :bodyStyle="{ height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
+      :bodyStyle="{ height: '70vh', display: 'flex', flexDirection: 'column',padding:'14px', overflow: 'auto' }"
       wrapClassName="org-list-modal" @cancel="handleCancelLogs">
       <a-row style="overflow-x: hidden !important; background-color: white;">
-        <a-col :span="2" :push="22" style="margin-top: 18px;margin-left: 30px;">
+        <a-col :span="2" :push="22" style="margin-top: 18px;text-align: right;">
-          <a-button type="primary" @click="handleRefreshLogs" title="刷新">
+          <a-button type="primary" @click="handleRefreshLogs" title="刷新" style="margin-right: 14px;">
             刷新
           </a-button>
         </a-col>
-        <a-col :span="24">
+        <a-col :span="24" style="padding: 0px;">
           <AsyncListComponent ref="logsRef" :type="'elderTag'"></AsyncListComponent>
         </a-col>
       </a-row>
@@ -65,7 +65,7 @@
     </a-drawer>
     <!-- 标准指令库 -->
     <a-drawer v-model:visible="elderTagMainVisible" title="标准标签库" width="85vw" :footer-style="{ textAlign: 'right' }"
-      :bodyStyle="{ height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
+      :bodyStyle="{ height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' ,padding: '14px 0 0 14px' }"
       wrapClassName="org-list-modal" @cancel="handleCancelelderTagMain">
       <template #footer>
         <a-button @click="handleCancelelderTagMain" type="primary" style="margin-right: 10px;">关闭</a-button>

src/views/synchronization/eldertag/syncStep/ElderTagChooseCom.vue

@@ -30,10 +30,10 @@
         </a-row>
       </a-form>
     </div>
-    <a-row :gutter="24" style="padding-left: 20px;padding-right: 20px;">
+    <a-row :gutter="24" >
-      <a-col :lg="12" :sm="24">
+      <a-col :lg="12" :sm="24" style="padding: 0;">
         <!-- 引用表格 -->
-        <a-tag color="blue" style="margin-left: 10px;margin-top: 10px;">源平台 - {{ sourceOrgInfo.departName }}</a-tag>
+        <a-tag color="blue" >源平台 - {{ sourceOrgInfo.departName }}</a-tag>
         <a-divider type="vertical" style="background-color: #CDCDCF;margin-left:5px;margin-right:10px;" />
         <a-radio-group v-model:value="sourceType" size="small" @change="sourceTypeChanged">
           <a-radio-button value="all">全部</a-radio-button>
@@ -41,7 +41,7 @@
         </a-radio-group>
         <a-divider type="vertical" style="background-color: #CDCDCF;margin-left:10px;margin-right:10px;" />
         <a-button type="primary" @click="selectAll" size="small">一键全选</a-button>
-        <BasicTable @register="registerTable" :dataSource="leftList" size="small" :rowClassName="rowClassName"
+        <BasicTable @register="registerTable" :dataSource="leftList" style="padding:4px 0;" size="small" :rowClassName="rowClassName"
           :columns="targetChooseType == 'one' ? sourceColumns : targetSourceColumns" :scroll="{ y: '57vh' }">
           <template #tableTitle></template>
           <template v-slot:bodyCell="{ column, record, index, text }">
@@ -68,8 +68,8 @@
           </template>
         </BasicTable>
       </a-col>
-      <a-col :lg="12" :sm="24">
+      <a-col :lg="12" :sm="24" style="padding-right: 0;">
-        <a-tag v-if="targetChooseType == 'one'" color="green" style="margin-left: 10px;margin-top: 10px;">
+        <a-tag v-if="targetChooseType == 'one'" color="green">
           目标平台 - {{ targetOrgs[0]?.departName }} - 已选择 {{ rightNeedAddList.length }} 条
         </a-tag>
         <a-tag v-else color="green" style="margin-left: 10px;margin-top: 10px;">
@@ -86,7 +86,7 @@
         <a-button type="primary" @click="removeAll" size="small">全部移除</a-button>
         <!-- <a-divider type="vertical" style="background-color: #CDCDCF" />
         <a-button type="warning" @click="syncFunc" size="small">同步</a-button> -->
-        <BasicTable bordered
+        <BasicTable bordered  style="padding:4px 0;" 
           :dataSource="targetChooseType == 'one' ? (targetType == 'needsync' ? rightNeedAddList : rightSourceList) : rightNeedAddList"
           :columns="targetChooseType == 'one' ? (targetType == 'needsync' ? targetColumns : targetSourceColumns) : targetSourceColumns"
           size="small" :scroll="{ y: '57vh' }"

src/views/synchronization/eldertag/syncStep/SyncStepList.vue

@@ -319,7 +319,7 @@ onMounted(async () => {
 
 .container2 {
   display: flex;
-  margin: 1%;
+  margin: 14px;
   max-height: 85vh;
 }
 
@@ -327,7 +327,7 @@ onMounted(async () => {
   display: flex;
   flex-direction: column;
   width: 18%;
-  margin-right: 1%;
+  margin-right: 14px;
 }
 
 .source-platform {
@@ -367,12 +367,11 @@ onMounted(async () => {
 
 .left .top {
   flex: 0 0 28%;
-  margin-bottom: 1%;
+  margin-bottom: 14px;
 }
 
 .left .bottom {
   flex: 1;
-  margin-bottom: 1%;
 }
 
 .right {