qa-prevention-gwj-vue/src/views/map/dialog/peoplePositionYGS.vue

93 lines
1.9 KiB
Vue

<template>
<div class="app-container print-work">
<div class="level-title">
<h1>人员信息</h1>
</div>
<table class="table-ui">
<tr>
<td class="bbg-transparent">照片</td>
<td ><img src="../../../assets/map/index/touxiang.png" alt="" width="50" height="50"></td>
<td class="bbg-transparent">姓名</td>
<td >{{ info?info.userName:'' }}</td>
</tr>
<tr>
<td class="bbg-transparent">公司</td>
<td >{{ info?info.corpName:'' }}</td>
<td class="bbg-transparent">部门</td>
<td >{{ info?info.departmentName:'' }}</td>
</tr>
<tr>
<td class="bbg-transparent">设备id</td>
<td >{{ info?info.deviceId:'' }}</td>
<td class="bbg-transparent">设备名称</td>
<td >{{ info?info.deviceName:'' }}</td>
</tr>
<tr>
<td class="bbg-transparent">人员类型</td>
<td>{{ otherInfo?otherInfo.personType:'' }}</td>
<td class="bbg-transparent">岗位</td>
<td>{{ otherInfo?otherInfo.postName:'' }}</td>
</tr>
</table>
</div>
</template>
<script>
import { requestFN } from '@/utils/request'
export default {
props: {
id: {
type: String,
default() {
return ''
}
},
type: {
type: String,
default() {
return ''
}
},
corpId: {
type: String,
default() {
return ''
}
}
},
data() {
return {
config: config,
info: {},
otherInfo: {}
}
},
created() {
this.getData()
},
methods: {
getData() {
requestFN(
'/map/getPersonByCardNo',
{
CARDNO: this.id,
corpId: this.corpId
}
).then((data) => {
this.info = data.info.required
this.otherInfo = data.otherInfo
}).catch((e) => {
})
}
}
}
</script>
<style lang="scss" scoped>
.titles {
margin-top: 20px;
}
</style>