电单车费率

This commit is contained in:
BOOL\25024
2024-09-06 13:46:39 +08:00
parent 0255923a97
commit 0fffba949d

View File

@@ -6,11 +6,7 @@
<el-radio v-model="form.type" label="2">电动自行车</el-radio>
</el-form-item>
<el-form-item label="名称" prop="name" label-width="150px">
<el-input
v-model="form.name"
style="width: 50%"
placeholder="请输入模板名称"
/>
<el-input v-model="form.name" style="width: 50%" placeholder="请输入模板名称" />
</el-form-item>
<el-form-item label="备注" prop="templateRemark" label-width="150px">
<el-input
@@ -30,9 +26,7 @@
<!-- 电汽车 -->
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content bg-purple" style="margin-left: 20px">
时段
</div>
<div class="grid-content bg-purple" style="margin-left: 20px">时段</div>
</el-col>
<el-col :span="8">
@@ -168,10 +162,7 @@
effect="dark"
>
{{ item.label }}
<i
class="el-icon-edit el-icon&#45;&#45;right"
@click="editBtn(item.label)"
/>
<i class="el-icon-edit el-icon&#45;&#45;right" @click="editBtn(item.label)" />
<i class="el-icon-close" @click="deleteBtn(item.label)" />
</el-tag>
</div>
@@ -228,69 +219,24 @@
</div>
<div v-else>
<!-- 电单车页面 -->
<div class="txt">
<p>
<b>
以下配置应用于电动汽车占桩费计算例如
免费占桩时间30分钟封顶金额25元 占桩费单价2元/分钟
</b>
</p>
<p>
表示充电结束30分钟内不收取费用超过30分钟的时间按每分钟2元收费封顶25元
</p>
</div>
<el-form-item
label="最小单位费用(元):"
prop="minMoney"
label-width="150px"
>
<el-input v-model="form.minMoney" type="text" placeholder="0" />
</el-form-item>
<div class="txt">
<p>
<b>
本设置只应用于电动自行车按功率时长的计费策略当费用不足最小单位费用的整数倍时将会安装最小单位费用的整数倍收取前几分钟不参与计费
</b>
</p>
<p>
最小单位费用的是0.5当费用为1.1元时将会收取1.5当费用为1.5元时将会收取1.5
</p>
<p>
<i>免费充电时长的是5分钟</i>当充电时长是4分钟时将不会收取费用当充电时长是6分钟将会根据计费模板收取6分钟的费用
</p>
</div>
<el-form-item
label="免费充电时长(分钟):"
prop="minute"
label-width="150px"
>
<el-input v-model="form.minute" type="text" placeholder="5" />
</el-form-item>
<!-- 按钮 -->
<div class="btn">
<div class="p1">
功率-0W至300W
<el-link :underline="false">
<i
class="el-icon-edit el-icon--right"
@click="dialogFormVisible = true"
/>
</el-link>
<el-link :underline="false"><i class="el-icon-close" /></el-link>
</div>
<div class="energy">
电费:1<span>{{ num }}小时</span>
</div>
</div>
<el-button
style="width: 170px"
type="text"
@click="dialogFormVisible = true"
>增加测试功率分段</el-button
>
测试
<el-row :gutter="0">
<el-col :span="2" style="text-align: right; margin-right: 20px">
<el-button type="success">电费</el-button>
</el-col>
<el-col :span="6">
<el-form-item prop="electricityPriceC">
<el-input
v-model="form.electricityPriceC"
type="number"
class="clearInputScore"
placeholder="0"
clearable
>
<template slot="append"> (/)</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-divider />
</div>
</el-form>
@@ -321,40 +267,22 @@
</el-radio-group>
<span slot="footer" class="dialog-footer">
<el-button @click="reviseVisible = false"> </el-button>
<el-button type="primary" @click="clickSelectStartTimeConfirm"
> </el-button
>
<el-button type="primary" @click="clickSelectStartTimeConfirm"> </el-button>
</span>
</el-dialog>
<el-dialog
title="设置功率分段"
:visible.sync="dialogFormVisible"
append-to-body
>
<el-dialog title="设置功率分段" :visible.sync="dialogFormVisible" append-to-body>
<el-form :model="form">
<el-form-item label="充电功率(W):" :label-width="formLabelWidth">
<el-input
v-model.number="form.name"
min="0"
type="number"
autocomplete="off"
/>
<el-input v-model.number="form.name" min="0" type="number" autocomplete="off" />
</el-form-item>
<el-form-item label="费用(1元X小时):" :label-width="formLabelWidth">
<el-input
v-model.number="form.region"
type="number"
placeholder="2"
min="0"
/>
<el-input v-model.number="form.region" type="number" placeholder="2" min="0" />
</el-form-item>
</el-form>
<!--设置功率分段dialog的按钮-->
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false"> </el-button>
<el-button type="primary" @click="dialogFormVisible = false"
> </el-button
>
<el-button type="primary" @click="dialogFormVisible = false"> </el-button>
</div>
</el-dialog>
<!-- 电动汽车 电动自行车 公用一组按钮 -->
@@ -507,7 +435,7 @@ export default {
],
type: "1",
name: "",
templateRemark: "",
templateRemark: "",
minMoney: "",
minute: "",
},
@@ -548,9 +476,7 @@ export default {
// 新时间插入数组最后
this.selectStartTime.push(e);
// selectStartTime根据startTime排序
this.selectStartTime.sort((a, b) =>
a.startTime.localeCompare(b.startTime)
);
this.selectStartTime.sort((a, b) => a.startTime.localeCompare(b.startTime));
// 关闭对话框
this.reviseVisible = false;
// 调生成方法