87 lines
2.2 KiB
Vue
87 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<!-- 新购工机具管理 -->
|
||
|
|
<div class="app-container">
|
||
|
|
<PageHeader
|
||
|
|
v-if="isShowComponent != 'Home'"
|
||
|
|
:pageContent="pageContent"
|
||
|
|
@goBack="goBack"
|
||
|
|
/>
|
||
|
|
<component
|
||
|
|
:is="isShowComponent"
|
||
|
|
:isEdit="isEdit"
|
||
|
|
:editTaskId="editTaskId"
|
||
|
|
:editId="editId"
|
||
|
|
:queryTaskId="queryTaskId"
|
||
|
|
:queryId="queryId"
|
||
|
|
:isView="isView"
|
||
|
|
:codingTaskId="codingTaskId"
|
||
|
|
@addTools="addTools"
|
||
|
|
@editTools="editTools"
|
||
|
|
@addToolsSuccess="addToolsSuccess"
|
||
|
|
@queryTools="queryTools"
|
||
|
|
/>
|
||
|
|
</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 {
|
||
|
|
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'
|
||
|
|
},
|
||
|
|
/* 编辑工机具 */
|
||
|
|
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>
|