|
@@ -1,21 +1,61 @@
|
|
|
<template>
|
|
|
<div class='compute-item'>
|
|
|
<div class='compute-center'>
|
|
|
- <el-date-picker size='small' v-model='value1' type='date' style='margin-right:12px;width:140px' placeholder='开始时间'></el-date-picker>
|
|
|
- <el-date-picker size='small' v-model='value1' type='date' style='margin-right:12px;width:140px' placeholder='完成时间'></el-date-picker>
|
|
|
- <el-date-picker size='small' v-model='value1' type='date' style='margin-right:12px;width:140px' placeholder='填报时间'></el-date-picker>
|
|
|
- <Select width='146' tipPlace='top' caption='是否正常:' :selectdata='dataSelect2' :placeholder='"请选择"' style='margin-right:12px'></Select>
|
|
|
- <Select width='146' tipPlace='top' caption='任务状态:' :selectdata='dataSelect2' :placeholder='"请选择"' style='margin-right:12px'></Select>
|
|
|
- </div>
|
|
|
- <div class='compute-center'>
|
|
|
- <el-input
|
|
|
- placeholder='请输入设备名称、设备编号、核心维保事项记录、任务编号、异常工单编号、描述搜索'
|
|
|
+ <el-date-picker
|
|
|
+ v-model='dateVal'
|
|
|
+ value-format='yyyyMMdd'
|
|
|
+ type='daterange'
|
|
|
+ @change='getZhjl'
|
|
|
+ size='small'
|
|
|
+ style='margin-right:12px;width:230px'
|
|
|
+ range-separator='-'
|
|
|
+ start-placeholder='开始日期'
|
|
|
+ end-placeholder='结束日期'
|
|
|
+ placeholder='开始时间'
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-date-picker
|
|
|
+ v-model='dateVal'
|
|
|
+ value-format='yyyyMMdd'
|
|
|
+ type='daterange'
|
|
|
+ @change='getZhjl'
|
|
|
size='small'
|
|
|
- prefix-icon='el-icon-search'
|
|
|
- v-model='searVal'
|
|
|
- style='width:540px;'
|
|
|
- ></el-input>
|
|
|
+ style='margin-right:12px;width:230px'
|
|
|
+ range-separator='-'
|
|
|
+ start-placeholder='开始日期'
|
|
|
+ end-placeholder='结束日期'
|
|
|
+ placeholder='完成时间'
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-date-picker
|
|
|
+ v-model='dateVal'
|
|
|
+ value-format='yyyyMMdd'
|
|
|
+ type='daterange'
|
|
|
+ @change='getZhjl'
|
|
|
+ size='small'
|
|
|
+ style='margin-right:12px;width:230px'
|
|
|
+ range-separator='-'
|
|
|
+ start-placeholder='开始日期'
|
|
|
+ end-placeholder='结束日期'
|
|
|
+ placeholder='填报时间'
|
|
|
+ ></el-date-picker>
|
|
|
+ <Select width='146' tipPlace='top' caption='是否正常:' v-if='zt.length>0' :selectdata='zt' :placeholder='"请选择"' style='margin-right:12px'></Select>
|
|
|
+ <Select
|
|
|
+ width='146'
|
|
|
+ tipPlace='top'
|
|
|
+ caption='任务状态:'
|
|
|
+ v-if='status.length>0'
|
|
|
+ :selectdata='status'
|
|
|
+ :placeholder='"请选择"'
|
|
|
+ style='margin-right:12px'
|
|
|
+ ></Select>
|
|
|
+ <el-input placeholder='搜索设备名称' size='small' prefix-icon='el-icon-search' v-model='searVal' style='margin-right:12px;width:192px;'></el-input>
|
|
|
+ <el-input placeholder='搜索设备编号' size='small' prefix-icon='el-icon-search' v-model='searVal' style='margin-right:12px;width:192px;'></el-input>
|
|
|
+ <!--
|
|
|
+ <el-input placeholder='搜索核心维保事项记录' size='small' prefix-icon='el-icon-search' v-model='searVal' style='margin-right:12px;width:192px;'></el-input>
|
|
|
+ <el-input placeholder='搜索任务编号' size='small' prefix-icon='el-icon-search' v-model='searVal' style='margin-right:12px;width:192px;'></el-input>
|
|
|
+ <el-input placeholder='搜索异常工单编号' size='small' prefix-icon='el-icon-search' v-model='searVal' style='margin-right:12px;width:192px;'></el-input>
|
|
|
+ <el-input placeholder='搜索描述' size='small' prefix-icon='el-icon-search' v-model='searVal' style='margin-right:12px;width:192px;'></el-input>-->
|
|
|
</div>
|
|
|
+ <div class='compute-center'></div>
|
|
|
<div class='compute-table'>
|
|
|
<el-table
|
|
|
v-loading='loading'
|
|
@@ -24,24 +64,54 @@
|
|
|
:header-cell-style='{background:"rgba(245,246,247,1)",fontFamily:"MicrosoftYaHei",color:"rgba(100,108,115,1)",lineHeight:"16px",fontSize:"12px"}'
|
|
|
>
|
|
|
<el-table-column type='index' label='序号' width='50'></el-table-column>
|
|
|
- <el-table-column prop='lb' label='设备名称'></el-table-column>
|
|
|
- <el-table-column prop='sl' label='设备编号'></el-table-column>
|
|
|
- <el-table-column prop='unit' label='核心维保事项记录' min-width='130'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='现场照片'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='维保任务' align='center'>
|
|
|
- <el-table-column prop='brand' label='任务编号'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='维保任务名称' min-width='100'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='任务状态'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='开始时间'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='完成时间'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='执行耗时(天)' min-width='130' :sortable='true'></el-table-column>
|
|
|
+ <el-table-column prop label='设备名称' show-overflow-tooltip resizable>
|
|
|
+ <template slot-scope='{row}'>{{row.sbmc||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='设备编号'>
|
|
|
+ <template slot-scope='{row}'>{{row.assetnum||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='核心维保事项记录' min-width='130'>
|
|
|
+ <template slot-scope='{row}'>{{row.matters||'--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='brand' label='是否正常'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='异常工单' align='center'>
|
|
|
- <el-table-column prop='brand' label='异常工单编号' min-width='110'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='描述'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='填报时间'></el-table-column>
|
|
|
- <el-table-column prop='brand' label='验收时间'></el-table-column>
|
|
|
+ <el-table-column prop label='现场照片'>
|
|
|
+ <template slot-scope='{row}'>{{'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='维保任务' align='center'>
|
|
|
+ <el-table-column prop label='任务编号'>
|
|
|
+ <template slot-scope='{row}'>{{row.wb_gzglid||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='维保任务名称' min-width='100'>
|
|
|
+ <template slot-scope='{row}'>{{'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='任务状态'>
|
|
|
+ <template slot-scope='{row}'>{{row.status||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='开始时间' width='90'>
|
|
|
+ <template slot-scope='{row}'>{{row.sjkssj?formatter(row.sjkssj):'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='完成时间' width='90'>
|
|
|
+ <template slot-scope='{row}'>{{row.sjwcsj?formatter(row.sjwcsj):'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='执行耗时(天)' min-width='130' :sortable='true'>
|
|
|
+ <template slot-scope='{row}'>{{row.sjcxsjt||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='是否正常'>
|
|
|
+ <template slot-scope='{row}'>{{row.zt||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='异常工单' align='center'>
|
|
|
+ <el-table-column prop label='异常工单编号' min-width='110'>
|
|
|
+ <template slot-scope='{row}'>{{row.wonum||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='描述'>
|
|
|
+ <template slot-scope='{row}'>{{row.description||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='填报时间' width='90'>
|
|
|
+ <template slot-scope='{row}'>{{row.reportedby?formatter(row.reportedby):'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='验收时间' width='90'>
|
|
|
+ <template slot-scope='{row}'>{{row.sjjssj?formatter(row.sjjssj):'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
@@ -60,26 +130,68 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import Select from '@/components/Select/Select.vue'
|
|
|
+import moment from 'moment'
|
|
|
+import { querySelect } from '@/api/public.js'
|
|
|
|
|
|
export default {
|
|
|
props: ['table5', 'total', 'page', 'size', 'loading'],
|
|
|
data() {
|
|
|
return {
|
|
|
value1: '',
|
|
|
- dataSelect2: [
|
|
|
- { id: 'test1', name: '选择项' },
|
|
|
- { id: 'test2', name: '单平米' },
|
|
|
- { id: 'test3', name: '下级分项' },
|
|
|
- { id: 'test4', name: '滑动平均滑动平均' }
|
|
|
- ],
|
|
|
- searVal: ''
|
|
|
+ searVal: '',
|
|
|
+ status: [],
|
|
|
+ zt: []
|
|
|
}
|
|
|
},
|
|
|
components: { Select },
|
|
|
+ mounted() {
|
|
|
+ this.changeSelect()
|
|
|
+ },
|
|
|
methods: {
|
|
|
pageChanged(page) {
|
|
|
this.page = page
|
|
|
this.$emit('Index4')
|
|
|
+ },
|
|
|
+ formatter(date) {
|
|
|
+ return moment.unix(date / 1000).format('YYYY.MM.DD')
|
|
|
+ },
|
|
|
+ changeSelect() {
|
|
|
+ this.department = []
|
|
|
+ let postParams = [
|
|
|
+ {
|
|
|
+ columnName: { status: 'status', zt: 'zt' },
|
|
|
+ tableName: 'v_glsms_wbzy'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ let data = {
|
|
|
+ plazaId: '1000288'
|
|
|
+ }
|
|
|
+ querySelect({ data, postParams }).then(res => {
|
|
|
+ console.log('下拉框', res)
|
|
|
+ let status = [],
|
|
|
+ zt = []
|
|
|
+
|
|
|
+ status = res.data.data.v_glsms_wbzy.status ? res.data.data.v_glsms_wbzy.status : []
|
|
|
+ zt = res.data.data.v_glsms_wbzy.zt ? res.data.data.v_glsms_wbzy.zt : []
|
|
|
+ if (status.length > 0) {
|
|
|
+ status.forEach(el => {
|
|
|
+ let obj = {
|
|
|
+ id: el.key,
|
|
|
+ name: el.value
|
|
|
+ }
|
|
|
+ this.status.push(obj)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (zt.length > 0) {
|
|
|
+ zt.forEach(el => {
|
|
|
+ let obj = {
|
|
|
+ id: el.key,
|
|
|
+ name: el.value
|
|
|
+ }
|
|
|
+ this.zt.push(obj)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
}
|