|
@ -1,12 +1,19 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class='congestion'> |
|
|
<div class='congestion'> |
|
|
<div class="buttonbar"> |
|
|
<div class="buttonbar"> |
|
|
<div class="button"> |
|
|
<ButtonGradient class="button"> |
|
|
<i class="el-icon-refresh-right"></i>刷新 |
|
|
<template #prefix> |
|
|
</div> |
|
|
<i class="el-icon-refresh-right"></i> |
|
|
<div class="button"> |
|
|
</template> |
|
|
<i class="el-icon-upload2"></i>导出Excal |
|
|
刷新 |
|
|
</div> |
|
|
</ButtonGradient> |
|
|
|
|
|
<ButtonGradient class="button"> |
|
|
|
|
|
<template #prefix> |
|
|
|
|
|
<i class="el-icon-upload2"></i> |
|
|
|
|
|
</template> |
|
|
|
|
|
导出 |
|
|
|
|
|
</ButtonGradient> |
|
|
|
|
|
<InputSearch style="width: 402px;margin-left: 1300px;" :formList="formList" @handleSearch="handleSearch" /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="board"> |
|
|
<div class="board"> |
|
|
|
|
|
|
|
@ -29,8 +36,7 @@ |
|
|
<!-- 分页 --> |
|
|
<!-- 分页 --> |
|
|
<div class="footer"> |
|
|
<div class="footer"> |
|
|
<Pagination @current-change="getData" @size-change="onSizeChange" width="'100%'" :page-sizes="[10, 20, 30, 40, 50]" |
|
|
<Pagination @current-change="getData" @size-change="onSizeChange" width="'100%'" :page-sizes="[10, 20, 30, 40, 50]" |
|
|
:page-size="pageSize" :current-page.sync="pageNum" layout="total, sizes, prev, pager, next" |
|
|
:page-size="pageSize" :current-page.sync="pageNum" layout="total, sizes, prev, pager, next" :total="50"> |
|
|
:total="50"> |
|
|
|
|
|
</Pagination> |
|
|
</Pagination> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -38,11 +44,18 @@ |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import Pagination from "@screen/components/Pagination.vue"; |
|
|
import Pagination from "@screen/components/Pagination.vue"; |
|
|
|
|
|
import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue"; |
|
|
|
|
|
import InputSearch from "@screen/components/InputSearch/index.vue"; |
|
|
|
|
|
import request from "@/utils/request"; |
|
|
|
|
|
import { Message } from "element-ui"; |
|
|
|
|
|
import { searchFormList } from './data.js' |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: 'IndicatorQuery', |
|
|
name: 'IndicatorQuery', |
|
|
components: { |
|
|
components: { |
|
|
Pagination |
|
|
Pagination, |
|
|
|
|
|
ButtonGradient, |
|
|
|
|
|
InputSearch |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
@ -208,23 +221,44 @@ export default { |
|
|
address: 'K100+000-K110+000' |
|
|
address: 'K100+000-K110+000' |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
|
|
|
formList: [], |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
pageNum: 1 |
|
|
pageNum: 1 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
created() { |
|
|
created() { |
|
|
|
|
|
// this.formList = searchFormList; |
|
|
|
|
|
this.queryLdAll(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
selectItem(index) { |
|
|
selectItem(index) { |
|
|
this.selectIndex = index; |
|
|
this.selectIndex = index; |
|
|
}, |
|
|
}, |
|
|
getData(){ |
|
|
getData() { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
onSizeChange() { |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
onSizeChange(){ |
|
|
handleSearch() { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
queryLdAll() { |
|
|
|
|
|
request({ |
|
|
|
|
|
url: `/business/roadSection/listAll`, |
|
|
|
|
|
method: "get", |
|
|
|
|
|
}).then((result) => { |
|
|
|
|
|
if (result.code != 200) return Message.error(result?.msg); |
|
|
|
|
|
let lds = []; |
|
|
|
|
|
result.data.forEach(it => { |
|
|
|
|
|
lds.push({ |
|
|
|
|
|
value: it.id, |
|
|
|
|
|
label: it.sectionName |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
searchFormList[0].options.options = lds; |
|
|
|
|
|
this.formList = searchFormList; |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
@ -319,7 +353,7 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.board { |
|
|
.board { |
|
|
height: 880px; |
|
|
height: 829px; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding: 0px 0px; |
|
|
padding: 0px 0px; |
|
|
border-radius: 5px 5px 5px 5px; |
|
|
border-radius: 5px 5px 5px 5px; |
|
@ -329,7 +363,7 @@ export default { |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
margin-top: 20px; |
|
|
margin-top: 20px; |
|
|
|
|
|
overflow-y: auto; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.warningList { |
|
|
.warningList { |
|
@ -512,6 +546,7 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.footer { |
|
|
.footer { |
|
|
margin-top: 15px; |
|
|
margin-top: 15px; |
|
|
height: 36px; |
|
|
height: 36px; |
|
|