|
@@ -1,37 +1,84 @@
|
|
<template>
|
|
<template>
|
|
<!-- 记录事项 -->
|
|
<!-- 记录事项 -->
|
|
<div class='detail-dialog'>
|
|
<div class='detail-dialog'>
|
|
- <el-dialog title='维修维保记录事项' :visible.sync='visible'>
|
|
|
|
|
|
+ <el-dialog :title='`${major}${tabName}记录事项`' :visible.sync='visible'>
|
|
<div class='bottom-table'>
|
|
<div class='bottom-table'>
|
|
<el-table :data='tableData' style='width: 100%'>
|
|
<el-table :data='tableData' style='width: 100%'>
|
|
- <el-table-column label='位置' prop='position' width='50'></el-table-column>
|
|
|
|
- <el-table-column prop='equipment' label='设备' width='140'></el-table-column>
|
|
|
|
- <el-table-column prop='thing' label='记录事项' :show-overflow-tooltip='true'></el-table-column>
|
|
|
|
|
|
+ <el-table-column label='位置' prop width='100'>
|
|
|
|
+ <template slot-scope='{row}'>{{row.locfldes || '--'}}</template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop='system' label='设备' width='100'></el-table-column>
|
|
|
|
+ <el-table-column prop='matter' label='记录事项'></el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
|
|
+import { queryRecord } from '@/api/equipmentList.js'
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
visible: false,
|
|
visible: false,
|
|
- tableData: [
|
|
|
|
- { name: '消防检测 电气安', type: '政府', thing: '1)检测结论2)检测主要项目及标准3)不合格项的具体内容及二次复检的安排' },
|
|
|
|
- { name: '消防检测 电气安', type: '政府', thing: '1)检测结论2)检测主要项目及标准3)不合格项的具体内容及二次复检的安排' },
|
|
|
|
- { name: '消防检测 电气安', type: '政府', thing: '1)检测结论2)检测主要项目及标准3)不合格项的具体内容及二次复检的安排' },
|
|
|
|
- { name: '消防检测 电气安', type: '政府', thing: '1)检测结论2)检测主要项目及标准3)不合格项的具体内容及二次复检的安排' },
|
|
|
|
- { name: '消防检测 电气安', type: '政府', thing: '1)检测结论2)检测主要项目及标准3)不合格项的具体内容及二次复检的安排' },
|
|
|
|
- { name: '消防检测 电气安', type: '政府', thing: '1)检测结论2)检测主要项目及标准3)不合格项的具体内容及二次复检的安排' }
|
|
|
|
- ]
|
|
|
|
|
|
+ major: '',
|
|
|
|
+ tabName: '',
|
|
|
|
+ tableData: []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- open() {
|
|
|
|
|
|
+ open(major) {
|
|
|
|
+ if (major.slice(2, 4) == 'WX') {
|
|
|
|
+ this.tabName = '维修'
|
|
|
|
+ } else if (major.slice(2, 4) == 'WB') {
|
|
|
|
+ this.tabName = '维保'
|
|
|
|
+ } else if (major.slice(2, 4) == 'ZW') {
|
|
|
|
+ this.tabName = '专维'
|
|
|
|
+ } else if (major.slice(2, 4) == 'QT') {
|
|
|
|
+ this.tabName = '其他'
|
|
|
|
+ }
|
|
|
|
+ if (major.slice(0, 2) == 'GD') {
|
|
|
|
+ this.major = '供电'
|
|
|
|
+ } else if (major.slice(0, 2) == 'XF') {
|
|
|
|
+ this.major = '消防'
|
|
|
|
+ } else if (major.slice(0, 2) == 'GPS') {
|
|
|
|
+ this.major = '给排水'
|
|
|
|
+ } else if (major.slice(0, 2) == 'DT') {
|
|
|
|
+ this.major = '电梯'
|
|
|
|
+ } else if (major.slice(0, 2) == 'RQ') {
|
|
|
|
+ this.major = '燃气'
|
|
|
|
+ } else if (major.slice(0, 2) == 'RD') {
|
|
|
|
+ this.major = '弱电'
|
|
|
|
+ } else if (major.slice(0, 2) == 'NT') {
|
|
|
|
+ this.major = '暖通'
|
|
|
|
+ } else if (major.slice(0, 2) == 'TJ') {
|
|
|
|
+ this.major = '土建'
|
|
|
|
+ }
|
|
this.visible = true
|
|
this.visible = true
|
|
|
|
+ this.getRecordList(this.major)
|
|
|
|
+ },
|
|
|
|
+ objectSpanMethod({ row, column, rowIndex, columnIndex }) {},
|
|
|
|
+ getRecordList(major) {
|
|
|
|
+ let getParams = {
|
|
|
|
+ major: major,
|
|
|
|
+ plazaId: this.$store.state.plazaId
|
|
|
|
+ }
|
|
|
|
+ queryRecord({ getParams }).then(res => {
|
|
|
|
+ let data = res.data || []
|
|
|
|
+ for (let i in data) {
|
|
|
|
+ console.log(data[i])
|
|
|
|
+ console.log(data[i][0].wxwbsxline)
|
|
|
|
+ for (let j in data[i][0].wxwbsxline) {
|
|
|
|
+ this.tableData.push({
|
|
|
|
+ locfldes: i,
|
|
|
|
+ system: data[i][0].wxwbsxline[j].system,
|
|
|
|
+ matter: data[i][0].wxwbsxline[j].matter
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ mounted() {}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|