|
@@ -2,18 +2,50 @@
|
|
|
<template>
|
|
|
<div class='qt-list'>
|
|
|
<div class='eq-list-top'>
|
|
|
- <el-date-picker size='small' v-model='yssjwcsj' type='date' placeholder='选择处理日期:' @change='getList' style='width:180px;margin-right:12px'></el-date-picker>
|
|
|
- <Select width='146' tipPlace='top' caption='处置结果:' :selectdata='dataSelect2' :placeholder='"请选择"' @change='getList'></Select>
|
|
|
- <el-input placeholder='搜索位置' style='width:192px;margin-left:12px' size='small' prefix-icon='el-icon-search' v-model='keyword'></el-input>
|
|
|
- <el-input placeholder='搜索内容' style='width:192px;margin-left:12px' size='small' prefix-icon='el-icon-search' v-model='keyword'></el-input>
|
|
|
+ <el-input
|
|
|
+ placeholder='搜索记录事项位置内容'
|
|
|
+ style='width:192px;margin-right:12px'
|
|
|
+ size='small'
|
|
|
+ prefix-icon='el-icon-search'
|
|
|
+ v-model='keyword'
|
|
|
+ @blur='getList'
|
|
|
+ ></el-input>
|
|
|
+
|
|
|
+ <div class='picker-box'>
|
|
|
+ <span class='picker-span'>选择处理日期:</span>
|
|
|
+ <el-date-picker
|
|
|
+ style='width:190px'
|
|
|
+ v-model='handledate'
|
|
|
+ value-format='yyyyMMdd'
|
|
|
+ type='daterange'
|
|
|
+ @change='getList'
|
|
|
+ size='mini'
|
|
|
+ range-separator='-'
|
|
|
+ start-placeholder
|
|
|
+ end-placeholder
|
|
|
+ ></el-date-picker>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <Select
|
|
|
+ width='180'
|
|
|
+ tipPlace='top'
|
|
|
+ caption='处置结果:'
|
|
|
+ v-model='handleresults'
|
|
|
+ :selectdata='handleOption'
|
|
|
+ :placeholder='"请选择"'
|
|
|
+ @change='getList'
|
|
|
+ ></Select>
|
|
|
</div>
|
|
|
<el-table :data='tableData' :border='true' style='width: 100%'>
|
|
|
<el-table-column type='index' label='序号' width='80'></el-table-column>
|
|
|
<el-table-column prop='lb' label='其他事项详情' show-overflow-tooltip resizable>
|
|
|
- <el-table-column prop='wzjc' label='位置' show-overflow-tooltip resizable>
|
|
|
+ <el-table-column prop='zlwfwe' label='记录事项' show-overflow-tooltip resizable>
|
|
|
+ <template slot-scope='{row}'>{{row.jlsx || '--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='位置' show-overflow-tooltip resizable>
|
|
|
<template slot-scope='{row}'>{{row.description || '--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='unit' label='内容' show-overflow-tooltip resizable>
|
|
|
+ <el-table-column prop='content' label='内容' show-overflow-tooltip resizable>
|
|
|
<template slot-scope='{row}'>{{row.content || '--'}}</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop='sl' label='数量'>
|
|
@@ -23,24 +55,24 @@
|
|
|
<el-table-column prop='zfje' label='金额(万元)'>
|
|
|
<template slot-scope='{row}'>{{number_format(row.zfje,2) || '--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='city' label='处理日期'>
|
|
|
+ <el-table-column prop='handledate' label='处理日期'>
|
|
|
<template slot-scope='{row}'>{{row.handledate?formatter(row.handledate): '--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='address' label='处置结果' show-overflow-tooltip resizable>
|
|
|
+ <el-table-column prop='handleresults' label='处置结果' show-overflow-tooltip resizable>
|
|
|
<template slot-scope='{row}'>{{row.handleresults || '--'}}</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop='zlwfwz ' label='资料存放位置' show-overflow-tooltip resizable>
|
|
|
<template slot-scope='{row}'>{{row.zlwfwz || '--'}}</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop='recordtime' label='记录日期'>
|
|
|
- <template slot-scope='{row}'>{{row.recordtime?formatter(row.recordtime): '--'}}</template>
|
|
|
+ <template slot-scope='{row}'>{{row.createdate?formatter(row.createdate): '--'}}</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<div class='foot'>
|
|
|
<el-pagination
|
|
|
background
|
|
|
layout='prev, pager, next'
|
|
|
- :total='total/pageSize'
|
|
|
+ :total='total'
|
|
|
:page-size='size'
|
|
|
@prev-click='pageChanged'
|
|
|
@next-click='pageChanged'
|
|
@@ -57,21 +89,16 @@ import { querySelect } from '@/api/public.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- pageSize: 10,
|
|
|
tableData: [],
|
|
|
total: 0,
|
|
|
formatter,
|
|
|
number_format,
|
|
|
currentPage: 1,
|
|
|
size: 10,
|
|
|
- yssjwcsj: '',
|
|
|
- dataSelect2: [
|
|
|
- { id: 'test1', name: '选择项' },
|
|
|
- { id: 'test2', name: '单平米' },
|
|
|
- { id: 'test3', name: '下级分项' },
|
|
|
- { id: 'test4', name: '滑动平均滑动平均' }
|
|
|
- ],
|
|
|
- keyword: ''
|
|
|
+ keyword: '',
|
|
|
+ handleresults: '',
|
|
|
+ handledate: '',
|
|
|
+ handleOption: []
|
|
|
}
|
|
|
},
|
|
|
props: ['major', 'smsxt'],
|
|
@@ -79,7 +106,7 @@ export default {
|
|
|
...mapGetters(['floorSelect'])
|
|
|
},
|
|
|
methods: {
|
|
|
- pageChanged(page, size) {
|
|
|
+ pageChanged(page) {
|
|
|
this.currentPage = page
|
|
|
this.getList()
|
|
|
},
|
|
@@ -93,6 +120,23 @@ export default {
|
|
|
size: this.size
|
|
|
}
|
|
|
}
|
|
|
+ //输入框
|
|
|
+ getParams.data.keyword = ''
|
|
|
+ if (this.keyword) {
|
|
|
+ getParams.data.keyword += `${this.keyword}:jlsx,location,content;`
|
|
|
+ }
|
|
|
+ if (getParams.data.keyword == '') {
|
|
|
+ delete getParams.data.keyword
|
|
|
+ }
|
|
|
+ //时间
|
|
|
+ if (this.handledate) {
|
|
|
+ getParams.data.handledateStartDate = this.handledate[0] + '000000'
|
|
|
+ getParams.data.handledateEndDate = this.handledate[1] + '000000'
|
|
|
+ }
|
|
|
+ //下拉
|
|
|
+ if (this.handleresults) {
|
|
|
+ getParams.data.handleresults = this.handleresults
|
|
|
+ }
|
|
|
queryQtsx(getParams).then(res => {
|
|
|
console.log(res)
|
|
|
this.tableData = res.data ? res.data : []
|
|
@@ -103,8 +147,8 @@ export default {
|
|
|
tabFind() {
|
|
|
let postParams = [
|
|
|
{
|
|
|
- columnName: { lb: 'lb', xm: 'xm', sxjd: 'sxjd', status: 'status' },
|
|
|
- tableName: 'v_glsms_zw' //视图名称
|
|
|
+ columnName: { handleresults: 'handleresults' },
|
|
|
+ tableName: 'v_glsms_qtsx' //视图名称
|
|
|
}
|
|
|
]
|
|
|
let major
|
|
@@ -129,15 +173,14 @@ export default {
|
|
|
}
|
|
|
let data = {
|
|
|
major: major,
|
|
|
- plazaId: '1000287'
|
|
|
- // plazaId: this.$store.state.plazaId
|
|
|
+ plazaId: this.$store.state.plazaId
|
|
|
}
|
|
|
querySelect({ data, postParams }).then(res => {
|
|
|
console.log(res)
|
|
|
- let lb = res.data.data.v_glsms_zw.lb
|
|
|
- this.lbOption = []
|
|
|
- lb.forEach(el => {
|
|
|
- this.lbOption.push({
|
|
|
+ let handleresults = res.data.data.v_glsms_zw.handleresults
|
|
|
+ this.handleOption = []
|
|
|
+ handleresults.forEach(el => {
|
|
|
+ this.handleOption.push({
|
|
|
name: el.value,
|
|
|
id: el.key
|
|
|
})
|
|
@@ -148,13 +191,13 @@ export default {
|
|
|
watch: {
|
|
|
smsxt(newV, oldV) {
|
|
|
if (newV !== oldV) {
|
|
|
- // this.tabFind()
|
|
|
+ this.tabFind()
|
|
|
this.getList()
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- // this.tabFind()
|
|
|
+ this.tabFind()
|
|
|
console.log(this.smsxt)
|
|
|
this.getList()
|
|
|
}
|
|
@@ -165,6 +208,21 @@ export default {
|
|
|
.eq-list-top {
|
|
|
display: flex;
|
|
|
margin-bottom: 12px;
|
|
|
+ .picker-box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background: #fff;
|
|
|
+ padding: 0 6px;
|
|
|
+ border: 1px solid #dcdfe6;
|
|
|
+ border-radius: 4px;
|
|
|
+ height: 32px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-right: 12px;
|
|
|
+ .picker-span {
|
|
|
+ margin-right: 6px;
|
|
|
+ color: rgba(0, 0, 0, 0.65);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
td {
|
|
|
overflow: hidden;
|
|
@@ -178,4 +236,28 @@ export default {
|
|
|
margin-top: 28px;
|
|
|
}
|
|
|
}
|
|
|
+</style>
|
|
|
+<style lang="less" >
|
|
|
+.qt-list {
|
|
|
+ .picker-box {
|
|
|
+ .el-input__inner {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ .el-range-editor.el-input__inner {
|
|
|
+ padding: 3px 0px;
|
|
|
+ }
|
|
|
+ .el-icon-date {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .el-range__close-icon {
|
|
|
+ position: absolute;
|
|
|
+ right: 0px;
|
|
|
+ top: 2px;
|
|
|
+ }
|
|
|
+ .el-range-editor--mini .el-range-input {
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgb(31, 36, 41);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|