qa-regulatory-gwj-vue/src/views/map/dialog/peoplePositionOne.vue

112 lines
2.2 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 >{{ info?info.NAME:'' }}</td>
</tr>
<tr>
<td class="bbg-transparent">工号</td>
<td >{{ id }}</td>
</tr>
<tr>
<td class="bbg-transparent">部门</td>
<td >{{ info?info.DEPARTMENT_NAME:'' }}</td>
</tr>
<tr>
<td class="bbg-transparent">岗位</td>
<td >{{ info?info.POST_NAME:'' }}</td>
</tr>
</table>
<table class="table-ui">
<div class="level-title titles">
<h1>八项作业</h1>
</div>
<tr>
<td colspan="4" style="padding: 0;">
<table class="table-vi">
<tr class="bbg-transparent">
<td>序号</td>
<td>作业类型</td>
<td>作业内容</td>
<td>编号</td>
</tr>
<tr v-for="(item, index) in measuresList" :key="item.ID">
<td>{{ index + 1 }}</td>
<td>{{ item.WORK_TYPE }}</td>
<td>{{ item.WORK_CONTENT }}</td>
<td>{{ item.WORK_NUMBER }}</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</template>
<script>
import { requestFN } from '@/utils/request'
import moment from 'moment/moment'
export default {
props: {
id: {
type: String,
default() {
return ''
}
},
type: {
type: String,
default() {
return ''
}
}
},
data() {
return {
config: config,
info: {},
ImgList: [],
measuresList: [],
gongdanList: []
}
},
created() {
this.getData()
},
methods: {
formatDate(date, format) {
if (date) {
return moment(date).format(format)
} else {
return ''
}
},
getData() {
requestFN(
'/map/getUserMapInfo',
{
CARDNO: this.id,
TYPE: this.type
}
).then((data) => {
this.info = data.pd
}).catch((e) => {
})
}
}
}
</script>
<style lang="scss" scoped>
.titles {
margin-top: 20px;
}
</style>