|
|
@@ -1,16 +1,16 @@
|
|
|
<template>
|
|
|
<div class="hc-layout-box">
|
|
|
<HcPageHeader v-if="contractInfo?.contractType === 2 || contractInfo?.contractType === 3">
|
|
|
- <HcNewSwitch :datas="contractTypeTab" :keys="contractTypeTabKey" @change="contractTypeTabChange"/>
|
|
|
+ <HcNewSwitch :datas="contractTypeTab" :keys="contractTypeTabKey" size="default" @change="contractTypeTabChange" />
|
|
|
</HcPageHeader>
|
|
|
<div class="hc-round-chart">
|
|
|
<el-row :gutter="30">
|
|
|
<el-col v-for="item in processMaterialList" :span="6">
|
|
|
<div class="hc-round-chart-card-box">
|
|
|
<div class="hc-card-content-box">
|
|
|
- <div class="card-title">{{ item['title'] }}</div>
|
|
|
+ <div class="card-title">{{ item.title }}</div>
|
|
|
<div class="card-ratio-box">
|
|
|
- <div class="ratio-num">{{ item['ratio'] }}</div>
|
|
|
+ <div class="ratio-num">{{ item.ratio }}</div>
|
|
|
<div class="ratio-text">
|
|
|
<div class="unit">%</div>
|
|
|
<div class="text">完成率</div>
|
|
|
@@ -19,18 +19,18 @@
|
|
|
<div class="card-amount-box">
|
|
|
<div class="amount-item">
|
|
|
<div class="text">应填(份)</div>
|
|
|
- <div class="num">{{ item['amount'] }}</div>
|
|
|
+ <div class="num">{{ item.amount }}</div>
|
|
|
</div>
|
|
|
- <div class="amount-divider"/>
|
|
|
+ <div class="amount-divider" />
|
|
|
<div class="amount-item">
|
|
|
<div class="text">已填(份)</div>
|
|
|
- <div class="num">{{ item['successAmount'] }}</div>
|
|
|
+ <div class="num">{{ item.successAmount }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hc-card-chart-box">
|
|
|
- <RoundChart :ratio="item.ratio"/>
|
|
|
- <div class="text-num">{{ item['ratio'] }}%</div>
|
|
|
+ <RoundChart :ratio="item.ratio" />
|
|
|
+ <div class="text-num">{{ item.ratio }}%</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -45,7 +45,7 @@
|
|
|
<span class="hc-chart-text">(已审批{{ materialList }}份)</span>
|
|
|
</div>
|
|
|
<div class="hc-report-chart-box">
|
|
|
- <ReportChart :datas="processMaterialStatusList"/>
|
|
|
+ <ReportChart :datas="processMaterialStatusList" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -55,7 +55,7 @@
|
|
|
<span class="title">声像媒体资料统计</span>
|
|
|
<el-button round size="large" @click="toTableClick">
|
|
|
<span>WBS节点进度</span>
|
|
|
- <HcIcon name="arrow-right-s" style="margin-right: 0;" ui="ml-2"/>
|
|
|
+ <HcIcon name="arrow-right-s" style="margin-right: 0;" ui="ml-2" />
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<div class="hc-media-chart-box">
|
|
|
@@ -73,7 +73,7 @@
|
|
|
<span class="num c2">{{ imageClassInfo.video }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <MediaChart :datas="contractImageClassificationList"/>
|
|
|
+ <MediaChart :datas="contractImageClassificationList" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -83,21 +83,21 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref, onMounted} from 'vue'
|
|
|
-import {useRouter} from 'vue-router'
|
|
|
-import {useAppStore} from "~src/store";
|
|
|
-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"
|
|
|
+import { onMounted, ref } from 'vue'
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
+import { useAppStore } from '~src/store'
|
|
|
+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'
|
|
|
|
|
|
//变量
|
|
|
const router = useRouter()
|
|
|
const useAppState = useAppStore()
|
|
|
-const projectId = ref(useAppState.getProjectId);
|
|
|
-const contractId = ref(useAppState.getContractId);
|
|
|
-const contractInfo = ref(useAppState.getContractInfo);
|
|
|
+const projectId = ref(useAppState.getProjectId)
|
|
|
+const contractId = ref(useAppState.getContractId)
|
|
|
+const contractInfo = ref(useAppState.getContractInfo)
|
|
|
const isCollapse = ref(useAppState.getCollapse)
|
|
|
|
|
|
//渲染完成
|
|
|
@@ -111,11 +111,11 @@ onMounted(() => {
|
|
|
//结构类型tab数据和相关处理
|
|
|
const contractTypeTabKey = ref(2)
|
|
|
const contractTypeTab = ref([
|
|
|
- {key: '1', name: '施工数据'},
|
|
|
- {key: '2', name: '监理数据'}
|
|
|
-]);
|
|
|
+ { key: '1', name: '施工数据' },
|
|
|
+ { key: '2', name: '监理数据' },
|
|
|
+])
|
|
|
const contractTypeTabChange = (item) => {
|
|
|
- contractTypeTabKey.value = item?.key;
|
|
|
+ contractTypeTabKey.value = item?.key
|
|
|
queryMaterialProgress()
|
|
|
queryMaterialProgressStatus()
|
|
|
queryImageClassification()
|
|
|
@@ -123,7 +123,7 @@ const contractTypeTabChange = (item) => {
|
|
|
|
|
|
//获取合同段类型
|
|
|
const getContractTypeKey = () => {
|
|
|
- const {contractType} = contractInfo.value;
|
|
|
+ const { contractType } = contractInfo.value
|
|
|
if (contractType === 2 || contractType === 3) {
|
|
|
return contractTypeTabKey.value ?? '1'
|
|
|
} else {
|
|
|
@@ -136,18 +136,18 @@ const isProcessLoading = ref(false)
|
|
|
const processMaterialList = ref([])
|
|
|
const queryMaterialProgress = async () => {
|
|
|
isProcessLoading.value = true
|
|
|
- const classifyType = getContractTypeKey();
|
|
|
- const {error, code, data} = await DataApi.queryMaterialProgress({
|
|
|
+ const classifyType = getContractTypeKey()
|
|
|
+ const { error, code, data } = await DataApi.queryMaterialProgress({
|
|
|
projectId: projectId.value,
|
|
|
contractId: contractId.value,
|
|
|
- classifyType: classifyType
|
|
|
- });
|
|
|
+ classifyType: classifyType,
|
|
|
+ })
|
|
|
//处理数据
|
|
|
isProcessLoading.value = false
|
|
|
if (!error && code === 200) {
|
|
|
- processMaterialList.value = getArrValue(data?.processMaterialList);
|
|
|
+ processMaterialList.value = getArrValue(data?.processMaterialList)
|
|
|
} else {
|
|
|
- processMaterialList.value = [];
|
|
|
+ processMaterialList.value = []
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -158,17 +158,17 @@ const isMaterialLoading = ref(false)
|
|
|
const processMaterialStatusList = ref([])
|
|
|
const queryMaterialProgressStatus = async () => {
|
|
|
isMaterialLoading.value = true
|
|
|
- const classifyType = getContractTypeKey();
|
|
|
- const {error, code, data} = await DataApi.queryMaterialProgressStatus({
|
|
|
+ const classifyType = getContractTypeKey()
|
|
|
+ const { error, code, data } = await DataApi.queryMaterialProgressStatus({
|
|
|
projectId: projectId.value,
|
|
|
contractId: contractId.value,
|
|
|
- classifyType: classifyType
|
|
|
- });
|
|
|
+ classifyType: classifyType,
|
|
|
+ })
|
|
|
//处理数据
|
|
|
isMaterialLoading.value = false
|
|
|
if (!error && code === 200) {
|
|
|
- let num = 0;
|
|
|
- const listData = getArrValue(data?.processMaterialStatusList);
|
|
|
+ let num = 0
|
|
|
+ const listData = getArrValue(data?.processMaterialStatusList)
|
|
|
for (let i = 0; i < listData.length; i++) {
|
|
|
const Amount = listData[i]?.approvalAmount || 0
|
|
|
num += Amount
|
|
|
@@ -177,29 +177,29 @@ const queryMaterialProgressStatus = async () => {
|
|
|
processMaterialStatusList.value = listData
|
|
|
} else {
|
|
|
materialList.value = 0
|
|
|
- processMaterialStatusList.value = [];
|
|
|
+ processMaterialStatusList.value = []
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//声像媒体资料统计
|
|
|
const isImageClassLoading = ref(false)
|
|
|
const contractImageClassificationList = ref([])
|
|
|
-const imageClassInfo = ref({amount: 0, image: 0, video: 0})
|
|
|
+const imageClassInfo = ref({ amount: 0, image: 0, video: 0 })
|
|
|
const queryImageClassification = async () => {
|
|
|
isImageClassLoading.value = true
|
|
|
- const classifyType = getContractTypeKey();
|
|
|
- const {error, code, data} = await DataApi.queryImageClassification({
|
|
|
+ const classifyType = getContractTypeKey()
|
|
|
+ const { error, code, data } = await DataApi.queryImageClassification({
|
|
|
projectId: projectId.value,
|
|
|
contractId: contractId.value,
|
|
|
- classifyType: classifyType
|
|
|
- });
|
|
|
+ classifyType: classifyType,
|
|
|
+ })
|
|
|
//处理数据
|
|
|
isImageClassLoading.value = false
|
|
|
if (!error && code === 200) {
|
|
|
- const imageClassList = getArrValue(data?.contractImageClassificationList);
|
|
|
- contractImageClassificationList.value = imageClassList;
|
|
|
+ const imageClassList = getArrValue(data?.contractImageClassificationList)
|
|
|
+ contractImageClassificationList.value = imageClassList
|
|
|
//数据显示
|
|
|
- let AxisData = {amount: 0, image: 0, video: 0};
|
|
|
+ let AxisData = { amount: 0, image: 0, video: 0 }
|
|
|
for (let i = 0; i < imageClassList.length; i++) {
|
|
|
AxisData.amount = imageClassList[i].amount
|
|
|
AxisData.image = imageClassList[i].imageAmount
|
|
|
@@ -207,13 +207,13 @@ const queryImageClassification = async () => {
|
|
|
}
|
|
|
imageClassInfo.value = AxisData
|
|
|
} else {
|
|
|
- contractImageClassificationList.value = [];
|
|
|
+ contractImageClassificationList.value = []
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//查看WBS节点进度
|
|
|
const toTableClick = () => {
|
|
|
- router.push({path: '/schedule/table'})
|
|
|
+ router.push({ path: '/schedule/table' })
|
|
|
}
|
|
|
</script>
|
|
|
|
