|
@@ -3,7 +3,7 @@
|
|
|
<div class='wb-list'>
|
|
|
<div class='eq-list-top'>
|
|
|
<el-input
|
|
|
- placeholder='搜索设备名称、编号'
|
|
|
+ placeholder='搜索设备名称编号'
|
|
|
size='small'
|
|
|
@blur='getList'
|
|
|
prefix-icon='el-icon-search'
|
|
@@ -11,31 +11,54 @@
|
|
|
style='width:192px;margin-right:12px'
|
|
|
></el-input>
|
|
|
<el-input
|
|
|
- placeholder='搜索重要事项记录、描述'
|
|
|
+ placeholder='搜索重要事项记录描述'
|
|
|
size='small'
|
|
|
@blur='getList'
|
|
|
prefix-icon='el-icon-search'
|
|
|
v-model='matters'
|
|
|
style='width:192px;margin-right:12px'
|
|
|
></el-input>
|
|
|
- <el-input
|
|
|
- placeholder='搜索任务编号'
|
|
|
- size='small'
|
|
|
- @blur='getList'
|
|
|
- prefix-icon='el-icon-search'
|
|
|
- v-model='gzglid'
|
|
|
- style='width:192px;margin-right:12px'
|
|
|
- ></el-input>
|
|
|
- <el-date-picker
|
|
|
- size='small'
|
|
|
- v-model='reportdate'
|
|
|
- type='date'
|
|
|
- placeholder='选择填报时间'
|
|
|
+ <Select
|
|
|
@change='getList'
|
|
|
- style='width:180px;margin-right:12px'
|
|
|
- ></el-date-picker>
|
|
|
- <el-date-picker size='small' v-model='sjjssj' type='date' placeholder='选择验收时间' @change='getList' style='width:180px;margin-right:12px'></el-date-picker>
|
|
|
- <Select @change='getList' v-model='ischange' width='180' tipPlace='top' caption='是否更换配件信息 :' :selectdata='changeOption'></Select>
|
|
|
+ v-model='ischange'
|
|
|
+ style='margin-right:12px'
|
|
|
+ width='190'
|
|
|
+ tipPlace='top'
|
|
|
+ caption='是否更换配件信息 :'
|
|
|
+ :selectdata='changeOption'
|
|
|
+ ></Select>
|
|
|
+ <!-- placeholder='选择填报时间' -->
|
|
|
+ <div class='picker-box'>
|
|
|
+ <span class='picker-span'>填报日期:</span>
|
|
|
+ <el-date-picker
|
|
|
+ style='width:190px'
|
|
|
+ v-model='reportdate'
|
|
|
+ value-format='yyyyMMdd'
|
|
|
+ type='daterange'
|
|
|
+ @change='getList'
|
|
|
+ size='mini'
|
|
|
+ range-separator='-'
|
|
|
+ start-placeholder
|
|
|
+ end-placeholder
|
|
|
+ ></el-date-picker>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- placeholder='选择验收时间' -->
|
|
|
+ <div class='picker-box'>
|
|
|
+ <span class='picker-span'>验收日期:</span>
|
|
|
+ <el-date-picker
|
|
|
+ style='width:190px'
|
|
|
+ v-model='sjjssj'
|
|
|
+ value-format='yyyyMMdd'
|
|
|
+ type='daterange'
|
|
|
+ @change='getList'
|
|
|
+ size='mini'
|
|
|
+ range-separator='-'
|
|
|
+ start-placeholder
|
|
|
+ end-placeholder
|
|
|
+ ></el-date-picker>
|
|
|
+ </div>
|
|
|
+ <input-dialog :type='2' @confirm='confirm'></input-dialog>
|
|
|
</div>
|
|
|
<el-table :data='tableData' style='width: 100%'>
|
|
|
<el-table-column type='index' label='序号' width='80'></el-table-column>
|
|
@@ -98,9 +121,10 @@
|
|
|
import { queryWbsms } from '@/api/equipmentList.js'
|
|
|
import { mapGetters } from 'vuex'
|
|
|
import Select from '@/components/Select/Select.vue'
|
|
|
+import inputDialog from './inputDIalog'
|
|
|
import { formatter, number_format } from '@/utils/format.js'
|
|
|
export default {
|
|
|
- components: { Select },
|
|
|
+ components: { Select, inputDialog },
|
|
|
data() {
|
|
|
return {
|
|
|
tableData: [],
|
|
@@ -110,19 +134,19 @@ export default {
|
|
|
sjjssj: '',
|
|
|
reportdate: '',
|
|
|
ischange: '',
|
|
|
+ sbjc: '',
|
|
|
formatter,
|
|
|
number_format,
|
|
|
changeOption: [
|
|
|
{
|
|
|
- id: '1',
|
|
|
+ id: '是',
|
|
|
name: '是'
|
|
|
},
|
|
|
{
|
|
|
- id: ' 0',
|
|
|
+ id: ' 否',
|
|
|
name: '否'
|
|
|
}
|
|
|
],
|
|
|
- keyword: '',
|
|
|
shjc: '',
|
|
|
gzglid: '',
|
|
|
matters: ''
|
|
@@ -133,6 +157,11 @@ export default {
|
|
|
...mapGetters(['floorSelect'])
|
|
|
},
|
|
|
methods: {
|
|
|
+ //多余输入框监听
|
|
|
+ confirm(gzglid) {
|
|
|
+ this.gzglid = gzglid
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
pageChanged(page) {
|
|
|
this.currentPage = page
|
|
|
this.getList()
|
|
@@ -141,7 +170,6 @@ export default {
|
|
|
let getParams = {
|
|
|
data: {
|
|
|
smsxt: this.smsxt,
|
|
|
-
|
|
|
// plazaId: this.$store.state.plazaId,
|
|
|
plazaId: '1000287',
|
|
|
page: this.currentPage,
|
|
@@ -149,21 +177,28 @@ export default {
|
|
|
orderBy: `wb_gzglid,0;sbjbm,1;reportdate,0;`
|
|
|
}
|
|
|
}
|
|
|
+ //下拉
|
|
|
+ if (this.ischange) {
|
|
|
+ getParams.data.ischangepj = this.ischange
|
|
|
+ }
|
|
|
if (this.sjjssj) {
|
|
|
- getParams.sjjssj = this.sjjssj
|
|
|
+ getParams.data.sjjssjStartDate = this.sjjssj[0] + '000000'
|
|
|
+ getParams.data.sjjssjEndDate = this.sjjssj[1] + '000000'
|
|
|
}
|
|
|
if (this.reportdate) {
|
|
|
- getParams.reportdate = this.reportdate
|
|
|
+ getParams.data.reportdateStartDate = this.reportdate[0] + '000000'
|
|
|
+ getParams.data.reportdateEndDate = this.reportdate[1] + '000000'
|
|
|
}
|
|
|
+ //输入框
|
|
|
getParams.data.keyword = ''
|
|
|
if (this.sbjx) {
|
|
|
getParams.data.keyword += `${this.sbjc}:sbjc,sbjbm;`
|
|
|
}
|
|
|
if (this.matters) {
|
|
|
- getParams.data.keyword += `${this.matters}:matters,description`
|
|
|
+ getParams.data.keyword += `${this.matters}:matters,description;`
|
|
|
}
|
|
|
if (this.gzglid) {
|
|
|
- getParams.data.keyword += `${this.gzglid}:wb_gzglid`
|
|
|
+ getParams.data.keyword += `${this.gzglid}:wb_gzglid;`
|
|
|
}
|
|
|
if (getParams.data.keyword == '') {
|
|
|
delete getParams.data.keyword
|
|
@@ -191,6 +226,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;
|
|
@@ -204,4 +254,28 @@ export default {
|
|
|
margin-top: 28px;
|
|
|
}
|
|
|
}
|
|
|
+</style>
|
|
|
+<style lang="less" >
|
|
|
+.wb-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>
|