9/20

src/views/system/warehouse/PurchaseIn/Main.vue

@@ -2,7 +2,7 @@
   <div class="h-full flex flex-col p-2">
     <pageHeader></pageHeader>
     <div class="mainbody">
-      <div class="actionsbox">
+      <div class="actionsBox">
         <el-button icon="Printer" type="primary" @click="handlePrint">打印</el-button>
         <el-button @click="cancelForm">返回</el-button>
       </div>
@@ -13,16 +13,16 @@
         <table border>
           <tbody>
             <tr>
-              <td style="width: 90px">序号</td>
-              <td>物资名称</td>
-              <td>品牌</td>
-              <td>规格型号</td>
-              <td style="width: 80px">单位</td>
-              <td>供应商</td>
-              <td style="width: 80px">数量</td>
-              <td style="width: 80px">单价</td>
-              <td>合计</td>
-              <td>备注</td>
+              <td style="width: 85px">序号</td>
+              <td style="min-width: 75px">物资名称</td>
+              <td style="width: 75px">品牌</td>
+              <td style="width: 85px">规格型号</td>
+              <td style="width: 65px">单位</td>
+              <td style="min-width: 100px">供应商</td>
+              <td style="width: 65px">数量</td>
+              <td style="width: 65px">单价</td>
+              <td style="width: 65px">合计</td>
+              <td style="min-width: 200px; line-height: normal">备注</td>
             </tr>
             <tr v-for="(item, index) in form.items" :key="index">
               <td>{{ index + 1 }}</td>
@@ -30,7 +30,9 @@
               <td>{{ item.brand }}</td>
               <td>{{ item.model }}</td>
               <td>{{ item.unit }}</td>
-              <td>{{ form.supplierName }}</td>
+              <td>
+                {{ form.supplierName }}
+              </td>
               <td>{{ item.inNum }}</td>
               <td>{{ item.costPrice }}</td>
               <td>{{ item.totalPrice }}</td>
@@ -117,11 +119,12 @@ const cancelForm = () => {
   background-color: #fff;
   margin-top: 20px;
   border-radius: 5px;
-  .actionsbox {
+  .actionsBox {
     text-align: right;
     margin-bottom: 10px;
   }
   .formBody {
+    font-size: 15px;
     .navtitle {
       text-align: center;
       height: 41px;
@@ -146,15 +149,15 @@ const cancelForm = () => {
         td {
           border: 1px solid #dddddd; /* 现代浅灰色边框 */
           height: 50px;
-          line-height: 45px;
+          line-height: normal;
           background-color: rgba(255, 255, 255, 1);
-          font-size: 1rem;
+          font-size: 14px;
           text-align: center;
           font-weight: 450;
         }
 
         &.footertr td {
-          height: 90px;
+          height: 60px;
         }
       }
     }
@@ -164,7 +167,7 @@ const cancelForm = () => {
       grid-template-columns: repeat(3, 1fr);
       width: 100%;
       gap: 30px;
-      margin: 30px auto 0;
+      margin: 20px auto 0;
     }
     .formark {
       font-size: smaller;