86 lines
2.1 KiB
Vue
86 lines
2.1 KiB
Vue
<template>
|
|
<div>
|
|
<div class="app-container">
|
|
<el-page-header content="查看详情" @back="goBack"/>
|
|
<table class="table-ui mt-20">
|
|
<tr>
|
|
<td class="tbg">处罚原因</td>
|
|
<td>{{ pd.REASON }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tbg">处罚金额</td>
|
|
<td>{{ pd.AMOUT }}元</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tbg">被处罚单位</td>
|
|
<td>{{ pd.UNITS_NAME }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tbg">被处罚人</td>
|
|
<td>{{ pd.PERSON_NAME }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tbg">下发人</td>
|
|
<td>{{ pd.CREATOR_NAME }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tbg">下发处罚时间</td>
|
|
<td>{{ pd.DATE }}</td>
|
|
</tr>
|
|
<tr v-if="pd.HANDLED === '1'">
|
|
<td class="tbg">罚款缴纳单</td>
|
|
<td v-viewer>
|
|
<img :src="config.fileUrl + pd.HANDLE_IMG" alt="" style="width: 100px;height: 100px;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tbg">处罚处理人</td>
|
|
<td>{{ pd.PERSON_NAME }}</td>
|
|
</tr>
|
|
<tr v-if="pd.HANDLED === '1'">
|
|
<td class="tbg">处罚处理时间</td>
|
|
<td colspan="3">{{ pd.HANLDE_TIME }}</td>
|
|
</tr>
|
|
<div class="ui-height" />
|
|
<div class="ui-foot">
|
|
<el-button icon="el-icon-arrow-left" @click="goBack">返 回</el-button>
|
|
</div>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { requestFN } from '@/utils/request'
|
|
export default {
|
|
data() {
|
|
return {
|
|
config,
|
|
pd: {}
|
|
}
|
|
},
|
|
created() {
|
|
this.getData()
|
|
},
|
|
methods: {
|
|
getData() {
|
|
requestFN(
|
|
'/keyprojectpunish/goEdit',
|
|
{
|
|
OUTSOURCED_ID: this.$parent.OUTSOURCED_ID,
|
|
KEYPROJECTPUNISH_ID: this.$parent.KEYPROJECTPUNISH_ID
|
|
}
|
|
).then((data) => {
|
|
this.pd = data.pd
|
|
})
|
|
},
|
|
goBack() {
|
|
this.$parent.activeName = 'recordList'
|
|
this.$parent.KEYPROJECTPUNISH_ID = ''
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|