uniapp2/pages/siteArchive/archiveDetail/archiveDetail.vue

<template>
	<view class="appWrapper archiveDetail">
		<form action="">
			<view class="form-item">
				<view class="title">
					户号:
				</view>
				<view class="sub">{{detailInfo.account_number}}</view>
			</view>
			<view class="form-item">
				<view class="title">流变变比:</view>
				<view class="sub">{{detailInfo.rheological_change}}</view>
			</view>
			<view class="form-item">
				<view class="title" style="width:240rpx">单路电源容量:</view>
				<view class="sub">{{detailInfo.power_capacity}}</view>
			</view>
			<view class="form-item">
				<view class="title">线路:</view>
				<view class="sub">{{detailInfo.route_name}}</view>
			</view>
			<view class="form-item">
				<view class="title">站点名称:</view>
				<view class="sub">{{detailInfo.site_name}}</view>
			</view>
			<view class="form-item">
				<view class="title">监察:</view>
				<view class="sub">{{detailInfo.supervision_name}}</view>
			</view>
			<view class="form-item">
				<view class="title">电试报告时间:</view>
				<view class="sub">{{detailInfo.electric_test_overdue}}</view>
			</view>
			<view class="eleTime">
				<image src="/static/noteIcon.png"></image>
				<view>距离电试超期还有  <span>730</span>  天</view>
				
				</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 remark" >
				<view class="title">备注:</view>
				<!-- <input type="text" disabled="true" v-model="detailInfo.remarks"> -->
				<textarea name="" id="" disabled="true" v-model="detailInfo.remarks"></textarea>
			</view>
			
			
			<view  v-if="this.control&&Object.keys(this.detailInfo).length!=0" class="btn-area submitBottomBtn padding-lr-sm  " style="position:static">
				<button class="bg-blue round  margin-top" @click="goArchiveEdit()">编 辑 </button>
			</view>
			<br>
		</form>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				detailInfo:{},
				control:'',
				id:''
			}
		},
		onLoad: function(option) {
			console.log('option')
			console.log(this.detailInfo)
			if(option.siteId){
				// alert(1)
				this.getDataList({"site_id":option.siteId})
			}else{
				// alert(2)
				this.getDataList({"id":option.id})
			}
			this.control=option.mark;
			
			this.id=option.id;
			
		},
		methods: {
			goArchiveEdit(){
				uni.navigateTo({
					url: '/pages/siteArchive/siteArchiveAdd/siteArchiveAdd?id='+this.id,
				});
				
			},
			//数据请求
			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" >
	.form-item .title{
		width:242rpx
	}
</style>