123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- <template>
- <div class='compute-item'>
- <div class='compute-center'>
- <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'
- style='margin-right:12px;width:230px'
- range-separator='-'
- start-placeholder='开始日期'
- end-placeholder='结束日期'
- placeholder='验收时间'
- ></el-date-picker>
- <Select width='146' tipPlace='top' caption='是否更换:' :selectdata='isReplaceData' :placeholder='"请选择"' style='margin-right:12px'></Select>
- <el-input placeholder='搜索设备名称' size='small' prefix-icon='el-icon-search' v-model='searVal' style='width:192px;margin-right:12px'></el-input>
- <el-input placeholder='搜索设备编号' size='small' prefix-icon='el-icon-search' v-model='searVal' style='width:192px;margin-right:12px'></el-input>
- <el-input placeholder='搜索重要事项记录' size='small' prefix-icon='el-icon-search' v-model='searVal' style='width:192px;margin-right:12px'></el-input>
- <el-input placeholder='搜索描述工单编号' size='small' prefix-icon='el-icon-search' v-model='searVal' style='width:192px;margin-right:12px'></el-input>
- </div>
- <div class='compute-table'>
- <el-table
- v-loading='loading'
- :data='table4'
- style='width: 100%'
- :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 label='设备名称' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.sbmc||'--'}}</template>
- </el-table-column>
- <el-table-column prop label='设备编号' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.location||'--'}}</template>
- </el-table-column>
- <el-table-column prop label='重要事项记录' min-width='110' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.matters||'--'}}</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 label='更换配件信息' align='center' show-overflow-tooltip resizable>
- <el-table-column prop label='是/否更换' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.ismodel||'--'}}</template>
- </el-table-column>
- <el-table-column prop label='配件名称型号' min-width='110' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.model||'--'}}</template>
- </el-table-column>
- <el-table-column prop label='数量' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.cost||'--'}}</template>
- </el-table-column>
- <el-table-column prop label='费用(万元)' min-width='100' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.cost||'--'}}</template>
- </el-table-column>
- <el-table-column prop label='费用出处' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.source||'--'}}</template>
- </el-table-column>
- </el-table-column>
- <el-table-column prop label='现场照片' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.pics || '--'}}</template>
- </el-table-column>
- <el-table-column prop label='填报时间' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.reportedby?formatter(row.reportedby):'--'}}</template>
- </el-table-column>
- <el-table-column prop label='验收时间' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.sjjssj?formatter(row.sjjssj):'--'}}</template>
- </el-table-column>
- <el-table-column prop label='工单编号' show-overflow-tooltip resizable>
- <template slot-scope='{row}'>{{row.wonum||'--'}}</template>
- </el-table-column>
- </el-table>
- </div>
- <div class='foot'>
- <el-pagination
- background
- layout='prev, pager, next'
- :total='total'
- :page-size='size'
- @prev-click='pageChanged'
- @next-click='pageChanged'
- @current-change='pageChanged'
- ></el-pagination>
- </div>
- </div>
- </template>
- <script>
- import Select from '@/components/Select/Select.vue'
- import moment from 'moment'
- export default {
- props: ['table4', 'total', 'page', 'size', 'loading'],
- data() {
- return {
- value1: '',
- searVal: '',
- // 是否更换配件
- isReplaceData: [
- { id: '1', name: '是' },
- { id: '0', name: '否' }
- ]
- }
- },
- components: { Select },
- methods: {
- formatter(date) {
- return moment.unix(date / 1000).format('YYYY.MM.DD')
- },
- pageChanged(page) {
- this.page = page
- this.$emit('Index3')
- }
- }
- }
- </script>
- <style lang="less" scoped>
- </style>
- <style lang="less">
- .compute-item {
- .compute-center {
- display: flex;
- align-items: center;
- margin-bottom: 12px;
- }
- .foot {
- height: 32px;
- display: flex;
- justify-content: flex-end;
- margin-top: 28px;
- }
- }
- </style>
|