出入库明细单打印，调整canvas重绘宽度比例

zuozhengqing

2023-12-01 509016c3a2ec5a50fe140c136ed68e13e63282a2

 src/views/overview/AddOverviewDialog.vue

@@ -288,10 +288,17 @@
            </div>
            <!-- 物流信息 -->
            <div v-if="activeName==='two'&&this.workType===2">
              <el-form label-position="left" label-width="80px" :model="shipmentsInfo">
              <el-form 
                label-position="right"  
                :model="shipmentsInfo" 
                label-width="120px"
                size="mini"
                style="margin-top: 20px;"
              >
                <el-col :span="12">
                  <el-form-item label="承运商" style="width: 80%;" >
                    <el-select :disabled="!showFooter" v-model="editConfig.infomation.logisticCompanyId" placeholder="请选择" style="width: 100%;">
                  <el-form-item label="承运商" >
                    <el-select 
                    size="mini"  :disabled="!showFooter" v-model="editConfig.infomation.logisticCompanyId" placeholder="请选择" style="width: 90%;">
                      <el-option
                        v-for="item in shipmentsInfo.carrier"
                        :key="item.id"
@@ -302,33 +309,33 @@
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="运单号" style="width: 80%;">
                    <el-input :disabled="!showFooter" v-model="editConfig.infomation.waybillNumber"></el-input>
                  <el-form-item label="运单号" >
                    <el-input style="width: 90%;" :disabled="!showFooter" v-model="editConfig.infomation.waybillNumber"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="收货人" style="width: 80%;">
                    <el-input :disabled="!showFooter" v-model="editConfig.infomation.receiverName"></el-input>
                  <el-form-item label="收货人">
                    <el-input style="width: 90%;" :disabled="!showFooter" v-model="editConfig.infomation.receiverName"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="联系电话" style="width: 80%;">
                    <el-input :disabled="!showFooter" v-model="editConfig.infomation.receiverPhone"></el-input>
                  <el-form-item label="联系电话">
                    <el-input style="width: 90%;" :disabled="!showFooter" v-model="editConfig.infomation.receiverPhone"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="收货地址" style="width: 80%;">
                    <el-input :disabled="!showFooter" v-model="editConfig.infomation.receiverAddr"></el-input>
                  <el-form-item label="收货地址">
                    <el-input style="width: 90%;" :disabled="!showFooter" v-model="editConfig.infomation.receiverAddr"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="重量" style="width: 80%;">
                    <el-input :disabled="!showFooter" v-model="editConfig.infomation.weight"></el-input>
                  <el-form-item label="重量">
                    <el-input style="width: 90%;" :disabled="!showFooter" v-model="editConfig.infomation.weight"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="物流重量" style="width: 80%;">
                    <el-input :disabled="!showFooter" v-model="editConfig.infomation.logisticWeight"></el-input>
                  <el-form-item label="物流重量">
                    <el-input  style="width: 90%;" :disabled="!showFooter" v-model="editConfig.infomation.logisticWeight"></el-input>
                  </el-form-item>
                </el-col>
              </el-form>
@@ -895,11 +902,19 @@
      await printReceipts(this.editCommonConfig.infomation.id).then((res) => {
        console.log(res)
        if (res.code === 200) {
          this.$message.success("打印成功")
          const link = document.createElement('a');
          link.href = res.data;
          link.download = '出库单.xlsx';
          link.click();
          // this.$message.success("打印成功")
          // const link = document.createElement('a');
          // link.href = res.data;
          // link.download = '出库单.xlsx';
          // link.click();
          this.$router.push({
            name:"previewExcel",
            params:{
              url:res.data,
              baseOperationType:this.editConfig.infomation.baseOperationType||undefined,
              cutAfterWidth:this.editConfig.infomation.baseOperationType===2 ? 50.8 : 53.3
            }
          })
        }
      })
    }