transport_integrated_app/pages/bus/busDataInfo/form.vue

<template>
	<view class="form_warp">
		<!-- <view class="form_intro">
			<view>如有填报问题，请咨询公共服务中心</view>
			<view>中心值班电话：<text class="tel">66007587</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 select">
					{{form.affiliatedUnit}}
				</view>
			</view> -->
			<view class="form_item" v-if="form.bizBusDataDetailVOList.length == 1">
				<view class="form_item_label">名称：</view>
				<view class="form_item_input select">
					{{form.bizBusDataDetailVOList.length > 0 ? form.bizBusDataDetailVOList[busIndex].busUnit : ''}}
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">统计日期：</view>
				<view class="form_item_input picker">
					<picker 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>
				</view>
			</view>
			<view class="form_item">
				<view class="form_item_label">统计时段：</view>
				<view class="form_item_input picker">
					<picker :value="index" :range="array" range-key="dictLabel" @change="changeStatPeriod">
						<text class="picker_select"
							:style="index>-1?'color:#333;':''">{{index>-1?array[index].dictLabel:'请选择时段'}}</text>
						<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
					</picker>
				</view>
			</view>
		</view>
		<!-- 陆岛权限 -->
		<view class="station_box">
			<view v-if="index < 9" :style="(index+1)%3 == 0 ? 'margin-right:0;':''" @click="changeLandNameIndex(index)"
				class="station_item" :class="[item.isFinish ? 'active' : '',index == landNameIndex ? 'choosed' : '']"
				v-for="(item, index) in landList" :key="item.id">
				<view v-if='item.isFinish' class="tag">
					<uni-icons type="checkmarkempty" color="#fff" size="12"></uni-icons>
				</view>
				{{item.stationId || ''}}
			</view>
			<view v-if="index >= 9 && showLand" :style="(index+1)%3 == 0 ? 'margin-right:0;':''"
				@click="changeLandNameIndex(index)" class="station_item"
				:class="[item.isFinish ? 'active' : '',index == landNameIndex ? 'choosed' : '']"
				v-for="(item, index) in landList" :key="item.id">
				<view v-if='item.isFinish' class="tag">
					<uni-icons type="checkmarkempty" color="#fff" size="12"></uni-icons>
				</view>
				{{item.stationId || ''}}
			</view>
		</view>
		<view v-if="landList.length > 9" class="station_act" @click="showLand = !showLand">
			<uni-icons v-if="!showLand" type="bottom" size="14" color="#2D8CF0" style="margin-right:10rpx;">
			</uni-icons>
			<uni-icons v-if="showLand" type="top" size="14" color="#2D8CF0" style="margin-right:10rpx;"></uni-icons>
			{{showLand?'收起':'展开'}}
		</view>
		<view class="form_item_box"
			:style="form.bizBusDataDetailVOList.length == 0 ?  'margin-top: 30rpx;' : ''">
			<!-- 公交 -->
			<view class="form_item_title">运行数据</view>
			<view class="form_item_li">
				<view class="form_item" v-if="form.bizBusDataDetailVOList.length > 1">
					<view class="form_item_label">名称：</view>
					<view class="form_item_input picker">
						<!-- <picker :value="item.landNameIndex" :range="landList" @change="e => changeLandName(e, index)">
							<text class="picker_select"
								:style="item.landName?'color:#333;':''">{{item.landName ? item.landName : '请选择'}}</text>
							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
						</picker> -->
						{{form.bizBusDataDetailVOList.length >= 0 ? form.bizBusDataDetailVOList[landNameIndex].busUnit : ''}}
					</view>
				</view>
				<view class="form_item">
					<view class="form_item_label">投入车辆：</view>
					<view class="form_item_input form_input">
						<uni-easyinput @blur="calcYoyMom(landNameIndex)" type="number"
							v-model="form.bizBusDataDetailVOList[landNameIndex].vehicleInput"
							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
						</uni-easyinput>
					</view>
				</view>
				<!-- 同比环比 -->
				<view class="form_item_rate"
					:class="form.bizBusDataDetailVOList[landNameIndex].vehicleInput && form.bizBusDataDetailVOList[landNameIndex].vehicleInput == form.bizBusDataDetailVOList[landNameIndex].yestVehicleInput ? 'danger' : '' ">
					<view class="rate_item">
						<view class="rate_item_label"
							:style="form.bizBusDataDetailVOList[landNameIndex].vehicleInput && form.bizBusDataDetailVOList[landNameIndex].vehicleInput == form.bizBusDataDetailVOList[landNameIndex].yestVehicleInput ? 'color: #EB4747' : ''">
							投入车辆环比
						</view>
						<view class="rate_item_input"
							:style="form.bizBusDataDetailVOList[landNameIndex].vehicleInput && item.vehicleInput == form.bizBusDataDetailVOList[landNameIndex].yestVehicleInput ? 'color: #EB4747' : ''">
							{{form.bizBusDataDetailVOList.length == 0 ? '' : form.bizBusDataDetailVOList[landNameIndex].vehicleInputMom === 0 ? form.bizBusDataDetailVOList[landNameIndex].vehicleInputMom : form.bizBusDataDetailVOList[landNameIndex].vehicleInputMom ? formatDigit(form.bizBusDataDetailVOList[landNameIndex].vehicleInputMom) : '--'}}%
						</view>
					</view>
					<view class="line"></view>
					<view class="rate_item">
						<view class="rate_item_label">投入车辆同比</view>
						<view class="rate_item_input">
							{{form.bizBusDataDetailVOList.length == 0 ? '' : form.bizBusDataDetailVOList[landNameIndex].vehicleInputYoy === 0 ? form.bizBusDataDetailVOList[landNameIndex].vehicleInputYoy : form.bizBusDataDetailVOList[landNameIndex].vehicleInputYoy ? formatDigit(form.bizBusDataDetailVOList[landNameIndex].vehicleInputYoy) : '--'}}%
						</view>
					</view>
				</view>
				<view class="form_item">
					<view class="form_item_label">人数(万人)：</view>
					<view class="form_item_input form_input">
						<uni-easyinput @blur="calcYoyMom(landNameIndex)" type="digit"
							v-model="form.bizBusDataDetailVOList[landNameIndex].passengerCount"
							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
						</uni-easyinput>
					</view>
				</view>
				<!-- 同比环比 -->
				<view class="form_item_rate"
					:class="form.bizBusDataDetailVOList[landNameIndex].passengerCount && form.bizBusDataDetailVOList[landNameIndex].passengerCount == form.bizBusDataDetailVOList[landNameIndex].yestPassengerCount ? 'danger' : '' ">
					<view class="rate_item">
						<view class="rate_item_label"
							:style="form.bizBusDataDetailVOList[landNameIndex].passengerCount && form.bizBusDataDetailVOList[landNameIndex].passengerCount == form.bizBusDataDetailVOList[landNameIndex].yestPassengerCount ? 'color: #EB4747' : ''">
							人数环比
						</view>
						<view class="rate_item_input"
							:style="form.bizBusDataDetailVOList[landNameIndex].passengerCount && form.bizBusDataDetailVOList[landNameIndex].passengerCount == form.bizBusDataDetailVOList[landNameIndex].yestPassengerCount ? 'color: #EB4747' : ''">
							{{form.bizBusDataDetailVOList.length == 0 ? '' : form.bizBusDataDetailVOList[landNameIndex].passengerCountMom === 0 ? form.bizBusDataDetailVOList[landNameIndex].passengerCountMom : form.bizBusDataDetailVOList[landNameIndex].passengerCountMom ? formatDigit(form.bizBusDataDetailVOList[landNameIndex].passengerCountMom) : '--'}}%
						</view>
					</view>
					<view class="line"></view>
					<view class="rate_item">
						<view class="rate_item_label">人数同比</view>
						<view class="rate_item_input">
							{{form.bizBusDataDetailVOList.length == 0 ? '' : form.bizBusDataDetailVOList[landNameIndex].passengerCountYoy === 0 ? form.bizBusDataDetailVOList[landNameIndex].passengerCountYoy : form.bizBusDataDetailVOList[landNameIndex].passengerCountYoy ? formatDigit(form.bizBusDataDetailVOList[landNameIndex].passengerCountYoy) : '--'}}%
						</view>
					</view>
				</view>
				<view class="form_item">
					<view class="form_item_label">班次：</view>
					<view class="form_item_input form_input">
						<uni-easyinput @blur="calcYoyMom(landNameIndex)" type="number"
							v-model="form.bizBusDataDetailVOList[landNameIndex].operatingShifts"
							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
						</uni-easyinput>
					</view>
				</view>
				<!-- 同比环比 -->
				<view class="form_item_rate"
					:class="form.bizBusDataDetailVOList[landNameIndex].operatingShifts && form.bizBusDataDetailVOList[landNameIndex].operatingShifts == form.bizBusDataDetailVOList[landNameIndex].yestOperatingShifts ? 'danger' : '' ">
					<view class="rate_item">
						<view class="rate_item_label"
							:style="form.bizBusDataDetailVOList[landNameIndex].operatingShifts && form.bizBusDataDetailVOList[landNameIndex].operatingShifts == form.bizBusDataDetailVOList[landNameIndex].yestOperatingShifts ? 'color: #EB4747' : ''">
							班次环比
						</view>
						<view class="rate_item_input"
							:style="form.bizBusDataDetailVOList[landNameIndex].operatingShifts && form.bizBusDataDetailVOList[landNameIndex].operatingShifts == form.bizBusDataDetailVOList[landNameIndex].yestOperatingShifts ? 'color: #EB4747' : ''">
							{{form.bizBusDataDetailVOList.length == 0 ? '' : form.bizBusDataDetailVOList[landNameIndex].operatingShiftsMom === 0 ? form.bizBusDataDetailVOList[landNameIndex].operatingShiftsMom : form.bizBusDataDetailVOList[landNameIndex].operatingShiftsMom ? formatDigit(form.bizBusDataDetailVOList[landNameIndex].operatingShiftsMom) : '--'}}%
						</view>
					</view>
					<view class="line"></view>
					<view class="rate_item">
						<view class="rate_item_label">班次同比</view>
						<view class="rate_item_input">
							{{form.bizBusDataDetailVOList.length == 0 ? '' : form.bizBusDataDetailVOList[landNameIndex].operatingShiftsYoy === 0 ? form.bizBusDataDetailVOList[landNameIndex].operatingShiftsYoy : form.bizBusDataDetailVOList[landNameIndex].operatingShiftsYoy ? formatDigit(form.bizBusDataDetailVOList[landNameIndex].operatingShiftsYoy) : '--'}}%
						</view>
					</view>
				</view>
				<!-- <view class="line"></view> -->
			</view>
			<!-- <view class="add_btn" @click="addRow()">增行</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
	} from "../../../common/util.js"
	export default {
		data() {
			return {
				form: {
					"bizBusDataDetailVOList": [],
					"reportDate": "",
					"statPeriod": ""
				}, //登录form
				array: [], //时段选择列表
				index: 2, //时段选择,默认0-24
				userInfo: {},
				landList: ['灵山岛', '斋堂岛', '青黄线', '竹岔', '田横'],
				landNameIndex: 0,
				showLand: false,
				pageType: '',
				btnText: '保存'
			}
		},
		onLoad(options) {
			this.userInfo = uni.getStorageSync('userInfo');
			if (options.type == 'add') {
				this.pageType = 'add';
				let now = new Date();
				this.form.reportDate = getDateStr(now, -1); //默认前一天
				this.queryTime(); //统计时段
				this.getPermiss(); //陆岛权限列表
			} else if (options.type == 'edit') {
				this.btnText = '修改并保存';
				this.pageType = 'edit'
				let item = JSON.parse(options.item);
				// this.form.bizBusDataDetailVOList = this.form.bizWaterwayIslandDataVOList;
				// this.getPermiss(); //陆岛权限列表
				// this.queryTime();
				this.getDetail(item.id)
			} 
			// else if (options.id) {
			// 	this.btnText = '修改并保存';
			// 	this.queryDetailInfo(options.id);
			// }
		},
		methods: {
			formatDigit(data) {
				return (data+'').indexOf('.') > -1 && (data+'').substring((data+'').indexOf('.')).length > 2 ? data.toFixed(2) : data;
			},
			getDetail(id){
				this.$request(getApp().globalData.baseUrl + '/api/biz/busdata/getById/' + id,{},"GET").then(res =>{
					console.log('查询详情===>',res)
					this.form = res.data;
					this.form.bizBusDataDetailVOList = this.form.bizBusDataBodySaveOrUpdateDTOList;
					this.queryTime(); //统计时段
					this.getPermiss();
				})
			},
			//切换当前编辑陆岛索引
			changeLandNameIndex(index) {
				if (this.form.bizBusDataDetailVOList[this.landNameIndex].vehicleInput != '' && this.form
					.bizBusDataDetailVOList[this.landNameIndex].passengerCount != '') {
					this.landList[this.landNameIndex].isFinish = true;
				} else {
					this.landList[this.landNameIndex].isFinish = false;
				}
				this.landNameIndex = index;
				console.log('landNameIndex', index)
			},
			//陆岛列表
			getPermiss() {
				this.$request(getApp().globalData.baseUrl + '/api/biz/bizBusAuthority/findList',{},"GET").then(res =>{
					this.landList = res.data;
					if (this.pageType == 'add') {
						this.landList.map(item => {
							item.isFinish = false;
							this.form.bizBusDataDetailVOList.push({
								// "landName": item.stationId,
								// "lastYearpassengerCount": '',
								// "lastYearvehicleInput": '',
								// "passengerCount": '',
								// "passengerCountMom": '',
								// "passengerCountYoy": '',
								// "vehicleInput": '',
								// "vehicleInputRingRatio": '',
								// "vehicleInputYearOnYear": '',
								// "yestPassengerCount": '',
								// "yesterdayvehicleInput": '',
								busUnit:item.stationId,
								// busIndex:'',
								vehicleInput:'',
								vehicleInputMom:0,
								vehicleInputYoy:0,
								operatingShiftsMom:0,
								operatingShiftsYoy:0,
								passengerCount:'',
								passengerCountMom:0,
								passengerCountYoy:0,
								yestVehicleInput:'',
								yestOperatingShifts:'',
								yestPassengerCount:'',
								lyVehicleInput:'',
								lyPassengerCount:'',
								lyOperatingShifts:''
							})
						})
					} else {
						let arr = JSON.parse(JSON.stringify(this.form.bizBusDataDetailVOList));
						this.form.bizBusDataDetailVOList = [];
						this.landList.map(item => {
							let idx = arr.findIndex(item2 => item2.landName == item.stationId);
							console.log(idx)
							if (idx > -1) {
								item.isFinish = checkNotEmpty(arr[idx].passengerCount) && checkNotEmpty(arr[idx].vehicleInput) ? true :
									false;
								this.form.bizBusDataDetailVOList.push(arr[idx]);
							} else {
								item.isFinish = false;
								this.form.bizBusDataDetailVOList.push({
									"landName": item.stationId,
									"lastYearpassengerCount": '',
									"lastYearvehicleInput": '',
									"passengerCount": '',
									"passengerCountMom": '',
									"passengerCountYoy": '',
									"vehicleInput": '',
									"vehicleInputRingRatio": '',
									"vehicleInputYearOnYear": '',
									"yestPassengerCount": '',
									"yesterdayvehicleInput": '',
									"yestOperatingShifts":'',
								})
							}
						})
					}
				})
			},
			//陆岛切换
			changeLandName(e, index) {
				//判断是否重复选择
				let idx = this.form.bizBusDataDetailVOList.findIndex(item => item.landNameIndex == e.detail
					.value);
				if (idx > -1 && this.form.bizBusDataDetailVOList[index].landNameIndex == '') {
					uni.showToast({
						title: '名称不能重复选择',
						icon: 'none'
					});
				} else {
					this.form.bizBusDataDetailVOList[index].landNameIndex = e.detail.value;
					this.form.bizBusDataDetailVOList[index].landName = this.landList[e.detail.value];
					this.calcYoyMom(index);
				}
			},
			//环比同比计算
			calcYoyMom(landNameIndex) {
				console.log('landNameIndex ===>',landNameIndex)
				if (this.form.reportDate == '' || this.form.statPeriod == '' || this.form
					.bizBusDataDetailVOList[landNameIndex].landName == '') {
					return;
				}
				this.form.bizBusDataDetailVOList[landNameIndex].isFinish = checkNotEmpty(this.form
					.bizBusDataDetailVOList[landNameIndex].vehicleInput) && checkNotEmpty(this.form
					.bizBusDataDetailVOList[landNameIndex].passengerCount) && checkNotEmpty(this.form
					.bizBusDataDetailVOList[landNameIndex].operatingShifts)  ? true : false;
				this.$request(getApp().globalData.baseUrl + '/api/biz/busdata/getYoyMom?statDate=' + this.form
						.reportDate + '&statPeriod=' + this.form.statPeriod + '&busUnit=' + this.form
						.bizBusDataDetailVOList[landNameIndex].busUnit + '&_t=' + Date.parse(new Date()), {},
						'GET')
					.then(res => {
						console.log('res.data ===>',res.data)
						let yesterdayData = res.data.yesterdayData;
						let lastYearData = res.data.lastYearData;
						
						this.form.bizBusDataDetailVOList[landNameIndex].yestVehicleInput = checkNotEmpty(
							yesterdayData.vehicleInput) ? yesterdayData.vehicleInput : 0;
						this.form.bizBusDataDetailVOList[landNameIndex].lyVehicleInput = checkNotEmpty(
							lastYearData.vehicleInput) ? lastYearData.vehicleInput : 0;
							
						this.form.bizBusDataDetailVOList[landNameIndex].yestPassengerCount = checkNotEmpty(
							yesterdayData.passengerCount) ? yesterdayData.passengerCount : 0;
						this.form.bizBusDataDetailVOList[landNameIndex].lyPassengerCount = checkNotEmpty(
							lastYearData.passengerCount) ? lastYearData.passengerCount : 0;
							
						this.form.bizBusDataDetailVOList[landNameIndex].yestOperatingShifts = checkNotEmpty(
							yesterdayData.operatingShifts) ? yesterdayData.operatingShifts : 0;
						this.form.bizBusDataDetailVOList[landNameIndex].lyOperatingShifts = checkNotEmpty(
							lastYearData.operatingShifts) ? lastYearData.operatingShifts : 0;
							console.log('form==>',this.form)
						//环比-同比
						//环比计算规则 if今天没有值不计算，elseif昨天没有值不计算，elseif昨天===0并且今天===0百分比0，esleif昨天0今天大于0百分比100,else(今天-昨天)/昨天*100
						let obj = this.form.bizBusDataDetailVOList[landNameIndex];
						console.log('obj===>',obj)
						this.form.bizBusDataDetailVOList[landNameIndex].vehicleInputMom = calcMom(obj.vehicleInput,yesterdayData.vehicleInput)
						// !checkNotEmpty(obj
						// 	.vehicleInput) ? '' : !checkNotEmpty(yesterdayData.vehicleInput) ? '' : yesterdayData.vehicleInput === 0 && parseInt(obj
						// 	.vehicleInput) === 0 ? 0 : yesterdayData.vehicleInput === 0 && parseInt(obj.vehicleInput) > 0 ? 100 : (parseInt(obj
						// 	.vehicleInput) - yesterdayData.vehicleInput) / yesterdayData.vehicleInput * 100;
						this.form.bizBusDataDetailVOList[landNameIndex].vehicleInputYoy = calcYoy(obj.vehicleInput,res.data.lastYearData.vehicleInput)
						// !checkNotEmpty(obj
						// 	.vehicleInput) ? '' : !checkNotEmpty(lastYearData.vehicleInput) ? '' : lastYearData.vehicleInput === 0 && parseInt(obj
						// 	.vehicleInput) === 0 ? 0 : lastYearData.vehicleInput === 0 && parseInt(obj.vehicleInput) > 0 ? 100 : (parseInt(obj
						// 	.vehicleInput) - lastYearData.vehicleInput) / lastYearData.vehicleInput * 100;
							
						this.form.bizBusDataDetailVOList[landNameIndex].passengerCountMom = calcMom(obj.passengerCount,yesterdayData.passengerCount)
						// !checkNotEmpty(obj
						// 		.passengerCount) ? '' : !checkNotEmpty(yesterdayData.passengerCount) ? '' : yesterdayData
						// 	.passengerCount === 0 && parseInt(obj.passengerCount) === 0 ? 0 : yesterdayData.passengerCount === 0 &&
						// 	parseInt(obj.passengerCount) > 0 ? 100 : (parseInt(obj.passengerCount) - yesterdayData.passengerCount) /
						// 	yesterdayData.passengerCount * 100;
						this.form.bizBusDataDetailVOList[landNameIndex].passengerCountYoy = calcYoy(obj.passengerCount,res.data.lastYearData.passengerCount)
						// !checkNotEmpty(obj
						// 		.passengerCount) ? '' : !checkNotEmpty(lastYearData.passengerCount) ? '' : lastYearData
						// 	.passengerCount === 0 && parseInt(obj.passengerCount) === 0 ? 0 : lastYearData.passengerCount === 0 &&
						// 	parseInt(obj.passengerCount) > 0 ? 100 : (parseInt(obj.passengerCount) - lastYearData.passengerCount) /
						// 	lastYearData.passengerCount * 100;
						this.form.bizBusDataDetailVOList[landNameIndex].operatingShiftsMom = calcMom(obj.operatingShifts,yesterdayData.operatingShifts)
						this.form.bizBusDataDetailVOList[landNameIndex].operatingShiftsYoy = calcMom(obj.operatingShifts,res.data.lastYearData.operatingShifts)
						console.log('环比同比', this.form.bizBusDataDetailVOList[landNameIndex])
					})
			},
			//id查询详情
			// queryDetailInfo(id) {
			// 	this.$request(getApp().globalData.baseUrl + '/api/biz/waterwayIslandData/getById/' + id, {},
			// 		'GET').then(res => {
			// 		this.form = res.data;
			// 		this.form.bizBusDataDetailVOList = this.form.bizWaterwayIslandDataVOList;
			// 		this.queryTime(); //统计时段
			// 		this.getPermiss();
			// 	})
			// },
			//统计时段切换选择
			changeStatPeriod(e) {
				this.index = e.detail.value;
				this.form.statPeriod = this.array[e.detail.value].dictValue;
				console.log('change 时段', this.form)
				//重新计算同比环比
				this.form.bizBusDataDetailVOList.map((item, index) => {
					this.calcYoyMom(index);
				})
			},
			//取消
			doCancel() {
				uni.navigateBack();
			},
			//选择统计日期
			bindDateChange(e) {
				this.form.reportDate = e.detail.value;
				//重新计算同比环比
				this.form.bizBusDataDetailVOList.map((item, index) => {
					this.calcYoyMom(index);
				})
			},
			//时段
			queryTime() {
				this.$request(getApp().globalData.baseUrl + '/api/dict/dictList?dictType=airport_time' + '&_t=' + Date
					.parse(
						new Date()), {}, 'GET').then(res => {
					this.array = res.data;
					if (this.pageType == 'add') {
						let now = new Date();
						//11:00-13:30 默认选择0-12
						let dateStr = getDateStr(now, 0);
						if (new Date(dateStr + ' 11:00').getTime() < new Date().getTime() && new Date().getTime() <
							new Date(dateStr +
								' 13:30').getTime()) {
							this.form.statPeriod = '0012';
							let idx = this.array.findIndex(item => item.dictValue == '0012');
							this.index = idx > -1 ? idx : '';
						} else {
							this.form.statPeriod = '03'; //默认0-24
							let idx = this.array.findIndex(item => item.dictValue == '03');
							this.index = idx > -1 ? idx : '';
						}
					} else {
						let idx = this.array.findIndex(item => item.dictValue == this.form.statPeriod);
						this.index = idx > -1 ? idx : '';
					}
				})
			},
			//增行
			addRow() {
				this.form.bizBusDataDetailVOList.push({
					"landNameIndex": "",
					"landName": "",
					"lastYearpassengerCount": 0,
					"lastYearvehicleInput": 0,
					"passengerCount": 0,
					"passengerCountMom": 0.0,
					"passengerCountYoy": 0.0,
					"vehicleInput": 0,
					"vehicleInputRingRatio": 0.0,
					"vehicleInputYearOnYear": 0.0,
					"yestPassengerCount": 0,
					"yesterdayvehicleInput": 0
				});
			},
			//删行
			delRow(index) {
				this.form.bizBusDataDetailVOList.splice(index, 1);
			},
			//确认提交
			doSubmit() {
				console.log(this.form)
				if (this.form.reportDate == '' || this.form.statPeriod == '') {
					uni.showToast({
						title: '报送日期和时段不能为空',
						icon: 'none'
					})
					return;
				}
				let checkAccident = true;
				if (this.form.bizBusDataDetailVOList.length > 0) {
					checkAccident = this.form.bizBusDataDetailVOList.every(item => {
						return checkNotEmpty(item.busUnit) && checkNotEmpty(item.passengerCount) && checkNotEmpty(
							item.vehicleInput) && checkNotEmpty(item.operatingShifts)
					})
				}
				if (!checkAccident) {
					uni.showToast({
						title: '请填写所有公交运行数据',
						icon: 'none'
					})
					return;
				}
				this.form.bizBusDataBodySaveOrUpdateDTOList = this.form.bizBusDataDetailVOList;
				console.log(this.form)
				uni.showModal({
					title: '提示',
					content: this.form.id == undefined ? '您确认提交该条报送数据?' : '您确认将该条数据进行修改?',
					success: (res) => {
						if (res.confirm) {
							this.submitForm();
						}
					}
				})
			},
			submitForm() {
				uni.showLoading({
					title: '提交中...',
					mask: true
				})
				console.log(this.form)
				this.$request(getApp().globalData.baseUrl + '/api/biz/busdata/saveOrUpdate', this
					.form,
					'POST').then(res => {
					uni.hideLoading();
					if (res.code == 200) {
						uni.showToast({
							title: '报送提交成功',
							icon: 'none',
							success: () => {
								if (this.form.id == undefined) {
									setTimeout(() => {
										uni.redirectTo({
											url:"/pages/bus/busDataInfo/list"
										})
									}, 300)
								} else {
									uni.navigateBack();
								}
							}
						})
					}
				}).catch(() => {
					uni.hideLoading();
				})
			},
		}
	}
</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;

			//环比同比
			.form_item_rate {
				background: #F6F6F6;
				border: 1px solid #F6F6F6;
				padding: 30rpx;
				margin-bottom: 30rpx;
				border-radius: 30rpx;

				.line {
					height: 1px;
					background-color: #dfdfdf;
					margin: 30rpx 0;
				}

				.rate_item {
					display: flex;
					justify-content: space-between;
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;

					.rate_item_label {
						color: #666;
						font-size: 24rpx;
					}

					.rate_item_input {
						color: #333;
						font-size: 28rpx;
					}
				}

				&.danger {
					background-color: #FEF6F3;
					border-color: #F0622D;
				}
			}

			.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_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;
				}
			}

			.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;
							}
						}
					}
				}
			}
		}
	}
	//收费站
	.station_act {
		color: #2D8CF0;
		font-size: 24rpx;
		text-align: center;
		margin-bottom: 30rpx;
	}

	//收费站
	.station_box {
		display: flex;
		flex-wrap: wrap;
		margin-top: 40rpx;

		.station_item {
			width: 175rpx;
			height: 60rpx;
			color: #666666;
			line-height: 60rpx;
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			text-align: center;
			border-radius: 20rpx;
			border: 1rpx solid #C1C1C1;
			padding: 0 20rpx;
			margin-bottom: 40rpx;
			margin-right: 18rpx;

			&.active {
				position: relative;
				color: #1ECE5F;
				border-color: #1ECE5F;
				background: #EBFAF2;

				.tag {
					position: absolute;
					top: 0;
					right: 0;
					width: 34rpx;
					height: 23rpx;
					color: #fff;
					line-height: 23rpx;
					background: #1ECE5F;
					border-radius: 0rpx 20rpx 0rpx 5rpx;
					text-align: center;
				}
			}

			&.choosed {
				border-color: #2D8CF0 !important;
			}
		}
	}

	.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;
			}
		}
	}

	//增行
	.line {
		height: 1px;
		background-color: #E1E1E1;
	}

	.add_btn {
		height: 90rpx;
		line-height: 90rpx;
		color: #2D8CF0;
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		text-align: center;
		background: #ECF5FF;
		border-radius: 30rpx;
		border: 2rpx solid #2D8CF0;
		margin-top: 30rpx;
	}

	.tab_box {
		display: flex;
		justify-content: space-around;

		.tab_nav {
			color: #999999;
			line-height: 42rpx;
			font-size: 30rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			padding-bottom: 25rpx;

			&.active {
				position: relative;
				color: #2D8CF0;
				font-weight: bold;

				&::after {
					position: absolute;
					content: '';
					left: 50%;
					bottom: 0;
					width: 74rpx;
					height: 6rpx;
					background: #2D8CF0;
					border-radius: 100rpx;
					margin-left: -37rpx;
				}
			}
		}
	}

	button {
		background-color: #007aff;
		color: #ffffff;
	}
</style>