|
@@ -1,9 +1,9 @@
|
|
<!-- 维修-->
|
|
<!-- 维修-->
|
|
<template>
|
|
<template>
|
|
- <div class='wb-list'>
|
|
|
|
|
|
+ <div class='wx-list'>
|
|
<div class='eq-list-top'>
|
|
<div class='eq-list-top'>
|
|
<el-input
|
|
<el-input
|
|
- placeholder='搜索设备名称、编号'
|
|
|
|
|
|
+ placeholder='搜索设备名称编号'
|
|
size='small'
|
|
size='small'
|
|
@blur='getList'
|
|
@blur='getList'
|
|
prefix-icon='el-icon-search'
|
|
prefix-icon='el-icon-search'
|
|
@@ -11,31 +11,62 @@
|
|
style='width:192px;margin-right:12px'
|
|
style='width:192px;margin-right:12px'
|
|
></el-input>
|
|
></el-input>
|
|
<el-input
|
|
<el-input
|
|
- placeholder='搜索重要事项记录、描述'
|
|
|
|
|
|
+ placeholder='搜索重要事项记录描述'
|
|
size='small'
|
|
size='small'
|
|
@blur='getList'
|
|
@blur='getList'
|
|
prefix-icon='el-icon-search'
|
|
prefix-icon='el-icon-search'
|
|
v-model='matters'
|
|
v-model='matters'
|
|
style='width:192px;margin-right:12px'
|
|
style='width:192px;margin-right:12px'
|
|
></el-input>
|
|
></el-input>
|
|
- <el-input
|
|
|
|
|
|
+ <Select
|
|
|
|
+ @change='getList'
|
|
|
|
+ style='margin-right:12px;'
|
|
|
|
+ v-model='ischange'
|
|
|
|
+ width='180'
|
|
|
|
+ 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='3' @confirm='confirm'></input-dialog>
|
|
|
|
+ <!-- <el-input
|
|
placeholder='搜索工单编号'
|
|
placeholder='搜索工单编号'
|
|
size='small'
|
|
size='small'
|
|
@blur='getList'
|
|
@blur='getList'
|
|
prefix-icon='el-icon-search'
|
|
prefix-icon='el-icon-search'
|
|
v-model='wonum'
|
|
v-model='wonum'
|
|
style='width:192px;margin-right:12px'
|
|
style='width:192px;margin-right:12px'
|
|
- ></el-input>
|
|
|
|
- <el-date-picker
|
|
|
|
- size='small'
|
|
|
|
- v-model='reportdate'
|
|
|
|
- type='date'
|
|
|
|
- placeholder='选择填报时间'
|
|
|
|
- @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>
|
|
|
|
|
|
+ ></el-input>-->
|
|
</div>
|
|
</div>
|
|
<el-table :data='tableData' :border='true' style='width: 100%'>
|
|
<el-table :data='tableData' :border='true' style='width: 100%'>
|
|
<el-table-column type='index' label='序号' width='80'></el-table-column>
|
|
<el-table-column type='index' label='序号' width='80'></el-table-column>
|
|
@@ -97,10 +128,11 @@
|
|
<script>
|
|
<script>
|
|
import { queryWx } from '@/api/equipmentList.js'
|
|
import { queryWx } from '@/api/equipmentList.js'
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
|
|
+import inputDialog from './inputDIalog'
|
|
import Select from '@/components/Select/Select.vue'
|
|
import Select from '@/components/Select/Select.vue'
|
|
import { formatter, number_format } from '@/utils/format.js'
|
|
import { formatter, number_format } from '@/utils/format.js'
|
|
export default {
|
|
export default {
|
|
- components: { Select },
|
|
|
|
|
|
+ components: { Select, inputDialog },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
tableData: [],
|
|
tableData: [],
|
|
@@ -117,11 +149,11 @@ export default {
|
|
number_format,
|
|
number_format,
|
|
changeOption: [
|
|
changeOption: [
|
|
{
|
|
{
|
|
- id: '1',
|
|
|
|
|
|
+ id: '是',
|
|
name: '是'
|
|
name: '是'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- id: 0,
|
|
|
|
|
|
+ id: '否',
|
|
name: '否'
|
|
name: '否'
|
|
}
|
|
}
|
|
],
|
|
],
|
|
@@ -133,6 +165,11 @@ export default {
|
|
},
|
|
},
|
|
props: ['smsxt', 'major'],
|
|
props: ['smsxt', 'major'],
|
|
methods: {
|
|
methods: {
|
|
|
|
+ //多余输入框监听
|
|
|
|
+ confirm(wonum) {
|
|
|
|
+ this.wonum = wonum
|
|
|
|
+ this.getList()
|
|
|
|
+ },
|
|
pageChanged(page) {
|
|
pageChanged(page) {
|
|
this.currentPage = page
|
|
this.currentPage = page
|
|
this.getList()
|
|
this.getList()
|
|
@@ -149,12 +186,19 @@ export default {
|
|
orderBy: `sbjbm,0;sjjssj,1`
|
|
orderBy: `sbjbm,0;sjjssj,1`
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ //下拉
|
|
|
|
+ if (this.ischange) {
|
|
|
|
+ getParams.data.ischangepj = this.ischange
|
|
|
|
+ }
|
|
if (this.sjjssj) {
|
|
if (this.sjjssj) {
|
|
- getParams.sjjssj = this.sjjssj
|
|
|
|
|
|
+ getParams.data.sjjssjStartDate = this.sjjssj[0] + '000000'
|
|
|
|
+ getParams.data.sjjssjEndDate = this.sjjssj[1] + '000000'
|
|
}
|
|
}
|
|
if (this.reportdate) {
|
|
if (this.reportdate) {
|
|
- getParams.reportdate = this.reportdate
|
|
|
|
|
|
+ getParams.data.reportdateStartDate = this.reportdate[0] + '000000'
|
|
|
|
+ getParams.data.reportdateEndDate = this.reportdate[1] + '000000'
|
|
}
|
|
}
|
|
|
|
+ //输入框搜索
|
|
getParams.data.keyword = ''
|
|
getParams.data.keyword = ''
|
|
if (this.sbjx) {
|
|
if (this.sbjx) {
|
|
getParams.data.keyword += `${this.sbjc}:sbjc,sbjbm;`
|
|
getParams.data.keyword += `${this.sbjc}:sbjc,sbjbm;`
|
|
@@ -163,7 +207,7 @@ export default {
|
|
getParams.data.keyword += `${this.matters}:matters,description`
|
|
getParams.data.keyword += `${this.matters}:matters,description`
|
|
}
|
|
}
|
|
if (this.wonum) {
|
|
if (this.wonum) {
|
|
- getParams.data.wonum += `${this.wonum}:wonum`
|
|
|
|
|
|
+ getParams.data.keyword += `${this.wonum}:wonum`
|
|
}
|
|
}
|
|
if (getParams.data.keyword == '') {
|
|
if (getParams.data.keyword == '') {
|
|
delete getParams.data.keyword
|
|
delete getParams.data.keyword
|
|
@@ -187,10 +231,25 @@ export default {
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
-.wb-list {
|
|
|
|
|
|
+.wx-list {
|
|
.eq-list-top {
|
|
.eq-list-top {
|
|
display: flex;
|
|
display: flex;
|
|
margin-bottom: 12px;
|
|
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 {
|
|
td {
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
@@ -204,4 +263,28 @@ export default {
|
|
margin-top: 28px;
|
|
margin-top: 28px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+</style>
|
|
|
|
+<style lang="less" >
|
|
|
|
+.wx-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>
|
|
</style>
|