<template>
  <div>


    <el-row :gutter="0"  v-if="isLinkDisabled" style="margin-top: 15px">
      <el-col :span="24" align="right">
        <div class="inv-hos-title">
            <span
              style="margin: 10px;color: #2d8cf0;font-size: 14px;"
            >部门&nbsp:&nbsp{{ this.userInfo.deptName }}</span>

          <span style="font-weight: 500;color:rgb(51 48 48); font-size: 14px;">用户&nbsp:&nbsp{{
              this.userInfo.companyName
            }}</span>
          <span
            style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px"
          >&nbsp&nbsp&nbsp&nbsp(用户&nbsp:&nbsp{{
              this.userInfo.userName
            }})</span>
        </div>
      </el-col>
    </el-row>

    <el-tabs type="border-card" style="margin: 15px">

      <el-tab-pane label="拆零库存">
        <fifoPanel
          style="margin: -15px"
          :panelType="1"
        ></fifoPanel>
      </el-tab-pane>

      <el-tab-pane label="整取库存">
        <fifoPanel
          style="margin: -15px"
          :panelType="2"
        ></fifoPanel>
      </el-tab-pane>

    </el-tabs>


  </div>
</template>

<script>

import fifoPanel from "./IoSplitFifoCodePanel";

export default {
  name: "PrescribeTagCode",
  components: {
    fifoPanel
  },
  data() {
    return {
      isLinkDisabled: false,
      userInfo: {
        inv: this.$store.getters.locInvName,
        deptName: this.$store.getters.locDeptName,
        userName: this.$store.getters.name,
        companyName: this.$store.getters.companyName,
      },
    }
  },
  created() {
    if (this.$route.query.workplaceId != null){
      this.isLinkDisabled = true
    }
  }
}
</script>

<style scoped>

</style>
