1.流转标签新增60*40尺寸

loulijun2021

2023-03-08 447af08b0fc2fe0050d361746b2449e3d376ee5b

 src/views/scgl/sckbg.vue

@@ -550,6 +550,7 @@
            v-model="dialogForm.eqpcode"
            style="width: 200px;"
            placeholder="请选择"
            filterable
          >
            <el-option
              v-for="item in ZZeqpArr"
@@ -599,11 +600,12 @@
            v-model="dialogForm.reportuser"
            style="width: 200px;"
            placeholder="请选择"
            filterable
          >
            <el-option
              v-for="item in ZZuserArr"
              :key="item.usercode"
              :label="item.username"
              :label="item.username+' / '+item.usercode"
              :value="item.usercode"
            />
          </el-select>
@@ -613,6 +615,7 @@
          <el-select
            v-model="dialogForm.eqpcode"
            style="width: 200px;"
            filterable
            placeholder="请选择"
          >
            <el-option
@@ -638,6 +641,7 @@
            :disabled="parseFloat(dialogForm.noputqty)===0||dialogForm.noputqty.trim()===''"
            multiple
            collapse-tags
            filterable
          >
            <el-option
              v-for="item in badArr"
@@ -655,6 +659,7 @@
            v-model="dialogForm.operation"
            style="width: 200px;"
            placeholder="请选择"
            filterable
          >
            <el-option
              v-for="item in OperationArr"
@@ -931,63 +936,127 @@
      @close="dialogVisible2Close"
    >
      <!-- 要打印的区域 -->
      <div id="printMe2" style="padding: 30px;">
      <div id="printMe2">

        <div
          style="display: flex;width: 280px;height: 150px;border: 1px solid #000;text-align: center;font-size: 10px;"
          style="display: flex;width: 220px;height: 130px;border: 1px solid #000;text-align: center;font-size: 12px"
        >

          <div style="width: 90px;display: flex;flex-direction: column;border-right: 1px solid #000">
          <div style="width: 70px;display: flex;flex-direction: column;border-right: 1px solid #000">
            <div
              style="display: flex;height: 90px;border-bottom:1px solid #000;
              style="display: flex;height: 60%;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:71%;position: absolute;left: 7px;"
              />
            </div>
            <div
              style="display: flex;height: 30px;justify-content: flex-start;border-bottom:1px solid #000;align-items: center"
              style="display: flex;height:  20%;justify-content: flex-start;border-bottom:1px solid #000;align-items: center"
            >
              <div style="margin-left: 5px;width: 28px">数量:</div>
              {{ qrForm.startqty }}
              <div style="margin-left: 3px; ">数量:{{ qrForm.startqty }}</div>
            </div>
            <div style="display: flex;height: 30px;justify-content: flex-start;align-items: center">
              <div style="margin-left: 5px;width: 42px">处理人:</div>
              {{ qrForm.operator }}
            <div style="display: flex;height:  20%;justify-content: flex-start;align-items: center;">
              <div style="margin-left: 3px; ">操作:{{ qrForm.operator }}</div>

            </div>
          </div>

          <div style="width:190px;display: flex;flex-direction: column">
          <div style="width:150px;display: flex;flex-direction: column">
            <div
              style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center;text-align: left"
            >
              <div style="width: 60px;margin-left: 5px;">工单编号:</div>
              <div>{{ qrForm.wo_code }}</div>
              <div style="margin-left: 3px;">编号:{{ qrForm.wo_code }}</div>

            </div>
            <div
              style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center ;text-align: left"
            >
              <div style="width: 60px;margin-left: 5px;">产品编码:</div>
              <div>{{ qrForm.partcode }}</div>
              <div style="margin-left: 3px;">产品编码:{{ qrForm.partcode }}</div>

            </div>
            <div
              style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left"
            >
              <div style="width:60px;margin-left: 5px;">产品名称:</div>
              <div>{{ qrForm.partname }}</div>
              <div style="margin-left: 3px;">产品名称:{{ qrForm.partname }}</div>

            </div>
            <div
              style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left"
            >
              <div style="width:60px;margin-left: 5px;">下道工序:</div>
              <div>{{ qrForm.nextstepname }}</div>
              <div style="margin-left: 3px;">下道工序:{{ qrForm.nextstepname }}</div>

            </div>
            <div style="display: flex;height: 20%;justify-content: flex-start;align-items: center;text-align: left">
              <div style="width: 60px;margin-left: 5px;">处理时间:</div>
              <div>{{ qrForm.operatorTime }}</div>
              <div style=" margin-left: 3px;">时间: {{ qrForm.operatorTime }}</div>
              <!--                <div>{{ qrForm.operatorTime?qrForm.operatorTime.substring(5):'' }}</div>-->
              <!--                <div>{{ qrForm.operatorTime }}</div>-->
            </div>

          </div>

        </div>

        <!--        -->
        <!--        -->
        <!--        <div-->
        <!--          style="display: flex;width: 280px;height: 150px;border: 1px solid #000;text-align: center;font-size: 10px;"-->
        <!--        >-->

        <!--          <div style="width: 90px;display: flex;flex-direction: column;border-right: 1px solid #000">-->
        <!--            <div-->
        <!--              style="display: flex;height: 90px;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>-->
        <!--            <div-->
        <!--              style="display: flex;height: 30px;justify-content: flex-start;border-bottom:1px solid #000;align-items: center"-->
        <!--            >-->
        <!--              <div style="margin-left: 5px;width: 28px">数量:</div>-->
        <!--              {{ qrForm.startqty }}-->
        <!--            </div>-->
        <!--            <div style="display: flex;height: 30px;justify-content: flex-start;align-items: center">-->
        <!--              <div style="margin-left: 5px;width: 42px">处理人:</div>-->
        <!--              {{ qrForm.operator }}-->
        <!--            </div>-->
        <!--          </div>-->

        <!--          <div style="width:190px;display: flex;flex-direction: column">-->
        <!--            <div-->
        <!--              style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center;text-align: left"-->
        <!--            >-->
        <!--              <div style="width: 60px;margin-left: 5px;">工单编号:</div>-->
        <!--              <div>{{ qrForm.wo_code }}</div>-->
        <!--            </div>-->
        <!--            <div-->
        <!--              style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center ;text-align: left"-->
        <!--            >-->
        <!--              <div style="width: 60px;margin-left: 5px;">产品编码:</div>-->
        <!--              <div>{{ qrForm.partcode }}</div>-->
        <!--            </div>-->
        <!--            <div-->
        <!--              style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left"-->
        <!--            >-->
        <!--              <div style="width:60px;margin-left: 5px;">产品名称:</div>-->
        <!--              <div>{{ qrForm.partname }}</div>-->
        <!--            </div>-->
        <!--            <div-->
        <!--              style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left"-->
        <!--            >-->
        <!--              <div style="width:60px;margin-left: 5px;">下道工序:</div>-->
        <!--              <div>{{ qrForm.nextstepname }}</div>-->
        <!--            </div>-->
        <!--            <div style="display: flex;height: 20%;justify-content: flex-start;align-items: center;text-align: left">-->
        <!--              <div style="width: 60px;margin-left: 5px;">处理时间:</div>-->
        <!--              <div>{{ qrForm.operatorTime }}</div>-->
        <!--            </div>-->

        <!--          </div>-->

        <!--        </div>-->
      </div>
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
@@ -1732,7 +1801,7 @@
        this.dialogForm.startqty = obj.noreportqty

        this.dialogForm.nextstepname = obj.nextstepname
        this.dialogForm.nextstepcode = obj.nextstepcode
        this.dialogForm.nextstepcode = obj.nextstepcode ? obj.nextstepcode : obj.stepcode

        this.dialogForm.startqtySum = obj.noreportqty
      })
@@ -1793,7 +1862,7 @@
        this.dialogForm.stepcode = obj.stepcode

        this.dialogForm.nextstepname = obj.nextstepname
        this.dialogForm.nextstepcode = obj.nextstepcode
        this.dialogForm.nextstepcode = obj.nextstepcode ? obj.nextstepcode : obj.stepcode

        this.dialogForm.noputqty = obj.noputqty
        this.dialogForm.stepseq = obj.seq
@@ -2144,9 +2213,9 @@
      new QRCode(this.$refs.qrCodeDiv2, {
        text: text,
        // width: 50,
        width: 60,
        width: 55,
        // height: 50,
        height: 60,
        height: 55,
        colorDark: '#000', // 二维码颜色
        colorLight: '#ffffff', // 二维码背景色
        correctLevel: QRCode.CorrectLevel.L// 容错率，L/M/H