|
@@ -1,38 +1,38 @@
|
|
|
<template>
|
|
|
<HcTabsSimple :cur="tabsKey" :datas="tabsData" @tabClick="tabsClick">
|
|
|
<template #tab-pricetype>
|
|
|
- <TabPriceType :cur="tabsKey" :type="1"/>
|
|
|
+ <HcTabPriceType :cur="tabsKey" :type="1" v-if="tabsKey==='pricetype'"/>
|
|
|
</template>
|
|
|
<template #tab-tasktype>
|
|
|
- <TabTaskType :cur="tabsKey" :type="2"/>
|
|
|
+ <HcTabTaskType :cur="tabsKey" :type="2" v-if="tabsKey==='tasktype'"/>
|
|
|
</template>
|
|
|
<template #tab-price>
|
|
|
- <TabPrice :cur="tabsKey" :type="3"/>
|
|
|
+ <HcTabPrice :cur="tabsKey" :type="3" v-if="tabsKey==='price'"/>
|
|
|
</template>
|
|
|
<template #tab-reimbursement>
|
|
|
- <TabReimbursement :cur="tabsKey" :type="4"/>
|
|
|
+ <HcTabReimbursement :cur="tabsKey" :type="4" v-if="tabsKey==='reimbursement'"/>
|
|
|
</template>
|
|
|
<template #tab-cost>
|
|
|
- <TabCost :cur="tabsKey" :type="5"/>
|
|
|
+ <HcTabCost :cur="tabsKey" :type="5" v-if="tabsKey==='cost'"/>
|
|
|
</template>
|
|
|
<template #tab-approve>
|
|
|
- <TabApprove :cur="tabsKey" :type="6"/>
|
|
|
+ <HcTabApprove :cur="tabsKey" :type="6" v-if="tabsKey==='approve'"/>
|
|
|
</template>
|
|
|
<template #tab-other>
|
|
|
- <TabOther :cur="tabsKey" :type="11"/>
|
|
|
+ <HcTabOther :cur="tabsKey" :type="11" v-if="tabsKey==='other'"/>
|
|
|
</template>
|
|
|
</HcTabsSimple>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import {ref, watch, onMounted} from "vue";
|
|
|
-import TabPriceType from "./components/tab-pricetype.vue";
|
|
|
-import TabTaskType from "./components/tab-tasktype.vue";
|
|
|
-import TabPrice from "./components/tab-price.vue";
|
|
|
-import TabReimbursement from "./components/tab-reimbursement.vue";
|
|
|
-import TabCost from "./components/tab-cost.vue";
|
|
|
-import TabApprove from "./components/tab-approve.vue";
|
|
|
-import TabOther from './components/tab-other.vue'
|
|
|
+import HcTabPriceType from "./components/tab-price-type.vue";
|
|
|
+import HcTabTaskType from "./components/tab-task-type.vue";
|
|
|
+import HcTabPrice from "./components/tab-price.vue";
|
|
|
+import HcTabReimbursement from "./components/tab-reimbursement.vue";
|
|
|
+import HcTabCost from "./components/tab-cost.vue";
|
|
|
+import HcTabApprove from "./components/tab-approve.vue";
|
|
|
+import HcTabOther from './components/tab-other.vue'
|
|
|
|
|
|
|
|
|
//类型处理
|
|
@@ -45,7 +45,7 @@ const tabsData = ref([
|
|
|
{icon: 'sun-cloudy', label: '成本测算类型', key: 'cost'},
|
|
|
{icon: 'sun-cloudy', label: '审批流程', key: 'approve'},
|
|
|
{icon: 'sun-cloudy', label: '其他', key: 'other'},
|
|
|
-
|
|
|
+
|
|
|
])
|
|
|
//渲染完成
|
|
|
onMounted(() => {
|