<template>
	<view class="container">
		<form @submit="formSubmit" @reset="formReset">
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title" style="color:#5767CF;">常规类型医废 ∨</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title"> 感染性废物</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
						maxlength="50" type="text" placeholder="请输入总重量 Kg" />
					<view class="tui-title" style="min-width:0px;">箱数</view>
					<tui-numberbox :step="1" :value="value1" @change="change1"></tui-numberbox>
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title"> 损伤性废物</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
						maxlength="50" type="text" placeholder="请输入总重量 Kg" />
					<view class="tui-title" style="min-width:0px;">箱数</view>
					<tui-numberbox :step="1" :value="value4" @change="change4"></tui-numberbox>
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title"> 病理性废物</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
						maxlength="50" type="text" placeholder="请输入总重量 Kg" />
					<view class="tui-title" style="min-width:0px;">箱数</view>
					<tui-numberbox :step="1" :value="value2" @change="change2"></tui-numberbox>
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title"> 化学性废物</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
						maxlength="50" type="text" placeholder="请输入总重量 Kg" />
					<view class="tui-title" style="min-width:0px;">箱数</view>
					<tui-numberbox :step="1" :value="value2" @change="change2"></tui-numberbox>
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title"> 药物性废物</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
						maxlength="50" type="text" placeholder="请输入总重量 Kg" />
					<view class="tui-title" style="min-width:0px;">箱数</view>
					<tui-numberbox :step="1" :value="value5" @change="change5"></tui-numberbox>
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title"> 胎盘</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value=""
						maxlength="50" type="text" placeholder="请输入总重量 Kg" />
					<view class="tui-title" style="min-width:0px;">箱数</view>
					<tui-numberbox :step="1" :value="value3" @change="change3"></tui-numberbox>
				</view>
			</tui-list-cell>
			<view class="bar"></view>
			<!-- 基本信息 -->
			<tui-list-cell>
				<view class="tui-line-cell">
					<view class="tui-title">机构名称</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="肿瘤医院"
						maxlength="50" type="text" />
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title">上报人员</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="小王"
						maxlength="50" type="text" />
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title">暂存点</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="肿瘤医院暂存点"
						maxlength="50" type="text" />
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title">计划批次</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="202209130001"
						maxlength="50" type="text" />
				</view>
			</tui-list-cell>
			<tui-list-cell :hover="false">
				<view class="tui-line-cell">
					<view class="tui-title">上报时间</view>
					<input placeholder-class="tui-phcolor" class="tui-input" name="name" value="2022-09-13 17:56:20"
						maxlength="50" type="text" />
				</view>
			</tui-list-cell>
		</form>
		<view class="tui-btn-box"><tui-button shape="circle" @click="detail">确定</tui-button></view>
		<view class="tui-btn-box"><tui-button shape="circle" plain type="blue" @click="detail">取消</tui-button></view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				value1: 0,
				value2: 1,
				value3: 1,
				value4: 0,
				value5: 1,
				value6: 1,
				value7: 1,
				current: -1,
				current2: -1
				// dataList:[{
				// 		name: "特殊类型医废",
				// 		intro: "
						
						
				// 		",
				// 		current: 0,
				// 		disabled: false
				// 	}
				// ],
				
			}
		},
		methods: {
			
			change1: function(e) {
				this.value1 = e.value
			},
			change2: function(e) {
				this.value2 = e.value
			},
			change3: function(e) {
				this.value3 = e.value
			},
			change4: function(e) {
				this.value4 = e.value
			},
			change5: function(e) {
				this.value5 = e.value
			},
			change6: function(e) {
				this.value6 = e.value
			},
			change7: function(e) {
				this.value7 = e.value
			},
			detail: function() {
				this.tui.toast('click~');
			}
		}
	}
	
	// const form = require("@/components/common/tui-validation/tui-validation.js")
	// const form = require("@/components/thorui/tui-validation/tui-validation.js")
	// function checkKeyword(value) {
	// 	if (~value.indexOf("***")) {
	// 		return false;
	// 	}
	// 	return true;
	// }
	// export default {
	// 	methods: {
			// formSubmit: function(e) {
			// 	//表单规则
			// 	let rules = [{
			// 		name: "name",
			// 		rule: ["required", "isChinese", "minLength:2", "maxLength:6"], //可使用区间，此处主要测试功能
			// 		msg: ["请输入姓名", "姓名必须全部为中文", "姓名必须2个或以上字符", "姓名不能超过6个字符"]
			// 	}];
			// 	//进行表单检查
			// 	let formData = e.detail.value;
			// 	let checkRes = form.validation(formData, rules);
			// 	if (!checkRes) {
			// 		uni.showToast({
			// 			title: "验证通过!",
			// 			icon: "none"
			// 		});
			// 	} else {
			// 		uni.showToast({
			// 			title: checkRes,
			// 			icon: "none"
			// 		});
			// 	}
			// }
			// formReset: function(e) {
			// 	console.log("清空数据")
			// }
	// 	}
	// }
</script>

<style>
	.container {
		padding: 20rpx 0 50rpx 0;
	}
	.tui-btn-box{
		padding:20rpx 50rpx !important;
	}
	
	.tui-line-cell {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		
	}
	
	.bar{
		height:20px;
		background-color: #f1f1f1;
	}
	
	.tui-title {
		line-height: 32rpx;
		min-width: 120rpx;
		flex-shrink: 0;
	}
	
	.tui-input {
		font-size: 28rpx;
		color: #333;
		padding-left: 20rpx;
		flex: 1;
		overflow: visible;
	}

	.radio-group {
		margin-left: auto;
		transform: scale(0.8);
		transform-origin: 100% center;
		flex-shrink: 0;
	}

	.tui-radio {
		display: inline-block;
		padding-left: 28rpx;
		font-size: 36rpx;
		vertical-align: middle;
	}


	.tui-btn-box {
		padding: 40rpx 50rpx;
		box-sizing: border-box;
	}

	.tui-button-gray {
		margin-top: 30rpx;
	}

	.tui-tips {
		padding: 30rpx;
		color: #999;
		font-size: 24rpx;
	}
	
	.authbtns {
		background-color: #5767CF;
		color: #FFF;
		margin-top: 60rpx;
	}
	
	.holds{
	    /* background-color: #5767CF; */
		color: #5767CF;
		margin-top: 10rpx;
		border:1px solid #5767CF;
	}
</style>
