loulijun2021
2023-09-22 56a9035af0b19f88d28cd64e9fb8e813f3ea2d1d
src/views/produceManager/workOrder.vue
@@ -43,7 +43,10 @@
            <el-form-item label="源单单号" style="display: flex;">
              <el-input v-model="form.sourceorder" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item label="单据类型" style=" display: flex;">
            <el-form-item label="销售订单" style="display: flex;">
              <el-input v-model="form.saleordercode" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item v-show="isExpandForm" label="单据类型" style=" display: flex;">
              <el-select
                v-model="form.ordertype"
                :popper-append-to-body="false"
@@ -197,6 +200,18 @@
            </template>
          </el-table-column>
          <el-table-column
            prop="saleOrderCode"
            label="销售订单"
            sortable="custom"
            show-tooltip-when-overflow
            min-width="160"
          >
            <template slot-scope="{row}">
              <div v-if="row.saleOrderCode">{{ row.saleOrderCode }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="wotype"
            label="单据类型"
            sortable="custom"
@@ -345,7 +360,7 @@
                    :style="{color:$store.state.settings.theme}"
                    class="el-icon-printer"
                    style="cursor: pointer;margin-right: 15px"
                    @click="handlePrint(row.wo_code)"
                    @click="handlePrint(row.wo_code,row.saleOrderCode)"
                  />
                </el-tooltip>
                <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top">
@@ -368,6 +383,22 @@
      />
      <div class="elTableDiv">
        <div
          v-if="$store.state.settings.orgType === 'W'"
          style="position:absolute;z-index: 1000;left: 20px;top: -50px"
        >
          <el-switch
            v-model="switchButton"
            style="display: block"
            active-text="所有车间"
            inactive-text="当前车间"
            @change="rowClick"
          />
          <!--          active-color="#13ce66"-->
          <!--          inactive-color="#ff4949"-->
        </div>
        <el-table
          :data="tableDataDetail"
          border
@@ -510,43 +541,49 @@
          <!--          <el-input v-model="dialogForm.mesordercode" :disabled="operation!=='add'" style="width: 200px" />-->
          <el-input v-model="dialogForm.mesordercode" disabled style="width: 200px" />
        </el-form-item>
        <div style="display: flex">
          <el-form-item label="工单类型" prop="mesorderstus">
            <el-select
              v-model="dialogForm.ordertype"
              :popper-append-to-body="false"
              style="width: 200px"
              :disabled="operation!=='add'"
              placeholder="请选择"
              @change="mesordertypeChange"
            >
              <el-option
                v-for="item in ordertypeArr"
                :key="item.code"
                :label="item.name"
                :value="item.code"
              />
            </el-select>
          </el-form-item>
          <div style="display: flex;flex-wrap: nowrap">
            <el-form-item label="源单单号">
              <el-input
                v-model="dialogForm.sourceorder"
                :disabled="dialogForm.ordertype==='PO'"
                style="width: 172px"
              />
            </el-form-item>
        <!--        <div style="display: flex">-->
        <el-form-item label="工单类型" prop="mesorderstus">
          <el-select
            v-model="dialogForm.ordertype"
            :popper-append-to-body="false"
            style="width: 200px"
            :disabled="operation!=='add'"
            placeholder="请选择"
            @change="mesordertypeChange"
          >
            <el-option
              v-for="item in ordertypeArr"
              :key="item.code"
              :label="item.name"
              :value="item.code"
            />
          </el-select>
        </el-form-item>
        <!--          <div style="display: flex;flex-wrap: nowrap">-->
        <el-form-item label="源单单号">
          <el-input
            v-model="dialogForm.sourceorder"
            :disabled="dialogForm.ordertype==='PO'"
            style="width: 200px"
          >
            <el-button
              v-waves
              type="primary"
              style="padding: 0 10px;margin-left: -8px;margin-top: 3px"
              class="el-icon-search"
              slot="append"
              icon="el-icon-search"
              :disabled="operation!=='add'||dialogForm.ordertype==='PO'"
              @click="mesordertsourcesearchclick"
            />
          </div>
        </div>
          </el-input>
        </el-form-item>
        <!--            <el-button-->
        <!--              v-waves-->
        <!--              type="primary"-->
        <!--              style="padding: 0 10px;margin-left: -8px;margin-top: 3px"-->
        <!--              class="el-icon-search"-->
        <!--              :disabled="operation!=='add'||dialogForm.ordertype==='PO'"-->
        <!--              @click="mesordertsourcesearchclick"-->
        <!--            />-->
        <!--          </div>-->
        <!--        </div>-->
        <el-form-item label="工单数量" prop="mesqty">
          <el-input
            v-model="dialogForm.mesqty"
@@ -586,110 +623,39 @@
        <el-form-item label="产品规格" prop="partspec">
          <el-input v-model="dialogForm.partspec" disabled style="width: 200px" />
        </el-form-item>
        <div style="display: flex">
          <el-form-item label="生产车间" prop="wkshopcode">
            <el-select
              v-model="dialogForm.wkshopcode"
              filterable
              :popper-append-to-body="false"
              style="width: 200px;"
              placeholder="请选择"
              :disabled="dialogForm.partcode===''"
              @change="val=>wkshopcodeChange(val,dialogForm.partcode)"
            >
              <el-option
                v-for="item in wkshopArr"
                :key="item.org_code"
                :label="item.org_name"
                :value="item.org_code"
              />
            </el-select>
          </el-form-item>
          <div style="display: flex;flex-wrap: nowrap">
            <el-form-item label="工艺路线" prop="routecode">
              <el-select
                v-model="dialogForm.routecode"
                filterable
                :popper-append-to-body="false"
                style="width: 172px"
                placeholder="请选择"
                :disabled="dialogForm.wkshopcode===''"
                @change="routecodeChange"
              >
                <el-option
                  v-for="item in routeArr"
                  :key="item.code"
                  :label="item.name"
                  :value="item.code"
                />
              </el-select>
            </el-form-item>
            <el-button
              v-waves
              type="primary"
              style="padding: 0 10px;margin-left: -8px;margin-top:3px"
              class="el-icon-search"
              @click="searchClick"
            />
            <!--            :disabled="dialogForm.routecode===''"-->
          </div>
        </div>
        <el-form-item label="是否排程" prop="isAps">
          <el-radio-group v-model="dialogForm.isAps" style="width:200px" @change="changeIsAps">
            <el-radio key="Y" label="Y" value="Y">是</el-radio>
            <el-radio key="N" label="N" value="N">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="物料清单" :prop="dialogForm.isAps==='Y'?'bomId':''">
        <!--        <div style="display: flex">-->
        <el-form-item label="生产车间" prop="wkshopcode">
          <el-select
            v-model="dialogForm.bomId"
            v-model="dialogForm.wkshopcode"
            filterable
            :disabled="dialogForm.isAps==='N'"
            :popper-append-to-body="false"
            style="width: 200px;"
            placeholder="请选择"
            :disabled="dialogForm.partcode===''"
            @change="val=>wkshopcodeChange(val,dialogForm.partcode)"
          >
            <el-option
              v-for="item in bomIdArr"
              :key="item.id"
              :label="item.version"
              :value="item.id"
              v-for="item in wkshopArr"
              :key="item.org_code"
              :label="item.org_name"
              :value="item.org_code"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="计划开始时间" prop="planstartdate">
          <el-date-picker
            v-model="dialogForm.planstartdate"
            type="date"
            :clearable="false"
            value-format="yyyy-MM-dd"
            :picker-options="pickerOptions"
            style="width: 200px"
            placeholder="选择日期"
          />
        </el-form-item>
        <el-form-item label="计划完成时间" prop="planenddate">
          <el-date-picker
            v-model="dialogForm.planenddate"
            type="date"
            :clearable="false"
            value-format="yyyy-MM-dd"
            style="width: 200px"
            placeholder="选择日期"
            :picker-options="pickerOptions"
          />
        </el-form-item>
        <el-form-item label="工单等级" prop="orderlev">
        <!--          <div style="display: flex;flex-wrap: nowrap">-->
        <el-form-item label="工艺路线" prop="routecode">
          <el-select
            v-model="dialogForm.orderlev"
            v-model="dialogForm.routecode"
            filterable
            :popper-append-to-body="false"
            style="width: 200px"
            placeholder="请选择"
            :disabled="dialogForm.wkshopcode===''"
            @change="routecodeChange"
          >
            <el-option
              v-for="item in orderlevArr"
              v-for="item in routeArr"
              :key="item.code"
              :label="item.name"
              :value="item.code"
@@ -697,7 +663,72 @@
          </el-select>
        </el-form-item>
        <!--        <el-form-item label="是否排程" prop="isAps">-->
        <!--          <el-radio-group v-model="dialogForm.isAps" style="width:200px" @change="changeIsAps">-->
        <!--            <el-radio key="Y" label="Y" value="Y">是</el-radio>-->
        <!--            <el-radio key="N" label="N" value="N">否</el-radio>-->
        <!--          </el-radio-group>-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="物料清单" :prop="dialogForm.isAps==='Y'?'bomId':''">-->
        <!--          <el-select-->
        <!--            v-model="dialogForm.bomId"-->
        <!--            filterable-->
        <!--            :disabled="dialogForm.isAps==='N'"-->
        <!--            :popper-append-to-body="false"-->
        <!--            style="width: 200px;"-->
        <!--            placeholder="请选择"-->
        <!--          >-->
        <!--            <el-option-->
        <!--              v-for="item in bomIdArr"-->
        <!--              :key="item.id"-->
        <!--              :label="item.version"-->
        <!--              :value="item.id"-->
        <!--            />-->
        <!--          </el-select>-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="计划开始时间" prop="planstartdate">-->
        <!--          <el-date-picker-->
        <!--            v-model="dialogForm.planstartdate"-->
        <!--            type="date"-->
        <!--            :clearable="false"-->
        <!--            value-format="yyyy-MM-dd"-->
        <!--            :picker-options="pickerOptions"-->
        <!--            style="width: 200px"-->
        <!--            placeholder="选择日期"-->
        <!--          />-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="计划完成时间" prop="planenddate">-->
        <!--          <el-date-picker-->
        <!--            v-model="dialogForm.planenddate"-->
        <!--            type="date"-->
        <!--            :clearable="false"-->
        <!--            value-format="yyyy-MM-dd"-->
        <!--            style="width: 200px"-->
        <!--            placeholder="选择日期"-->
        <!--            :picker-options="pickerOptions"-->
        <!--          />-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="工单等级" prop="orderlev">-->
        <!--          <el-select-->
        <!--            v-model="dialogForm.orderlev"-->
        <!--            filterable-->
        <!--            :popper-append-to-body="false"-->
        <!--            style="width: 200px"-->
        <!--            placeholder="请选择"-->
        <!--          >-->
        <!--            <el-option-->
        <!--              v-for="item in orderlevArr"-->
        <!--              :key="item.code"-->
        <!--              :label="item.name"-->
        <!--              :value="item.code"-->
        <!--            />-->
        <!--          </el-select>-->
        <!--        </el-form-item>-->
      </el-form>
      <div style="display: flex;justify-content: flex-end">
        {{ routeStepArr }}
      </div>
      <!--        工艺路线放大镜对话框-->
      <el-dialog
@@ -1246,11 +1277,14 @@
              style="display: flex;justify-content: space-between"
            >
              <div class="elForm">
                <el-form-item label="工单编号:" class="formContent">
                  {{ formApprove.mesordercode }}
                <el-form-item label="销售单号:" class="formContent">
                  {{ formApprove.saleOrderCode }}
                </el-form-item>
                <el-form-item label="源单单号:" class="formContent">
                  {{ formApprove.m_po }}
                </el-form-item>
                <el-form-item label="工单编号:" class="formContent">
                  {{ formApprove.mesordercode }}
                </el-form-item>
                <el-form-item label="产品编码:" class="formContent">
                  {{ formApprove.partcode }}
@@ -1999,6 +2033,7 @@
        partcode: '', // 产品编码
        ordertype: '', // ordertype
        sourceorder: '', // 源单单号
        saleordercode: '', // 销售订单
        partname: '', // 产品名称
        partspec: '', // 产品规格
        creatuser: '', // 创建人员
@@ -2217,7 +2252,11 @@
      isLastPrint: false, // 是否是末道打印
      lastPrintArr: [], // 末道打印的数组(所有)
      lastPrintArrSelected: []// 末道打印的数组(选中)
      lastPrintArrSelected: [], // 末道打印的数组(选中)
      switchButton: false,
      routeStepArr: ''
    }
  },
  created() {
@@ -2255,6 +2294,7 @@
        partspec: this.form.partspec, // 产品规格
        creatuser: this.form.creatuser, // 创建人员
        sourceorder: this.form.sourceorder, // 源单单号
        saleordercode: this.form.saleordercode, // 销售订单
        ordertype: this.form.ordertype, // 单据类型
        createdate: this.form.createdate.toString().length > 0 ? handleDatetime(this.form.createdate) : '', // 创建时间
        prop: this.form.prop, // 排序字段
@@ -2369,11 +2409,25 @@
      // this.submitButtonIsDisabled = false
    },
    // 工艺路线值改变
    async routecodeChange(partcode, routecode) {
      // const data = {
      //   partcode,
      //   routecode
      // }
    async routecodeChange() {
      const data = {
        partcode: this.dialogForm.partcode,
        routecode: this.dialogForm.routecode,
        wkshopcode: this.dialogForm.wkshopcode
      }
      await SelectRouteOrWkshop(data).then((res) => {
        console.log(res, 1)
        SelectRouteStep({ routecode: this.dialogForm.routecode }).then(res2 => {
          console.log(res2)
          this.routeStepArr = res2.data.map(i => i.stepname).join(',')
        })
        this.submitButtonIsDisabled = false
      }).catch(err => {
        // console.log(err, 2)
        this.submitButtonIsDisabled = true
      })
    },
    // 生产车间值改变时
    async  wkshopcodeChange(wkshopcode, partcode) {
@@ -2387,6 +2441,7 @@
      if (res.length === 1) {
        this.dialogForm.routecode = res[0].code
        await this.routecodeChange()
      } else {
        this.dialogForm.routecode = ''
      }
@@ -2541,6 +2596,7 @@
    },
    // 对话框关闭事件
    handleClose() {
      this.routeStepArr = ''
      this.dialogForm.partname = '' // 产品名称
      this.dialogForm.partspec = '' // 产品规格
      this.dialogForm.wkshopname = '' // 生产车间名称
@@ -2664,11 +2720,12 @@
      this.dialogVisibleSearch = false
    },
    // 处理打印
    handlePrint(wo_code) {
    handlePrint(wo_code, saleOrderCode) {
      // const number = Math.random() * Math.random()
      // this.number = number === 0 ? (10 + Math.random()) : number
      // console.log(number)
      this.formApprove.saleOrderCode = saleOrderCode
      const data2 = {
        username: getCookie('admin'),
        mesordercode: wo_code || this.dialogForm.mesordercode
@@ -2756,6 +2813,7 @@
    dialogVisibleConfirmClose() {
      // this.dialogForm.mesordercode = ''
      this.formApprove.saleOrderCode = ''
      this.formApprove.mesordercode = ''
      this.formApprove.m_po = ''
      this.formApprove.partcode = ''
@@ -3053,8 +3111,8 @@
    },
    //  行点击事件
    async rowClick(row, event, column) {
      this.radioSelected = row.wo_code
      const { data: res } = await SearchWorkStep({ wo_code: row.wo_code })
      this.radioSelected = row.wo_code ? row.wo_code : this.radioSelected
      const { data: res } = await SearchWorkStep({ wo_code: this.radioSelected, storg_code: this.$store.state.settings.orgType === 'W' ? (this.switchButton ? '' : getCookie('stu_torgcode')) : '' })
      this.tableDataDetail = res
    },
    // 打印工单