From 045e502fa06255c7ebe1ad6bb4ff503825006cbe Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期二, 14 十一月 2023 14:55:56 +0800
Subject: [PATCH] 去除ts
---
src/views/line_graph/SiteComprehensiveRskRanking.vue | 140 ++++++++++++++++++++++++++++------------------
1 files changed, 86 insertions(+), 54 deletions(-)
diff --git a/src/views/line_graph/SiteComprehensiveRskRanking.vue b/src/views/line_graph/SiteComprehensiveRskRanking.vue
index 082d7ed..2d361f6 100644
--- a/src/views/line_graph/SiteComprehensiveRskRanking.vue
+++ b/src/views/line_graph/SiteComprehensiveRskRanking.vue
@@ -8,14 +8,19 @@
import ButtonClick from '@/sfc/ButtonClick.vue'
import { ElMessage } from 'element-plus'
import MonthSelect from '@/sfc/MonthSelect.vue';
+import SiteDetail from '@/views/line_graph/components/SiteDetail.vue'
+import { useLoadingStore } from '@/stores/loadingStore';
+import { mapStores } from 'pinia';
+import riskApi from '@/api/risk/riskApi.js';
+import riskValue from '@/utils/risk_estimate_common_function/riskValue.js';
export default {
components: {
AreaAndmonitorType,
ButtonExportExcel,
ButtonClick,
- MonthSelect
+ MonthSelect,
+ SiteDetail,
},
-
data() {
return {
// 琛ㄦ牸鏁版嵁
@@ -54,13 +59,17 @@
// 琛ㄦ牸鏁版嵁
table: [],
// 琛ㄦ牸楂樺害
- tableHeight: 600
+ tableHeight: 600,
+ currentRow:[]
}
},
setup() {
// 寮曞叆 鐧惧垎鍙锋瘮杈冨ぇ灏� 瀵煎嚭鍔熻兘
const { exportToExcel } = useCommonFunction()
return { exportToExcel }
+ },
+ computed: {
+ ...mapStores(useLoadingStore),
},
mounted(){
//
@@ -102,63 +111,69 @@
this.tableHeight = `calc(100vh - ${h1}px - 40px - 40px - var(--el-main-padding) * 2`
},
// 鐐瑰嚮椋庨櫓鎺掑悕鎸夐挳
- fetchData() {
+ // fetchData() {
+ // this.loading = true
+ // this.queryButton = true
+ // exceptionApi
+ // .analysisdataByType(this.form.month, 'month')
+ // .then((response) => {
+ // this.chartData = response.data.data
+ // this.queryButton = false
+ // this.isNoData = false
+
+ // if (response.data.data.length == 0) {
+ // this.isNoData = true
+ // return
+ // }
+
+ // exceptionApi
+ // .exceptiondata1({
+ // siteName: '',
+ // beginTime: this.form.beginTime,
+ // endTime: this.form.endTime
+ // })
+ // .then((res) => {
+ // this.isNoData = false
+
+ // this.table = index.merge(
+ // this.chartData,
+ // res.data.data,
+ // this.form.beginTime,
+ // this.form.endTime
+ // )
+ // this.loading = false
+
+ // this.$nextTick(()=>{
+ // this.$refs.table.sort('riskValue','descending')
+
+ // })
+
+ // })
+
+ // })
+ // },
+
+ // 鐐瑰嚮椋庨櫓鎺掑悕鎸夐挳
+ fetchData() {
this.loading = true
this.queryButton = true
- exceptionApi
- .analysisdataByType(this.form.month, 'month')
+ riskApi
+ .queryRiskValue('',this.form.month, 'month')
.then((response) => {
- this.chartData = response.data.data
- this.queryButton = false
- this.isNoData = false
-
if (response.data.data.length == 0) {
this.isNoData = true
return
}
- exceptionApi
- .exceptiondata1({
- siteName: this.form.name,
- beginTime: this.form.beginTime,
- endTime: this.form.endTime
- })
- .then((res) => {
- this.isNoData = false
-
- this.table = index.merge(
- this.chartData,
- res.data.data,
- this.form.beginTime,
- this.form.endTime
- )
- this.loading = false
-
+ this.table = riskValue.calMonthlyRiskValue(response.data.data)
+ this.queryButton = false
+ this.isNoData = false
this.$nextTick(()=>{
this.$refs.table.sort('riskValue','descending')
- })
-
- })
-
})
- },
-
- // 浼佷笟寮傚父璇︽儏
- // exceptiondataCount() {
- // exceptionApi
- // .exceptiondata1({
- // // siteName: this.form.name,
- // siteName: '',
- // beginTime: this.form.beginTime,
- // endTime: this.form.endTime
- // })
- // .then((res) => {
- // let obj = index.calRecur(res.data.data)
- // this.bill.exceptionRecurrence = obj['exceptionRecurrence']
- // this.bill.exceptionTypeAggregation = obj['exceptionTypeAggregation']
- // })
- // },
+ })
+ },
/**
* 鍒濆鍔犺浇鍑芥暟
@@ -202,6 +217,12 @@
} else {
ElMessage('鏃犳暟鎹渶瑕佸鍑�')
}
+ },
+ openDetail(row){
+ const encodedSiteName = encodeURIComponent(row.siteName);
+ this.$router.push(`/detail/${encodedSiteName}/${this.form.month}`)
+
+ // this.$router.push(`/detail/${row.siteName}/${this.form.month}`)
}
}
}
@@ -215,12 +236,8 @@
<AreaAndmonitorType></AreaAndmonitorType>
</el-form-item>
- <!-- <el-form-item>
- <InputSearch isNeedDefaultSite="1" @submit-value="(n) => (form.name = n)"></InputSearch>
- </el-form-item> -->
-
<el-form-item>
- <MonthSelect @submit-value="giveMonth"></MonthSelect>
+ <MonthSelect @submit-value="giveMonth"></MonthSelect>
</el-form-item>
<el-form-item>
@@ -247,6 +264,7 @@
:data="table"
:height="tableHeight"
v-loading="loading"
+ element-loading-text="鍚庡彴鍒嗘瀽涓�..."
style="width: 98%"
:cell-class-name="tableCellClassName"
:default-sort="{ prop: 'riskValue', order: 'descending' }"
@@ -263,7 +281,13 @@
width="55"
show-overflow-tooltip
/>
- <el-table-column prop="siteName" label="绔欑偣鍚嶇О" align="center" show-overflow-tooltip />
+ <el-table-column prop="siteName" label="绔欑偣鍚嶇О" align="center" show-overflow-tooltip >
+ <template #default="{ row }">
+ <el-button type="primary" text class="table-button" @click="openDetail(row)"
+ >{{row.siteName}}</el-button
+ >
+ </template>
+ </el-table-column>
<el-table-column prop="region" label="鍖哄煙" align="center" width="80" show-overflow-tooltip />
<el-table-column prop="monitorType" label="妫�娴嬬被鍨�" align="center" width="80" show-overflow-tooltip />
<el-table-column
@@ -294,6 +318,9 @@
/>
</el-table>
<el-empty v-show="isNoData" :image-size="200" />
+
+
+
</template>
<style scoped>
@@ -306,5 +333,10 @@
background-color: red;
/* color: rgb(241, 236, 236); */
}
+.table-button {
+ letter-spacing: 1px;
+ text-decoration: underline;
+ border-radius: 0px;
+}
</style>
--
Gitblit v1.9.3