<template>
|
<div class="app-container">
|
<div class="filter-container">
|
<el-button class="filter-item" type="primary" @click="openSpecialPerson('新增','')" >添加</el-button>
|
</div>
|
<div class="table_content">
|
<el-table
|
v-loading="listLoading"
|
:key="tableKey"
|
:data="SpecialPersonQualificationListData"
|
border
|
fit
|
highlight-current-row
|
style="width: 100%;"
|
>
|
<el-table-column label="序号" type="index" align="center" width="60"/>
|
<el-table-column label="姓名" prop="name" align="center">
|
</el-table-column>
|
<el-table-column label="职务" prop="type" align="center">
|
</el-table-column>
|
<el-table-column label="特种作业操作证号" prop="number" align="center">
|
</el-table-column>
|
<el-table-column label="培训合格证有效期" prop="enterprisesize" align="center">
|
<template slot-scope="scope">
|
<span>{{ scope.row.validstarttime}}</span>
|
<span>-</span>
|
<span>{{ scope.row.validendtime}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="是否按时复审" prop="isreview" align="center">
|
<template slot-scope="scope">
|
<div v-for="item in isReviewList">
|
<div v-if="scope.row.isreview === item.text">
|
{{item.name}}
|
</div>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column label="图片">
|
<template slot-scope="scope">
|
<el-popover placement="top-start" trigger="click">
|
<!-- <a href="http://192.168.0.7:8100/upload/enterprise/20210327184751998.png" target="_blank" title="查看最大化图片"><img src="http://192.168.0.7:8100/upload/enterprise/20210327184751998.png" style="width: 300px;height: 300px" /></a>-->
|
<!-- <img slot="reference" src="http://192.168.0.7:8100/upload/enterprise/20210327184751998.png" style="width:40px;height:40px;margin-left:10px;cursor:pointer" ></img>-->
|
<!-- <a :href="scope.row.enterpriseResources.url" target="_blank" title="查看最大化图片"><img v-for="(item,index) in scope.row.enterpriseResources" :src="item.url" style="width: 300px;height: 300px" /></a>-->
|
<img slot="reference" v-for="(item,index) in scope.row.enterpriseResources" :src="item.url" :key="index" style="width:40px;height:40px;margin-left:10px;cursor:pointer" @click="showPic(item)"></img>
|
</el-popover>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
|
<template slot-scope="scope">
|
<el-button type="text" @click="openSpecialPerson('修改',scope.row)">修改</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<br>
|
<el-pagination
|
v-show="recordTotal>0"
|
:current-page="currentPage"
|
:page-sizes="[10, 20, 30, 50]"
|
:page-size="pageSize"
|
:total="recordTotal"
|
layout="total, sizes, prev, pager, next, jumper"
|
background
|
style="float:right;"
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
/>
|
</div>
|
<specialPersonForm ref="specialPersonForm" @getinfo="getSpecialPersonQualificationListData"></specialPersonForm>
|
</div>
|
</template>
|
|
<script>
|
|
import { computePageCount } from '@/utils'
|
import specialPersonForm from "./components/specialPersonForm";
|
import {uploadUrl} from '@/assets/upload/url'
|
import { getSpecialPersonQualification } from '@/api/safetyPersonQualification'
|
|
export default {
|
name: "publicSecurityDepartment",
|
props:["enterpriseId"],
|
data(){
|
return{
|
tableKey:0,
|
listLoading:false,
|
pageSize: 10,
|
recordTotal: 0,
|
currentPage: 1,
|
pageTotal: 0,
|
searchContent:'',
|
isReviewList:[{id:0,name:'否',text:false},{id:1,name:'是',text:true}],
|
SpecialPersonQualificationListData:[],
|
}
|
},
|
components:{
|
specialPersonForm
|
},
|
created(){
|
this.getSpecialPersonQualificationListData()
|
},
|
methods:{
|
async getSpecialPersonQualificationListData(){
|
const params = {}
|
params['pageIndex'] = this.currentPage
|
params['pageSize'] = this.pageSize
|
this.listLoading = true
|
let res = await getSpecialPersonQualification(params,this.enterpriseId)
|
if(res.data.code === "200"){
|
this.recordTotal = res.data.result.total
|
this.pageSize = res.data.result.size
|
this.pageTotal = computePageCount(res.data.result.total, res.data.result.size)
|
this.currentPage = res.data.result.current
|
this.SpecialPersonQualificationListData = res.data.result.records
|
for(let i=0;i<this.SpecialPersonQualificationListData.length;i++){
|
if(this.SpecialPersonQualificationListData[i].enterpriseResources != null) {
|
for (let j = 0; j < this.SpecialPersonQualificationListData[i].enterpriseResources.length; j++) {
|
this.SpecialPersonQualificationListData[i].enterpriseResources[j].url = uploadUrl() + this.SpecialPersonQualificationListData[i].enterpriseResources[j].url
|
}
|
}
|
}
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
this.listLoading = false
|
},
|
showPic(val){
|
window.open(val.url, '_blank')
|
},
|
openSpecialPerson(title,value){
|
this.$refs.specialPersonForm.showSpecialPersonForm(title,value,this.enterpriseId)
|
},
|
handleSizeChange(val) {
|
this.listQuery.pageSize = val
|
this.getSpecialPersonQualificationListData()
|
},
|
handleCurrentChange(val) {
|
this.listQuery.pageIndex = val
|
this.getSpecialPersonQualificationListData()
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
