autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-06-12 19:29:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改计费模板input输入框样式

Browse Source
This commit is contained in:
admin-lmm
2023-08-21 16:05:23 +08:00
parent ce093403bb
commit 55104d4c6e
1 changed files with 761 additions and 765 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
jsowell-ui/src/views/billing/template/components/addBilling.vue
View File

@@ -30,10 +30,7 @@
<!-- 电汽车 -->
<el-row :gutter="20">
<el-col :span="6">
<div
class="grid-content bg-purple"
style="margin-left: 20px"
>
<div class="grid-content bg-purple" style="margin-left: 20px">
时段
</div>
</el-col>
@@ -57,7 +54,8 @@
<el-form-item prop="electricityPriceA">
<el-input
v-model="form.electricityPriceA"
type="text"
type="number"
class="clearInputScore"
placeholder="0"
clearable
/>
@@ -69,7 +67,8 @@
v-model="form.servicePriceA"
placeholder="0"
clearable
type="text"
type="number"
class="clearInputScore"
/>
</el-form-item>
</el-col>
@@ -83,7 +82,8 @@
<el-form-item prop="electricityPriceB">
<el-input
v-model="form.electricityPriceB"
type="text"
type="number"
class="clearInputScore"
placeholder="0"
clearable
/>
@@ -95,7 +95,8 @@
v-model="form.servicePriceB"
placeholder="0"
clearable
type="text"
type="number"
class="clearInputScore"
/>
</el-form-item>
</el-col>
@@ -109,7 +110,8 @@
<el-form-item prop="electricityPriceC">
<el-input
v-model="form.electricityPriceC"
type="text"
type="number"
class="clearInputScore"
placeholder="0"
clearable
/>
@@ -121,7 +123,8 @@
v-model="form.servicePriceC"
placeholder="0"
clearable
type="text"
type="number"
class="clearInputScore"
/>
</el-form-item>
</el-col>
@@ -135,7 +138,8 @@
<el-form-item prop="electricityPriceD">
<el-input
v-model="form.electricityPriceD"
type="text"
type="number"
class="clearInputScore"
placeholder="0"
clearable
/>
@@ -147,7 +151,8 @@
v-model="form.servicePriceD"
placeholder="0"
clearable
type="text"
type="number"
class="clearInputScore"
/>
</el-form-item>
</el-col>
@@ -159,11 +164,7 @@
v-for="item in dynamicTags"
:key="item.label"
:type="item.type"
style="
margin: 10px 10px 10px 0;
width: 160px;
height: 30px;
"
style="margin: 10px 10px 10px 0; width: 160px; height: 30px"
effect="dark"
>
{{ item.label }}
@@ -171,16 +172,11 @@
class="el-icon-edit el-icon&#45;&#45;right"
@click="editBtn(item.label)"
/>
<i
class="el-icon-close"
@click="deleteBtn(item.label)"
/>
<i class="el-icon-close" @click="deleteBtn(item.label)" />
</el-tag>
</div>
<div>
<el-button @click="reviseVisible = true"
>增加计费时段</el-button
>
<el-button @click="reviseVisible = true">增加计费时段</el-button>
<!--<el-button>占桩收费模板</el-button>-->
<!--<div style="position: absolute; bottom: 0px; right: 10px">
<el-button @click="hCancel">取 消</el-button>
@@ -189,28 +185,32 @@
</div>
<el-divider />
<el-row :gutter="20">
<el-col :span="10">
<el-col :span="6">
<el-form-item label="占桩免费时长" prop="freeTime">
<el-input
v-model="form.freeTime"
type="text"
type="number"
placeholder="0"
clearable
/>
class="clearInputScore"
>
<template slot="append">（分钟）</template>
</el-input>
</el-form-item>
</el-col>
<span class="time"> (分钟)</span>
<el-col :span="11" class="cols">
<el-col :span="8" :offset="4" class="cols">
<el-form-item label="占桩费率" prop="occupyFee">
<el-input
v-model="form.occupyFee"
placeholder="0"
clearable
type="text"
/>
type="number"
class="clearInputScore"
>
<template slot="append"> (元/分钟)</template>
</el-input>
</el-form-item>
</el-col>
<span class="min"> (元/分钟)</span>
</el-row>
</div>
<div v-else>
@@ -231,11 +231,7 @@
prop="minMoney"
label-width="150px"
>
<el-input
v-model="form.minMoney"
type="text"
placeholder="0"
/>
<el-input v-model="form.minMoney" type="text" placeholder="0" />
</el-form-item>
<div class="txt">
<p>
@@ -255,11 +251,7 @@
prop="minute"
label-width="150px"
>
<el-input
v-model="form.minute"
type="text"
placeholder="5"
/>
<el-input v-model="form.minute" type="text" placeholder="5" />
</el-form-item>
<!-- 按钮 -->
@@ -272,9 +264,7 @@
@click="dialogFormVisible = true"
/>
</el-link>
<el-link :underline="false"
><i class="el-icon-close"
/></el-link>
<el-link :underline="false"><i class="el-icon-close" /></el-link>
</div>
<div class="energy">
电费:1元<span>{{ num }}小时</span>
@@ -329,10 +319,7 @@
append-to-body
>
<el-form :model="form">
<el-form-item
label="充电功率(W):"
:label-width="formLabelWidth"
>
<el-form-item label="充电功率(W):" :label-width="formLabelWidth">
<el-input
v-model.number="form.name"
min="0"
@@ -340,10 +327,7 @@
autocomplete="off"
/>
</el-form-item>
<el-form-item
label="费用(1元X小时):"
:label-width="formLabelWidth"
>
<el-form-item label="费用(1元X小时):" :label-width="formLabelWidth">
<el-input
v-model.number="form.region"
type="number"
@@ -614,8 +598,10 @@ export default {
},
// 确认按钮
onSubmit() {
// this.carBillList();
console.log("计费模板确定事件");
this.$refs.form.validate((valid) => {
console.log("点击确定valid", valid);
console.log("点击确定时的this.form", this.form);
if (valid) {
if (this.billingTemplateId === "") {
// 没有id 新增
@@ -638,6 +624,7 @@ export default {
},
update() {
this.$set(this.form, "billingTemplateId", this.billingTemplateId);
console.log("修改事件的form", this.form);
updateBillingTemplate(this.form).then((response) => {
console.log("this.form", this.form);
console.log("接口返回", response);
@@ -810,4 +797,13 @@ export default {
.cols {
padding-left: 50px !important;
}
.clearInputScore {
::v-deep input::-webkit-outer-spin-button,
::v-deep input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
::v-deep input[type="'number'"] {
-moz-appearance: textfield !important;
}
}
</style>