<template>
  <!-- 新购工机具管理 -->
  <div class="app-container">
    <PageHeader
      v-if="isShowComponent != 'Home'"
      :pageContent="pageContent"
      @goBack="goBack"
    />
    <!-- 缓存 -->
    <keep-alive include="Home">
      <component 
        ref="componentRef"
        :is="isShowComponent" 
        :isEdit="isEdit"
        :editTaskId="editTaskId"
        :editId="editId"
        :queryTaskId="queryTaskId"
        :queryId="queryId"
        :isView="isView"
        :codingTaskId="codingTaskId"
        @addTools="addTools"
        @editTools="editTools"
        @addToolsSuccess="addToolsSuccess"
        @queryTools="queryTools"
      />
    </keep-alive>
  </div>
</template>
  
<script>
import PageHeader from "@/components/pageHeader";
import Home from "./component/home.vue"; // 主列表
import AddTools from './component/addTools.vue' // 新增机具 和 修改机具
import QueryTools from './component/queryTools.vue' // 查询机具 和 验收机具
export default {
  name: "GoodsArrived",
  components: {
    Home,
    PageHeader,
    AddTools,
    QueryTools
  },
  data() {
    return {
      isShowComponent: "Home",
      pageContent: "新增机具",
      isEdit: false,
      editTaskId: "",
      editId: "",
      queryId:"",
      queryTaskId: "",
      isView: false,
      codingTaskId: "",
    };
  },

  methods: {
      /* 新增工机具 */
      addTools() {
          this.isEdit = false
          this.editTaskId = ''
          this.queryTaskId = ''
          this.pageContent = '新增机具'
          this.isShowComponent = 'AddTools'
      },
      /* 新增成功 */
      addToolsSuccess() {
          this.isShowComponent = 'Home'
          this.$nextTick(() => {
            this.$refs.componentRef.resetQuery()
          })
      },
      /* 编辑工机具 */
      editTools(taskId,id) {
            this.isEdit = true
            this.pageContent = '编辑机具'
            this.editTaskId = taskId
            this.editId = id
            this.isShowComponent = 'AddTools'
        },
      /* 查询工机具 */
      queryTools(taskId,id) {
            this.isView = true
            this.pageContent = '详情信息'
            this.queryTaskId = taskId
            this.queryId = id
            this.isShowComponent = 'QueryTools'
        },
    /* 返回按钮 */
    goBack() {
      this.isShowComponent = "Home";
    },
  },
};
</script>