modified: src/views/warehouse/pallettransports/index.vue modified: vu...

王震

2023-12-27 d892f98a6fc7bacca5c39c92f3f74ef2e81ba3f2

 src/views/warehouse/pallettransports/index.vue

@@ -3,6 +3,7 @@
    <basic-container>
      <el-row>
        <el-col :span="9">

          <ttable :table="table" @currentChange="palletTransportsChange" :uploadInfo="uploadInfo" :prelang="prelang"
            :options="options" :ajaxFun="ajaxFun" :fixedHeight="palletTransportsFixedHeight" ref="pallettransportsTable">
            <template #toolbar>
@@ -10,6 +11,7 @@
                @click="addOrUpdateHandle()">新增</el-button>
            </template>
          </ttable>

          <div style="margin:0px 20px 0px;display:flex;height:36px;justify-content: space-between;align-items:center;">
            <div>
              <span style="font-weight:bold;">对应工单</span>
@@ -52,15 +54,16 @@
            </div>
          </div>
          <div>
            <el-table class="pallet-transports-material-table" @current-change="handleCurrentChange"  :data="palletTransportsMaterialData" style="width: 100%;"
            <el-table class="pallet-transports-material-table" @selection-change="handleCurrentChange"  :data="palletTransportsMaterialData" style="width: 100%;"
              height="350px" border  stripe
              ref="palletTransportsMaterialTable">
                          <!--单选框 @selection-change="palletTransportsMaterialSelectionChange"-->
                  <el-table-column align="center"  width="55" label="单选">
                  <!-- <el-table-column align="center"  width="55" label="多选">
                       <template slot-scope="scope">
                          <el-checkbox v-model="scope.row.commonChecked" @change="handleCurrentChange(scope.row)" ></el-checkbox>
                       </template>
                  </el-table-column>
                  </el-table-column> -->
              <el-table-column type="selection" width="55"> </el-table-column>
              <el-table-column prop="partNo" label="零件号" align="center" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="partDesc" label="零件描述" align="center" show-overflow-tooltip>
@@ -81,7 +84,7 @@
              </el-table-column>
              <el-table-column prop="toIfsLocationNo" label="移至库位" align="center">
              </el-table-column>
              <el-table-column label="操作" align="center" width="100">
              <el-table-column label="操作" align="center" width="100" v-if="permissions.warehouse_pallettransports_demand_edit">
                <template slot-scope="scope">
                  <!-- <el-button v-show="!scope.row.canEdit" type="text" :disabled="scope.row.detailExistState"
                    @click="scope.row.canEdit = true">编辑</el-button> -->
@@ -96,13 +99,13 @@
          <div style="margin-top:10px;display:flex;height:36px;justify-content: space-between;align-items:center;">
            <div>
              <span style="font-weight:bold;">移库明细</span>
              <span style="color:red;">({{
              <!-- <span style="color:red;">({{
                palletTransportsMaterialMultipleSelection.length > 0
                ? palletTransportsMaterialMultipleSelection[
                  palletTransportsMaterialMultipleSelection.length - 1
                ].partDesc
                : ''
              }})</span>
              }})</span> -->
            </div>
            <div>
              <el-button type="primary" v-if="permissions.warehouse_pallettransports_detail_add" round
@@ -118,6 +121,7 @@
              v-adaptive="{ bottomOffset: 20, fixedHeight: 0 }" height="100px" border
              @selection-change="palletTransportsDetailSelectionChange" stripe ref="palletTransportsDetailTable">
              <el-table-column type="selection" width="55"> </el-table-column>

              <el-table-column prop="part_no" label="零件号" align="center" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="part_desc" label="零件描述" align="center" show-overflow-tooltip>
@@ -128,8 +132,15 @@
              </el-table-column> -->
              <el-table-column prop="operation_task_no" label="工单" align="center" show-overflow-tooltip>
              </el-table-column>

              
              <el-table-column prop="transfer_quantity" label="移库数量" align="center">
                <template slot-scope="scope">
                  <el-input v-model="scope.row.transfer_quantity"  border="none"></el-input>
                </template>
              </el-table-column>


              <el-table-column prop="unit" label="单位" align="center">
              </el-table-column>
              <!-- <el-table-column prop="fromIfsLocationNo" label="IFS从库位" align="center">
@@ -151,7 +162,7 @@
                  }}</span>
                </template>
              </el-table-column>
              <el-table-column label="操作" align="center" width="85">
              <el-table-column label="操作" align="center" width="85" v-if="permissions.warehouse_pallettransports_detail_edit">
                <template slot-scope="scope">
                  <!-- <el-button type="text" @click="openEditStockDialog(scope.row)"
                    :disabled="scope.row.state === '01initial' ? false : true">编辑</el-button> -->
@@ -303,14 +314,7 @@
          }
        ],
        toolbar: [],
        operator: [
          {
            text: '删除',
            type: 'text',
            size: 'small',
            fun: this.deleteHandle
          }
        ],
        operator: null,
        operatorConfig: {
          fixed: 'right',
          label: '操作',
@@ -332,6 +336,7 @@
      detailList: [],
      palletTransportsOptaskData: [],
      currOptask: null,
      cid:null,
      stateOptions: [
        { value: 'draft', label: '草稿' },
        { value: 'processing', label: '进行中' },
@@ -355,28 +360,90 @@
    ...mapGetters(['permissions'])
  },
  watch:{
    palletTransportsMaterialMultipleSelection(newVal){
      if(newVal.length>0){
        this.palletTransportsMaterialSelectionChange(newVal)
      }else{
        this.palletTransportsDetailData = []
      }
    }
    // palletTransportsMaterialMultipleSelection(newVal){
    //   if(newVal.length>0){
    //     this.palletTransportsMaterialSelectionChange(newVal)
    //   }else{
    //     this.palletTransportsDetailData = []
    //   }
    // }
  },
  created() { },
  created() {
     if(this.permissions.warehouse_pallettransports_edit){
        this.table.operator = [
          {
            text: '删除',
            type: 'text',
            size: 'small',
            fun: this.deleteHandle
          }
        ]
     }
   },
  methods: {
    palletTransportsChange(val) {
      this.cid = val.id
      this.currPalletTransportsRow = val
      if (this.currPalletTransportsRow) {
        this.getPalletTransportsMaterialData()
        this.getOptasks()
        this.palletTransportsMaterialSelectionChange(val)
      }
    },
    palletTransportsMaterialSelectionChange() {
      if(this.cid){
        selectAll({transportsId:this.cid}).then((res)=>{
          console.log(res.data.data);
              this.palletTransportsDetailData = res.data.data.map(el =>{
                return{
                  part_no:el.partNo,
                  part_desc:el.partDesc,
                  operation_task_no:el.operationTaskNo,
                  transfer_quantity:el.transferQuantity,
                  unit:el.unit,
                  to_ifs_location_no:el.toIfsLocationName,
                  state:el.state,
                  id:el.id,
                }
              })

        })
              
        }
      // this.palletTransportsMaterialMultipleSelection = val
      // if(val && val.length>0){
      //   let ids =[]
      //   this.palletTransportsMaterialMultipleSelection.forEach(el =>{ids.push(el.id)})
      //   let pId = ids[ids.length - 1];
      //   if(pId!=null){
      //     selectAll({
      //       transportsId:this.currPalletTransportsRow.id,
      //         transportsMaterialId: pId
      //       }).then((res) =>{
      //         this.palletTransportsDetailData = []
      //         if(res.data.data){
      //           this.palletTransportsDetailData.push(res.data.data)
      //         }
      //         })
      //      }else{
      //       this.palletTransportsDetailData = []
      //      }
      // }
    },
             // 单行选中
         handleCurrentChange(row) {
               this.palletTransportsMaterialData.forEach((item) => {
                  // 排他,每次选择时把其他选项都清除
                  if (item.id !== row.id) {
                     item.commonChecked = false
                  }else{
              item.commonChecked = true
            }
               })
          this.palletTransportsMaterialSelectionChange([row])
          console.log(row);
        console.log(row,"--->1");
        this.palletTransportsMaterialMultipleSelection = row
               // this.palletTransportsMaterialData.forEach((item) => {
               //    // 排他,每次选择时把其他选项都清除
               //    if (item.id !== row.id) {
               //       item.commonChecked = false
               //    }else{
          //     item.commonChecked = true
          //   }
               // })
          // this.palletTransportsMaterialSelectionChange([row])
          // this.palletTransportsDetailData = data
         },
    // 工艺类型中文格式化
    formatStateType(row, column, cellValue) {
@@ -518,12 +585,10 @@
    openLocationDialog() {
      if (this.palletTransportsMaterialMultipleSelection.length > 0) {
        let flag = true
        console.log(this.palletTransportsMaterialMultipleSelection)
        this.palletTransportsMaterialMultipleSelection.forEach((item) => {
          if (item.detailExistState) {
            flag = false
          }
          console.log(item.detailExistState)
        })
        if (flag) {
          this.showLocation = true
@@ -578,9 +643,8 @@
    },
    // 获取移库明细数据列表
    getPalletTransportsDetailData() {
      // console.log("对应工单",this.WorkOrder);
      // console.log("选中物料需求",this.palletTransportsMaterialMultipleSelection);
      let transportsDetails =[]
      console.log(this.palletTransportsMaterialMultipleSelection,"----+");
      transportsDetails = this.palletTransportsMaterialMultipleSelection.map(el =>{
        return{
          partNo:el.partNo,
@@ -604,10 +668,8 @@
                this.innerVisible = false
                this.$message.success('添加移库明细成功')
                let materialRow = selectionList[selectionList.length - 1]
                console.log("materialRow-----",materialRow);
                this.palletTransportsMaterialData.forEach(ele=>{
                  if(ele.id==materialRow.id){
                    console.log("ele-------",ele);
                      ele.transferQuantity = materialRow.surplusQuantity
                      ele.surplusQuantity = 0
                  }
@@ -616,7 +678,7 @@
                this.$message.error('添加移库明细失败')
              }
              // this.getPalletTransportsMaterialData()
              this.palletTransportsMaterialSelectionChange(selectionList)
              this.palletTransportsMaterialSelectionChange()
            })
            // .catch(() => {
            // })
@@ -652,7 +714,6 @@
    },
    // 打开单个明细批量更新库位弹框
    openSingleLocationDialog(row) {
      console.log(row);
      if (row.state === '01initial') {
        this.detailList = []
        this.detailList.push(row)
@@ -670,10 +731,8 @@
        const resData = response.data
        if (resData.code === 0) {
          const findRowIndex = this.palletTransportsDetailData.indexOf(delRow)
          // console.log("ttttt",findRowIndex);
          this.palletTransportsDetailData.splice(findRowIndex, 1)
          this.$message.success('移库明细删除成功')
          // this.getPalletTransportsMaterialData()
          const currRow = this.currPalletTransportsRow
          this.getPallettransportsData().then(() => {
            if (currRow) {
@@ -699,6 +758,7 @@
            flag = false
          }
        })
        console.log("-----------",flag,ids);
        if (flag) {
          executeMoveLocation(ids).then((response) => {
            const resData = response.data
@@ -731,37 +791,8 @@
      this.currDetailRow = row
      this.showDetailStock = true
    },
    palletTransportsChange(val) {
      this.currPalletTransportsRow = val
      if (this.currPalletTransportsRow) {
        this.getPalletTransportsMaterialData()
        this.getOptasks()
      }
    },
    palletTransportsMaterialSelectionChange(val) {
      this.palletTransportsMaterialMultipleSelection = val
      console.log(this.palletTransportsMaterialMultipleSelection);
      if(val && val.length>0){
        let ids =[]
        this.palletTransportsMaterialMultipleSelection.forEach(el =>{ids.push(el.id)})
        let pId = ids[ids.length - 1];
        console.log(pId);
        if(pId!=null){
          selectAll({
              transportsId:this.currPalletTransportsRow.id,
              transportsMaterialId: pId
            }).then((res) =>{
              this.palletTransportsDetailData = []
              if(res.data.data){
                this.palletTransportsDetailData.push(res.data.data)
              }
              })
           }else{
            this.palletTransportsDetailData = []
           }
      }
    },
    palletTransportsDetailSelectionChange(val) {
      console.log(val,"-=-=-=");
      this.palletTransportsDetailMultipleSelection = val
    },
    getOptasks() {