1.工单打印加上源单单号二维码

loulijun2021

2022-11-15 0b3843a67ca3d1f87d778a484408a13ee63cc08b

 src/views/scgl/gd.vue

@@ -1210,6 +1210,20 @@
            label="备注"
          />
        </el-table>


        <div v-if="formApprove.m_po" style="display: flex;margin-top: 20px;align-content: center;height: 130px;line-height: 130px;">
          <div style="font-size: 18px;font-weight: bolder">源单单号：</div>
          <div id="qrCodeSource" ref="qrCodeSource" style="width: 130px;height: 130px;overflow: hidden"/>
        </div>

        <div v-if="formApprove.m_po" style="margin-top: 10px;">
<!--          <svg-icon icon-class="UP" style="color:#000;margin-left: 130px;font-size: 50px;background-color: #FFFFFF"></svg-icon>-->
          <img src="../../assets/images/UP.png" alt="" style="margin-left: 92px;">
            <div style="font-size: 18px;font-weight: bolder;margin-left: 4px;">根据单号扫码入库，扫描此二维码</div>
        </div>


      </div>
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
@@ -1263,7 +1277,9 @@
                style="display: flex;height: 96px;border-bottom:1px solid #000;
              justify-content: center;align-items: center;position: relative"
              >
                <div id="qrCode2" ref="qrCodeDiv2" style="overflow-y: hidden;height:60px;position: absolute;left: 14px;" />
                <div id="qrCode2" ref="qrCodeDiv2"
                     style="overflow-y: hidden;height:60px;position: absolute;left: 14px;"
                />
              </div>
              <div
                style="display: flex;height: 32px;justify-content: flex-start;border-bottom:1px solid #000;align-items: center"
@@ -1320,7 +1336,9 @@
                style="display: flex;height: 96px;border-bottom:1px solid #000;
              justify-content: center;align-items: center;position: relative"
              >
                <div id="qrCode2" ref="qrCodeDiv2" style="overflow-y: hidden;height:60px;position: absolute;left: 14px;" />
                <div id="qrCode2" ref="qrCodeDiv2"
                     style="overflow-y: hidden;height:60px;position: absolute;left: 14px;"
                />
              </div>
              <div
                style="display: flex;height: 32px;justify-content: flex-start;border-bottom:1px solid #000;align-items: center"
@@ -1377,7 +1395,9 @@
                style="display: flex;height: 60px;border-bottom:1px solid #000;
              justify-content: center;align-items: center;position: relative"
              >
                <div id="qrCode2" ref="qrCodeDiv2" style="overflow-y: hidden;height:60px;position: absolute;left: 14px;" />
                <div id="qrCode2" ref="qrCodeDiv2"
                     style="overflow-y: hidden;height:60px;position: absolute;left: 14px;"
                />
              </div>
              <div
                style="display: flex;height: 20px;justify-content: flex-start;border-bottom:1px solid #000;align-items: center"
@@ -1990,9 +2010,8 @@
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        console.log(row, 1)
        const data = {
          souceid: row.sourceid,
          souceid: row.sourceid ? row.sourceid : '',
          wocode: row.wo_code,
          m_po: row.m_po,
          orderqty: row.plan_qty
@@ -2203,6 +2222,7 @@
            res3.forEach(i => {
              this.bindQRCode(i.seq, i.stepqrcode, 'small')
            })
            this.bindQRCodeSource(this.formApprove.m_po)
            // this.bindQRCode('0', this.formApprove.mesordercode, 'big')

            const div = document.getElementById('qrCode')
@@ -2264,6 +2284,18 @@
          correctLevel: QRCode.CorrectLevel.L// 容错率，L/M/H
        })
      }
    },
    //生成源单单号二维码
    bindQRCodeSource(text){
      new QRCode(this.$refs['qrCodeSource'], {
        text: text,
        width: 130 ,
        height: 130 ,
        // colorDark: '#333333', // 二维码颜色
        colorDark: '#000', // 二维码颜色
        colorLight: '#ffffff', // 二维码背景色
        correctLevel: QRCode.CorrectLevel.L// 容错率，L/M/H
      })
    },

    dialogVisibleConfirmClose() {
@@ -2853,10 +2885,12 @@
  align-items: center;
  justify-content: center;
}

.tableFixed{
  ::v-deep .el-table__fixed-right{
    height: 100% !important;
  }

  ::v-deep .el-table__fixed{
    height: 100% !important;
  }