|
@@ -15,7 +15,6 @@
|
|
|
end-placeholder
|
|
|
></el-date-picker>
|
|
|
</div>
|
|
|
-
|
|
|
<Select
|
|
|
@change='getZhjl'
|
|
|
width='200'
|
|
@@ -31,6 +30,7 @@
|
|
|
<el-input clearable placeholder='搜索记录事项' @change='getZhjl' size='small' prefix-icon='el-icon-search' v-model='ssjlsx' style='width:200px'></el-input>
|
|
|
</div>
|
|
|
<el-table
|
|
|
+ border
|
|
|
@row-click='handdle'
|
|
|
v-loading='loading'
|
|
|
:header-cell-style='{background:"rgba(245,246,247,1)",fontFamily:"MicrosoftYaHei",color:"rgba(100,108,115,1)",lineHeight:"16px",fontSize:"12px"}'
|
|
@@ -38,23 +38,33 @@
|
|
|
style='width: 100%;margin-top:12px'
|
|
|
>
|
|
|
<el-table-column label='序号' type='index' width='50'></el-table-column>
|
|
|
- <el-table-column prop sortable label='日期'>
|
|
|
+ <el-table-column prop sortable label='日期' resizable>
|
|
|
<template slot-scope='{row}'>{{formatter(row.createdate)||'--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='type' label='政府部门'>
|
|
|
+ <el-table-column prop label='政府部门'>
|
|
|
<template slot-scope='{row}'>{{row.department||'--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='thing' label='记录事项' :show-overflow-tooltip='true'>
|
|
|
+ <el-table-column prop label='记录事项' :show-overflow-tooltip='true'>
|
|
|
<template slot-scope='{row}'>{{row.recordsx||'--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='name' label='工作要求'>
|
|
|
+ <el-table-column prop label='工作要求'>
|
|
|
<template slot-scope='{row}'>{{row.workyq||'--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='type' label='整改要求'>
|
|
|
+ <el-table-column prop label='整改要求'>
|
|
|
<template slot-scope='{row}'>{{row.zgyq||'--'}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='name' label='附件'>
|
|
|
- <template slot-scope='{row}'>{{'--'}}</template>
|
|
|
+ <el-table-column prop label='附件'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <el-popover placement='right' trigger='hover'>
|
|
|
+ <div>
|
|
|
+ <p style='display: flex;justify-content: space-between;color: rgba(0, 145, 255, 1);cursor: pointer;'>
|
|
|
+ <span>南区防雷检测报告. pdf</span>
|
|
|
+ <i style='margin-left: 20px;font-size: 16px;' class='el-icon-download'></i>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class='fileOpen' slot='reference'>预览({{row.file}})</div>
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<div class='foot'>
|
|
@@ -75,12 +85,13 @@ import moment from 'moment'
|
|
|
import Select from '@/components/Select/Select.vue'
|
|
|
import { queryGlams } from '@/api/other.js'
|
|
|
import { querySelect } from '@/api/public.js'
|
|
|
+import pdf from 'vue-pdf'
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
dateVal: '',
|
|
|
- loading: true,
|
|
|
+ loading: false,
|
|
|
zhjlTable: [],
|
|
|
searVal: '',
|
|
|
total: 0,
|
|
@@ -91,7 +102,7 @@ export default {
|
|
|
isOpen: true
|
|
|
}
|
|
|
},
|
|
|
- components: { Select },
|
|
|
+ components: { Select, pdf },
|
|
|
methods: {
|
|
|
formatter(date) {
|
|
|
return moment.unix(date / 1000).format('YYYY.MM.DD')
|
|
@@ -109,7 +120,8 @@ export default {
|
|
|
let getParams = {
|
|
|
plazaId: this.$store.state.plazaId,
|
|
|
page: this.page,
|
|
|
- size: this.size
|
|
|
+ size: this.size,
|
|
|
+ orderBy: 'createdate,0'
|
|
|
}
|
|
|
if (this.searVal) {
|
|
|
getParams.department = this.searVal
|
|
@@ -157,17 +169,18 @@ export default {
|
|
|
}
|
|
|
this.department.push(obj)
|
|
|
})
|
|
|
+ console.log(this.department)
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
handdle() {
|
|
|
- this.isOpen = !this.isOpen
|
|
|
if (this.isOpen) {
|
|
|
- window.open('https://www.baidu.com/')
|
|
|
+ window.open('http://bing.com', true)
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- mounted() {
|
|
|
+ mounted() {},
|
|
|
+ created() {
|
|
|
this.changeSelect()
|
|
|
}
|
|
|
}
|
|
@@ -189,6 +202,10 @@ export default {
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
}
|
|
|
}
|
|
|
+ .fileOpen {
|
|
|
+ color: rgba(0, 145, 255, 1);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="less">
|