|
|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<div class="hc-layout-box">
|
|
|
- <hc-page-header v-if="contractInfo?.contractType === 2 || contractInfo?.contractType === 3">
|
|
|
+ <div v-if="contractInfo?.contractType === 2 || contractInfo?.contractType === 3">
|
|
|
<hc-new-switch :datas="contractTypeTab" :keys="contractTypeTabKey" size="default" @change="contractTypeTabChange" />
|
|
|
- </hc-page-header>
|
|
|
+ </div>
|
|
|
<div v-loading="isProcessLoading" class="hc-round-chart mt-14px">
|
|
|
<el-row :gutter="30">
|
|
|
<template v-for="(item, index) in processMaterialList" :key="index">
|
|
|
@@ -85,14 +85,13 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { onMounted, ref } from 'vue'
|
|
|
+import { onActivated, ref } from 'vue'
|
|
|
import { useRouter } from 'vue-router'
|
|
|
import { useAppStore } from '~src/store'
|
|
|
-import { btnAuth } from '~uti/btn-auth'
|
|
|
+import { getArrValue, useClick } from 'js-fast-way'
|
|
|
import RoundChart from './components/echarts/RoundChart.vue'
|
|
|
import ReportChart from './components/echarts/ReportChart.vue'
|
|
|
import MediaChart from './components/echarts/MediaChart.vue'
|
|
|
-import { getArrValue } from 'js-fast-way'
|
|
|
import DataApi from '~api/schedule/data'
|
|
|
|
|
|
//变量
|
|
|
@@ -104,21 +103,21 @@ const contractInfo = ref(useAppState.getContractInfo)
|
|
|
const isCollapse = ref(useAppState.getCollapse)
|
|
|
|
|
|
//渲染完成
|
|
|
-onMounted(() => {
|
|
|
+onActivated(async () => {
|
|
|
+ await useClick()
|
|
|
queryMaterialProgress()
|
|
|
queryMaterialProgressStatus()
|
|
|
queryImageClassification()
|
|
|
})
|
|
|
|
|
|
-
|
|
|
//结构类型tab数据和相关处理
|
|
|
const contractTypeTabKey = ref(2)
|
|
|
const contractTypeTab = ref([
|
|
|
{ key: '1', name: '施工数据' },
|
|
|
{ key: '2', name: '监理数据' },
|
|
|
])
|
|
|
-const contractTypeTabChange = (item) => {
|
|
|
- contractTypeTabKey.value = item?.key
|
|
|
+const contractTypeTabChange = ({ key }) => {
|
|
|
+ contractTypeTabKey.value = key
|
|
|
queryMaterialProgress()
|
|
|
queryMaterialProgressStatus()
|
|
|
queryImageClassification()
|