uniapp/pages/siteArchive/archiveDetail/archiveDetail.vue

<template>
	<view class="appWrapper">
		<form action="">
			<view style="height:30rpx"></view>
			<view class="form-item">
				
				
				<view class="title">
					<!-- <text class="necessary">*</text> -->
					户号:
				</view>
				<input name="input" disabled ="true" v-model="detailInfo.account_number" ></input>
			</view>
			<view class="form-item">
				<view class="title">流变变比:</view>
				<input name="input" disabled ="true" v-model="detailInfo.rheological_change"></input>
			</view>
			<view class="form-item">
				<view class="title" style="width:240rpx">单路电源容量:</view>
				<input name="input" disabled ="true" v-model="detailInfo.power_capacity"></input>
			</view>
			<view class="form-item">
				<view class="title">线路:</view>
				<input name="input" disabled ="true" v-model="detailInfo.route_name"></input>
			</view>
			<view class="form-item">
				<view class="title">站点名称:</view>
				<input name="input" disabled ="true" v-model="detailInfo.site_name"></input>
			</view>
			<view class="form-item">
				<view class="title">监察:</view>
				<input name="input" disabled ="true" v-model="detailInfo.supervision_name"></input>
			</view>
			
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				四防一通
			</view>
			<view class="form-item extraDis">
				<view class="title">电缆孔洞:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.cable_hole == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.cable_hole == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">门窗、墙壁破损:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.damage == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.damage == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">屋顶墙壁渗漏水:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.water_leakage == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.water_leakage == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">灭火器配置不足:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.annihilator_insufficient_configuration == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.annihilator_insufficient_configuration == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">灭火器超期:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.annihilator_overdue == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.annihilator_overdue == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				室内环境
			</view>
			<view class="form-item extraDis">
				<view class="title">堆放杂物:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.pile_up_sundries == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.pile_up_sundries == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">积灰严重:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.serious_ash_deposition == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.serious_ash_deposition == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">配电房周围环境潮湿:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.around_environment_humid == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.around_environment_humid == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			
			<view class="form-item extraDis">
				<view class="title">配电房周围环境潮湿:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.around_pile_up_sundries == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.around_pile_up_sundries == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				电工
			</view>
			<view class="form-item extraDis">
				<view class="title">无电工:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.no_electrician == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.no_electrician == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">电工人数配置不足:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.electrician_lack == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.electrician_lack == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">电工证超期:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.overdue_electrician_certificate == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.overdue_electrician_certificate == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			
			
			<!-- 电试 -->
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				电试
			</view>
			<view class="form-item extraDis">
				<view class="title">电试超期:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.electric_test_overdue == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.electric_test_overdue == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			
			<!-- 设备 -->
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				设备
			</view>
			<view class="form-item extraDis">
				<view class="title">设备老旧(标明出厂或投运日期):</view>
				<input type="text" disabled ="true" v-model="detailInfo.old_equipment" style="width:35%">
			</view>
			
			<!-- 安全工器具 -->
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				安全工器具
			</view>
			<view class="form-item extraDis">
				<view class="title">配置不足（绝缘体）:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.blanket_insufficient_configuration == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.blanket_insufficient_configuration == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item extraDis">
				<view class="title">接地线与存放位置编号:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.ground_wire == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.ground_wire == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			
			<!-- 安全工器具 -->
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				模拟屏
			</view>
			<view class="form-item extraDis">
				<view class="title">模拟屏:</view>
				<radio-group name="gender">
					<label class="margin-right-xl">
						<radio disabled ="true" value="是" :checked='detailInfo.analog_screen == 1' /><text>是</text>
					</label>
					<label>
						<radio disabled ="true" value="否" :checked='detailInfo.analog_screen == 0'/><text>否</text>
					</label>
				</radio-group>
			</view>
			<view class="form-item">
				<view class="title">备注:</view>
				<!-- <input type="text" disabled="true" v-model="detailInfo.remarks"> -->
				<textarea name="" id="" disabled="true" v-model="detailInfo.remarks"></textarea>
			</view>
			
			<br>
		</form>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				detailInfo:{},
			}
		},
		onLoad: function(option) {
			console.log('option')
			if(option.siteId){
				// alert(1)
				this.getDataList({"site_id":option.siteId})
			}else{
				// alert(2)
				this.getDataList({"id":option.id})
			}
			
		},
		methods: {
			//数据请求
			async getDataList(params = {}) {
				const res = await this.$myRequest({
					url: 'Archives/getArchivesList',
					showLoading: true,
					data: params
				})
				console.log('res.data.data')
				console.log(res.data.data[0])
				this.detailInfo = res.data.data[0];
				if(!this.detailInfo){
					uni.showToast({
						title: "暂无档案信息!",
						icon: "none"
					});
				}
			},
			
	
	

		}
	}
</script>




<style lang="scss">
	
</style>