修改样式

src/views/warehouseBusiness/inStock/index.vue

@@ -741,9 +741,10 @@
         </div>
       </el-form>
 
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>入库明细</h3>
-        <el-button type="primary" :disabled="browseStatus" @click.prevent="addRelevant()"
+      <div class="dialogTableTitle flex a-center jlr" style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+        
+        <div>
+          <el-button type="primary" :disabled="browseStatus" @click.prevent="addRelevant()"
           >新行
         </el-button>
         <el-button :disabled="dataListSelection.length <= 0" @click.prevent="creditClick()"
@@ -753,8 +754,9 @@
           >删除
         </el-button> -->
         <el-button :disabled="browseStatus" type="primary" @click="submitForm(2)">保 存</el-button>
-               <!--点击展开-->
-        <el-button style="margin-left:19%;"
+        </div>
+        <div>
+          <el-button
           @click="
             detailsHidden ? (detailsHidden = false) : (detailsHidden = true)
           "
@@ -780,6 +782,8 @@
         </el-button>
         <el-button :disabled="browseStatus" type="primary" @click="submitForm(2)">保 存</el-button>
         <el-button :disabled="browseStatus" style="background-color: #008000;color:#fff" @click="submitForm(6)">请核</el-button>
+        </div>
+        <div style="font-size:18px">入库明细</div>
       </div>
       <el-table
         :data="dataList"
@@ -1133,11 +1137,13 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>附件明细</h3>
-        <el-button type="primary" :disabled="browseStatus" @click.prevent="addRelevt()"
+      <div class="dialogTableTitle flex a-center jlr" style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+        <div>
+          <el-button type="primary" :disabled="browseStatus" @click.prevent="addRelevt()"
           >新行
         </el-button>
+        </div>
+         <div>附件明细</div>
       </div>
       <el-table
         :data="relevantAttachments"
@@ -1228,9 +1234,9 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>收款信息</h3>
-        <el-button type="primary" :disabled="browseStatus" @click.prevent="addCollection()"
+      <div class="dialogTableTitle flex a-center jlr" style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+        <div>
+           <el-button type="primary" :disabled="browseStatus" @click.prevent="addCollection()"
           >新行
         </el-button>
         <!-- <el-button :disabled="browseStatus" @click.prevent="deleteRow(warehouseDrList)"
@@ -1239,6 +1245,8 @@
         <el-button type="primary" @click="submitForm(2)">保 存</el-button>
         <!-- <el-button @click.prevent="addAgreement()" type="warning">仓储费协议</el-button> -->
         <el-button @click.prevent="addAgreement()" type="danger">作业费协议</el-button>
+        </div>
+        <div style="font-size:18px">收款信息</div>
       </div>
       <el-table
         :data="warehouseDrList"
@@ -1460,9 +1468,8 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>付款信息</h3>
-        <el-button type="primary"  :disabled="browseStatus" @click.prevent="addpayment()"
+      <div class="dialogTableTitle flex a-center jlr" style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+        <div>      <el-button type="primary"  :disabled="browseStatus" @click.prevent="addpayment()"
           >新行
         </el-button>
         <!-- <el-button :disabled="browseStatus" @click.prevent="deleteRow(warehouseCrList)"
@@ -1470,7 +1477,9 @@
         </el-button> -->
         <el-button type="primary" @click="submitForm(2)">保 存</el-button>
         <!-- <el-button type="warning">仓储费协议</el-button> -->
-        <el-button type="danger">作业费协议</el-button>
+        <el-button type="danger">作业费协议</el-button></div>
+        <div style="font-size:18px">付款信息</div>
+  
       </div>
       <el-table
         :data="warehouseCrList"

src/views/warehouseBusiness/outStock/index.vue

@@ -746,9 +746,10 @@
         </div>
       </el-form>
 
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>出库明细</h3>
-        <el-button type="primary" :disabled="browseStatus" @click.prevent="addRelevant()"
+      <div style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+        
+        <div>
+          <el-button type="primary" :disabled="browseStatus" @click.prevent="addRelevant()"
           >新行
         </el-button>
         <el-button
@@ -760,8 +761,9 @@
           >删除
         </el-button> -->
         <el-button type="primary" @click="submitForm(2)">保 存</el-button>
-         <!--点击展开-->
-        <el-button style="margin-left:19%;"
+        </div>
+        <div style="display:flex">
+           <el-button
           @click="
             detailsHidden ? (detailsHidden = false) : (detailsHidden = true)
           "
@@ -778,6 +780,10 @@
           >作业单
         </el-button>
         <el-button style="background-color: #008000;color:#fff" @click="submitForm(6)">请核</el-button>
+        </div>
+        <div style="font-size:18px">出库明细</div>
+         <!--点击展开-->
+       
       </div>
       <el-table
         :data="dataList"
@@ -1082,11 +1088,13 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>附件明细</h3>
-        <el-button :disabled="browseStatus" @click.prevent="addRelevt()"
+      <div class="dialogTableTitle flex a-center jlr" style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+        <div>
+           <el-button :disabled="browseStatus" @click.prevent="addRelevt()"
           >新行
         </el-button>
+        </div>
+       <div style="font-size:18px">附件明细</div>
       </div>
       <el-table
         :data="relevantAttachments"
@@ -1176,8 +1184,8 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>收款信息</h3>
+      <div class="dialogTableTitle flex a-center jlr" style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+        <div>
         <el-button :disabled="browseStatus" @click.prevent="addCollection()"
           >新行
         </el-button>
@@ -1187,6 +1195,8 @@
         <el-button type="primary" @click="submitForm(2)">保 存</el-button>
         <el-button type="warning">仓储费协议</el-button>
         <el-button type="danger">作业费协议</el-button>
+        </div>
+        <div style="font-size:18px;">收款信息</div>
       </div>
       <el-table
         :data="warehouseDrList"
@@ -1413,9 +1423,10 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="dialogTableTitle flex a-center jlr">
-        <h3>付款信息</h3>
-        <el-button :disabled="browseStatus" @click.prevent="addpayment()"
+      <div class="dialogTableTitle flex a-center jlr" style="display:flex;justify-content:space-between;align-items:center;margin: 10px 0;">
+       
+       <div> 
+         <el-button :disabled="browseStatus" @click.prevent="addpayment()"
           >新行
         </el-button>
         <!-- <el-button :disabled="browseStatus" @click.prevent="deleteRow(warehouseDrList)"
@@ -1424,6 +1435,9 @@
         <el-button type="primary" @click="submitForm(2)">保 存</el-button>
         <el-button type="warning">仓储费协议</el-button>
         <el-button type="danger">作业费协议</el-button>
+         </div> 
+         <div style="font-size:18px">付款信息</div>
+       
       </div>
       <el-table
         :data="warehouseCrList"