<template>
	<view class="app">
		<view class="harmtitle">
			职业病危害因素检测结果
		</view>
		<view class="top">
			<view class="sub" @tap="submit()">
				保存
			</view>
			<view class="derive" @tap="derive()">
				导出
			</view>
		</view>
		
		<uni-table border stripe emptyText="暂无更多数据" class="harmdata">

			<uni-tr>
				<uni-th align="center" width="80">车间/部门</uni-th>
				<uni-th align="center">岗位/工种</uni-th>
				<uni-th align="center" width="50">接害人数</uni-th>
				<uni-th align="center" width="100">危害因素名称</uni-th>
				<uni-th align="center" width="70">C-TWA</uni-th>
				<uni-th align="center" width="70">C-STE</uni-th>
				<uni-th align="center" width="70">C-ME</uni-th>
				<uni-th align="center" width="70">PE/PC-TWA</uni-th>
				<uni-th align="center" width="70">噪声等效声级</uni-th>
				<uni-th align="center" width="70">其他因素浓度</uni-th>
				<uni-th align="center" width="95">接触水平</uni-th>
				<uni-th align="center" width="80">危害因素性质</uni-th>
			</uni-tr>
			<uni-tr v-for="(item,index) in list" :key='index'>
				<uni-td align="center">{{item.bmName}}</uni-td>
				<uni-td align="center">{{item.gzName}}</uni-td>
				<uni-td align="center">{{item.ygCount}}</uni-td>
				<uni-td align="center">{{item.hywhName}}</uni-td>
				<uni-td align="center"><input v-model="item.cTwa" type="text" /></uni-td>
				<uni-td align="center"><input v-model="item.cStel" type="text" /></uni-td>
				<uni-td align="center"><input v-model="item.cMac" type="text" /></uni-td>
				<uni-td align="center"> <input v-model="item.peTwa" type="text" /></uni-td>
				<uni-td align="center"> <input v-model="item.zcdxsj" type="text" /></uni-td>
				<uni-td align="center"><input v-model="item.qtys" type="text" /></uni-td>
				<!-- <uni-td align="center">{{item.jcsp}}</uni-td> -->
				<uni-td align="center">
					<uni-data-select v-model="item.jcsp" :localdata="range" @change="changeaccord(item)" :clear="false" >
					</uni-data-select>
				</uni-td>
				<uni-td align="center">{{item.whXz}}</uni-td>
			</uni-tr>
		</uni-table>
		<view class="page" >
			<uni-pagination :pageSize="limit" :current="page" :total="total" :show-icon="true" @change="change" />
		</view>
		<table border stripe emptyText="暂无更多数据" class="harmdatalist">
			<!-- 表头行 -->
			<tr class="h-tr">
				<th align="center">职业病危害因素性质</th>
				<th align="center">暴露水平</th>
				<th align="center">接触人数</th>
				<th align="center">风险级别</th>
				<th align="center">风险判定结论</th>
			</tr>
			<!-- 表格数据行 -->
			<tr rowspan="2">
				<td align="center" rowspan="2">一般</td>
				<td align="center">符合</td>
				<td align="center">{{this.listhrrm.ybbcbCount}}</td>
				<td align="center">{{this.listhrrm.fxjbybbcbStr}}</td>
				<td align="center" rowspan="4">{{this.listhrrm.fxjb}}</td>
			</tr>
			<tr>
				<td align="center">不符合</td>
				<td align="center">{{this.listhrrm.ybcbCount}}</td>
				<td align="center">{{this.listhrrm.fxjbybcbStr}}</td>
				<!-- <td align="center">1级</td> -->
			</tr>
			<tr rowspan="2">
				<td align="center" rowspan="2">严重</td>
				<td align="center">符合</td>
				<td align="center">{{this.listhrrm.yzbcbCount}}</td>
				<td align="center">{{this.listhrrm.fxjbyzbcbStr}}</td>
			</tr>
			<tr>
				<td align="center">不符合</td>
				<td align="center">{{this.listhrrm.yzcbCount}}</td>
				<td align="center">{{this.listhrrm.fxjbyzcbStr}}</td>
			</tr>
		</table>
	</view>
</template>

<script>
	import {
		getblTest,
		blTestEditSelect,
		whblfxpg,
		blTestEdit,
		qyexportApp,
		delPgFile,
	} from '@/api/Occupationalhazards/Occupationalhazards.js'
	import baseUrl from '@/api/baseurl.js'
	export default {
		data() {
			return {
				// value: 0,
				range: [{
						value: 0,
						text: "符合"
					},
					{
						value: 1,
						text: "不符合"
					},
				],
				page: 1,
				limit: 10,
				list: [],
				total: null,
				eid: '',
				filePath: '',
				// id: '',
				// jcsp: '',
				listhrrm: [],
			}
		},
		onShow() {
			this.infolist();

		},

		mounted() {
			// plus.screen.lockOrientation( 'landscape-secondary');
			// #ifdef APP-PLUS
			plus.screen.lockOrientation('landscape-primary');
			// #endif
		},
		onUnload() {
			// #ifdef APP-PLUS
			plus.screen.lockOrientation('portrait-primary'); //锁死屏幕方向为竖屏
			// #endif
		},

		// 监听页面返回
		onBackPress() {
			console.log(111)
			// 跳转至空白页
			uni.redirectTo({
				url: '/pages/perfect/perfect'
			});
		},
		methods: {
			infolist() {
				// this.page = 1;
				getblTest(this.page, this.limit, this.eid).then(res => {
						console.log(res, '打印res')
						this.list = res.data
						// this.id = res.data.blID
						this.total = res.count
						this.list.forEach((e) => {
							e.jcsp = Number(e.jcsp) 
							console.log(e)

						});
					}),
					whblfxpg(this.eid).then(res => {
						console.log(res, '66')
						this.listhrrm = res

					})
			},
			change(e) {
				console.log(e)
				this.page = e.current;
				this.infolist()
			},


		
			changeaccord(val) {
				if (val.jcsp == 0) {
					val.jcsp = 1
				} else {
					val.jcsp = 0
				}
				blTestEditSelect(val.blID, val.jcsp).then(res => {})
			},
			// 保存
			submit() {
				this.list.forEach((e) => {
				});
				blTestEdit(this.list).then(res => {
					this.infolist();
					uni.showToast({
						title: '保存成功',
						icon: 'none',
						duration: 2000
					})
				})

			},
			// 导出
			derive(){
				qyexportApp().then(res=>{
					console.log(('dayin',res))
						this.filePath = res
						uni.downloadFile({
							url: baseUrl + `/dzzyb` + res,
							success: (data) => {
								console.log(data)
								if (data.statusCode == 200) {
									//文件保存到本地
									uni.saveFile({
										tempFilePath: data.tempFilePath, //临时路径
										success: function(res) {
											console.log(res)
											// uni.showToast({
											// 	icon: 'none',
											// 	mask: true,
											// 	title: '文件已保存：' + res
											// 		.savedFilePath, //保存路径
											// 	duration: 3000,
											// });
											// console.log(res)
											// setTimeout(() => {
											// 	//打开文档查看
											// }, 3000)
										}
									});
									uni.openDocument({
										filePath: data.tempFilePath,
										success: function(res) {
											// console.log('打开文档成功');
										},
										fail: function() {
											uni.showToast({
												title: '暂不支持此类型',
												duration: 2000,
												icon: "none",
											});
										}
									});
									if (this.filePath) {
										delPgFile(this.filePath).then(res => {
					
										})
					
									};
								}
							},
						})
				})
				
			},
		}
	}
</script>

<style lang="scss">
	//css函数 声明函数
	@function tovmin($rpx) {
		//$rpx为需要转换的字号
		@return #{$rpx * 100 / 750}vmin;
	}

	table,
	tr,
	td {
		border: tovmin(1) solid silver;
		border-collapse: collapse;
		color: #666666;
		margin: auto;
	}

	.data::v-deep .u-dropdown__content__mask {
		background: none !important;
	}

	::v-deep .uni-pagination__num {

		width: tovmin(1000);
		// background-color: red;

	}

	::v-deep .uni-input-input {
		text-align: center;
	}

	::v-deep .page--active {
		// padding-left: 100rpx;
		font-size: tovmin(30);
		width: tovmin(80);

	}

	::v-deep .uni-pagination__num-tag {
		min-width: tovmin(80);

	}

	// ::v-deep .u-dropdown .u-dropdown__menu .u-dropdown__menu__item .u-flex .u-dropdown__menu__item__arrow .u-icon__icon {
	// 	color: #169BD5 !important;
	// }

	// ::v-deep .u-dropdown .u-dropdown__menu .u-dropdown__menu__item .u-flex .u-dropdown__menu__item__text {
	// 	color: #169BD5 !important;
	// 	font-size: 24rpx !important;
	// }

	// ::v-deep .u-dropdown .u-dropdown__menu {
	// 	height: 65rpx !important;
	// }
	.app {
		color: #000;
		/* font-weight: 400; */
		height: 100vh;
		position: relative;

		th {
			font-size: tovmin(35);

		}

		td {
			font-size: tovmin(30);

			/*为页面中所有的td标签添加样式*/
			// border: black 1px solid;
			/*添加边框*/
		}
		.top{

			float: right;

			margin-top:  tovmin(10);
			margin-bottom: tovmin(10);
			margin-right:tovmin(30);
			.sub {
				// margin: auto;
				vertical-align: middle;
				font-size:tovmin(30);
				// display: inline-block;
				width:  tovmin(150);
				height: tovmin(80);
				// background-color: red;
				text-align: center;
				line-height: tovmin(80);
				color: #fff;
				background-color: #3C9CFF;
				border-radius: tovmin(20);
		
				display: inline-block;
			}
				
			.derive{
				display: inline-block;
				font-size:tovmin(30);
				width:  tovmin(150);
				height: tovmin(80);
				text-align: center;
				line-height: tovmin(80);
				color: #fff;
				background-color: #3C9CFF;
				border-radius: tovmin(20);
				margin-left: tovmin(20);
				vertical-align: middle;
				
			}
			
		}

	

		.harmdatalist {
			width: 100%;
			height: 70%;
			margin-bott: 5%;


		}

		.harmtitle {
			
			position: absolute;
		
			height: tovmin(90);
			line-height: tovmin(90);
			font-size: tovmin(50);
			margin-left: 5%;
		}

		::v-deep .uni-table-th {
			background-color: #F2F2F2;

		}




		.harmdata {
			width: 100%;
			// position: absolute;
			top: 6%;


		}

		.h-tr {
			background-color: #F2F2F2;
			border: none;
			font-size: tovmin(30);


		}

		.page {
			margin-top: 2%;
			margin-bottom: 2%;
			
		}

		.data {
			width: 20%;
			position: absolute;
			top: tovmin(-10);
			left: 75%;
		
		}
	}
</style>
