|
@@ -10,7 +10,7 @@
|
|
</div>
|
|
</div>
|
|
</el-header>
|
|
</el-header>
|
|
<el-main class="height_100">
|
|
<el-main class="height_100">
|
|
- <el-table :data="tableData" height="calc(100% - 1px)" style="width: 100%;" border
|
|
|
|
|
|
+ <el-table :data="tableData" max-height="calc(100% - 1px)" style="width: 100%;" border
|
|
header-row-class-name="custom-table-header" @sort-change="sortChange">
|
|
header-row-class-name="custom-table-header" @sort-change="sortChange">
|
|
<el-table-column label="#" align="center" width="80px">
|
|
<el-table-column label="#" align="center" width="80px">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -188,12 +188,40 @@ export default {
|
|
this.getList()
|
|
this.getList()
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ // 左侧搜索
|
|
|
|
+ search(val) {
|
|
|
|
+ let params = {}
|
|
|
|
+ val.forEach(item => {
|
|
|
|
+ if (item.type == 3) {
|
|
|
|
+ params[item.value] = item.searchValue.map(itemValue => {
|
|
|
|
+ return itemValue.value
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ params[item.value] = item.searchValue.label
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ // 返回字符串
|
|
|
|
+ this.searchOption = this.$commonJS.ArrayToArray(val)
|
|
|
|
+ // 调用查询接口
|
|
|
|
+ this.queryParams.current = 1
|
|
|
|
+ this.getList()
|
|
|
|
+ },
|
|
// 请求数据
|
|
// 请求数据
|
|
getList() {
|
|
getList() {
|
|
- let searchOption = {
|
|
|
|
- ...this.searchFiled2,//固有检索字段
|
|
|
|
- ...this.searchOption
|
|
|
|
|
|
+ // let searchOption = {
|
|
|
|
+ // ...this.searchFiled2,//固有检索字段
|
|
|
|
+ // ...this.searchOption
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ var searchFiled2 = this.$commonJS.objectToArray(this.searchFiled2)
|
|
|
|
+ var searchOption1 = this.searchOption
|
|
|
|
+ if(this.searchOption.constructor == Object){
|
|
|
|
+ searchOption1 = this.$commonJS.objectToArray(this.searchOption)
|
|
}
|
|
}
|
|
|
|
+ let searchOption = [
|
|
|
|
+ ...searchFiled2,//固有检索字段
|
|
|
|
+ ...searchOption1
|
|
|
|
+ ]
|
|
let params = {
|
|
let params = {
|
|
...this.queryParams,//分页信息
|
|
...this.queryParams,//分页信息
|
|
searchQuery: this.$commonJS.objectToString(searchOption),//检索条件
|
|
searchQuery: this.$commonJS.objectToString(searchOption),//检索条件
|
|
@@ -440,24 +468,7 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- // 左侧搜索
|
|
|
|
- search(val) {
|
|
|
|
- let params = {}
|
|
|
|
- val.forEach(item => {
|
|
|
|
- if (item.type == 3) {
|
|
|
|
- params[item.value] = item.searchValue.map(itemValue => {
|
|
|
|
- return itemValue.value
|
|
|
|
- })
|
|
|
|
- } else {
|
|
|
|
- params[item.value] = item.searchValue.label
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- // 返回字符串
|
|
|
|
- this.searchOption = params
|
|
|
|
- // 调用查询接口
|
|
|
|
- this.queryParams.current = 1
|
|
|
|
- this.getList()
|
|
|
|
- },
|
|
|
|
|
|
+
|
|
//排序
|
|
//排序
|
|
sortChange({ column, prop, order }) {
|
|
sortChange({ column, prop, order }) {
|
|
//如需要多个字段排序,则不需要清空
|
|
//如需要多个字段排序,则不需要清空
|