Skip to content

Q
quality-dynamic
Commit 28a9ac0a authored by 张牧越's avatar 张牧越
Browse files
Options

数据接入

parent cce27b43
Show whitespace changes
Inline Side-by-side
Showing with 400 additions and 792 deletions
src/api/dataStatis.js
View file @ 28a9ac0a
......@@ -7,7 +7,7 @@ export async function getMapData(params) {
return await request({
url: '/site/index/mapcount',
method: 'get',
params
params, noloading: true
})
}
......@@ -78,10 +78,21 @@ export async function getScoreByCity(areaId) {
// 右侧得分
export async function getScoreStatusByCity(areaId) {
return await request({
url: `/site/index/get_score`,
url: `/site/index/getscore`,
method: 'get',
params: {
city_id: areaId
}
})
}
// 获取工程列表接口
export async function getProjectList(params, noloading) {
return await request({
url: `/site/index/getproject`,
method: 'get',
params,
noloading: noloading,
})
}
\ No newline at end of file
src/components/common/DialogApiDataTable.vue
View file @ 28a9ac0a
......@@ -117,9 +117,6 @@ export default {
mounted() {
if (this.autoLoad) {
this.getData();
} else {
this.tableData = this.data;
this.total = 13;
}
},
methods: {
......@@ -127,31 +124,19 @@ export default {
if (this.api) {
this.loading = true;
this.tableData = [];
if (!this.pathId) {
this.api({
...this.parameters,
page: this.currentPage,
limit: this.pageSize,
}).then((res) => {
this.loading = false;
this.tableData = res.data.data;
this.total = res.data.total;
});
} else {
this.api(
{
...this.parameters,
page: this.currentPage,
limit: this.pageSize,
},
this.pathId
true
).then((res) => {
this.loading = false;
this.tableData = res.data.data;
this.total = res.data.total;
});
}
}
},
handleSizeChange(size) {
this.pageSize = size;
......
src/utils/request.js
View file @ 28a9ac0a
......@@ -48,7 +48,9 @@ request.interceptors.request.use(
// config.headers['Authorization'] = Authorization
// }
// config.headers['Authorization'] = 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiI1IiwianRpIjoiZjQ0MjM0NzJlMjI0NzE2NWRjOWI3YzhlMTU5OGM1NGIwYTIxM2UyMDFmNThjYjc0OWNhYjVhZWUzZDE2NzVjMGNhODlkODIzZWM3MDM1ZWMiLCJpYXQiOjE3MzE4OTE5OTQuNDU5OTY0LCJuYmYiOjE3MzE4OTE5OTQuNDU5OTcsImV4cCI6MTc2MzQyNzk5NC4zNTgyNjcsInN1YiI6IjEiLCJzY29wZXMiOlsiKiJdfQ.kHggVPwqqNdp1VBbrGiEEBJHjhN8VCeDbS22C-sIeOMFPbeo-KCxpKpISwbVGpgEuqB57tz_mCtpFUYxcQW9lHIiRkn9YV8looMjZqDnRhLk-lBsKper_9nqhh_dacVMlwyiZZuOo34H-C45IHeDbzxL2vpqYfM2DYPTBgJYw5rexM2jqyiCEQOzYmYEUCeuMvAcjXA7Y7wPVbW1b4JbI5lAnLHPtlB7n3QZ0krH4VfWNj2fKwYGeWEHEkGnnXDlBh7E1IDjbZ_n1RbpM_PBr-rmSCnK3rXOwneICW-yzIiv3oiLE5UMz04LwQZr5p_7zLJQaqkpSREWfUiKVoMdwvXtCjYomhrj4KqxUqkUJNicKDNorKNHbpg7j45b3OLJrp8_8RIL9bWAxykzkFsQCMyt7xHw8oT0ejUmGTLSSKYiAT2ZMV_S0_KWexDiDJvzC6flH0hOK7lPG7e7idjBxC1qD0phmIggn1hcmfnFJ6ZOV_XlS4VHfvTzqoLuQXaUffH_qqKLn9rvci4EedqYDOrlbh957HrrCbvnywYwahh_3R43CfhcmI494zxpdWhUKbhCqo1uNWvlR9MKL3WVP_lvswkd9JlzO17oN9oXqCpt8SPH41tVQ0BxuVUeYrMFmSmxCYuN5026VrFwYKXOF5lMsFdNBnqagIABa6gFyx8'
if (!config.noloading) {
showLoading()
}
return config
},
error => {
......
src/views/DataStatis/Index.vue
View file @ 28a9ac0a
......@@ -11,12 +11,12 @@
</template>
<STable :headers="header1" :table-data="data1">
<template slot-scope="scope">
<template v-if="scope.header.slot == 'quality_score'">
<template v-if="scope.header.slot == 'regulation_score'">
<span
:style="{
color: scope.row.quality_score < 80 ? '#f86262' : '',
color: scope.row.regulation_score < 80 ? '#f86262' : '',
}"
>{{ scope.row.quality_score }}</span
>{{ scope.row.regulation_score }}</span
>
</template>
</template>
......@@ -36,6 +36,22 @@
>{{ scope.row.quality_score }}</span
>
</template>
<template v-if="scope.header.slot == 'quality_check_score'">
<span
:style="{
color: scope.row.quality_check_score < 80 ? '#f86262' : '',
}"
>{{ scope.row.quality_check_score }}</span
>
</template>
<template v-if="scope.header.slot == 'quality_total_score'">
<span
:style="{
color: scope.row.quality_total_score < 80 ? '#f86262' : '',
}"
>{{ scope.row.quality_total_score }}</span
>
</template>
</template>
</STable>
</Section>
......@@ -45,12 +61,12 @@
</template>
<STable :headers="header3" :table-data="data3">
<template slot-scope="scope">
<template v-if="scope.header.slot == 'quality_score'">
<template v-if="scope.header.slot == 'excellence_score'">
<span
:style="{
color: scope.row.quality_score < 80 ? '#f86262' : '',
color: scope.row.excellence_score < 80 ? '#f86262' : '',
}"
>{{ scope.row.quality_score }}</span
>{{ scope.row.excellence_score }}</span
>
</template>
</template>
......@@ -108,21 +124,26 @@
:table-data="data4"
>
<template slot-scope="scope">
<template v-if="scope.header.slot == 'project_num'">
<template v-if="scope.header.slot == 'regulation_score'">
<span
:style="{ color: scope.row.project_num < 80 ? '#f86262' : '' }"
>{{ scope.row.project_num }}</span
:style="{
color: scope.row.regulation_score < 80 ? '#f86262' : '',
}"
>{{ scope.row.regulation_score }}</span
>
</template>
<template v-if="scope.header.slot == 'score'">
<span :style="{ color: scope.row.score < 80 ? '#f86262' : '' }">{{
scope.row.score
}}</span>
<template v-if="scope.header.slot == 'quality_total_score'">
<span
:style="{
color: scope.row.quality_total_score < 80 ? '#f86262' : '',
}"
>{{ scope.row.quality_total_score }}</span
>
</template>
<template v-if="scope.header.slot == 'score_count'">
<template v-if="scope.header.slot == 'total_score'">
<span
:style="{ color: scope.row.score_count < 80 ? '#f86262' : '' }"
>{{ scope.row.score_count }}</span
:style="{ color: scope.row.total_score < 80 ? '#f86262' : '' }"
>{{ scope.row.total_score }}</span
>
</template>
</template>
......@@ -172,6 +193,7 @@ import {
getStatusQuestion,
getScoreByCity,
getScoreStatusByCity,
getProjectList,
} from "@/api/dataStatis";
import { mapState } from "vuex";
......@@ -202,9 +224,9 @@ export default {
},
{
name: "政府监管得分",
props: "quality_score",
props: "regulation_score",
width: "30%",
slot: "quality_score",
slot: "regulation_score",
},
],
header2: [
......@@ -226,15 +248,15 @@ export default {
},
{
name: "质量检测",
props: "quality_score",
props: "quality_check_score",
width: "20%",
slot: "quality_score",
slot: "quality_check_score",
},
{
name: "总得分",
props: "quality_score",
props: "quality_total_score",
width: "15%",
slot: "quality_score",
slot: "quality_total_score",
},
],
header3: [
......@@ -250,9 +272,9 @@ export default {
},
{
name: "创新创优得分",
props: "quality_score",
props: "excellence_score",
width: "30%",
slot: "quality_score",
slot: "excellence_score",
},
],
// header1: [
......@@ -346,21 +368,21 @@ export default {
},
{
name: "政府监管",
props: "project_num",
props: "regulation_score",
width: "20%",
slot: "project_num",
slot: "regulation_score",
},
{
name: "工程质量",
props: "score",
props: "quality_total_score",
width: "20%",
slot: "score",
slot: "quality_total_score",
},
{
name: "工程总得分",
props: "score_count",
props: "total_score",
width: "20%",
slot: "score_count",
slot: "total_score",
},
],
header4_2: [
......@@ -499,29 +521,17 @@ export default {
polygons: [],
currentCityName: "",
currentCityId: "",
zfjg_score: 90,
zljc_score: 85,
score_count: 87,
zfjg_score: 0,
zljc_score: 0,
score_count: 0,
projectListVisible: false,
};
},
methods: {
initMap() {
var cityData = [
{ name: "杭州市", id: 383, score: 97 },
{ name: "湖州市", id: 384, score: 88 },
{ name: "嘉兴市", id: 385, score: 75 },
{ name: "金华市", id: 386, score: 85 },
{ name: "丽水市", id: 387, score: 92 },
{ name: "宁波市", id: 388, score: 95 },
{ name: "衢州市", id: 393, score: 80 },
{ name: "绍兴市", id: 389, score: 85 },
{ name: "台州市", id: 390, score: 77 },
{ name: "温州市", id: 391, score: 78 },
{ name: "舟山市", id: 392, score: 84 },
];
getMapData().then((res) => {
var newZhejiangMapData = [];
cityData.map((item) => {
res.data.map((item) => {
newZhejiangMapData.push({
name: item.name,
value: [
......@@ -542,33 +552,14 @@ export default {
});
this.switchList(1);
this.initMapData("amap-container", zhejiangJson, newZhejiangMapData, 1);
// getMapData().then((res) => {
// console.log(JSON.stringify(res.data));
// var newZhejiangMapData = [];
// res.data.map((item) => {
// newZhejiangMapData.push({
// name: item.name,
// value: [
// zhejiangMapData.filter((cx) => {
// return cx.name == item.name;
// })[0].value[0],
// zhejiangMapData.filter((cx) => {
// return cx.name == item.name;
// })[0].value[1],
// item.score,
// ],
// id: item.id,
// });
// if (item.name == "杭州市") {
// this.currentCityId = item.id;
// this.currentCityName = item.name;
// }
// });
// this.switchList(1);
// this.initMapData("amap-container", zhejiangJson, newZhejiangMapData, 1);
// });
});
},
getData() {
getProjectList({ limit: 20 }, false).then((res) => {
this.data1 = res.data.data;
this.data2 = res.data.data;
this.data3 = res.data.data;
});
// getYearQuestion().then((res) => {
// this.data1 = res.data;
// });
......@@ -578,168 +569,168 @@ export default {
// getStatusQuestion().then((res) => {
// this.data3 = res.data;
// });
this.data1 = [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
quality_score: "90",
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
quality_score: "85",
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
quality_score: "77",
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
quality_score: "92",
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
quality_score: "85",
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
quality_score: "90",
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
quality_score: "82",
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
quality_score: "87",
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
quality_score: "88",
},
{
project_name: "临安区双溪口水库工程",
quality_score: "81",
},
{
project_name: "宁波市界牌碶泵站工程",
quality_score: "79",
},
{
project_name: "奉化区柏坑水库扩容工程",
quality_score: "89",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "85",
},
];
this.data2 = [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
quality_score: "80",
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
quality_score: "75",
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
quality_score: "97",
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
quality_score: "92",
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
quality_score: "82",
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
quality_score: "90",
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
quality_score: "82",
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
quality_score: "84",
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
quality_score: "82",
},
{
project_name: "临安区双溪口水库工程",
quality_score: "81",
},
{
project_name: "宁波市界牌碶泵站工程",
quality_score: "79",
},
{
project_name: "奉化区柏坑水库扩容工程",
quality_score: "83",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "82",
},
];
this.data3 = [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
quality_score: "90",
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
quality_score: "90",
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
quality_score: "87",
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
quality_score: "92",
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
quality_score: "85",
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
quality_score: "77",
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
quality_score: "90",
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
quality_score: "95",
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
quality_score: "88",
},
{
project_name: "临安区双溪口水库工程",
quality_score: "97",
},
{
project_name: "宁波市界牌碶泵站工程",
quality_score: "79",
},
{
project_name: "奉化区柏坑水库扩容工程",
quality_score: "83",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "74",
},
];
// this.data1 = [
// {
// project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
// quality_score: "90",
// },
// {
// project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
// quality_score: "85",
// },
// {
// project_name: "钱塘江北岸五堡排涝泵站工程",
// quality_score: "77",
// },
// {
// project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
// quality_score: "92",
// },
// {
// project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
// quality_score: "85",
// },
// {
// project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
// quality_score: "90",
// },
// {
// project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
// quality_score: "82",
// },
// {
// project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
// quality_score: "87",
// },
// {
// project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
// quality_score: "88",
// },
// {
// project_name: "临安区双溪口水库工程",
// quality_score: "81",
// },
// {
// project_name: "宁波市界牌碶泵站工程",
// quality_score: "79",
// },
// {
// project_name: "奉化区柏坑水库扩容工程",
// quality_score: "89",
// },
// {
// project_name: "余姚市陶家路江排涝枢纽及供水工程",
// quality_score: "85",
// },
// ];
// this.data2 = [
// {
// project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
// quality_score: "80",
// },
// {
// project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
// quality_score: "75",
// },
// {
// project_name: "钱塘江北岸五堡排涝泵站工程",
// quality_score: "97",
// },
// {
// project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
// quality_score: "92",
// },
// {
// project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
// quality_score: "82",
// },
// {
// project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
// quality_score: "90",
// },
// {
// project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
// quality_score: "82",
// },
// {
// project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
// quality_score: "84",
// },
// {
// project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
// quality_score: "82",
// },
// {
// project_name: "临安区双溪口水库工程",
// quality_score: "81",
// },
// {
// project_name: "宁波市界牌碶泵站工程",
// quality_score: "79",
// },
// {
// project_name: "奉化区柏坑水库扩容工程",
// quality_score: "83",
// },
// {
// project_name: "余姚市陶家路江排涝枢纽及供水工程",
// quality_score: "82",
// },
// ];
// this.data3 = [
// {
// project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
// quality_score: "90",
// },
// {
// project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
// quality_score: "90",
// },
// {
// project_name: "钱塘江北岸五堡排涝泵站工程",
// quality_score: "87",
// },
// {
// project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
// quality_score: "92",
// },
// {
// project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
// quality_score: "85",
// },
// {
// project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
// quality_score: "77",
// },
// {
// project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
// quality_score: "90",
// },
// {
// project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
// quality_score: "95",
// },
// {
// project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
// quality_score: "88",
// },
// {
// project_name: "临安区双溪口水库工程",
// quality_score: "97",
// },
// {
// project_name: "宁波市界牌碶泵站工程",
// quality_score: "79",
// },
// {
// project_name: "奉化区柏坑水库扩容工程",
// quality_score: "83",
// },
// {
// project_name: "余姚市陶家路江排涝枢纽及供水工程",
// quality_score: "74",
// },
// ];
},
async load() {
......@@ -749,82 +740,17 @@ export default {
switchList(type) {
this.activeTab = type;
this.data4 = [];
this.data4 = [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
score: 85,
score_count: 87,
project_num: 90,
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
score: 85,
score_count: 90,
project_num: 95,
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
score: 75,
score_count: 80,
project_num: 85,
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
score: 83,
score_count: 85,
project_num: 87,
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
score: 90,
score_count: 94,
project_num: 98,
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
score: 84,
score_count: 88,
project_num: 88,
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
score: 73,
score_count: 79,
project_num: 86,
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
score: 92,
score_count: 83,
project_num: 79,
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
score: 82,
score_count: 90,
project_num: 98,
},
{
project_name: "临安区双溪口水库工程",
score: 83,
score_count: 82,
project_num: 94,
},
{
project_name: "宁波市界牌碶泵站工程",
score: 84,
score_count: 83,
project_num: 90,
},
];
// getScoreByCity(this.currentCityId).then((res) => {
// this.data4 = res.data;
// });
// getScoreStatusByCity(this.currentCityId).then((res) => {
// this.zfjg_score = res.data.zfjg_score;
// this.zljc_score = res.data.zljc_score;
// this.score_count = res.data.score_count;
// });
getProjectList({ city_id: this.currentCityId, limit: 20 }, false).then(
(res) => {
this.data4 = res.data.data;
}
);
getScoreStatusByCity(this.currentCityId).then((res) => {
this.zfjg_score = res.data.zfjg_score;
this.zljc_score = res.data.zljc_score;
this.score_count = res.data.score_count;
});
// if (type == 1) {
......@@ -1145,9 +1071,8 @@ export default {
myChart.clear();
myChart.setOption(option);
window.addEventListener("resize", () => {
// myChart.resize();
setTimeout(() => {
this.initMap();
myChart.resize();
}, 500);
});
myChart.off().on("click", (params) => {
......
src/views/DataStatis/project/CXCY.vue
View file @ 28a9ac0a
......@@ -2,11 +2,18 @@
<div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区：">
<el-select></el-select>
<el-select v-model="searchForm.city_id">
<el-option
v-for="city in cities"
:label="city.name"
:value="city.id"
:key="city.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="工程名称：">
<el-input></el-input>
<el-input v-model="searchForm.project_name"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
......@@ -18,18 +25,18 @@
:columns="columns"
:parameters="searchForm"
:api="api"
:auto-load="false"
:data="data"
>
<template #quality_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }}
<template #excellence_score="{ data }">
<span :style="{ color: data.excellence_score < 80 ? '#f86262' : '' }">
{{ data.excellence_score }}
</span>
</template>
</DialogApiDataTable>
</div>
</template>
<script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default {
name: "WarningMsg",
props: {
......@@ -51,107 +58,24 @@ export default {
{ label: "所属地区", prop: "city_name" },
{
label: "创新创优得分",
prop: "quality_score",
prop: "excellence_score",
hasSlot: true,
sortable: true,
},
],
dateRange: [],
data: [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
city_name: "杭州市",
quality_score: "90",
quality_score2: "85",
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
city_name: "杭州市",
quality_score: "85",
quality_score2: "87",
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
city_name: "杭州市",
quality_score: "77",
quality_score2: "85",
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
city_name: "杭州市",
quality_score: "92",
quality_score2: "83",
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
quality_score: "85",
city_name: "杭州市",
quality_score2: "82",
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
quality_score: "90",
city_name: "杭州市",
quality_score2: "73",
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
quality_score: "82",
city_name: "杭州市",
quality_score2: "81",
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
quality_score: "87",
city_name: "杭州市",
quality_score2: "92",
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
quality_score: "88",
city_name: "杭州市",
quality_score2: "92",
},
{
project_name: "临安区双溪口水库工程",
quality_score: "81",
city_name: "杭州市",
quality_score2: "93",
},
{
project_name: "宁波市界牌碶泵站工程",
quality_score: "79",
city_name: "宁波市",
quality_score2: "84",
},
{
project_name: "奉化区柏坑水库扩容工程",
quality_score: "89",
city_name: "宁波市",
quality_score2: "92",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "85",
city_name: "余姚市",
quality_score2: "87",
},
],
// api: getWarningList,
api: getProjectList,
cities: [],
};
},
mounted() {},
mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: {
handleSearch() {
this.$refs.table.getData();
},
openPdf(url) {
window.open(url);
},
changeTime(tr) {
this.searchForm.start_time = tr[0] ? tr[0] : "";
this.searchForm.end_time = tr[1] ? tr[1] : "";
},
},
};
</script>
......
src/views/DataStatis/project/GCZL.vue
View file @ 28a9ac0a
......@@ -2,11 +2,18 @@
<div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区：">
<el-select></el-select>
<el-select v-model="searchForm.city_id">
<el-option
v-for="city in cities"
:label="city.name"
:value="city.id"
:key="city.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="工程名称：">
<el-input></el-input>
<el-input v-model="searchForm.project_name"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
......@@ -18,23 +25,32 @@
:columns="columns"
:parameters="searchForm"
:api="api"
:auto-load="false"
:data="data"
>
<template #quality_check_score="{ data }">
<span
:style="{ color: data.quality_check_score < 80 ? '#f86262' : '' }"
>
{{ data.quality_check_score }}
</span>
</template>
<template #quality_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }}
</span>
</template>
<template #quality_score2="{ data }">
<span :style="{ color: data.quality_score2 < 80 ? '#f86262' : '' }">
{{ data.quality_score2 }}
<template #quality_total_score="{ data }">
<span
:style="{ color: data.quality_total_score < 80 ? '#f86262' : '' }"
>
{{ data.quality_total_score }}
</span>
</template>
</DialogApiDataTable>
</div>
</template>
<script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default {
name: "WarningMsg",
props: {
......@@ -56,108 +72,33 @@ export default {
{ label: "所属地区", prop: "city_name" },
{
label: "质量检测得分",
prop: "quality_score",
prop: "quality_check_score",
hasSlot: true,
sortable: true,
},
{
label: "质量评定得分",
prop: "quality_score2",
prop: "quality_score",
hasSlot: true,
sortable: true,
},
{
label: "总得分",
prop: "quality_score2",
prop: "quality_total_score",
hasSlot: true,
sortable: true,
},
],
dateRange: [],
// api: getWarningList,
data: [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
city_name: "杭州市",
quality_score: "90",
quality_score2: "85",
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
city_name: "杭州市",
quality_score: "85",
quality_score2: "87",
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
city_name: "杭州市",
quality_score: "77",
quality_score2: "85",
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
city_name: "杭州市",
quality_score: "92",
quality_score2: "83",
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
quality_score: "85",
city_name: "杭州市",
quality_score2: "82",
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
quality_score: "90",
city_name: "杭州市",
quality_score2: "73",
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
quality_score: "82",
city_name: "杭州市",
quality_score2: "81",
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
quality_score: "87",
city_name: "杭州市",
quality_score2: "92",
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
quality_score: "88",
city_name: "杭州市",
quality_score2: "92",
},
{
project_name: "临安区双溪口水库工程",
quality_score: "81",
city_name: "杭州市",
quality_score2: "93",
},
{
project_name: "宁波市界牌碶泵站工程",
quality_score: "79",
city_name: "宁波市",
quality_score2: "84",
},
{
project_name: "奉化区柏坑水库扩容工程",
quality_score: "89",
city_name: "宁波市",
quality_score2: "92",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "85",
city_name: "余姚市",
quality_score2: "87",
},
],
api: getProjectList,
cities: [],
};
},
mounted() {},
mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: {
handleSearch() {
this.$refs.table.getData();
......@@ -165,10 +106,6 @@ export default {
openPdf(url) {
window.open(url);
},
changeTime(tr) {
this.searchForm.start_time = tr[0] ? tr[0] : "";
this.searchForm.end_time = tr[1] ? tr[1] : "";
},
},
};
</script>
......
src/views/DataStatis/project/Index.vue
View file @ 28a9ac0a
......@@ -4,6 +4,7 @@
:visible="dialogVisible"
width="70%"
@change-visible="changeVisible"
:destroy-on-close="true"
>
<DialogTabs
:tabList="tabList"
......@@ -44,7 +45,7 @@ export default {
{ name: "CXCY", label: "创新创优" },
{ name: "ProjectDetail", label: "工程整体情况" },
],
currentTabNow: "ProjectDetail",
currentTabNow: "",
};
},
computed: {
......@@ -62,7 +63,6 @@ export default {
this.currentTabNow = e;
},
changeVisible(val) {
console.log(val);
this.dialogVisible = val;
},
},
......
src/views/DataStatis/project/ProjectDetail.vue
View file @ 28a9ac0a
......@@ -2,11 +2,18 @@
<div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区：">
<el-select></el-select>
<el-select v-model="searchForm.city_id">
<el-option
v-for="city in cities"
:label="city.name"
:value="city.id"
:key="city.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="工程名称：">
<el-input></el-input>
<el-input v-model="searchForm.project_name"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
......@@ -18,38 +25,40 @@
:columns="columns"
:parameters="searchForm"
:api="api"
:auto-load="false"
:data="data"
>
<template #quality_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }}
<template #regulation_score="{ data }">
<span :style="{ color: data.regulation_score < 80 ? '#f86262' : '' }">
{{ data.regulation_score }}
</span>
</template>
<template #quality_score1="{ data }">
<span :style="{ color: data.quality_score1 < 80 ? '#f86262' : '' }">
{{ data.quality_score1 }}
<template #quality_check_score="{ data }">
<span
:style="{ color: data.quality_check_score < 80 ? '#f86262' : '' }"
>
{{ data.quality_check_score }}
</span>
</template>
<template #quality_score2="{ data }">
<span :style="{ color: data.quality_score2 < 80 ? '#f86262' : '' }">
{{ data.quality_score2 }}
<template #quality_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }}
</span>
</template>
<template #quality_score3="{ data }">
<span :style="{ color: data.quality_score3 < 80 ? '#f86262' : '' }">
{{ data.quality_score3 }}
<template #excellence_score="{ data }">
<span :style="{ color: data.excellence_score < 80 ? '#f86262' : '' }">
{{ data.excellence_score }}
</span>
</template>
<template #quality_score4="{ data }">
<span :style="{ color: data.quality_score4 < 80 ? '#f86262' : '' }">
{{ data.quality_score4 }}
<template #total_score="{ data }">
<span :style="{ color: data.total_score < 80 ? '#f86262' : '' }">
{{ data.total_score }}
</span>
</template>
</DialogApiDataTable>
</div>
</template>
<script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default {
name: "WarningMsg",
props: {
......@@ -71,170 +80,45 @@ export default {
{ label: "所属地区", prop: "city_name" },
{
label: "政府监管得分",
prop: "quality_score",
prop: "regulation_score",
hasSlot: true,
sortable: true,
},
{
label: "质量检测得分",
prop: "quality_score1",
prop: "quality_check_score",
hasSlot: true,
sortable: true,
},
{
label: "质量评定得分",
prop: "quality_score2",
prop: "quality_score",
hasSlot: true,
sortable: true,
},
{
label: "创新创优得分",
prop: "quality_score3",
prop: "excellence_score",
hasSlot: true,
sortable: true,
},
{
label: "整体得分",
prop: "quality_score4",
prop: "total_score",
hasSlot: true,
sortable: true,
},
],
dateRange: [],
data: [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
city_name: "杭州市",
quality_score: "90",
quality_score1: "90",
quality_score2: "85",
quality_score3: "83",
quality_score4: "85",
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
city_name: "杭州市",
quality_score: "85",
quality_score1: "92",
quality_score2: "87",
quality_score3: "90",
quality_score4: "89",
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
city_name: "杭州市",
quality_score: "77",
quality_score1: "78",
quality_score2: "85",
quality_score3: "82",
quality_score4: "83",
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
city_name: "杭州市",
quality_score: "92",
quality_score1: "70",
quality_score2: "83",
quality_score3: "79",
quality_score4: "85",
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
quality_score: "85",
city_name: "杭州市",
quality_score1: "83",
quality_score2: "82",
quality_score3: "84",
quality_score4: "81",
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
quality_score: "90",
city_name: "杭州市",
quality_score1: "82",
quality_score2: "73",
quality_score3: "79",
quality_score4: "85",
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
quality_score: "82",
city_name: "杭州市",
quality_score1: "92",
quality_score2: "81",
quality_score3: "75",
quality_score4: "80",
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
quality_score: "87",
city_name: "杭州市",
quality_score1: "87",
quality_score2: "92",
quality_score3: "83",
quality_score4: "85",
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
quality_score: "88",
city_name: "杭州市",
quality_score1: "92",
quality_score2: "92",
quality_score3: "78",
quality_score4: "85",
},
{
project_name: "临安区双溪口水库工程",
quality_score: "81",
city_name: "杭州市",
quality_score1: "91",
quality_score2: "93",
quality_score3: "81",
quality_score4: "82",
},
{
project_name: "宁波市界牌碶泵站工程",
quality_score: "79",
city_name: "宁波市",
quality_score1: "88",
quality_score2: "84",
quality_score3: "87",
quality_score4: "85",
},
{
project_name: "奉化区柏坑水库扩容工程",
quality_score: "89",
city_name: "宁波市",
quality_score1: "83",
quality_score2: "92",
quality_score3: "82",
quality_score4: "81",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "85",
city_name: "余姚市",
quality_score1: "78",
quality_score2: "87",
quality_score3: "78",
quality_score4: "82",
},
],
// api: getWarningList,
api: getProjectList,
cities: [],
};
},
mounted() {},
mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: {
handleSearch() {
this.$refs.table.getData();
......
src/views/DataStatis/project/ZFJG.vue
View file @ 28a9ac0a
......@@ -2,11 +2,18 @@
<div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区：">
<el-select></el-select>
<el-select v-model="searchForm.city_id">
<el-option
v-for="city in cities"
:label="city.name"
:value="city.id"
:key="city.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="工程名称：">
<el-input></el-input>
<el-input v-model="searchForm.project_name"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
......@@ -18,12 +25,10 @@
:columns="columns"
:parameters="searchForm"
:api="api"
:auto-load="false"
:data="data"
>
<template #quality_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }}
<template #regulation_score="{ data }">
<span :style="{ color: data.regulation_score < 80 ? '#f86262' : '' }">
{{ data.regulation_score }}
</span>
</template>
<!-- <template #noise_status="{ data }"> </template> -->
......@@ -31,6 +36,8 @@
</div>
</template>
<script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default {
name: "WarningMsg",
props: {
......@@ -52,83 +59,20 @@ export default {
{ label: "所属地区", prop: "city_name" },
{
label: "政府监管得分",
prop: "quality_score",
prop: "regulation_score",
hasSlot: true,
sortable: true,
},
],
dateRange: [],
data: [
{
project_name: "东苕溪防洪后续西险大塘达标加固工程（杭州市段）",
city_name: "杭州市",
quality_score: "90",
},
{
project_name: "杭州市萧山区西江塘义桥段古海塘抢险加固工程",
city_name: "杭州市",
quality_score: "85",
},
{
project_name: "钱塘江北岸五堡排涝泵站工程",
city_name: "杭州市",
quality_score: "77",
},
{
project_name: "钱塘江西江塘闻堰段海塘提标加固工程",
city_name: "杭州市",
quality_score: "92",
},
{
project_name: "杭州市萧围西线（一工段至四工段）提标加固工程",
quality_score: "85",
city_name: "杭州市",
},
{
project_name: "杭州市本级海塘安澜工程 （三堡至乔司段海塘）一期",
quality_score: "90",
city_name: "杭州市",
},
{
project_name: "杭州市本级海塘安澜工程（珊瑚沙海塘）",
quality_score: "82",
city_name: "杭州市",
},
{
project_name: "杭州市本级海塘安澜工程（上泗南北大塘）二期",
quality_score: "87",
city_name: "杭州市",
},
{
project_name: "杭州市本级海塘安澜工程（三堡船闸段海塘）",
quality_score: "88",
city_name: "杭州市",
},
{
project_name: "临安区双溪口水库工程",
quality_score: "81",
city_name: "杭州市",
},
{
project_name: "宁波市界牌碶泵站工程",
quality_score: "79",
city_name: "宁波市",
},
{
project_name: "奉化区柏坑水库扩容工程",
quality_score: "89",
city_name: "宁波市",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "85",
city_name: "余姚市",
},
],
// api: getWarningList,
api: getProjectList,
cities: [],
};
},
mounted() {},
mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: {
handleSearch() {
this.$refs.table.getData();
......@@ -136,10 +80,6 @@ export default {
openPdf(url) {
window.open(url);
},
changeTime(tr) {
this.searchForm.start_time = tr[0] ? tr[0] : "";
this.searchForm.end_time = tr[1] ? tr[1] : "";
},
},
};
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment