ybxf-security-uniapp/pagesA/fire/zlgztzs/see_zlgztzs/see_zlgztzs.vue

<template>
	<view>
		<view class="container uni-container" v-if="tableData">
			<view class="buju">
				<text class="miaoshu">单位名称:</text>
				<text>{{ tableData.dwmc }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">被检查单位:</text>
				<text>{{ tableData.bjcdw }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">复查日期:</text>
				<text>{{ tableData.fchzrq }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">复查截至时间 :</text>
				<text>{{ tableData.fchzjzrq }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">单位id:</text>
				<text>{{ tableData.dwid }}</text>
			</view>

			<view class="buju">
				<text class="miaoshu">法律依据:</text>
				<text>{{ tableData.flyj }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">告知内容 :</text>
				<text>{{ tableData.gzContent }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">限期改正日期 :</text>
				<text>{{ tableData.gzrq }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">火灾时间 :</text>
				<text>{{ tableData.hzTime }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">火灾yh :</text>
				<text>{{ tableData.hzyh }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">是否复查 :</text>
				<text>{{ tableData.isFC }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">是否送达 :</text>
				<text>{{ tableData.isSd }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">消防机构 :</text>
				<text>{{ tableData.jcUnits }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">检查等级 :</text>
				<text>{{ tableData.jcdj }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">检查日期 :</text>
				<text>{{ tableData.jcrq }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">其他违法行为 :</text>
				<text>{{ tableData.qtwfxw }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">送达方式 :</text>
				<text>{{ tableData.sdMode }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">签收日期 :</text>
				<text>{{ tableData.signDate }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">被检查单位负责人 :</text>
				<text>{{ tableData.signRy }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">填发日期 :</text>
				<text>{{ tableData.tfrq }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">法律文书版本号 :</text>
				<text>{{ tableData.versionNumber }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">违法行为 :</text>
				<text>{{ tableData.wfxw }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">违法行为编号 :</text>
				<text>{{ tableData.wfxwbh }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">违法行为名称 :</text>
				<text>{{ tableData.wfxwname }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">限期违法行为名称:</text>
				<text>{{ tableData.wfxwxqgz }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">检查员检查日期 :</text>
				<text>{{ tableData.xfjdjcrq }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">消防监督检察员 :</text>
				<text>{{ tableData.xfjdjcy }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">限期其他违法行为 :</text>
				<text>{{ tableData.xqqtwfxw }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">限期违法行为 :</text>
				<text>{{ tableData.xqwfxw }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">限期违法行为编号:</text>
				<text>{{ tableData.xqwfxwbh }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">行政区域代码 :</text>
				<text>{{ tableData.xzqydm }}</text>
			</view>
			<view class="buju">
				<text class="miaoshu">主管单位 :</text>
				<text>{{ tableData.zgdwid }}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getZlgztzsGet
	} from '@/api/zlgztzs';
	export default {
		data() {
			return {
				tableData: {}
			}
		},
		onLoad: function(option) {
			if (option.id) {
				getZlgztzsGet({
					id: option.id
				}).then(res => {
					this.tableData = res.data
				})
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.container {
		position: relative;
		// height: 220vh;
		background-color: rgb(245, 247, 249);
		overflow: auto;

		.buju {
			margin: 40rpx 0;
			word-break: break-all;
		}
	}

	.miaoshu {
		margin-right: 20rpx;
		color: #274647;
		font-weight: 600;
	}
</style>