Commit 28a9ac0a authored by 张牧越's avatar 张牧越

数据接入

parent cce27b43
...@@ -7,7 +7,7 @@ export async function getMapData(params) { ...@@ -7,7 +7,7 @@ export async function getMapData(params) {
return await request({ return await request({
url: '/site/index/mapcount', url: '/site/index/mapcount',
method: 'get', method: 'get',
params params, noloading: true
}) })
} }
...@@ -78,10 +78,21 @@ export async function getScoreByCity(areaId) { ...@@ -78,10 +78,21 @@ export async function getScoreByCity(areaId) {
// 右侧得分 // 右侧得分
export async function getScoreStatusByCity(areaId) { export async function getScoreStatusByCity(areaId) {
return await request({ return await request({
url: `/site/index/get_score`, url: `/site/index/getscore`,
method: 'get', method: 'get',
params: { params: {
city_id: areaId 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
...@@ -117,9 +117,6 @@ export default { ...@@ -117,9 +117,6 @@ export default {
mounted() { mounted() {
if (this.autoLoad) { if (this.autoLoad) {
this.getData(); this.getData();
} else {
this.tableData = this.data;
this.total = 13;
} }
}, },
methods: { methods: {
...@@ -127,31 +124,19 @@ export default { ...@@ -127,31 +124,19 @@ export default {
if (this.api) { if (this.api) {
this.loading = true; this.loading = true;
this.tableData = []; 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.api(
{ {
...this.parameters, ...this.parameters,
page: this.currentPage, page: this.currentPage,
limit: this.pageSize, limit: this.pageSize,
}, },
this.pathId true
).then((res) => { ).then((res) => {
this.loading = false; this.loading = false;
this.tableData = res.data.data; this.tableData = res.data.data;
this.total = res.data.total; this.total = res.data.total;
}); });
} }
}
}, },
handleSizeChange(size) { handleSizeChange(size) {
this.pageSize = size; this.pageSize = size;
......
...@@ -48,7 +48,9 @@ request.interceptors.request.use( ...@@ -48,7 +48,9 @@ request.interceptors.request.use(
// config.headers['Authorization'] = Authorization // 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' // 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() showLoading()
}
return config return config
}, },
error => { error => {
......
This diff is collapsed.
...@@ -2,11 +2,18 @@ ...@@ -2,11 +2,18 @@
<div class="dialog-body-container"> <div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form"> <el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区:"> <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>
<el-form-item label="工程名称:"> <el-form-item label="工程名称:">
<el-input></el-input> <el-input v-model="searchForm.project_name"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button> <el-button type="primary" @click="handleSearch">查询</el-button>
...@@ -18,18 +25,18 @@ ...@@ -18,18 +25,18 @@
:columns="columns" :columns="columns"
:parameters="searchForm" :parameters="searchForm"
:api="api" :api="api"
:auto-load="false"
:data="data"
> >
<template #quality_score="{ data }"> <template #excellence_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }"> <span :style="{ color: data.excellence_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }} {{ data.excellence_score }}
</span> </span>
</template> </template>
</DialogApiDataTable> </DialogApiDataTable>
</div> </div>
</template> </template>
<script> <script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default { export default {
name: "WarningMsg", name: "WarningMsg",
props: { props: {
...@@ -51,107 +58,24 @@ export default { ...@@ -51,107 +58,24 @@ export default {
{ label: "所属地区", prop: "city_name" }, { label: "所属地区", prop: "city_name" },
{ {
label: "创新创优得分", label: "创新创优得分",
prop: "quality_score", prop: "excellence_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
], ],
dateRange: [], api: getProjectList,
data: [ cities: [],
{
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,
}; };
}, },
mounted() {}, mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: { methods: {
handleSearch() { handleSearch() {
this.$refs.table.getData(); 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> </script>
......
...@@ -2,11 +2,18 @@ ...@@ -2,11 +2,18 @@
<div class="dialog-body-container"> <div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form"> <el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区:"> <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>
<el-form-item label="工程名称:"> <el-form-item label="工程名称:">
<el-input></el-input> <el-input v-model="searchForm.project_name"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button> <el-button type="primary" @click="handleSearch">查询</el-button>
...@@ -18,23 +25,32 @@ ...@@ -18,23 +25,32 @@
:columns="columns" :columns="columns"
:parameters="searchForm" :parameters="searchForm"
:api="api" :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 }"> <template #quality_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }"> <span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }} {{ data.quality_score }}
</span> </span>
</template> </template>
<template #quality_score2="{ data }"> <template #quality_total_score="{ data }">
<span :style="{ color: data.quality_score2 < 80 ? '#f86262' : '' }"> <span
{{ data.quality_score2 }} :style="{ color: data.quality_total_score < 80 ? '#f86262' : '' }"
>
{{ data.quality_total_score }}
</span> </span>
</template> </template>
</DialogApiDataTable> </DialogApiDataTable>
</div> </div>
</template> </template>
<script> <script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default { export default {
name: "WarningMsg", name: "WarningMsg",
props: { props: {
...@@ -56,108 +72,33 @@ export default { ...@@ -56,108 +72,33 @@ export default {
{ label: "所属地区", prop: "city_name" }, { label: "所属地区", prop: "city_name" },
{ {
label: "质量检测得分", label: "质量检测得分",
prop: "quality_score", prop: "quality_check_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
{ {
label: "质量评定得分", label: "质量评定得分",
prop: "quality_score2", prop: "quality_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
{ {
label: "总得分", label: "总得分",
prop: "quality_score2", prop: "quality_total_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
], ],
dateRange: [], dateRange: [],
// api: getWarningList, api: getProjectList,
data: [ cities: [],
{
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",
},
],
}; };
}, },
mounted() {}, mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: { methods: {
handleSearch() { handleSearch() {
this.$refs.table.getData(); this.$refs.table.getData();
...@@ -165,10 +106,6 @@ export default { ...@@ -165,10 +106,6 @@ export default {
openPdf(url) { openPdf(url) {
window.open(url); window.open(url);
}, },
changeTime(tr) {
this.searchForm.start_time = tr[0] ? tr[0] : "";
this.searchForm.end_time = tr[1] ? tr[1] : "";
},
}, },
}; };
</script> </script>
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
:visible="dialogVisible" :visible="dialogVisible"
width="70%" width="70%"
@change-visible="changeVisible" @change-visible="changeVisible"
:destroy-on-close="true"
> >
<DialogTabs <DialogTabs
:tabList="tabList" :tabList="tabList"
...@@ -44,7 +45,7 @@ export default { ...@@ -44,7 +45,7 @@ export default {
{ name: "CXCY", label: "创新创优" }, { name: "CXCY", label: "创新创优" },
{ name: "ProjectDetail", label: "工程整体情况" }, { name: "ProjectDetail", label: "工程整体情况" },
], ],
currentTabNow: "ProjectDetail", currentTabNow: "",
}; };
}, },
computed: { computed: {
...@@ -62,7 +63,6 @@ export default { ...@@ -62,7 +63,6 @@ export default {
this.currentTabNow = e; this.currentTabNow = e;
}, },
changeVisible(val) { changeVisible(val) {
console.log(val);
this.dialogVisible = val; this.dialogVisible = val;
}, },
}, },
......
...@@ -2,11 +2,18 @@ ...@@ -2,11 +2,18 @@
<div class="dialog-body-container"> <div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form"> <el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区:"> <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>
<el-form-item label="工程名称:"> <el-form-item label="工程名称:">
<el-input></el-input> <el-input v-model="searchForm.project_name"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button> <el-button type="primary" @click="handleSearch">查询</el-button>
...@@ -18,38 +25,40 @@ ...@@ -18,38 +25,40 @@
:columns="columns" :columns="columns"
:parameters="searchForm" :parameters="searchForm"
:api="api" :api="api"
:auto-load="false"
:data="data"
> >
<template #quality_score="{ data }"> <template #regulation_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }"> <span :style="{ color: data.regulation_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }} {{ data.regulation_score }}
</span> </span>
</template> </template>
<template #quality_score1="{ data }"> <template #quality_check_score="{ data }">
<span :style="{ color: data.quality_score1 < 80 ? '#f86262' : '' }"> <span
{{ data.quality_score1 }} :style="{ color: data.quality_check_score < 80 ? '#f86262' : '' }"
>
{{ data.quality_check_score }}
</span> </span>
</template> </template>
<template #quality_score2="{ data }"> <template #quality_score="{ data }">
<span :style="{ color: data.quality_score2 < 80 ? '#f86262' : '' }"> <span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }">
{{ data.quality_score2 }} {{ data.quality_score }}
</span> </span>
</template> </template>
<template #quality_score3="{ data }"> <template #excellence_score="{ data }">
<span :style="{ color: data.quality_score3 < 80 ? '#f86262' : '' }"> <span :style="{ color: data.excellence_score < 80 ? '#f86262' : '' }">
{{ data.quality_score3 }} {{ data.excellence_score }}
</span> </span>
</template> </template>
<template #quality_score4="{ data }"> <template #total_score="{ data }">
<span :style="{ color: data.quality_score4 < 80 ? '#f86262' : '' }"> <span :style="{ color: data.total_score < 80 ? '#f86262' : '' }">
{{ data.quality_score4 }} {{ data.total_score }}
</span> </span>
</template> </template>
</DialogApiDataTable> </DialogApiDataTable>
</div> </div>
</template> </template>
<script> <script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default { export default {
name: "WarningMsg", name: "WarningMsg",
props: { props: {
...@@ -71,170 +80,45 @@ export default { ...@@ -71,170 +80,45 @@ export default {
{ label: "所属地区", prop: "city_name" }, { label: "所属地区", prop: "city_name" },
{ {
label: "政府监管得分", label: "政府监管得分",
prop: "quality_score", prop: "regulation_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
{ {
label: "质量检测得分", label: "质量检测得分",
prop: "quality_score1", prop: "quality_check_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
{ {
label: "质量评定得分", label: "质量评定得分",
prop: "quality_score2", prop: "quality_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
{ {
label: "创新创优得分", label: "创新创优得分",
prop: "quality_score3", prop: "excellence_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
{ {
label: "整体得分", label: "整体得分",
prop: "quality_score4", prop: "total_score",
hasSlot: true, hasSlot: true,
sortable: 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", api: getProjectList,
quality_score3: "82", cities: [],
quality_score4: "81",
},
{
project_name: "余姚市陶家路江排涝枢纽及供水工程",
quality_score: "85",
city_name: "余姚市",
quality_score1: "78",
quality_score2: "87",
quality_score3: "78",
quality_score4: "82",
},
],
// api: getWarningList,
}; };
}, },
mounted() {}, mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: { methods: {
handleSearch() { handleSearch() {
this.$refs.table.getData(); this.$refs.table.getData();
......
...@@ -2,11 +2,18 @@ ...@@ -2,11 +2,18 @@
<div class="dialog-body-container"> <div class="dialog-body-container">
<el-form inline :model="searchForm" class="search-form"> <el-form inline :model="searchForm" class="search-form">
<el-form-item label="所在地区:"> <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>
<el-form-item label="工程名称:"> <el-form-item label="工程名称:">
<el-input></el-input> <el-input v-model="searchForm.project_name"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button> <el-button type="primary" @click="handleSearch">查询</el-button>
...@@ -18,12 +25,10 @@ ...@@ -18,12 +25,10 @@
:columns="columns" :columns="columns"
:parameters="searchForm" :parameters="searchForm"
:api="api" :api="api"
:auto-load="false"
:data="data"
> >
<template #quality_score="{ data }"> <template #regulation_score="{ data }">
<span :style="{ color: data.quality_score < 80 ? '#f86262' : '' }"> <span :style="{ color: data.regulation_score < 80 ? '#f86262' : '' }">
{{ data.quality_score }} {{ data.regulation_score }}
</span> </span>
</template> </template>
<!-- <template #noise_status="{ data }"> </template> --> <!-- <template #noise_status="{ data }"> </template> -->
...@@ -31,6 +36,8 @@ ...@@ -31,6 +36,8 @@
</div> </div>
</template> </template>
<script> <script>
import { getProjectList, getMapData } from "@/api/dataStatis";
export default { export default {
name: "WarningMsg", name: "WarningMsg",
props: { props: {
...@@ -52,83 +59,20 @@ export default { ...@@ -52,83 +59,20 @@ export default {
{ label: "所属地区", prop: "city_name" }, { label: "所属地区", prop: "city_name" },
{ {
label: "政府监管得分", label: "政府监管得分",
prop: "quality_score", prop: "regulation_score",
hasSlot: true, hasSlot: true,
sortable: true, sortable: true,
}, },
], ],
dateRange: [], api: getProjectList,
data: [ cities: [],
{
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,
}; };
}, },
mounted() {}, mounted() {
getMapData().then((res) => {
this.cities = res.data;
});
},
methods: { methods: {
handleSearch() { handleSearch() {
this.$refs.table.getData(); this.$refs.table.getData();
...@@ -136,10 +80,6 @@ export default { ...@@ -136,10 +80,6 @@ export default {
openPdf(url) { openPdf(url) {
window.open(url); window.open(url);
}, },
changeTime(tr) {
this.searchForm.start_time = tr[0] ? tr[0] : "";
this.searchForm.end_time = tr[1] ? tr[1] : "";
},
}, },
}; };
</script> </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