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