Commit d65675e3 authored by hubaoshan's avatar hubaoshan

除了2个语音页面的排序 问题

parent 94d07195
...@@ -83,6 +83,18 @@ function getDataNew(item) { ...@@ -83,6 +83,18 @@ function getDataNew(item) {
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -96,6 +108,7 @@ defineExpose({ ...@@ -96,6 +108,7 @@ defineExpose({
height="calc(86vh - 170px)" height="calc(86vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站" sortable/> <el-table-column prop="stationName" align="center" label="换热站" sortable/>
......
...@@ -95,6 +95,18 @@ function getDataNew(item) { ...@@ -95,6 +95,18 @@ function getDataNew(item) {
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -108,6 +120,7 @@ defineExpose({ ...@@ -108,6 +120,7 @@ defineExpose({
height="calc(86vh - 170px)" height="calc(86vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站" sortable/> <el-table-column prop="stationName" align="center" label="换热站" sortable/>
......
...@@ -98,6 +98,18 @@ function getDataNew(item) { ...@@ -98,6 +98,18 @@ function getDataNew(item) {
Page.rows = res.pageSize Page.rows = res.pageSize
}) })
} }
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
defineExpose({ defineExpose({
getData getData
}); });
...@@ -114,6 +126,7 @@ defineExpose({ ...@@ -114,6 +126,7 @@ defineExpose({
height="calc(86vh - 170px)" height="calc(86vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站" sortable/> <el-table-column prop="stationName" align="center" label="换热站" sortable/>
......
...@@ -166,6 +166,18 @@ getSupplys() ...@@ -166,6 +166,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -179,6 +191,7 @@ defineExpose({ ...@@ -179,6 +191,7 @@ defineExpose({
height="calc(87vh - 170px)" height="calc(87vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站" sortable> <el-table-column prop="stationName" align="center" label="换热站" sortable>
......
...@@ -162,6 +162,18 @@ getSupplys() ...@@ -162,6 +162,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -175,6 +187,7 @@ defineExpose({ ...@@ -175,6 +187,7 @@ defineExpose({
height="calc(87vh - 170px)" height="calc(87vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="所属换热站" sortable> <el-table-column prop="stationName" align="center" label="所属换热站" sortable>
......
...@@ -165,6 +165,18 @@ getSupplys() ...@@ -165,6 +165,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -178,6 +190,7 @@ defineExpose({ ...@@ -178,6 +190,7 @@ defineExpose({
height="calc(87vh - 170px)" height="calc(87vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="所属换热站" sortable> <el-table-column prop="stationName" align="center" label="所属换热站" sortable>
......
...@@ -137,6 +137,18 @@ getSupplys() ...@@ -137,6 +137,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -150,6 +162,7 @@ defineExpose({ ...@@ -150,6 +162,7 @@ defineExpose({
height="calc(80vh - 170px)" height="calc(80vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站" sortable> <el-table-column prop="stationName" align="center" label="换热站" sortable>
......
...@@ -160,6 +160,18 @@ getSupplys() ...@@ -160,6 +160,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -173,6 +185,7 @@ defineExpose({ ...@@ -173,6 +185,7 @@ defineExpose({
height="calc(87vh - 170px)" height="calc(87vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站名称" sortable> <el-table-column prop="stationName" align="center" label="换热站名称" sortable>
......
...@@ -6,6 +6,7 @@ import store from "../../../store/index.js"; ...@@ -6,6 +6,7 @@ import store from "../../../store/index.js";
const data = ref([]) const data = ref([])
const params = ref({}) const params = ref({})
const options = ref([]) const options = ref([])
console.log('params!!!!!!!!!!!!!!!', params.value)
// 分页 // 分页
const Page = reactive({total: 0, rows: 20, page: 1}); const Page = reactive({total: 0, rows: 20, page: 1});
const tableHeaderClass = data => { // 表头样式 const tableHeaderClass = data => { // 表头样式
...@@ -168,6 +169,18 @@ getSupplys() ...@@ -168,6 +169,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -181,6 +194,7 @@ defineExpose({ ...@@ -181,6 +194,7 @@ defineExpose({
height="calc(87vh - 170px)" height="calc(87vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站名称" sortable> <el-table-column prop="stationName" align="center" label="换热站名称" sortable>
......
...@@ -159,6 +159,18 @@ getSupplys() ...@@ -159,6 +159,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -172,6 +184,7 @@ defineExpose({ ...@@ -172,6 +184,7 @@ defineExpose({
height="calc(80vh - 170px)" height="calc(80vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" label="换热站" align="center" sortable> <el-table-column prop="stationName" label="换热站" align="center" sortable>
......
...@@ -162,6 +162,18 @@ getSupplys() ...@@ -162,6 +162,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -175,6 +187,7 @@ defineExpose({ ...@@ -175,6 +187,7 @@ defineExpose({
height="calc(87vh - 170px)" height="calc(87vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站名称" sortable> <el-table-column prop="stationName" align="center" label="换热站名称" sortable>
......
...@@ -91,13 +91,6 @@ function getDataByParams() { ...@@ -91,13 +91,6 @@ function getDataByParams() {
}) })
} }
// function getName(name) {
// if (TransTempNewData && TransTempNewData.value.length > 0 && name !== undefined && options && options.value.length > 0) {
// const option = options.value.find(item => item.stationId === name);
// return option.stationName
// }
// }
function getDataNew(item) { function getDataNew(item) {
getTransListNewData(item).then(res => { getTransListNewData(item).then(res => {
TransTempNewData.value = res.rows TransTempNewData.value = res.rows
...@@ -168,6 +161,18 @@ getSupplys() ...@@ -168,6 +161,18 @@ getSupplys()
defineExpose({ defineExpose({
getData getData
}); });
// 处理排序事件
const handleSortChange = (column, prop, order) => {
params.value.sortBy = prop;
params.value.sortOrder = order === 'ascending' ? 'asc' : 'desc';
if((Object.keys(params.value).length === 2 && params.value.constructor === Object)){
getData()
console.log('空对象')
}else{
getDataByParams();
console.log('非空对象')
}
};
</script> </script>
<template> <template>
...@@ -181,6 +186,7 @@ defineExpose({ ...@@ -181,6 +186,7 @@ defineExpose({
height="calc(87vh - 170px)" height="calc(87vh - 170px)"
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass" :row-class-name="tableBodyClass"
@sort-change="handleSortChange"
> >
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="stationName" align="center" label="换热站名称" sortable> <el-table-column prop="stationName" align="center" label="换热站名称" sortable>
......
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