<template>
  <ifrm ref="ifrm">
    <!-- 镀前入库 -->
    <uni-forms ref="form" err-show-type="toast">
      <uni-forms-item name="allegation"
        ><input
          type="text"
          v-model="value"
          @confirm="confirm"
          class="uni-input-border"
          placeholder="流程卡"
      /></uni-forms-item>
    </uni-forms>
    <t-table style="margin-top: 20rpx">
      <t-tr>
        <t-td>流程卡号</t-td>
        <t-td>{{ prWorkOrder.cardNo }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>车间订单号</t-td>
        <t-td>{{ prWorkOrder.woCode }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>批次号</t-td>
        <t-td>{{ prWorkOrder.batchNo }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>需求部门</t-td>
        <t-td>{{ prWorkOrder.pjYieldOrder.useDept }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>零件编码</t-td>
        <t-td>{{ prWorkOrder.pjYieldOrder.partCode }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>零件名称</t-td>
        <t-td>{{ prWorkOrder.pjYieldOrder.partName }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>工序号</t-td>
        <t-td>{{ prWorkPlan.orders }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>工序名称</t-td>
        <t-td>{{ prWorkOrder.procedureSet.ppsName }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>班组/供应商</t-td>
        <t-td>{{ makeTeam.tsName || oemCustomer.ocName }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>入库数量</t-td>
        <t-td>{{ prWorkOrder.makeQty }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>下序号</t-td>
        <t-td>{{ prWorkOrder.nextOrders || "" }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>下序名称</t-td>
        <t-td>{{
          (prWorkOrder &&
            prWorkOrder.nextProcedureSet &&
            prWorkOrder.nextProcedureSet.ppsName) ||
          ""
        }}</t-td>
      </t-tr>
      <t-tr>
        <t-td>下序班组/供应商</t-td>
        <t-td>{{
          (prWorkOrder &&
            prWorkOrder.nextMakeTeam &&
            prWorkOrder.nextMakeTeam.tsName) ||
          (prWorkOrder &&
            prWorkOrder.nextBsOemCustomer &&
            prWorkOrder.nextBsOemCustomer.ocName) ||
          ""
        }}</t-td>
      </t-tr>
    </t-table>
    <view class="buttonBox">
      <button
        class="button"
        type="primary"
        :disabled="!(Object.keys(this.prWorkPlan).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: {},
    };
  },
  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.getBeforePlatInCardNo({ cardNo: code }).then((res) => {
        this.value = "";
        this.prWorkPlan = data;
        this.prWorkOrder = data.prWorkOrder;
        console.log(data.prWorkOrder);
        this.quantity = data.prWorkOrder.makeQty;
        if (!data.oem) {
          this.makeTeam = data.makeTeam;
        }
        if (data.oemCustomer) {
          this.oemCustomer = data.oemCustomer;
        }
        uni.showToast({
          title: "数据获取成功",
        });
      });
      //   this.$ajax.request({
      //     url: "pdaLoad/loadPlateFe/" + code,
      //     method: "GET",
      //     success: (data) => {
      //   this.value = "";
      //   this.prWorkPlan = data;
      //   this.prWorkOrder = data.prWorkOrder;
      //   console.log(data.prWorkOrder);
      //   this.quantity = data.prWorkOrder.makeQty;
      //   if (!data.oem) {
      //     this.makeTeam = data.makeTeam;
      //   }
      //   if (data.oemCustomer) {
      //     this.oemCustomer = data.oemCustomer;
      //   }
      //   uni.showToast({
      //     title: "数据获取成功",
      //   });
      //     },
      //   });
    },
    submitClick() {
      this.$u.api.savePlateFrontEnter({}).then((res) => {
        uni.showToast({
          title: "入库成功",
        });
        this.value = "";
        this.setData();
      });
      //   this.$ajax.request({
      //     url: "pdaSave/savePlateFe",
      //     method: "POST",
      //     data: {
      //       prWorkPlan: this.prWorkPlan,
      //       quantity: this.quantity,
      //       makeTeam: this.makeTeam,
      //     },
      //     success: (data) => {
      //   uni.showToast({
      //     title: "入库成功",
      //   });
      //   this.value = "";
      //   this.setData();
      //     },
      //   });
    },
    setData() {
      this.prWorkPlan = {};
      this.prWorkOrder = {
        procedureSet: {},
        pjYieldOrder: {},
        nextProcedureSet: {},
        nextMakeTeam: {},
        nextBsOemCustomer: {},
      };
      this.quantity = null;
      this.makeTeam = {};
      this.oemCustomer = {};
    },
  },
  onNavigationBarButtonTap(btn) {
    this.$refs.ifrm.topMenuClick(btn);
  },
};
</script>

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

.contentBox {
}
</style>