<template>
	<view class="form_warp">
		<!-- 恶劣天气报送 -->
		<view class="form_intro">
			<view>如有填报问题，请咨询公共服务中心</view>
			<view>中心值班电话：<text @click="call(mobile)" class="tel">{{mobile}}</text></view>
		</view>
		<view class="form_item_box">
			<view class="form_item_title">基本信息</view>
			<view class="form_item">
				<view class="form_item_label">填报单位：</view>
				<view class="form_item_input picker">
					<text>{{form.reportUnit}}</text>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">填报日期：</view>
				<view class="form_item_input picker">
					<!-- :end="currentDate" -->
					<picker v-if="pageType == 'add'" mode="date" :value="form.reportDate" @change="bindDateChange" >
						<text class="picker_select"
							:style="form.reportDate?'color:#333;':''">{{form.reportDate?form.reportDate:'请选择时段'}}</text>
						<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
					</picker>
					<text v-else>{{form.reportDate?form.reportDate:''}}</text>
				</view>
			</view>
		</view>
		<view class="form_item_box">
			<view class="form_item_title">应急资源调动</view>
			<view class="form_item_subtitle">相关资源</view>
			<view class="form_item">
				<view class="form_item_label">应对队伍(支)：</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.answerTeam"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">应对人员(人)：</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.answerPerson"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">机械设备(台/部)</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.answerDevice"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">车辆(辆次)</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.answerVehicles"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
			<!-- <view class="form_item_line"></view> -->
			<!-- <view class="form_item_subtitle">应急运力</view> -->
			<view class="form_item">
				<view class="form_item_label">融雪剂固体(吨)"</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.snowMeltingSolid"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">融雪剂液体(吨)"</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.snowMeltingLiquid"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">砂(立方)"</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.sand"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">航煤(升)"</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.aviationKerosene"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
		</view>
		<view class="form_item_box">
			<view class="form_item_title">预警信息</view>
			<view class="form_item">
				<view class="form_item_label">预警信息发布(条次)：</view>
				<view class="form_item_input form_input">
					<uni-easyinput  type="number"
						v-model="form.warningRelease"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
					</uni-easyinput>
				</view>
			</view>
		</view>
		<view class="form_item_box">
			<view class="form_item_title">准备情况</view>
			<view class="form_item_remark">
				<!-- <view class="form_item_label">防范准备措施、重点领域巡视检和管控：</view> -->
				<view class="form_item_input">
					<uni-easyinput v-model="form.solutions"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入详细信息" type="textarea" maxlength="200"
						autoHeight></uni-easyinput>
				</view>
			</view>
		</view>
		<view class="form_item_box">
			<view class="form_item_title">受影响情况</view>
			<view class="form_item_remark">
				<!-- <view class="form_item_label">防范准备措施、重点领域巡视检和管控：</view> -->
				<view class="form_item_input">
					<uni-easyinput v-model="form.affectedSituation"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入详细信息" type="textarea" maxlength="200"
						autoHeight></uni-easyinput>
				</view>
			</view>
		</view>
		<view class="form_item_box">
			<view class="form_item_title">处置情况</view>
			<view class="form_item_remark">
				<!-- <view class="form_item_label">受影响情况、受损情况、处置情况和其他情况：</view> -->
				<view class="form_item_input">
					<uni-easyinput v-model="form.disposalSituation"
						placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入详细信息" type="textarea" maxlength="200"
						autoHeight></uni-easyinput>
				</view>
			</view>
		</view>
		<view class="foot_btn">
			<!-- <view class="act_btn" @click="doCancel">取消</view> -->
			<view class="act_btn blue" @click="doSubmit">{{btnText}}</view>
		</view>
	</view>
</template>

<script>
	import {
		calcMom,
		calcYoy,
		checkNotEmpty,
		getDateStr,
		lastYearDate
	} from '../../../common/util'
	export default{
		data(){
			return{
				currentDate:getDateStr(new Date(), 0),
				mobile: getApp().globalData.mobile,
				userInfo: {},
				form:{
					reportDate:'',
					reportUnit:'',
					answerTeam:null,
					answerPerson:null,
					answerDevice:null,
					drainageDevice:null,
					patrolVehicles:null,
					passengerVehicles:null,
					freightVeicles:null,
					warningRelease:null,
					disposalSituation:'',
					solutions:''
				},
				deptInfo:{},
				pageType: '',
				btnText: '保存',
				isChangeTime:false
			}
		},
		onLoad(options) {
			this.userInfo = uni.getStorageSync('userInfo');
			this.deptInfo = uni.getStorageSync('deptName');
			console.log('userInfo-----------------',this.userInfo)
			console.log('deptInfo-----------------',this.deptInfo)
			if (options.type == 'add') {
				this.pageType = 'add';
				let now = new Date();
				this.form.reportDate = getDateStr(now, -1); //默认前一天
				this.form.reportUnit = this.userInfo.deptName
				this.getInfoDetail(this.form.reportDate);
			} else if (options.item) {
				this.btnText = '修改并保存';
				let obj = JSON.parse(options.item);
				console.log('obj-----------------',obj)
				this.getInfoDetail(obj.reportDate,obj.reportUnit);
			} 
		},
		methods:{
			//选择统计日期
			bindDateChange(e) {
				this.isChangeTime = true
				this.form.reportDate = e.detail.value;
				this.getInfoDetail(this.form.reportDate)
			},
			// 获取详情
			getInfoDetail(date,unit){
				console.log('detail-----------------',date)
				this.$request(getApp().globalData.baseUrl + '/api/biz/winterPrevention/getDetail',{reportDate:date,reportUnit:unit ? unit : this.userInfo.deptName}).then(res =>{
					console.log('res-----------------------',res)
					this.form = res.data
					// if(id){
					// 	this.form = res.data.list.find(item => item.id == id)
					// }else{
					// 	this.form = res.data.list.length != 0 ? res.data.list[0] : {
					// 		reportDate:this.form.reportDate,
					// 		reportUnit:this.userInfo.deptName,
					// 		answerTeam:null,
					// 		answerPerson:null,
					// 		answerDevice:null,
					// 		drainageDevice:null,
					// 		patrolVehicles:null,
					// 		passengerVehicles:null,
					// 		freightVeicles:null,
					// 		warningRelease:null,
					// 		disposalSituation:'',
					// 		solutions:''
					// 	}
					// }
				})
			},
			
			doSubmit(){
				uni.showModal({
					title: "提示",
					content: !checkNotEmpty(this.form.id) ? "您确认提交该条报送数据?" : "您确认将该条数据进行修改?",
					success: (res) => {
						if (res.confirm) {
							uni.showLoading({
								title: '提交中...',
								mask: true
							})
							console.log('query--------------------',this.form)
							this.$request(getApp().globalData.baseUrl + '/api/biz/winterPrevention/saveOrUpdate',this.form,'POST').then(res =>{
								uni.hideLoading()
								if (res.code == 200) {
									uni.showToast({
										title: "报送提交成功",
										icon: "none",
										success: () => {
											if (this.form.id == undefined || this.isChangeTime) {
												setTimeout(() => {
													uni.redirectTo({
														url: "/pages/safetySupervisionDepart/winterPrevention/list"
													})
												}, 300)
											} else {
												setTimeout(() => {
													uni.navigateBack()
												}, 300)
											}
										}
									})
								}
							})
						}
					}
				})
				
			},
		}
	}
</script>

<style lang="scss" scoped>
	.form_warp {
		padding: 30rpx 30rpx 195rpx;
	
		.form_intro {
			color: #666;
			font-size: 26rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			line-height: 48rpx;
			text-align: center;
			margin-bottom: 20rpx;
	
			.tel {
				color: #2D8CF0;
				font-weight: bold;
			}
		}
		
		.form_item_box {
			padding: 30rpx 20rpx 30rpx 30rpx;
			background-color: #fff;
			border-radius: 30rpx;
			margin-bottom: 40rpx;
			
			.form_item_title {
				color: #333;
				line-height: 42rpx;
				font-size: 30rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				margin-bottom: 30rpx;
			}
			
			.form_item_subtitle{
				color: #333;
				line-height: 42rpx;
				font-size: 26rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				margin-bottom: 30rpx;
			}
			
			.form_item_remark {
				margin-bottom: 30rpx;
			
				.form_item_label {
					// color: #333333;
					// line-height: 42rpx;
					// font-size: 30rpx;
					// font-family: PingFang SC-Bold, PingFang SC;
					// // font-weight: bold;
					margin-bottom: 30rpx;
					color: #666666;
					font-size: 26rpx;
				}
				/deep/ .is-input-border{
					border-radius: 20rpx !important;
					border: 1px solid #c1c1c1 !important;
				}
			}
			
			.form_item {
				display: flex;
				align-items: center;
				justify-content: space-between;
				line-height: 37rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				margin-bottom: 30rpx;
			
				.form_item_label {
					width: 260rpx;
					color: #666666;
					font-size: 26rpx;
					word-break: break-all;
				}
			
				.form_item_input {
					color: #333;
					text-align: right;
					word-break: break-all;
			
					&.picker {
						flex: 1;
						// display: flex;
						// justify-content: space-between;
			
						// /deep/ picker {
						// 	flex: 1;
						// }
			
						.picker_select {
							color: #D4D4D4;
							font-size: 28rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							text-align: right;
						}
					}
			
					//纯展示
					&.text {
						color: #333333;
						line-height: 40rpx;
						font-size: 28rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
					}
			
					//输入框
					&.form_input {
						/deep/ .is-input-border {
							border: 0 !important;
			
							.uni-easyinput__content-input {
								height: 35rpx !important;
								text-align: right;
							}
						}
			
						/deep/ .uni-date-x--border {
							border: 0 !important;
			
							.uni-date__x-input {
								// height: 35rpx !important;
								text-align: right;
							}
						}
					}
				}
			}
			
			.form_item_line{
				width: 100%;
				height: 1px;
				background:#E8E8E8;
				margin: 40rpx 0;
			}
		}
		.foot_btn {
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			justify-content: space-between;
			padding: 40rpx 30rpx;
			background-color: #f5f5f5;
			z-index: 11;
		
			.act_btn {
				width: 690rpx;
				height: 90rpx;
				color: #666666;
				font-size: 28rpx;
				line-height: 90rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				text-align: center;
				background: #F6F6F6;
				border-radius: 100rpx;
				border: 1rpx solid #C1C1C1;
		
				&.blue {
					color: #fff;
					background: #2D8CF0;
					border-color: #2D8CF0;
				}
			}
		}
	}
</style>