loulijun2021
2022-11-26 37b9050ec94b02b4c197fd2bb508bb9857cc56a1
src/views/scgl/scdd.vue
@@ -55,7 +55,7 @@
            <el-form-item v-show="isExpandForm" label="创建人员" style=" display: flex;">
              <el-input v-model="form.creatuser" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item v-show="isExpandForm" label="预计开工时间" label-width="100px" style=" line-height: 40px;;display: flex;font-size: 14px;">
            <el-form-item v-show="isExpandForm" label="预计开工时间" label-width="100px" style="display: flex;font-size: 14px;align-items: center">
              <el-date-picker
                v-model="form.paystartdate"
                type="daterange"
@@ -71,7 +71,7 @@
              <!--              :picker-options="expireTimeOption"-->
            </el-form-item>
            <el-form-item v-show="isExpandForm" label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px;">
            <el-form-item v-show="isExpandForm" label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px;align-items: center">
              <el-date-picker
                v-model="form.payenddate"
                type="daterange"
@@ -135,6 +135,7 @@
          :header-cell-style="this.$headerCellStyle"
          :cell-style="this.$cellStyle"
          @sort-change="sortChange"
          @row-click="rowClick"
        >
          <!--          <el-table-column-->
          <!--            type="selection"-->
@@ -149,8 +150,8 @@
                v-model="radioSelectedId"
                :label="row.id"
                style="color: transparent;padding-left: 10px;"
                @change.native="getCurrentRow(row.id)"
              />
              <!--              @change.native="getCurrentRow(row.id)"-->
            </template>
          </el-table-column>
          <el-table-column
@@ -189,11 +190,13 @@
            label="产品名称"
            sortable="custom"
            min-width="150"
            show-tooltip-when-overflow
          />
          <el-table-column
            prop="partspec"
            label="产品规格"
            sortable="custom"
            show-tooltip-when-overflow
            min-width="110"
          >
            <template slot-scope="{row}">
@@ -243,6 +246,17 @@
          >
            <template slot-scope="{row}">
              <div v-if="row.planenddate">{{ row.planenddate.substring(0,11) }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="saleOrderDeliveryDate"
            label="预计交付时间"
            sortable="custom"
            width="130"
          >
            <template slot-scope="{row}">
              <div v-if="row.saleOrderDeliveryDate">{{ row.saleOrderDeliveryDate.substring(0,11) }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
@@ -299,13 +313,13 @@
    <el-dialog
      :title="operation==='add'?'新增':'下达'"
      :visible.sync="dialogVisible"
      width="800px"
      width="860px"
      top="15vh"
      :close-on-click-modal="false"
      @closed="handleClose"
      @close="handleClose"
    >
      <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px">
      <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="106px">
        <!--        <el-form-item label="订单状态" prop="erporderstus">-->
        <!--          <el-select-->
        <!--            v-model="dialogForm.erporderstus"-->
@@ -366,11 +380,29 @@
            style="width: 200px"
          />
        </el-form-item>
        <el-form-item label="预计交付日期" prop="saleOrderDeliveryDate">
          <el-date-picker
            v-model="dialogForm.saleOrderDeliveryDate"
            type="date"
            size="mini"
            :clearable="false"
            class="dateMini"
            :picker-options="pickerOptions"
            format="yyyy-MM-dd"
            placeholder="选择日期"
          />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">取 消</el-button>
          <el-button type="primary" :disabled="sendButtonIsDisabled" @click="dialogVisibleConfirm">下 达</el-button>
          <el-button
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
            @click="dialogVisibleConfirm"
          >下 达</el-button>
        </div>
      </span>
    </el-dialog>
@@ -417,7 +449,7 @@
        paystartdate: '', // 预计开工时间
        payenddate: '', // 预计完工时间
        createdate: '', // 创建时间
        prop: 'createdate', // 排序字段
        prop: 'wo', // 排序字段
        order: 'desc', // 排序字段
        page: 1, // 第几页
        rows: 20 // 每页多少条
@@ -449,7 +481,8 @@
        erpqty: '', // 订单数量
        markqty: '', // 下单数量
        ordernum: '', // 下单单数
        relse_qty: '' // 已下单数量
        relse_qty: '', // 已下单数量
        saleOrderDeliveryDate: ''// 预计交付日期
      },
      operation: '',
      dialogFormRules: {
@@ -464,8 +497,16 @@
        ],
        ordernum: [
          { required: true, message: '请输入下单单数', trigger: ['blur', 'change'] }
        ],
        saleOrderDeliveryDate: [
          { required: true, message: '请选择预计交付日期', trigger: ['blur', 'change'] }
        ]
      },
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7
        }
      }
      // expireTimeOption: {
@@ -580,6 +621,9 @@
    getCurrentRow(id) {
      this.radioSelectedId = id
    },
    rowClick(row) {
      this.radioSelectedId = row.id
    },
    // 订单关闭
    async orderClose() {
      if (this.radioSelectedId.length < 1) {
@@ -615,6 +659,10 @@
    },
    // 修改按钮
    edit(operation, row) {
      if (parseFloat(row.qty) === parseFloat(row.relse_qty)) {
        return this.$message.info('此工单已全部下达!')
      }
      this.operation = operation
      this.dialogVisible = true
@@ -629,6 +677,8 @@
        this.dialogForm.wkshopname = row.wkshp_name
        this.dialogForm.warehousecode = row.stck_code
        this.dialogForm.warehousename = row.stck_name
        this.dialogForm.saleOrderDeliveryDate = row.saleOrderDeliveryDate
        this.dialogForm.erpqty = row.qty
        this.dialogForm.markqty = parseFloat(row.qty) - parseFloat(row.relse_qty)
@@ -648,12 +698,13 @@
      this.dialogForm.warehousecode = ''
      this.dialogForm.warehousename = ''
      this.dialogForm.saleOrderDeliveryDate = ''
      this.dialogForm.erpqty = ''
      this.dialogForm.markqty = ''
      this.dialogForm.ordernum = ''
      this.dialogForm.relse_qty = ''
      this.sendButtonIsDisabled = false
      this.$refs.dialogForm.clearValidate()
    },
    // 对话框取消
@@ -670,13 +721,13 @@
        return this.$message.info('下单数量超出可下单数的范围!')
      }
      console.log(this.dialogForm.ordernum < this.dialogForm.markqty)
      if (this.dialogForm.ordernum < 1 || this.dialogForm.ordernum > this.dialogForm.markqty) {
        return this.$message.info('下单单数超出可下单单数的范围!')
      }
      this.$refs.dialogForm.validate(valid => {
        if (valid) {
          this.$store.state.app.buttonIsDisabled = true
          const data = {
            'erporderid': this.dialogForm.erporderid,
            // 'erporderstus': this.dialogForm.erporderstus,
@@ -687,14 +738,16 @@
            'erpqty': this.dialogForm.erpqty,
            'markqty': this.dialogForm.markqty,
            'ordernum': this.dialogForm.ordernum,
            'relse_qty': this.dialogForm.relse_qty
            'relse_qty': this.dialogForm.relse_qty,
            'saleOrderDeliveryDate': handleDatetime(this.dialogForm.saleOrderDeliveryDate) + ' 00:00:00'
          }
          this.sendButtonIsDisabled = true
          MarkSaveErpOrder(data).then(res => {
            if (res.code === '200') {
              this.$message.success('下达成功!')
              this.dialogVisible = false
              this.$message.success('下达成功!')
              this.getErpOrderSearch()
              this.$store.state.app.buttonIsDisabled = false
            } else {
              this.$message.error('下达失败!')
            }
@@ -839,15 +892,33 @@
    height: 100% !important;
  }
}
.dateMini {
  ::v-deep .el-input__inner {
    line-height: 34px;
    height: 34px;
    width: 200px;
    display: flex;
    font-size: 14px !important;
    align-items: center !important;
  }
  ::v-deep .el-input__prefix {
    margin-top: -3px;
  }
}
</style>
<style>
.el-table .custom-row {
  background: #f8f8fa;
}
</style>
<style>
.osloading{
  font-size: 40px;
  font-size: 26px !important;
}
.el-loading-text{
  font-size: 26px !important;
}
</style>