esswisdom_app/pages/economiccalculation/index.vue

<template>
	<view class="container">
		<view class="container_navbar">
			<view class="container_top">
				
			</view>
			<uni-nav-bar color="#222" :border="false" :shadow="false" :fixed="true"
				backgroundColor="rgba(255, 255, 255, 0.3)" shadow left-icon="left" title="经济测算" @clickLeft="onclickLeft" />
		</view>

		<view class="container_box">
			<view class="container_title">
				项目测算!
			</view>
			<view class="container_Subtitle">
				模拟运行投资回报
			</view>
		</view>
		<view class="calculation">
			<view class="calculation_box">
				<picker @columnchange="bindcolumn" @change="bindPickerChange" mode=multiSelector :value="index"
					:range="array" range-key="name">
					<view class="calculation_top">
						<view class="calculation_left">
							<text class="testbox">&#xe65b;</text>选择地区
						</view>
						<view class="uni-input">{{array[0][index[0]].name}} | {{array[1][index[1]].name}}</view>
					</view>

				</picker>
			</view>
			<view class="calculation_type">
				<view class="calculation_electricity">
					<picker @change="bindelectricity" :value="categoryindex" range-key="name" :range="electricity">
						<view class="calculation_title">
							<view class="calculation_use">
								用电类型
							</view>
							<text class="test">&#xe606;</text>
						</view>
						<view class="calculation_worker">
							{{electricity[categoryindex].name||'--'}}
						</view>
					</picker>
				</view>

				<view class="calculation_electricity1"></view>
				<view class="calculation_electricity">
					<picker @change="bindlevel" :value="levelindex" range-key="name" :range="voltage">
						<!-- <view class="uni-input">{{voltage[levelindex].levelname}}
					<icon :type="value" size="26" />
					<text class="test">&#xe606;</text>
				</view> -->
						<view class="calculation_title">
							<view class="calculation_use">
								电压级别
							</view>
							<text class="test">&#xe606;</text>
						</view>
						<view class="calculation_worker">
							{{voltage[levelindex].name??'--'}} 
						</view>
					</picker>

				</view>
			</view>
			<view class="calculation_type">
				<view class="calculation_strategy">
					运行策略
				</view>
				<view class="calculation_capsule">
					<view class="switch-container">
						<view class="custom-switch" :class="{ 'active': isActive }" @click="toggleSwitch">
							<text class="bg-text off">1充1放</text>
							<view class="switch-thumb">
								<text class="thumb-text">{{ isActive ? '2充2放' : '1充1放' }}</text>
							</view>
							<text class="bg-text on">2充2放</text>
						</view>

					</view>
				</view>
			</view>
			<view class="calculation_type">
				<view class="calculation_Days">
					<view class="calculation_strategy">
						全年有限运行天数
					</view>
					<view class="calculation_capsule">
						330天
					</view>
				</view>

			</view>
			<view class="calculation_type">
				<view class="installequipment">
					<!-- 装机功率 -->
					<view class="calculation_bottom">
						<view class="calculation_electricity">
							<view class="calculation_title1">
								<view class="calculation_use">
									<uni-easyinput class="uni-mt-5" trim="all" v-model="installvalue" clearSize="0"
										placeholder="装机功率"></uni-easyinput>
								</view>
								MW
							</view>

						</view>
						<view class="calculation_electricity2">
						</view>
						<view class="calculation_electricity">

							<view class="calculation_title1">
								<view class="calculation_use">
									<uni-easyinput class="uni-mt-5" trim="all" v-model="equipmentvalue" clearSize="0"
										placeholder="装机容量"></uni-easyinput>
								</view>
								MWh
							</view>


						</view>
					</view>

				</view>
			</view>
		</view>

		<view class="owner" v-if="nextstep">
			<view class="owner_type">
				<view class="owner_type1">
					<view class="calculation_strategy">
						投资方式
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="custom-switch" :class="{ 'active': invest }" @click="investselect">
								<text class="bg-text off">业主自投</text>
								<view class="switch-thumb">
									<text class="thumb-text">{{ invest ? '资方合作' : '业主自投' }}</text>
								</view>
								<text class="bg-text on">资方合作</text>
							</view>

						</view>
					</view>
				</view>
				<view class="owner_type1" v-if="invest">
					<view class="calculation_strategy">
						业主分成比例
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="owner_easyinput">
								<view class="calculation_use">
									<uni-easyinput class="uni-mt-5" trim="all" v-model="shareratiovalue" clearSize="0"
										placeholder="业主分成比例" @input="shareratio"></uni-easyinput>
								</view>
								%
							</view>

						</view>
					</view>
				</view>
				<view class="owner_type1">
					<view class="calculation_strategy">
						EPC单位造价
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="owner_easyinput">
								<view class="calculation_use">
									<uni-easyinput class="uni-mt-5" trim="all" v-model="unitcostvalue" clearSize="0"
										placeholder="EPC单位造价" @input="unitcost"></uni-easyinput>
								</view>
								元/wh
							</view>

						</view>
					</view>
				</view>
				<view class="owner_type1">
					<view class="calculation_strategy">
						是否小微企业
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="custom-switch" :class="{ 'active': enterprise }" @click="onenterprise">
								<text class="bg-text off">否</text>
								<view class="switch-thumb">
									<text class="thumb-text">{{ enterprise ? '是' : '否' }}</text>
								</view>
								<text class="bg-text on">是</text>
							</view>

						</view>
					</view>
				</view>
				<view class="owner_type1">
					<view class="calculation_strategy">
						测算年份
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="custom-switch" :class="{ 'active': calculate }" @click="Calculateyear">
								<text class="bg-text off">10年</text>
								<view class="switch-thumb">
									<text class="thumb-text">{{ calculate ? '15年' : '10年' }}</text>
								</view>
								<text class="bg-text on">15年</text>
							</view>

						</view>
					</view>
				</view>
				<view class="owner_more" @click="clickfold">
					更多信息 <text class="test" v-if="fold">&#xe600;</text> <text class="test" v-if="!fold">&#xe603;</text>
				</view>
				<view v-if="fold">
					<view class="owner_type1">
						<view class="calculation_strategy">
							换电单位造价
						</view>
						<!-- 	<view class="calculation_capsule">
				<view class="switch-container">
				111	元/Wh
				</view>
			</view> -->

						<view class="owner_easyinput">
							<view class="calculation_use">
								<uni-easyinput class="uni-mt-5" trim="all" v-model="Unitcost" clearSize="0"
									placeholder="请输入" @input="onUnitcost"></uni-easyinput>
							</view>
							元/Wh
						</view>
					</view>

					<view class="owner_type1">
						<view class="calculation_strategy">
							换电年份
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								9 年
							</view>
						</view>
					</view>

					<view class="owner_type1">
						<view class="calculation_strategy">
							维保单价
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								0.015 元/Wh
							</view>
						</view>
					</view>

					<view class="owner_type1">
						<view class="calculation_strategy">
							固定资产保险费率
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								0.15 %
							</view>
						</view>
					</view>

					<view class="owner_type1">
						<view class="calculation_strategy">
							充放电深度
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-6" trim="all" v-model="ischargevalue" clearSize="0"
											placeholder="请输入" @input="chargeandd"></uni-easyinput>
									</view>
									%
								</view>

							</view>
						</view>
					</view>

					<view class="owner_type1">
						<view class="calculation_strategy">
							充电效率
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-6" trim="all" v-model="chargeevalue" clearSize="0"
											placeholder="请输入" @input="onchargeefficiency"></uni-easyinput>
									</view>
									%
								</view>

							</view>
						</view>
					</view>
					<view class="owner_type1">
						<view class="calculation_strategy">
							放电效率
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-6" trim="all" v-model="dischargevalue"
											clearSize="0" placeholder="请输入"
											@input="ondischargeefficiency"></uni-easyinput>
									</view>
									%
								</view>

							</view>
						</view>
					</view>
					<view class="owner_type1">
						<view class="calculation_strategy">
							计划达成率
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-6" trim="all" v-model="achievementvalue"
											clearSize="0" placeholder="请输入" @input="onachievementrate"></uni-easyinput>
									</view>
									%
								</view>

							</view>
						</view>
					</view>
					<view class="owner_type1">
						<view class="calculation_strategy">
							折旧残值率
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-6" trim="all" v-model="valueratio" clearSize="0"
											placeholder="请输入" @input="ondepreciation"></uni-easyinput>
									</view>
									%
								</view>

							</view>
						</view>
					</view>

					<view class="owner_type2">
						<view class="calculation_strategy">
							折现率
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-5" trim="all" v-model="discountvalue" clearSize="0"
											placeholder="请输入" @input="discountrate"></uni-easyinput>
									</view>
									%
								</view>

							</view>
						</view>
					</view>


				</view>
			</view>
			<view class="owner_type_box">

				<view class="owner_type2">
					<view class="calculation_strategy">
						电价方式
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="custom-switch1" :class="{ 'active': pricing }" @click="pricingmethod">
								<text class="bg-text off">当前地区电价</text>
								<view class="switch-thumb1">
									<text class="thumb-text1">{{ pricing ? '自定义电价' : '当前地区电价' }}</text>
								</view>
								<text class="bg-text on">自定义电价</text>
							</view>

						</view>
					</view>
				</view>
<view v-if="pricing">
	
				<view class="owner_type1">
					<view class="calculation_strategy">
						谷时电价
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="owner_easyinput1">
								<view class="calculation_use">
									<uni-easyinput class="uni-mt-5" trim="all" v-model="valleytime" clearSize="0"
										placeholder="必填" @input="ontimesharing"></uni-easyinput>
								</view>
								元/kwh
							</view>

						</view>
					</view>
				</view>



				<view class="owner_type1">
					<view class="calculation_strategy">
						平时电价
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="owner_easyinput1">
								<view class="calculation_use">
									<uni-easyinput class="uni-mt-5" trim="all" v-model="regular" clearSize="0"
										placeholder="必填" @input="onregular"></uni-easyinput>
								</view>
								元/kwh
							</view>

						</view>
					</view>
				</view>

				<view class="owner_type1">
					<view class="calculation_strategy">
						高峰电价
					</view>
					<view class="calculation_capsule">
						<view class="switch-container">
							<view class="owner_easyinput1">
								<view class="calculation_use">
									<uni-easyinput class="uni-mt-5" trim="all" v-model="Peakprice" clearSize="0"
										placeholder="必填" @input="onPeakprice"></uni-easyinput>
								</view>
								元/kwh
							</view>

						</view>
					</view>
				</view>
				<view class="owner_more" @click="clicktimesharing">
					更多信息 <text class="test" v-if="timesharing">&#xe600;</text> <text class="test"
						v-if="!timesharing">&#xe603;</text>
				</view>
				<view v-if="timesharing">
					<view class="owner_type1">
						<view class="calculation_strategy">
							尖时电价
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-5" trim="all" v-model="Sharpperiodvalue"
											clearSize="0" placeholder="请输入" @input="onsharpperiod"></uni-easyinput>
									</view>
									元/kwh
								</view>

							</view>
						</view>
					</view>
					<view class="owner_type2">
						<view class="calculation_strategy">
							深谷电价
						</view>
						<view class="calculation_capsule">
							<view class="switch-container">
								<view class="owner_easyinput1">
									<view class="calculation_use">
										<uni-easyinput class="uni-mt-5" trim="all" v-model="deepvalley" clearSize="0"
											placeholder="请输入" @input="ondeepvalley"></uni-easyinput>
									</view>
									元/kwh
								</view>

							</view>
						</view>
					</view>
				</view>
</view>
			</view>
		</view>

		<view class="buttonbottom">
			<view class="button_bottom" @click="clicknextstep" v-if="!nextstep">
				下一步
			</view>
			<view class="button_bottom" v-else @click="onReport">
				查看测算结果
			</view>
		</view>
	</view>
</template>
<!--    -->
<script>
	import request from '@/utils/request';
	export default {
		data() {
			return {
				array: [],
				arrayname: [],
				index: [0, 0],
				isActive: false, // 运行策略 false 1充1放 true 2充2放
				invest: false, // 投资方式 false 业主自投  true 投资合作
				equipmentvalue: "", // 装机容量
				shareratiovalue: 10, // 业主分成比例
				unitcostvalue: 1.0, // EPC单位造价
				enterprise:true, //  是否小微企业
				calculate: true, // 测算年份
				Unitcost: 0.3, //换电单位造价
				ischargevalue: 100, //充放电深度
				chargeevalue: 92.5, // 充电效率
				dischargevalue: 93, // 放电效率
				achievementvalue: 95, // 计划达成率
				valueratio: 5, //折旧残值率
				discountvalue: 6, // 折旧率
				pricing: false, // 电价方式
				valleytime: "", // 谷时电价
				regular: "", // 平时电价
				Peakprice: "", // 峰时电价
				Sharpperiodvalue: "", // 尖期
				deepvalley: "", // 深谷
				categoryindex: 0,
				levelindex: 0,
				voltage: [],
				electricity: [],
				provinceid: "",
				installvalue: "",
				nextstep: false,
				fold: false,
				timesharing: false
			}
		},
		onLoad() {
			this.getselecteconomize()
		},
		methods: {
			// 查询省
			async getselecteconomize() {
				try {
					let data = {
						provinceId: this.provinceid
					}
					const response = await request({
						url: `/tdengineyuanshi/selecteconomize`,
						method: 'POST',
						data: data,
						header: {
							'Content-Type': 'application/x-www-form-urlencoded'
						}

					});
					this.array[0] = response.data
					this.getselectmarket(this.array[0][this.index[0]].id)
				} catch (error) {
					console.error('登录失败:', error);
				}
			},
			// 查询市
			async getselectmarket(id) {
				try {
					let data = {
						id: id
					}
					const response = await request({
						url: `/tdengineyuanshi/selectmarket`,
						method: 'POST',
						data: data,
						header: {
							'Content-Type': 'application/x-www-form-urlencoded'
						}

					});
					console.log(response.data);
					this.array[1] = response.data
					this.getselectElectricitycategory(this.array[1][this.index[1]].id)
				} catch (error) {
					console.error('登录失败:', error);
				}
			},
			// 查询用电类型
			async getselectElectricitycategory(id) {
				
				try {
					let data = {
						id: id
					
					}
					const response = await request({
						url: `/tdengineyuanshi/selectElectricitycategory`,
						method: 'POST',
						data: data,
						header: {
							'Content-Type': 'application/x-www-form-urlencoded'
						}

					});
					console.log(response.data);
					this.electricity = response.data
					this.getselectlevel(this.electricity[this.categoryindex].id)
				} catch (error) {
					console.error('登录失败:', error);
				}
			}, // 查询用电类型
			async getselectlevel(id) {
				try {
					let data = {
						id: id
					}
					const response = await request({
						url: `/tdengineyuanshi/selectlevel`,
						method: 'POST',
						data: data,
						header: {
							'Content-Type': 'application/x-www-form-urlencoded'
						}

					});
					console.log(response.data);
					this.voltage = response.data
				} catch (error) {
					console.error('登录失败:', error);
				}
			},
			bindcolumn(e) {
				if (e.detail.column == 0) {
					this.index[0] = e.detail.value
					console.log(e.detail.value);
				}
			},
			// 选择地区
			bindPickerChange(e) {
				console.log('picker发送选择改变，携带值为', e.detail.value)
				this.index = e.detail.value
				// this.getselectmarket(this.array[0][this.index[0]].id)
			},

			// 用户类型
			bindelectricity(e) {
				console.log('picker发送选择改变，携带值为', e.detail.value)
				this.categoryindex = e.detail.value
				// this.getselectlevel(this.electricity[e.detail.value].id)

			},
			// 电压级别
			bindlevel(e) {
				console.log(e);

			},
			// 运行策略
			toggleSwitch() {
				this.isActive = !this.isActive
				console.log('开关状态:', this.isActive)
			},

			// 装机功率
			easyinputinput(e) {
				console.log(e);
			},
			// 装机容量
			equipmentinput(e) {
				console.log(e);
			},
			// 下一步
			clicknextstep() {
				console.log(this.installvalue);
				console.log(this.equipmentvalue);
					
				if(this.installvalue==''||this.equipmentvalue==''){
					uni.showToast({
						title: '请填写完整信息',
						icon:'none',
						duration: 2000
					});
				}else{
					this.nextstep = !this.nextstep
				}
			},
			// 投资方式
			investselect() {
				this.invest = !this.invest
				console.log(this.invest);
			},
			// 业主分成比例
			shareratio(e) {
				console.log(e);
			},
			// EPC单位造价
			unitcost(e) {
				console.log(e);
			},
			// 是否小微企业
			onenterprise() {
				this.enterprise = !this.enterprise
			},
			// 测算年份
			Calculateyear() {
               this.calculate = !this.calculate
			},
			// 换电单位造价
			onUnitcost() {

			},
			// 充放电深度
			chargeandd() {

			},
			// 充电效率
			onchargeefficiency() {

			},
			// 放电效率
			ondischargeefficiency() {},
			// 计划达成率
			onachievementrate() {

			},
			// 折旧拆值率
			ondepreciation() {

			},
			// 折旧率
			discountrate() {

			},
			// 电价方式
			pricingmethod() {
             this.pricing = !this.pricing
			},
			// 谷时电价
			ontimesharing() {},
			// 平时电价
			onregular() {

			},
			// 高峰电价	
			onPeakprice() {},
			// 更多消息 
			clickfold() {
				this.fold = !this.fold
			},
			// 查看测算结果
			onReport() {
				uni.navigateTo({
					url: '/pages/report/index'
				})
			},
			// 电价更多消息
			clicktimesharing() {
				this.timesharing = !this.timesharing
			},
			// 尖期
			onsharpperiod() {},
			// 深谷
			ondeepvalley() {

			},
			onclickLeft() {
				uni.navigateBack({
					delta: 1 // 返回的页面数，默认为1
				});
			}
		}
	}
</script>

<style scoped>
	.uni-page {
		width: 100%;
		height: 100%;
	}

	/deep/ .uni-nav-bar-text {
		font-weight: 600;
	}
.container_navbar{
	width: 100%;
	position: fixed;
	top: 0rpx;
	left: 0rpx;
	padding: 0rpx;
}
.container_top{
	width: 100%;
	height: 60rpx;
	background-color:rgba(255, 255, 255, 0.5);
}
	.container {
		/* background-color: #f0f5f5; */
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		background-image: url('https://esos-iot.bjdexn.cn/myminio/project/475a3a10bcf74300895b3dc82897237e.jpeg');
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding-bottom: 140rpx;
	}

	.account_number {
		width: 100%;
		padding: 20rpx;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
	}


	.toptabbar {
		width: 100%;
		padding: 10rpx 20rpx;
		box-sizing: border-box;
	}

	.container_box {
		height: 500rpx;
		color: #222;
		padding-top: 100rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: linear-gradient(to bottom,
				rgba(255, 255, 255, 0),
				/* 完全透明 */
				rgba(255, 255, 255, 0.5),
				/* 完全透明 */
				rgba(255, 255, 255, 1)
				/* 80% 不透明 */
			);
	}

	.container_title {
		font-size: 62rpx;
		padding: 0rpx 20rpx;
	}

	.container_Subtitle {
		font-size: 60rpx;
		padding: 0rpx 20rpx;
		margin-top: 20rpx;
	}

	.calculation {
		margin-top: -40rpx;
		width: 100%;
		background-color: #fff;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		padding-top: 20rpx;
		padding: 20rpx 20rpx;
		box-sizing: border-box;
	}

	.calculation_box {
		width: 100%;
		height: 80rpx;
		border-radius: 100rpx;
		background-color: #f0f5f5;
		padding-right: 30rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
	}

	.calculation_top {
		width: 100%;
		height: 100%;
		font-size: 26rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.calculation_left {
		font-size: 28rpx;
	}
.uni-input{
	font-size: 28rpx;
}
	@font-face {
		font-family: 'iconfont';
		/* Project id 4935042 */
		src: url('//at.alicdn.com/t/c/font_4935042_1qob4kor3dt.woff2?t=1749628842617') format('woff2'),
			url('//at.alicdn.com/t/c/font_4935042_1qob4kor3dt.woff?t=1749628842617') format('woff'),
			url('//at.alicdn.com/t/c/font_4935042_1qob4kor3dt.ttf?t=1749628842617') format('truetype');
		/* 	src: url('@/font/iconfont.woff2?t=1748497918806') format('woff2'),
			url('@/font/iconfont.woff?t=1748497918806') format('woff'),
			url('@/font/iconfont.ttf?t=1748497918806') format('truetype'); */
	}

	.test {
		font-family: iconfont;
		margin-left: 16rpx;
	}

	.testbox {
		font-family: iconfont;
		margin-left: 32rpx;
		margin-right: 10rpx;
	}

	.calculation_type {
		width: 100%;
		border: #f0f5f5 1rpx solid;
		margin-top: 20rpx;
		border-radius: 8rpx;
		padding:18rpx 20rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.calculation_electricity {
		flex: 1;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.calculation_electricity1 {
		width: 1rpx;
		height: 80rpx;
		margin: 0rpx 15rpx;
		border-left: #f5f5f5 1rpx solid;
	}

	.calculation_title {
		font-size: 26rpx;
		color: #ccc;
		display: flex;
		justify-content: space-between;
	}

	.calculation_title1 {
		font-size: 26rpx;
		color: #ccc;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.calculation_use {
		width: 100%;
		font-size: 26rpx;
		display: flex;
		justify-content: space-between;
	}

	.calculation_worker {
		font-size: 26rpx;
		font-weight: 400;
		color: #222;
		margin-top: 20rpx;
	}

	.calculation_strategy {
		font-size: 26rpx;
		color: #222;
		padding: 10rpx 0rpx;
	}

	.calculation_capsule {
		font-size: 26rpx;
		color: #222;
		padding: 10rpx 0rpx;
	}

	/* 胶囊容器 */
	.custom-switch {
		width: 250rpx;
		height: 60rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 100rpx;
		/* 圆角胶囊 */
		background-color: #e0e0e0;
		/* 关闭时背景色 */
		position: relative;
		transition: background-color 0.3s;
	}

	/* 开启状态 */
	.custom-switch.active {
		background-color: #e0e0e0;
		/* 开启时背景色 */
	}

	/* 滑块 */
	.switch-thumb {
		width: 127rpx;
		height: 56rpx;
		border-radius: 100rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: white;
		position: absolute;
		left: 2rpx;
		top: 2rpx;
		transition: transform 0.3s;
	}

	/* 滑块开启状态 */
	.custom-switch.active .switch-thumb {
		transform: translateX(118rpx);
		/* 向右移动 */
	}

	.installequipment {
		width: 100%;
		height: 80rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
	}

	.calculation_bottom {
		width: 100%;
		/* margin-top: 20rpx; */
		display: flex;
		justify-content: space-between;
	}

	.calculation_electricity2 {
		width: 20rpx;
	}

	.uni-mt-5 {
		width: 100%;
	}
	
	/deep/ .is-input-border {
		border: 0rpx solid #fff !important;
	}

	.buttonbottom {
		width: 100%;
		height: 140rpx;
		padding-top: 20rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0rpx;
		left: 0rpx;
		background-color: #ffffff;
	}

	.button_bottom {
		width: 80%;
		height: 80rpx;
		background-color: #222;
		border-radius: 100rpx;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.calculation_Days {
		width: 100%;
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.owner {
		width: 100%;
		padding: 0rpx 20rpx 20rpx 20rpx;
		box-sizing: border-box;
		background-color: #fff;
	}

	.owner_type {
		width: 100%;
		padding:0rpx 20rpx 20rpx 20rpx;
		border: #f0f5f5 1rpx solid;
		border-radius: 10rpx;
		box-sizing: border-box;
	}

	.owner_type_box {
		width: 100%;
		padding: 20rpx;
		border: #f0f5f5 1rpx solid;
		padding: 20rpx;
		border-radius: 10rpx;
		box-sizing: border-box;
		margin-top: 20rpx;
	}

	.owner_type1 {
		width: 100%;
		height: 100rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: #f0f5f5 1rpx solid;
	}

	.owner_type2 {
		width: 100%;
		height: 100rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.owner_easyinput {
		width: 240rpx;
		font-size: 26rpx;
		display: flex;
		align-items: center;
	}

	.owner_easyinput1 {
		width: 240rpx;
		display: flex;
		align-items: center;
	}

	.owner_more {
		font-size: 24rpx;
		color: #ccc;
		margin-top: 20rpx;
	}

	/* 电价方式胶囊容器 */
	.custom-switch1 {
		width: 440rpx;
		height: 60rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 100rpx;
		/* 圆角胶囊 */
		background-color: #e0e0e0;
		/* 关闭时背景色 */
		position: relative;
		transition: background-color 0.3s;
	}

	/* 开启状态 */
	.custom-switch1.active1 {
		background-color: #e0e0e0;
		/* 开启时背景色 */
	}

	/* 滑块 */
	.switch-thumb1 {
		width: 224rpx;
		height: 56rpx;
		border-radius: 100rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: white;
		position: absolute;
		left: 2rpx;
		top: 2rpx;
		transition: transform 0.3s;
	}

	/* 滑块开启状态 */
	.custom-switch1.active .switch-thumb1 {
		transform: translateX(212rpx);
		/* 向右移动 */
	}
	.uni-easyinput{
		text-align: right;
		padding-right: 10rpx;
	}
.content-clear-icon{
	padding: 0rpx;
}
</style>
<!--

 -->