1.新增日期选择控制2.对话框弹出控制

loulijun2021

2022-11-24 869922ac0aa2cc59062919e15e900ecb377be4be

 src/views/scgl/gd.vue

@@ -147,7 +147,7 @@
                :label="row.wo_code"
                style="color: transparent;padding-left: 10px;"
              />
<!--              @change.native="getCurrentRow(row.wo_code)"-->
              <!--              @change.native="getCurrentRow(row.wo_code)"-->
            </template>
          </el-table-column>
          <el-table-column
@@ -182,7 +182,12 @@
            label="源单单号"
            sortable="custom"
            min-width="160"
          />
          >
            <template slot-scope="{row}">
              <div v-if="row.m_po">{{ row.m_po }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="wotype"
            label="单据类型"
@@ -231,6 +236,7 @@
            label="生产车间"
            sortable="custom"
            width="120"
            show-tooltip-when-overflow
          >
            <template slot-scope="{row}">
              <div v-if="row.wkshp_name">{{ row.wkshp_name }}</div>
@@ -593,6 +599,8 @@
            v-model="dialogForm.planstartdate"
            type="date"
            :clearable="false"
            :picker-options="pickerOptions"

            value-format="yyyy-MM-dd"
            style="width: 200px"
            placeholder="选择日期"
@@ -603,6 +611,7 @@
            v-model="dialogForm.planenddate"
            type="date"
            :clearable="false"
            :picker-options="pickerOptions"
            value-format="yyyy-MM-dd"
            style="width: 200px"
            placeholder="选择日期"
@@ -1210,6 +1219,17 @@
            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: 5px;">-->
        <!--          <img src="../../assets/images/UP.png" alt="" style="margin-left: 107px;">-->
        <!--          <div style="font-size: 18px;font-weight: bolder;">根据单号扫码入库，用PDA扫描此二维码</div>-->
        <!--        </div>-->

      </div>
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
@@ -1263,7 +1283,11 @@
                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 +1344,11 @@
                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 +1405,11 @@
                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"
@@ -1786,7 +1818,12 @@
        // { code: 3, name: '50*40' },
        // { code: 4, name: '50*80' },
        // { code: 5, name: '40*30' }
      ]
      ],
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7
        }
      }
    }
  },
  created() {
@@ -1990,9 +2027,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 +2239,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')
@@ -2210,9 +2247,9 @@
            // div.scrollTop = div.scrollHeight // 滚动条位于最底部
            div.scrollTop = 0 // 滚动条位于最顶部
          })
          this.dialogVisibleApprove = true
        }
      })
      this.dialogVisibleApprove = true
    },
    dialogVisibleTaskClose() {
      this.dialogForm.mesordercode = ''
@@ -2264,6 +2301,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() {
@@ -2525,7 +2574,7 @@
      this.defaultroute_codeArr = this.dialogFormRoute.routeOperationArr.filter(item => item.isSelected2)
    },
    //  行点击事件
    async   rowClick(row, event, column) {
    async rowClick(row, event, column) {
      console.log(row, event, column)
      console.log(row.wo_code, event, column)
      this.radioSelected = row.wo_code
@@ -2848,16 +2897,18 @@
  //}
}

::v-deep .el-select__caret{
::v-deep .el-select__caret {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tableFixed{
  ::v-deep .el-table__fixed-right{

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

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