huminmin
3 天以前 60dd81a9658a2fc278ec1223ec433e0b02682078
打印样式重构
已修改1个文件
76 ■■■■ 文件已修改
src/views/salesManagement/salesLedger/index.vue 76 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/salesManagement/salesLedger/index.vue
@@ -446,7 +446,7 @@
                        暂无打印数据
                    </div>
                    <div v-else
                        style="text-align: center; padding: 10px; color: #666; font-size: 14px; background: #e8f4fd; margin-bottom: 10px;">
                        style="text-align: center; padding: 10px; color: #666; font-size: 16px; background: #e8f4fd; margin-bottom: 10px;">
                        共 {{ printData.length }} 条数据待打印
                    </div>
                    <div v-for="(item, index) in printData" :key="index" class="print-page">
@@ -503,7 +503,7 @@
                                </div>
                            </div>
                            <span style="font-size: 14px; margin-top: 5px;">货物详细信息:</span>
                            <span style="font-size: 16px; margin-top: 5px;">货物详细信息:</span>
                            <div class="table-section">
                                <table class="product-table">
                                    <thead>
@@ -529,13 +529,13 @@
                                        </tr>
                                        <!-- 添加空白行以确保至少5行 -->
                                        <tr v-for="n in Math.max(0, 5 - (item.products ? item.products.length : 0))" :key="'empty-' + n" style="height: 25px;">
                                            <td style="height: 25px;"></td>
                                            <td style="height: 25px;"></td>
                                            <td style="height: 25px;"></td>
                                            <td style="height: 25px;"></td>
                                            <td style="height: 25px;"></td>
                                            <td style="height: 25px;"></td>
                                            <td style="height: 25px;"></td>
                                            <td style="height: 35px;"></td>
                                            <td style="height: 35px;"></td>
                                            <td style="height: 35px;"></td>
                                            <td style="height: 35px;"></td>
                                            <td style="height: 35px;"></td>
                                            <td style="height: 35px;"></td>
                                            <td style="height: 35px;"></td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
@@ -547,19 +547,17 @@
                                    </tfoot>
                                </table>
                                <div style="width: 40px; display: flex; flex-direction: column; gap: 2px;">
                  <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">共四联</div>
                  <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">存根</div>
                  <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">客户</div>
                  <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">记账</div>
                  <div style="text-align: center;">仓库</div>
                                <div style="width: 80px; display: flex; flex-direction: column;">
                  <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">共四联</div>
                  <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">存根</div>
                  <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">客户</div>
                  <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">记账</div>
                  <div style="height: 35px; text-align: center; display: flex; align-items: center; justify-content: center;">仓库</div>
                                </div>
                            </div>
                            <el-descriptions :column="1">
                                <el-descriptions-item
                                    label="备注:">贵公司在收货后请即刻核实数量及品质,若有异议,请在3日内提出,否则视为收妥。</el-descriptions-item>
                            </el-descriptions>
              <div style="margin: 10px 0;">
                <span>备注: 贵公司在收货后请即刻核实数量及品质,若有异议,请在3日内提出,否则视为收妥。</span>
              </div>
              <div class="footer">
                <div class="info-section">
                  <div class="info-row">
@@ -1552,7 +1550,6 @@
        .print-page {
          width: 241mm;
          height: 75mm;
          padding: 0mm 10mm;
          background: white;
          box-sizing: border-box;
          page-break-after: always;
@@ -1564,7 +1561,7 @@
        .delivery-note {
          width: 100%;
          height: 100%;
          font-size: 12px;
          font-size: 16px;
          line-height: 1.2;
          display: flex;
          flex-direction: column;
@@ -1595,12 +1592,12 @@
        .label {
          font-weight: bold;
          min-width: 60px;
          font-size: 12px;
          font-size: 16px;
        }
        .value {
          margin-right: 20px;
          min-width: 80px;
          font-size: 12px;
          font-size: 16px;
        }
        .table-section {
          margin-bottom: 4px;
@@ -1616,10 +1613,11 @@
          border: 1px solid #000;
          padding: 6px;
          text-align: center;
          font-size: 12px;
          font-size: 16px;
          line-height: 1.4;
        }
        .product-table th {
          font-size: 18px;
          font-weight: bold;
        }
        .total-value {
@@ -1645,12 +1643,12 @@
          .label {
            font-weight: bold;
            min-width: 60px;
            font-size: 12px;
            font-size: 16px;
          }
          .value {
            margin-right: 20px;
            min-width: 80px;
            font-size: 12px;
            font-size: 16px;
          }
        }
        @media print {
@@ -1661,10 +1659,10 @@
          .print-page {
            box-shadow: none;
            margin: 0;
            padding: 10mm;
            padding-left: 20mm;
            padding-right: 30mm;
            page-break-inside: avoid;
            page-break-after: always;
            font-size: 16px;
          }
          .print-page:last-child {
            page-break-after: avoid;
@@ -2162,7 +2160,8 @@
.print-page {
    width: 220mm;
    min-height: 90mm;
  font-size: 16px;
  min-height: 90mm;
    padding: 10mm;
    margin: 0 auto;
    background: white;
@@ -2175,7 +2174,7 @@
    width: 100%;
    height: 100%;
    font-family: "SimSun", serif;
    font-size: 10px;
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
@@ -2208,13 +2207,13 @@
        .label {
            font-weight: bold;
            width: 60px;
            font-size: 14px;
            font-size: 16px;
        }
        .value {
            margin-right: 20px;
            min-width: 80px;
            font-size: 14px;
            font-size: 16px;
        }
    }
}
@@ -2234,11 +2233,12 @@
            border: 1px solid #000;
            padding: 6px;
            text-align: center;
            font-size: 14px;
            font-size: 16px;
            line-height: 1.4;
        }
        th {
      font-size: 18px;
            font-weight: bold;
        }
@@ -2269,12 +2269,12 @@
                font-weight: bold;
                white-space: nowrap;
                margin-right: 10px;
                font-size: 14px;
                font-size: 16px;
            }
            .value {
                min-width: 300px;
                font-size: 14px;
                font-size: 16px;
            }
            &.address-item {
@@ -2300,12 +2300,12 @@
  .label {
    font-weight: bold;
    min-width: 60px;
    font-size: 12px;
    font-size: 16px;
  }
  .value {
    margin-right: 20px;
    min-width: 80px;
    font-size: 12px;
    font-size: 16px;
  }
}