MeiXinLaiRui/BeiJingZhouChenKu.git

<template>
  <div>
    <!-- 轴承详细信息 -->
    <vol-box :width="1000" :height="550" v-model="boxInfoOption.model" title="轴承详细信息">
      <div style="padding:10px;20px;">
        <vol-form ref="sendTask" :labelWidth=120 :formRules="boxInfoOption.data"
          :formFields="boxInfoOption.fields"></vol-form>
      </div>
      <template #footer>
        <div style="text-align: center;">
          <el-button type="primary" size="max"
            style="width:200px;margin-top:10px;margin-bottom:10px" icon="md-checkmark-circle" long
            @click="callEmptyPallet_Ok">确认</el-button>
        </div>
      </template>
    </vol-box>
  </div>
 
  <div>
    <!-- 轴承出库确认框 -->
    <vol-box :width="500" :height="380" v-model="boxOutOption.model" title="轴承出库确认框">
      <div style="padding:10px;20px;height:50px;font-size:22px;color:red">
        您选择的出库轴承个数：{{boxOutCount}}，请选择压装工位
      </div>
 
      <div style="display:flex;margin-top:20px;">
        <div style="margin-left:50px;padding-top:10px">压装工位：</div>
        <div style="margin-left:0px">
          <el-select v-model="workStationValue" placeholder="压装工位">
            <el-option v-for="item in outWorkStationOptions" :key="item.value" :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </div>
      </div>
 
      <template #footer>
        <div style="text-align: center;">
          <el-button type="primary" size="max" icon="md-checkmark-circle" long
            @click="boxOutbound_Ok">确认出库</el-button>
        </div>
      </template>
    </vol-box>
  </div>
 
  <div>
    <!-- 添加一条空托盘库存记录 -->
    <vol-box :width="500" :height="280" v-model="addGoodsRecord.model" title="添加一条空托盘库存记录">
      <div style="padding:10px;20px;">
        <vol-form ref="sendTask" :formRules="addGoodsRecord.data"
          :formFields="addGoodsRecord.fields"></vol-form>
      </div>
      <template #footer>
        <div style="text-align: center;">
          <el-button type="primary" size="mini" icon="md-checkmark-circle" long
            @click="addGoodsRecord_Ok">确认添加</el-button>
        </div>
      </template>
    </vol-box>
  </div>
 
  <div>
    <!-- 移库出库 -->
    <vol-box :width="500" :height="280" v-model="moveOutbound.model" title="移库出库">
      <div style="padding:10px;20px;">
        <vol-form ref="moveTask" :formRules="moveOutbound.data"
          :formFields="moveOutbound.fields"></vol-form>
      </div>
      <template #footer>
        <div style="text-align: center;">
          <el-button type="primary" size="mini" icon="md-checkmark-circle" long
            @click="moveOutbound_Ok">确认添加</el-button>
        </div>
      </template>
    </vol-box>
  </div>
 
</template>
 
 
<script>
import VolBox from '@/components/basic/VolBox.vue';
import VolForm from '@/components/basic/VolForm.vue';
export default {
  components: { 'vol-box': VolBox, 'vol-form': VolForm },
  methods: {},
  data() {
    return {
      _data: '',
      boxInfoOption: {
        model: false,
        fields: {
          size_ydhnj: '',
          size_ydhnjjg: '',
          size_hdnj: '',
          size_hdnjgg: '',
          size_cznjz: '',
          size_cznjjg: '',
          size_czwjz: '',
          size_czwjjg: '',
          inUnit: '',
          standrd: '',
          cartype: '',
          _type: '',
          madeUnit: '',
          madeDate: '',
          number: '',
          goodsWeight: '',
          standardResult: '',
        },
        data: [
          [
            {
              columnType: 'string',
              required: false,
              title: '车型',
              field: 'cartype',
              type: 'text',
              disabled: 1,
            },
            {
              columnType: 'string',
              required: false,
              title: '后档内径平均值',
              field: 'size_hdnj',
              type: 'text',
              disabled: 1,
            },
          ],
          [
            {
              columnType: 'string',
              required: false,
              title: '轴承型号',
              field: '_type',
              type: 'text',
              disabled: 1,
              width: 330,
            },
            {
              columnType: 'string',
              required: false,
              title: '后档内径结果',
              field: 'size_hdnjjg',
              type: 'text',
              disabled: 1,
              width: 330,
            },
          ],
          [
            {
              columnType: 'string',
              required: false,
              title: '轴承编号',
              field: 'number',
              type: 'text',
              disabled: 1,
            },
            {
              columnType: 'string',
              required: false,
              title: '油挡环内径平均值',
              field: 'size_ydhnj',
              type: 'text',
              disabled: 1,
            },
          ],
          [
            {
              columnType: 'string',
              required: false,
              title: '制造单位',
              field: 'madeUnit',
              type: 'text',
              disabled: 1,
            },
 
            {
              columnType: 'string',
              required: false,
              title: '油挡环内径结果',
              field: 'size_ydhnjjg',
              type: 'text',
              disabled: 1,
              width: 330,
            },
          ],
          [
            {
              columnType: 'string',
              required: false,
              title: '收入单位',
              field: 'inUnit',
              type: 'text',
              disabled: 1,
            },
            {
              columnType: 'string',
              required: false,
              title: '轴承内径值',
              field: 'size_cznjz',
              type: 'text',
              disabled: 1,
            },
          ],
          [
            {
              columnType: 'string',
              required: false,
              title: '轴承类别',
              field: 'standrd',
              type: 'text',
              disabled: 1,
            },
            {
              columnType: 'string',
              required: false,
              title: '轴承内径结果',
              field: 'size_cznjjg',
              type: 'text',
              disabled: 1,
              width: 330,
            },
          ],
          [
            {
              columnType: 'string',
              required: false,
              title: '轴承重量(克)',
              field: 'goodsWeight',
              type: 'text',
              disabled: 1,
            },
            {
              columnType: 'string',
              required: false,
              title: '轴承外径值',
              field: 'size_czwjz',
              type: 'text',
              disabled: 1,
            },
          ],
          [
            {
              columnType: 'string',
              required: false,
              title: '称重结果',
              field: 'standardResult',
              type: 'text',
              disabled: 1,
            },
            {
              columnType: 'string',
              required: false,
              title: '轴承外径结果',
              field: 'size_czwjjg',
              type: 'text',
              disabled: 1,
            },
          ],
        ],
      },
 
      boxOutCount: '',
      boxOutOption: {
        model: false,
        fields: {},
        data: [],
      },
      outWorkStationOptions: [
        {
          value: '20101',
          label: '入库口',
        },
        {
          value: '70103',
          label: '1号压装位左侧(70103)',
        },
        {
          value: '70101',
          label: '1号压装位右侧(70101)',
        },
        {
          value: '70106',
          label: '2号压装位左侧(70106)',
        },
        {
          value: '70104',
          label: '2号压装位右侧(70104)',
        }
 
        // {
        //   value: '70110',
        //   label: '2号压装位左侧(70110)',
        // },
        // {
        //   value: '70109',
        //   label: '2号压装位右侧(70109)',
        // },
        // {
        //   value: '70114',
        //   label: '1号压装位左侧(70114)',
        // },
        // {
        //   value: '70113',
        //   label: '1号压装位右侧(70113)',
        // },
      ],
      workStationValue: '',
 
      addGoodsRecord: {
        model: false,
        fields: { add_barcode: '', add_locationid: '', add_magicname: '' },
        data: [
          [
            {
              columnType: 'string',
              required: true,
              title: '托盘号',
              field: 'add_barcode',
            },
          ],
          [
            {
              type: 'string',
              required: true,
              title: '货位编号',
              field: 'add_locationid',
            },
          ],
        ],
      },
 
      moveOutbound: {
        model: false,
        fields: { targetLocation: '' },
        data: [
          [
            {
              columnType: 'string',
              required: true,
              title: '目的货位',
              field: 'targetLocation',
            },
          ],
        ],
      },
 
      needToOutBoundRows: '',
      moveOutboundRows: {},
      moveType: '',
 
      outboundType: '',
    };
  },
 
  methods: {
    //显示信息
    showContainerDetailInfoAlert(res) {
      this.boxInfoOption.fields.size_ydhnj = res.csize_three_3;
      this.boxInfoOption.fields.size_ydhnjjg = res.csize_three_result;
      this.boxInfoOption.fields.size_hdnj = res.csize_four_3;
      this.boxInfoOption.fields.size_hdnjjg = res.csize_four_result;
      this.boxInfoOption.fields.size_cznjz = res.csize_in_value;
      this.boxInfoOption.fields.size_cznjjg = res.csize_in_result;
      this.boxInfoOption.fields.size_czwjz = res.csize_out_value;
      this.boxInfoOption.fields.size_czwjjg = res.csize_out_result;
      this.boxInfoOption.fields.inUnit = res.containerdtl_inboundUnit;
      this.boxInfoOption.fields.standrd = res.containerdtl_standard;
      this.boxInfoOption.fields.cartype = res.containerdtl_carType;
      this.boxInfoOption.fields._type = res.containerdtl_type;
      this.boxInfoOption.fields.madeUnit = res.containerdtl_madeUnit;
      this.boxInfoOption.fields.madeDate = res.containerdtl_madeDate;
      this.boxInfoOption.fields.number = res.containerdtl_number;
      this.boxInfoOption.fields.goodsWeight = res.containerdtl_goodsWeight; //- res.containerhead_palletweight
      let result = res.containerdtl_standardResult == 1 ? '合格' : '不合格';
      this.boxInfoOption.fields.standardResult = result;
      this.boxInfoOption.model = true;
    },
 
    callEmptyPallet_Ok() {
      this.boxInfoOption.model = false;
    },
 
    //轴承出库
    showBoxOutboundAlert(res, outboundType) {
      this.needToOutBoundRows = res;
      this.boxOutCount = this.needToOutBoundRows.length;
      this.boxOutOption.model = true;
      this.outboundType = outboundType;
    },
 
    boxOutbound_Ok() {
      this.boxOutOption.model = false;
 
      let params = {
        MainData: {
          workStation: this.workStationValue,
          outboundType: this.outboundType,
        },
        DetailData: null,
        DelKeys: this.needToOutBoundRows,
        Extra: false,
      };
      // debugger;
      // console.log(this.$parent);
      // this.$Message.success('创建成功');
      // this.$parent.refresh();
      // return;
      let _this = this;
      this.http
        .post(
          'api/VV_ContainerInfo/BoxOutboundByManual',
          params,
          '创建出库任务中....'
        )
        .then((x) => {
          if (!x.status) return this.$Message.error(x.message);
          else this.$Message.success('创建成功');
          _this.$parent.refresh();
        });
    },
 
    show_addGoodsRecord() {
      this.addGoodsRecord.model = true;
    },
 
    addGoodsRecord_Ok() {
      if (
        this.addGoodsRecord.add_barcode == '' ||
        this.addGoodsRecord.add_locationid == '' ||
        this.addGoodsRecord.add_magicname == ''
      )
        return this.$message.error('请输入相关值');
      let params = {
        MainData: {
          add_barcode: this.addGoodsRecord.fields.add_barcode,
          add_locationid: this.addGoodsRecord.fields.add_locationid,
        },
        DetailData: null,
        DelKeys: null,
        Extra: false,
      };
      this.http
        .post(
          '/api/VV_ContainerInfo/addGoodsRecord',
          params,
          '库存记录添加中....'
        )
        .then((x) => {
          if (!x.status) return this.$Message.error(x.message);
          else this.$Message.success('库存记录添加成功');
          this.addGoodsRecord.model = false;
          this.$parent.refresh();
        });
    },
    show_moveOutbound(rows, type) {
      this.moveOutbound.model = true;
      this.moveOutboundRows = rows;
      this.moveType = type;
    },
 
    moveOutbound_Ok() {
      if (this.moveOutbound.targetLocation == '')
        return this.$message.error('请输入目标货位');
      debugger;
      let params = {
        MainData: {
          targetLocation: this.moveOutbound.fields.targetLocation,
          barcode: this.moveOutboundRows.containerhead_barcode,
          moveType: this.moveType,
        },
      };
 
      this.http
        .post(
          '/api/VV_ContainerInfo/MoveContainerAction',
          params,
          '添加移库任务中....'
        )
        .then((x) => {
          if (!x.status) return this.$Message.error(x.message);
          else this.$Message.success('添加移库任务成功');
          this.moveOutbound.model = false;
          this.$parent.refresh();
        });
    },
  },
};
</script>
 
<style>
.el-table .warning-row {
  background: oldlace;
}
 
.el-table .success-row {
  background: #f0f9eb;
}
 
input:disabled {
  opacity: 1;
  -webkit-text-fill-color: rgb(228, 102, 5);
}
</style>