调整列

This commit is contained in:
weicw
2021-08-24 18:36:47 +08:00
parent 2d8e8ae7ee
commit e4d3ef2cf6

View File

@@ -8,7 +8,7 @@
:wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }" :wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }"
> >
<a-row> <a-row>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="8" :md="12" :sm="24" :xs="24">
<a-form-item label="区域等级:"> <a-form-item label="区域等级:">
<a-select v-model:value="where.regionLevel" allowClear showSearch> <a-select v-model:value="where.regionLevel" allowClear showSearch>
<a-select-option <a-select-option
@@ -19,7 +19,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="8" :md="12" :sm="24" :xs="24">
<a-form-item label="测点名称:"> <a-form-item label="测点名称:">
<a-select v-model:value="where.place" allowClear showSearch> <a-select v-model:value="where.place" allowClear showSearch>
<a-select-option <a-select-option
@@ -30,18 +30,18 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="8" :md="12" :sm="24" :xs="24">
<a-form-item label="路段:"> <a-form-item label="功能区类别:">
<a-select v-model:value="where.function" allowClear showSearch> <a-select v-model:value="where.functionType" allowClear showSearch>
<a-select-option <a-select-option
v-for="(item) in functionOptions" v-for="(item) in functionTypeOptions"
:key="item.value" :key="item.value"
>{{ item.label }}</a-select-option >{{ item.label }}</a-select-option
> >
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24"> <a-col :lg="8" :md="12" :sm="24" :xs="24">
<a-form-item label="城区"> <a-form-item label="城区">
<a-select v-model:value="where.area" allowClear showSearch> <a-select v-model:value="where.area" allowClear showSearch>
<a-select-option <a-select-option
@@ -109,48 +109,49 @@ export default {
// 表格列配置 // 表格列配置
columns: [ columns: [
{ {
title: "监测日期", title: "监测时间",
dataIndex: "monitorTime", dataIndex: "monitorTime",
sorter: true, sorter: true,
}, },
{
title: "点位编码",
dataIndex: "placeCode",
sorter: true,
},
{ {
title: "测点名称", title: "测点名称",
dataIndex: "place", dataIndex: "place",
sorter: true, sorter: true,
}, },
{ {
title: "点号", title: "测点经度",
dataIndex: "placeCode", dataIndex: "placeLng",
sorter: true, sorter: true,
}, },
{ {
title: "所属路段", title: "测点纬度",
dataIndex: "function", dataIndex: "placeLat",
sorter: true, sorter: true,
}, },
{ {
title: "所属城区", title: "测点高度",
dataIndex: "area", dataIndex: "placeHeight",
sorter: true,
},
{
title: "测点参照物",
dataIndex: "refObj",
sorter: true, sorter: true,
}, },
{ {
title: "路长", title: "功能区代码",
dataIndex: "functionLength", dataIndex: "functionCode",
sorter: true, sorter: true,
}, },
{ {
title: "路宽", title: "功能区类别",
dataIndex: "functionWidth", dataIndex: "functionType",
sorter: true,
},
{
title: "中小型车流量(辆/20分钟",
dataIndex: "smallTrafficFlow",
sorter: true,
},
{
title: "大型车流量(辆/20分钟",
dataIndex: "largeTrafficFlow",
sorter: true, sorter: true,
}, },
{ {
@@ -183,7 +184,6 @@ export default {
dataIndex: "indexLeq", dataIndex: "indexLeq",
slots: { customRender: "Leq" }, slots: { customRender: "Leq" },
sorter: true, sorter: true,
}, },
{ {
title: "SDdB(A)", title: "SDdB(A)",
@@ -215,41 +215,8 @@ export default {
dataIndex: "indexLmax", dataIndex: "indexLmax",
sorter: true, sorter: true,
}, },
{
title: "测点经度",
dataIndex: "placeLng",
sorter: true,
},
{
title: "测点纬度",
dataIndex: "placeLat",
sorter: true,
},
{
title: "机动车车道数",
dataIndex: "motorway",
sorter: true,
},
{
title: "车道类别",
dataIndex: "motorwayType",
sorter: true,
},
{
title: "道路等级",
dataIndex: "motorwayLevel",
sorter: true,
},
{
title: "测点参照物",
dataIndex: "refObj",
sorter: true,
},
{
title: "道路覆盖人口(万人)",
dataIndex: "people",
sorter: true,
},
{ {
title: "监测站名", title: "监测站名",
dataIndex: "station", dataIndex: "station",
@@ -303,7 +270,7 @@ export default {
], ],
palceOptions: [], palceOptions: [],
areaOptions: [], areaOptions: [],
functionOptions: [], functionTypeOptions: [],
regionLevelOptions: [], regionLevelOptions: [],
// 表格搜索条件 // 表格搜索条件
where: { where: {
@@ -335,8 +302,8 @@ export default {
}; };
}); });
}); });
getColumnOptions("function").then((res) => { getColumnOptions("function_type").then((res) => {
this.functionOptions = res.data.data.map((item) => { this.functionTypeOptions = res.data.data.map((item) => {
return { return {
label: item, label: item,
value: item, value: item,
@@ -400,33 +367,8 @@ export default {
sorter: true, sorter: true,
}, },
{ {
title: "路段名称", title: "测点高度",
dataIndex: "function", dataIndex: "placeHeight",
sorter: true,
},
{
title: "路段长度m",
dataIndex: "functionLength",
sorter: true,
},
{
title: "道路总宽度m",
dataIndex: "functionWidth",
sorter: true,
},
{
title: "机动车车道数",
dataIndex: "motorway",
sorter: true,
},
{
title: "车道类别",
dataIndex: "motorwayType",
sorter: true,
},
{
title: "道路等级",
dataIndex: "motorwayLevel",
sorter: true, sorter: true,
}, },
{ {
@@ -435,8 +377,8 @@ export default {
sorter: true, sorter: true,
}, },
{ {
title: "路段覆盖人口(万人)", title: "功能区代码",
dataIndex: "people", dataIndex: "functionCode",
sorter: true, sorter: true,
}, },
{ {
@@ -460,17 +402,6 @@ export default {
sorter: true, sorter: true,
}, },
{
title: "中小型车20min车流量",
dataIndex: "smallTrafficFlow",
sorter: true,
},
{
title: "大型车20min车流量",
dataIndex: "largeTrafficFlow",
sorter: true,
},
{ {
title: "Leq", title: "Leq",
dataIndex: "indexLeq", dataIndex: "indexLeq",