<template>
  <ifrm ref="ifrm">
    <!-- 镀前出库 -->
    <uni-forms ref="form" err-show-type="toast"
      ><input
        type="text"
        v-model="value"
        @confirm="confirm"
        class="uni-input-border"
        placeholder="流程卡"
    /></uni-forms>
    <t-table style="margin-top: 20rpx">
      <t-tr>
        <t-td>流程卡号</t-td>
        <t-td>{{ prWorkPlan.cardNo }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>车间订单号</t-td>
        <t-td>{{ prWorkPlan.woCode }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>批次号</t-td>
        <t-td>{{ prWorkPlan.batchNo }}</t-td>
      </t-tr>
      <!-- <t-tr>
        <t-td>需求部门</t-td>
        <t-td>{{ prWorkOrder.useDept }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>零件编码</t-td>
        <t-td>{{ prWorkOrder.partCode }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>零件名称</t-td>
        <t-td>{{ prWorkOrder.partName }}</t-td>
      </t-tr> -->
      <t-tr>
        <t-td>上序号</t-td>
        <t-td>{{ prWorkOrder.nextProcessCode }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>上序名称</t-td>
        <t-td>{{ prWorkOrder.nextProcessName }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>上序班组/供应商</t-td>
        <t-td>{{
          prWorkOrder.nextTeamCode || prWorkOrder.ocName
        }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>工序号</t-td>
        <t-td>{{ prWorkOrder.processCode }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>工序名称</t-td>
        <t-td>{{ prWorkOrder.processName }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>班组/供应商</t-td>
        <t-td>{{ prWorkOrder.teamCode || prWorkOrder.ocName }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>出库数量</t-td>
        <t-td>{{ prWorkOrder.inQuantity }}</t-td>
      </t-tr>
    </t-table>
    <view class="buttonBox"
      ><button
        class="button"
        type="primary"
        :disabled="!(Object.keys(this.prWorkOrder).length > 0)"
        @click="submitClick"
      >
        出库
      </button>
    </view>
  </ifrm>
</template>

<script>
import ifrm from "@/pages/index/ifrm";
import tTable from "@/components/t-table/t-table.vue";
import tTh from "@/components/t-table/t-th.vue";
import tTr from "@/components/t-table/t-tr.vue";
import tTd from "@/components/t-table/t-td.vue";
import scan from "../../mixin/scan.js";
export default {
  mixins: [scan],
  components: {
    ifrm,
    tTable,
    tTh,
    tTr,
    tTd,
  },
  data() {
    return {
      value: "",
      prWorkPlan: {},
      prWorkOrder: {},
      quantity: null,
      makeTeam: {},
      oemCustomer: {},
      prPlateAround: {},
    };
  },
  onLoad() {
    this.setData();
  },
  onShow() {},
  methods: {
    getBarCode(code, isConfirm = false) {
      this.getData(code);
    },
    confirm(e) {
      this.getBarCode(e.target.value, true);
    },
    getData(code) {
      if (!code) return;
      this.value = code;
      this.$u.api.getBeforePlatOutCardNo({ cardNo: code }).then((res) => {
        let data = res.data;
        console.log(data,'8787878878');
        this.value = "";
        this.prPlateAround = data;
        this.prWorkPlan = data;
        this.prWorkOrder = data;
        this.quantity = data.inQuantity;
        // if (!data.prWorkPlan.oem) {
        //   this.makeTeam = data.prWorkPlan.makeTeam;
        // }
        // if (data.oemCustomer) {
        //   this.oemCustomer = data.prWorkPlan.oemCustomer;
        // }
        uni.showToast({
          title: "数据获取成功",
        });
      });
      //   this.$ajax.request({
      //     url: "pdaLoad/loadPlateFi/" + code,
      //     method: "GET",
      //     success: (data) => {
      //   this.value = "";
      //   this.prPlateAround = data;
      //   this.prWorkPlan = data.prWorkPlan;
      //   this.prWorkOrder = data.prWorkPlan.prWorkOrder;
      //   this.quantity = data.prWorkPlan.quantity;
      //   if (!data.prWorkPlan.oem) {
      //     this.makeTeam = data.prWorkPlan.makeTeam;
      //   }
      //   if (data.oemCustomer) {
      //     this.oemCustomer = data.prWorkPlan.oemCustomer;
      //   }
      //   uni.showToast({
      //     title: "数据获取成功",
      //   });
      //     },
      //   });
    },
    submitClick() {
      let query = [];
      query.push({
        wpId: this.prWorkPlan.wpId,
        tsId: this.prWorkPlan.teamId,
        ocId: this.prWorkPlan.ocId ? this.prWorkPlan.ocId : null,
        id: this.prWorkPlan.id,
        quantity: this.prWorkPlan.inQuantity,
      });
      console.log(query,'query');
      this.$u.api.savePlateFrontEnterIssue(query).then((res) => {
        uni.showToast({
          title: "出库成功",
        });
        this.value = "";
        this.setData();
      });


      // this.$ajax.request({
      //     url: 'pdaSave/savePlateFi',
      //     method: 'POST',
      //     data: this.prPlateAround,
      //     success: data => {
      // uni.showToast({
      //     title: '出库成功'
      // });
      // this.value = '';
      // this.setData();
      //     }
      // });
    },
    setData() {
      this.prWorkPlan = {
        bsOemCustomer: {},
        makeTeam: {},
        procedureSet: {},
        nextWorkPlan: {
          procedureSet: {},
        },
      };
      this.prWorkOrder = {
        procedureSet: {},
        pjYieldOrder: {},
        nextProcedureSet: {},
        nextMakeTeam: {},
        nextBsOemCustomer: {},
      };
      this.quantity = null;
      this.makeTeam = {};
      this.oemCustomer = {};
      this.prPlateAround = {};
    },
  },
  onNavigationBarButtonTap(btn) {
    this.$refs.ifrm.topMenuClick(btn);
  },
};
</script>

<style scoped>
.tabsBox {
  margin-top: 40rpx;
}

.contentBox {
}
</style>