系统内容
This commit is contained in:
parent
5955f3a8b9
commit
fa06729b2b
|
|
@ -26,7 +26,7 @@
|
|||
btn(){
|
||||
let _this=this
|
||||
let math='static/'+_this.$u.guid(20)
|
||||
uni.chooseMessageFile({
|
||||
uni.chooseImage({
|
||||
count: 10,
|
||||
type: 'all',
|
||||
success (res) {
|
||||
|
|
|
|||
46
pages.json
46
pages.json
|
|
@ -185,8 +185,54 @@
|
|||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "worke/CarModel",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "worke/modelMt",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "worke/ChargingTemplate",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "worke/ChargingDetail",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "worke/sysSet",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// ... 分包A的其他页面
|
||||
]
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@
|
|||
btn(){
|
||||
let _this=this
|
||||
let math='static/'+_this.$u.guid(20)
|
||||
uni.chooseMessageFile({
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
type: 'all',
|
||||
success (res) {
|
||||
|
|
|
|||
|
|
@ -66,6 +66,25 @@
|
|||
故障审核
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont" @click="topage(9)" >
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ufE1T9RDOm7OmhLgTzXi" mode="" style="width: 100%;height: 100%;"></image>
|
||||
<!-- <view class="text">
|
||||
故障审核
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="cont" @click="topage(10)" >
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqG3ZQWu986qU0gU9vbb" mode="" style="width: 100%;height: 100%;"></image>
|
||||
<!-- <view class="text">
|
||||
故障审核
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="cont" @click="topage(11)" style="width: 96rpx;height: 96rpx;">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqCr4GrXEx6irmRNNsfM" mode="" style="width: 96rpx;height: 96rpx;"></image>
|
||||
<!-- <view class="text">
|
||||
故障审核
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<u-select v-model="show" :list="list" title='选择运营区' @confirm="confirm"></u-select>
|
||||
|
|
@ -253,7 +272,20 @@
|
|||
uni.navigateTo({
|
||||
url:'/pages_adminSet/financialStatement'
|
||||
})
|
||||
}else if(num==9){
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/CarModel'
|
||||
})
|
||||
}else if(num==10){
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/ChargingTemplate'
|
||||
})
|
||||
}else if(num==11){
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/sysSet'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -275,7 +307,7 @@
|
|||
padding: 46rpx 50rpx;
|
||||
margin: 68rpx auto;
|
||||
width: 680rpx;
|
||||
height: 498rpx;
|
||||
// height: 600rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.07);
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
|
|
|||
256
pages_admin/worke/CarModel.vue
Normal file
256
pages_admin/worke/CarModel.vue
Normal file
|
|
@ -0,0 +1,256 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="车型管理" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="modelCard" v-for="(item,index) in list" :key="index">
|
||||
<view class="tit">
|
||||
{{item.model}}
|
||||
</view>
|
||||
<view class="line" style="margin-bottom: 18rpx;"></view>
|
||||
<view class="info">
|
||||
<!-- <view class="img">
|
||||
<image :src="item.picture" mode=""></image>
|
||||
</view> -->
|
||||
<view class="lis">
|
||||
<!-- <view class="info_li">
|
||||
车型简介：<span>{{item.description}}</span>
|
||||
</view> -->
|
||||
<view class="info_li">
|
||||
最低电压：<span>{{item.lowVoltage}}V</span>
|
||||
</view>
|
||||
<view class="info_li">
|
||||
最高电压：<span>{{item.fullVoltage}}V</span>
|
||||
</view>
|
||||
<view class="info_li">
|
||||
满电续航：<span>{{item.fullEndurance}}KM</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="txt_li">
|
||||
<view class="li">
|
||||
所属门店：<span>云行租车</span>
|
||||
</view>
|
||||
<view class="li">
|
||||
满电续航：<span>50.00km</span>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="line" style="margin-top: 26rpx;"></view>
|
||||
<view class="btn_li">
|
||||
<view class="btn1" @click="del(item)">
|
||||
删除
|
||||
</view>
|
||||
<view class="btn2" @click="todetail(item)">
|
||||
编辑
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="addmodel()">
|
||||
新增车型
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
list:[],
|
||||
areaId:''
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (uni.getStorageSync('adminAreaid')) {
|
||||
this.areaId = uni.getStorageSync('adminAreaid')
|
||||
|
||||
|
||||
}
|
||||
this.getModelList()
|
||||
},
|
||||
methods: {
|
||||
addmodel(){
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/modelMt'
|
||||
})
|
||||
},
|
||||
del(item){
|
||||
// 显示确认删除的提示框
|
||||
uni.showModal({
|
||||
title: '确认删除',
|
||||
content: '确定删除该车型？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
// 如果用户点击了确认，执行删除操作
|
||||
this.$u.delete(`/system/model/` + item.modelId).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.getModelList(); // 刷新列表
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
uni.showToast({
|
||||
title: '删除失败，请稍后再试',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
uni.showToast({
|
||||
title: '请求失败，请稍后再试',
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
} else if (res.cancel) {
|
||||
// 用户取消删除操作
|
||||
console.log('用户取消删除');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
todetail(item){
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/modelMt?modelId='+item.modelId
|
||||
})
|
||||
},
|
||||
getModelList(){
|
||||
|
||||
this.$u.get(`/system/area/selectDeptByAreaId/`+this.areaId).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.list=res.data.modelList
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {}
|
||||
|
||||
.page {
|
||||
padding-bottom: 170rpx;
|
||||
.modelCard {
|
||||
margin-top: 22rpx;
|
||||
width: 750rpx;
|
||||
padding-bottom: 12rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
.info{
|
||||
margin-left: 42rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
// align-items: center;
|
||||
align-items: stretch; /* 让左右两边的高度一致 */
|
||||
.img{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #EFEFEF;
|
||||
border-radius: 10rpx;
|
||||
width: 218rpx;
|
||||
|
||||
min-height:134rpx ;
|
||||
image{
|
||||
width: 173.59rpx;
|
||||
height: 133.22rpx;
|
||||
}
|
||||
}
|
||||
.lis{
|
||||
margin-left: 60rpx;
|
||||
.info_li{
|
||||
margin-top: 8rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
span{
|
||||
color: #808080 ;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.tit{
|
||||
padding: 24rpx 32rpx;
|
||||
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.line{
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
background: #D8D8D8;
|
||||
}
|
||||
.btn_li{
|
||||
margin-top: 16rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.btn1{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50%;
|
||||
height: 67rpx;
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #FF1C1C;
|
||||
border-right: 1rpx solid #FF1C1C ;
|
||||
}
|
||||
.btn2{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50%;
|
||||
height: 67rpx;
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
// border-right: 1rpx solid #FF1C1C ;
|
||||
}
|
||||
}
|
||||
.txt_li{
|
||||
|
||||
margin-top: 8rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
.li{
|
||||
|
||||
width: 50%;
|
||||
padding-left: 28rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
span{
|
||||
color: #808080 ;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
position: fixed;
|
||||
left: 40rpx;
|
||||
bottom: 48rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 672rpx;
|
||||
height: 100rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
591
pages_admin/worke/ChargingDetail.vue
Normal file
591
pages_admin/worke/ChargingDetail.vue
Normal file
|
|
@ -0,0 +1,591 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="收费模版编辑" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="card">
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
套餐名称
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.name" placeholder="请输入套餐名称" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
说明
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.instructions" placeholder="请输入说明内容" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="card">
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
免费骑行
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.freeRideTime" placeholder="可以免费骑行的时间" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
可以免费骑行的时间
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
还车结算
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.autoRefundDeposit" placeholder="多少小时后自动退押金" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
多少小时后自动退押金
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
租赁单位
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-radio-group v-model="timevalue" @change="radioGroupChange">
|
||||
<u-radio v-for="(item, index) in timeList" :key="index" :name="item.name"
|
||||
:disabled="item.disabled">
|
||||
{{item.name}}
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="rule">
|
||||
起步价
|
||||
<input type="text" v-model="startingPrice" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
元 含（ <input type="text" v-model="startingTime" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3"> {{timevalue}}）
|
||||
</view>
|
||||
<view class="tips">
|
||||
可以免费骑行的时间
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="rule">
|
||||
超出价
|
||||
<input type="text" v-model="timeoutPrice" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
元 /（ <input type="text" v-model="timeoutTime" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3">分钟
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
超出起步价后
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
注：
|
||||
1) 不是起步时间的仍按起步时间收取费用；超出起步时间后的均匀计算。
|
||||
2) 为避免免费用户使用，切勿频繁切换。
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
计费周期
|
||||
</view>
|
||||
<view class="card_right">
|
||||
订单生成后
|
||||
<input type="text" v-model="data.chargingCycleValue" placeholder="多少小时后自动退押金" class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">小时
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
1) 若计费周期为订单生成后X小时，每达到X小时，订单按规则重新计费，各周期内金额总和为订单总费用；
|
||||
2) 若计费周期为自定义时刻，每当达到该时刻，订单按规则重新计费，各周期内金额总和为订单总费用
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
封顶金额
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<input type="text" v-model="data.cappedAmount" placeholder="多少小时后自动退押金" class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">元
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
注：在单个计费周期内，达到封顶金额后，则订单费用不再增加；超过计费周期后，在新的周期内重新计费，订单总费用继续增加
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="btn_box">
|
||||
<view class="btn1" @click="backpage()">
|
||||
取消
|
||||
</view>
|
||||
<view class="btn2" @click="sub">
|
||||
保存
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
showpart: false,
|
||||
list: [],
|
||||
Accessorylist: [],
|
||||
chooseIdxArr: [], // 存储选中的索引
|
||||
timevalue: '按分钟',
|
||||
timeList: [{
|
||||
name: '按分钟',
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
name: '按小时',
|
||||
disabled: false
|
||||
},
|
||||
|
||||
],
|
||||
startingPrice: "",
|
||||
startingTime: '',
|
||||
timeoutPrice: '',
|
||||
timeoutTime: '',
|
||||
data: {
|
||||
name: '111',
|
||||
instructions: '按小时计费',
|
||||
status: "0",
|
||||
autoRefundDeposit: '0',
|
||||
orderExceedMinutes: '',
|
||||
orderExceedWarn: '',
|
||||
freeRideTime: '5',
|
||||
rentalUnit: 'minutes',
|
||||
ridingRule: '1',
|
||||
chargingCycle: '1',
|
||||
chargingCycleValue: '24',
|
||||
cappedAmount: '200',
|
||||
// rule: [{
|
||||
// start: '',
|
||||
// end: '',
|
||||
// eachUnit: '',
|
||||
// fee: ''
|
||||
// }],
|
||||
timeoutTime: '',
|
||||
startingTime: ''
|
||||
},
|
||||
deptInfo: {},
|
||||
areaId: '',
|
||||
ruleId: {}
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
if (e.ruleId) {
|
||||
this.ruleId = e.ruleId
|
||||
this.getFeeInfo()
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (uni.getStorageSync('adminAreaid')) {
|
||||
this.areaId = uni.getStorageSync('adminAreaid')
|
||||
}
|
||||
this.getdept()
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
getFeeInfo() {
|
||||
this.$u.get(`/app/fee/` + this.ruleId).then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
||||
this.data = res.data;
|
||||
if (this.data.rentalUnit == 'minutes') {
|
||||
this.timeUnit = '分钟'
|
||||
} else if (this.data.rentalUnit == 'hours') {
|
||||
this.timeUnit = '小时'
|
||||
} else if (this.data.rentalUnit == 'day') {
|
||||
this.timeUnit = '天'
|
||||
}
|
||||
if (this.data.area) {
|
||||
this.returnVerify = this.data.area.returnVerify;
|
||||
}
|
||||
// console.log("-------returnVerify------",this.returnVerify)
|
||||
// delete this.form.ridingRuleJson;
|
||||
let json = JSON.parse(res.data.ridingRuleJson)
|
||||
if (this.data.ridingRule == 1) {
|
||||
this.timeoutTime = json.timeoutTime
|
||||
this.startingPrice = json.startingPrice
|
||||
this.startingTime = json.startingTime
|
||||
this.timeoutPrice = json.timeoutPrice
|
||||
} else {
|
||||
this.rule = json.rule.slice(0, -1);
|
||||
|
||||
// 获取数组的最后一个元素
|
||||
this.more = json.rule[json.rule.length - 1];
|
||||
}
|
||||
|
||||
console.log(this.data, 'this.formthis.form');
|
||||
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
},
|
||||
backpage() {
|
||||
uni.redirectTo({
|
||||
url: '/pages_admin/worke/ChargingTemplate'
|
||||
})
|
||||
},
|
||||
getdept() {
|
||||
let data = {
|
||||
areaId: this.areaId
|
||||
}
|
||||
this.$u.get(`/appVerify/getDept?`, data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.deptInfo = res.data
|
||||
// this.list = res.data
|
||||
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
// 选中任一radio时，由radio-group触发
|
||||
radioGroupChange(e) {
|
||||
console.log(e);
|
||||
if (e == '按分钟') {
|
||||
this.data.rentalUnit = 'minutes'
|
||||
} else {
|
||||
this.data.rentalUnit = 'hours'
|
||||
}
|
||||
},
|
||||
sub() {
|
||||
if (!/^\d+$/.test(this.startingTime)) {
|
||||
uni.showToast({
|
||||
title: '起步时间必须为正整数',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!/^\d+$/.test(this.timeoutTime)) {
|
||||
uni.showToast({
|
||||
title: '超时时间必须为正整数',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
// this.form.rule.push(this.more)
|
||||
// console.log(this.form,'mmmmmmmmmmmmm');
|
||||
let data = {
|
||||
...this.data
|
||||
}; // 使用对象扩展运算符确保复制一个新对象，避免直接修改 this.form
|
||||
|
||||
|
||||
// this.rule.push(this.more)
|
||||
|
||||
data.ridingRuleJson = {}
|
||||
if (this.data.ridingRule == 2) {
|
||||
data.ridingRuleJson.rule = this.rule
|
||||
data.ridingRuleJson.enablelnterval = this.enablelnterval
|
||||
|
||||
} else {
|
||||
data.ridingRuleJson.timeoutTime = this.timeoutTime
|
||||
data.ridingRuleJson.startingPrice = this.startingPrice
|
||||
data.ridingRuleJson.startingTime = this.startingTime
|
||||
data.ridingRuleJson.timeoutPrice = this.timeoutPrice
|
||||
|
||||
}
|
||||
data.ridingRuleJson = JSON.stringify(data.ridingRuleJson);
|
||||
|
||||
console.log(data, 'mmmmmmmmmmmmm');
|
||||
if (this.data.ruleId != null) {
|
||||
|
||||
this.$u.put(`/system/fee`, data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
// this.list = res.data
|
||||
uni.showToast({
|
||||
title: '修改成功',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1100)
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
|
||||
} else {
|
||||
data.deptId = this.deptInfo.deptId
|
||||
this.$u.post(`/system/fee`, data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
// this.list = res.data
|
||||
uni.showToast({
|
||||
title: '添加成功',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1100)
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {}
|
||||
|
||||
.page {
|
||||
.choose_part {
|
||||
position: fixed;
|
||||
top: 530rpx;
|
||||
left: 54rpx;
|
||||
z-index: 110;
|
||||
width: 644rpx;
|
||||
padding: 40rpx 48rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 26rpx 26rpx 26rpx 26rpx;
|
||||
|
||||
.part_box {
|
||||
margin-top: 40rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.part:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.part {
|
||||
margin-top: 10rpx;
|
||||
position: relative;
|
||||
margin-right: 36rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// width: 160rpx;
|
||||
// height: 60rpx;
|
||||
padding: 4rpx 8rpx;
|
||||
background: #F0F0F0;
|
||||
border-radius: 6rpx 6rpx 6rpx 6rpx;
|
||||
border: 1rpx solid #F0F0F0;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
|
||||
color: #3D3D3D;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #DCEDFF;
|
||||
border: 1rpx solid #4297F3;
|
||||
color: #4297F3;
|
||||
}
|
||||
}
|
||||
|
||||
.tit {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 552rpx;
|
||||
height: 88rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn_box {
|
||||
position: fixed;
|
||||
width: 750rpx;
|
||||
bottom: 50rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
|
||||
.btn1 {
|
||||
margin-right: 52rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 310rpx;
|
||||
height: 100rpx;
|
||||
background: #E2F2FF;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 310rpx;
|
||||
height: 100rpx;
|
||||
background: #4C97E7;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 0 24rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 24rpx;
|
||||
width: 672rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
|
||||
.card_li:last-child {
|
||||
border-bottom: 1rpx solid #fff;
|
||||
}
|
||||
|
||||
.tips {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #6F6F6F;
|
||||
}
|
||||
|
||||
.card_li {
|
||||
width: 100%;
|
||||
padding-top: 24rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
// align-content: center;
|
||||
// justify-content: space-between;
|
||||
border-bottom: 1rpx solid #D8D8D8;
|
||||
padding-bottom: 18rpx;
|
||||
|
||||
.rule {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
|
||||
.input {
|
||||
margin-left: 6rpx;
|
||||
margin-right: 6rpx;
|
||||
padding: 6rpx;
|
||||
|
||||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
width: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tops {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
|
||||
.card_left {
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.card_right {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
|
||||
// justify-content: space-between;
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.input {
|
||||
padding-right: 10rpx;
|
||||
padding: 6rpx;
|
||||
|
||||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
width: 400rpx;
|
||||
text-align: right;
|
||||
/* 输入框内容靠右显示 */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
387
pages_admin/worke/ChargingTemplate.vue
Normal file
387
pages_admin/worke/ChargingTemplate.vue
Normal file
|
|
@ -0,0 +1,387 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="模板管理" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="modelCard" v-for="(item,index) in list" :key="index">
|
||||
<view class="tit">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="line" style="margin-bottom: 18rpx;"></view>
|
||||
<view class="info">
|
||||
<!-- <view class="img">
|
||||
<image :src="item.picture" mode=""></image>
|
||||
</view> -->
|
||||
<view class="lis">
|
||||
<!-- <view class="info_li">
|
||||
车型简介：<span>{{item.description}}</span>
|
||||
</view> -->
|
||||
<view class="info_li">
|
||||
说明：<span>{{item.instructions}}</span>
|
||||
</view>
|
||||
|
||||
<view>
|
||||
<view v-if="item.ridingRule==1">
|
||||
|
||||
<view class="card" style="width: 100%;">
|
||||
<view class="li info_li" style="display: flex;flex-wrap: nowrap;">
|
||||
<view class="left">
|
||||
起步价：
|
||||
</view>
|
||||
<view class="right">
|
||||
{{item.ridingRuleJson.startingPrice}}元（含{{item.ridingRuleJson.startingTime}}<span
|
||||
v-if="item.rentalUnit=='minutes'">分钟</span><span
|
||||
v-if="item.rentalUnit=='hours'">小时</span><span
|
||||
v-if="item.rentalUnit=='day'">天</span>）
|
||||
</view>
|
||||
</view>
|
||||
<view class="li info_li" style="display: flex;flex-wrap: nowrap;">
|
||||
<view class="left">
|
||||
时长费：
|
||||
</view>
|
||||
<view class="right">
|
||||
{{item.ridingRuleJson.timeoutPrice}}元/{{ item.ridingRuleJson.timeoutTime}}<span
|
||||
v-if="item.rentalUnit=='minutes'">分钟</span><span
|
||||
v-if="item.rentalUnit=='hours'">小时</span><span
|
||||
v-if="item.rentalUnit=='day'">天</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view v-if="item.ridingRule==2">
|
||||
<view class="tit" style="margin-top: 50rpx;">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="card">
|
||||
|
||||
<view class="li" style="margin-top: 10rpx;"
|
||||
v-for="(items,indexs) in item.ridingRuleJson.rule"
|
||||
v-if="indexs!=item.ridingRuleJson.rule.length-1">
|
||||
<view class="left" v-if="indexs==0">
|
||||
区间计费
|
||||
</view>
|
||||
<view class="left" v-if="indexs!=0">
|
||||
|
||||
</view>
|
||||
<view class="right">
|
||||
{{items.start}}-{{items.end}}<span
|
||||
v-if="item.rentalUnit=='minutes'">分钟</span>
|
||||
<span v-if="item.rentalUnit=='hours'">小时</span>
|
||||
<span v-if="item.rentalUnit=='day'">天</span>,
|
||||
每{{items.eachUnit}}<span v-if="item.rentalUnit=='minutes'">分钟</span>
|
||||
<span v-if="item.rentalUnit=='hours'">小时</span>
|
||||
<span v-if="item.rentalUnit=='day'">天</span>/{{items.fee}}元
|
||||
</view>
|
||||
</view>
|
||||
<view class="li" style="margin-top: 10rpx;"
|
||||
v-for="(items,indexs) in item.ridingRuleJson.rule"
|
||||
v-if="indexs==item.ridingRuleJson.rule.length-1">
|
||||
<view class="left">
|
||||
|
||||
</view>
|
||||
<view class="right">
|
||||
>{{items.start}}<span v-if="item.rentalUnit=='minutes'">分钟</span>
|
||||
<span v-if="item.rentalUnit=='hours'">小时</span>
|
||||
<span v-if="item.rentalUnit=='day'">天</span>,
|
||||
每{{items.eachUnit}}<span v-if="item.rentalUnit=='minutes'">分钟</span>
|
||||
<span v-if="item.rentalUnit=='hours'">小时</span>
|
||||
<span v-if="item.rentalUnit=='day'">天</span>/{{items.fee}}元
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips">
|
||||
<view class="yuan">
|
||||
|
||||
</view>
|
||||
<view class="txt">
|
||||
区间计费是在使用车辆时时，不同时段内的收费标准
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- <view class="info_li">
|
||||
运营区外调度费：<span>{{item.dispatchFee}}KM</span>
|
||||
</view>
|
||||
<view class="info_li">
|
||||
停车点外调度费：<span>{{item.vehicleManagementFee}}KM</span>
|
||||
</view>
|
||||
-->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="txt_li">
|
||||
<view class="li">
|
||||
所属门店：<span>云行租车</span>
|
||||
</view>
|
||||
<view class="li">
|
||||
满电续航：<span>50.00km</span>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="line" style="margin-top: 26rpx;"></view>
|
||||
<view class="btn_li">
|
||||
<view class="btn1" @click="del(item)">
|
||||
删除
|
||||
</view>
|
||||
<view class="btn2" @click="todetail(item)">
|
||||
编辑
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="addmodel()">
|
||||
新增模板
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
list: [],
|
||||
areaId: '',
|
||||
deptInfo:{}
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (uni.getStorageSync('adminAreaid')) {
|
||||
this.areaId = uni.getStorageSync('adminAreaid')
|
||||
this.getdept()
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
getdept() {
|
||||
let data ={
|
||||
areaId:this.areaId
|
||||
}
|
||||
this.$u.get(`/appVerify/getDept?`,data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.deptInfo=res.data
|
||||
// this.list = res.data
|
||||
this.getModelList()
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
|
||||
},
|
||||
addmodel() {
|
||||
uni.navigateTo({
|
||||
url: '/pages_admin/worke/ChargingDetail'
|
||||
})
|
||||
},
|
||||
del(item) {
|
||||
// 显示确认删除的提示框
|
||||
uni.showModal({
|
||||
title: '确认删除',
|
||||
content: '确定删除该收费方式？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
// 如果用户点击了确认，执行删除操作
|
||||
this.$u.delete(`/system/fee/` + item.ruleId).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.getModelList(); // 刷新列表
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
uni.showToast({
|
||||
title: '删除失败，请稍后再试',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
uni.showToast({
|
||||
title: '请求失败，请稍后再试',
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
} else if (res.cancel) {
|
||||
// 用户取消删除操作
|
||||
console.log('取消删除');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
todetail(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages_admin/worke/ChargingDetail?ruleId=' + item.ruleId
|
||||
})
|
||||
},
|
||||
getModelList() {
|
||||
let data = {
|
||||
deptId: this.deptInfo.deptId
|
||||
}
|
||||
this.$u.get(`/app/fee/list?`, data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
// this.list = res.data
|
||||
this.list = res.data.map(item => {
|
||||
try {
|
||||
item.ridingRuleJson = JSON.parse(item.ridingRuleJson);
|
||||
} catch (e) {
|
||||
console.error('Invalid JSON in ridingRuleJson:', item
|
||||
.ridingRuleJson);
|
||||
}
|
||||
return item;
|
||||
});
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {}
|
||||
|
||||
.page {
|
||||
padding-bottom: 170rpx;
|
||||
|
||||
.modelCard {
|
||||
margin-top: 22rpx;
|
||||
width: 750rpx;
|
||||
padding-bottom: 12rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
|
||||
.info {
|
||||
margin-left: 42rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
// align-items: center;
|
||||
align-items: stretch;
|
||||
|
||||
/* 让左右两边的高度一致 */
|
||||
.img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #EFEFEF;
|
||||
border-radius: 10rpx;
|
||||
width: 218rpx;
|
||||
|
||||
min-height: 134rpx;
|
||||
|
||||
image {
|
||||
width: 173.59rpx;
|
||||
height: 133.22rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.lis {
|
||||
margin-left: 60rpx;
|
||||
|
||||
.info_li {
|
||||
margin-top: 8rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
|
||||
span {
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tit {
|
||||
padding: 24rpx 32rpx;
|
||||
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
background: #D8D8D8;
|
||||
}
|
||||
|
||||
.btn_li {
|
||||
margin-top: 16rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
|
||||
.btn1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50%;
|
||||
height: 67rpx;
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #FF1C1C;
|
||||
border-right: 1rpx solid #FF1C1C;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50%;
|
||||
height: 67rpx;
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
// border-right: 1rpx solid #FF1C1C ;
|
||||
}
|
||||
}
|
||||
|
||||
.txt_li {
|
||||
|
||||
margin-top: 8rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
.li {
|
||||
|
||||
width: 50%;
|
||||
padding-left: 28rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
|
||||
span {
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
position: fixed;
|
||||
left: 40rpx;
|
||||
bottom: 48rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 672rpx;
|
||||
height: 100rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
547
pages_admin/worke/modelMt.vue
Normal file
547
pages_admin/worke/modelMt.vue
Normal file
|
|
@ -0,0 +1,547 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="车型编辑" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="card">
|
||||
<view class="card_li">
|
||||
<view class="card_left">
|
||||
车型名称
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.model" placeholder="请输入车型名称" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li" style="margin-top: 30rpx;" v-if="false">
|
||||
<view class="up_left">
|
||||
<view class="txt1">
|
||||
上传车辆照片
|
||||
</view>
|
||||
<view class="txt2">
|
||||
门头照片必须清晰、方正、易于辨识
|
||||
</view>
|
||||
</view>
|
||||
<view class="up_rignt">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/u08cpfIllwweGcS9awYP" mode=""
|
||||
v-if="data.picture==''" @click="btn()"></image>
|
||||
<image :src="data.picture" mode="" v-else></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uFp9riSLtpmuq6gyKfdr" mode="" class="close"
|
||||
v-if="data.picture!=''" @click="data.picture=''"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card">
|
||||
<view class="card_li">
|
||||
<view class="card_left">
|
||||
最高电压
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.fullVoltage" placeholder="请输入电压" class="input"
|
||||
placeholder-style="color:#C7CDD3"><span> v</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="card_left">
|
||||
最低电压
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.lowVoltage" placeholder="请输入电压" class="input"
|
||||
placeholder-style="color:#C7CDD3"><span> v</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="card_left">
|
||||
满电续航
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.fullEndurance" placeholder="请输入续航公里" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
<span> KM</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card_li">
|
||||
<view class="card_left">
|
||||
低电量提醒
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="data.lowBatteryReminderSwitch"></u-switch>
|
||||
<!-- <input type="text" v-model="data.lowBatteryReminder" placeholder="请输入提醒电量" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
<span> %</span> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li" v-if="data.lowBatteryReminderSwitch">
|
||||
<view class="card_left">
|
||||
骑行低电量提醒（%）
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.lowBatteryReminder" placeholder="请输入提醒电量" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
<span> %</span>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="card_li">
|
||||
<view class="card_left">
|
||||
车型简介
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="data.description" placeholder="请输入车型简介" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="card">
|
||||
<view class="card_li">
|
||||
<view class="card_left">
|
||||
收费模板
|
||||
</view>
|
||||
<view class="card_right">
|
||||
无日租 <view class="iconfont icon-xiangyou1 " style="color: #CBCBCB;">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view> -->
|
||||
<view class="card">
|
||||
<view class="card_li" @click="showpart=true">
|
||||
<view class="card_left">
|
||||
收费模版
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<span v-if="data.ruleIds">{{getAccessoryNames()}}</span>
|
||||
<view class="iconfont icon-xiangyou1 " style="color: #CBCBCB;">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<u-mask :show="showpart" :z-index='100' />
|
||||
<view class="choose_part" v-if="showpart">
|
||||
<view class="tit">
|
||||
选择收费方式
|
||||
|
||||
</view>
|
||||
<view class="part_box">
|
||||
<view class="part" v-for="(item, index) in Accessorylist" :key="index" @click="chooseAcc(item.ruleId)"
|
||||
:class="data.ruleIds.includes(item.ruleId) ? 'act' : ''">
|
||||
{{item.name}}
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJNlGEGmN0F4AuPJmOZn" mode=""
|
||||
v-if="data.ruleIds.includes(item.ruleId)">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="subacc()">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn_box">
|
||||
<view class="btn1" @click="backpage()">
|
||||
取消
|
||||
</view>
|
||||
<view class="btn2" @click="sub">
|
||||
保存
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
showpart: false,
|
||||
list: [],
|
||||
Accessorylist: [],
|
||||
chooseIdxArr: [], // 存储选中的索引
|
||||
data: {
|
||||
model: "",
|
||||
fullVoltage: "",
|
||||
lowVoltage: "",
|
||||
fullEndurance: "",
|
||||
ruleIds: [],
|
||||
lowBatteryReminder:'20',
|
||||
lowBatteryReminderSwitch:false
|
||||
// deposit: "",
|
||||
// picture: "",
|
||||
// description: "",
|
||||
|
||||
},
|
||||
token: '',
|
||||
upurl: '',
|
||||
modelId: '',
|
||||
areaId:''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
if (e.modelId) {
|
||||
console.log(e);
|
||||
this.modelId = e.modelId
|
||||
this.getmodelInfo()
|
||||
}
|
||||
if (uni.getStorageSync('adminAreaid')) {
|
||||
this.areaId = uni.getStorageSync('adminAreaid')
|
||||
|
||||
|
||||
}
|
||||
// this.getQiniuToken()
|
||||
},
|
||||
onShow() {
|
||||
this.getAccessorylist()
|
||||
// this.getModelList()
|
||||
},
|
||||
|
||||
methods: {
|
||||
getmodelInfo() {
|
||||
|
||||
|
||||
this.$u.get("system/model/"+ this.modelId ).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.data = res.data
|
||||
this.data.ruleIds = res.ruleIds
|
||||
console.log(this.data,'this.datathis.data');
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
backpage(){
|
||||
uni.redirectTo({
|
||||
url:'/pages_admin/worke/CarModel'
|
||||
})
|
||||
},
|
||||
sub() {
|
||||
if (!this.data.model) {
|
||||
uni.showToast({
|
||||
title: '请填写车型名称',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
return; // 阻止请求继续执行
|
||||
}
|
||||
if (!this.data.fullVoltage) {
|
||||
uni.showToast({
|
||||
title: '请填写满电电压',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!this.data.lowVoltage) {
|
||||
uni.showToast({
|
||||
title: '请填写亏电电压',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!this.data.fullEndurance) {
|
||||
uni.showToast({
|
||||
title: '请填写亏电电压',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if(this.modelId){
|
||||
this.data.areaId=this.areaId
|
||||
this.$u.put("/system/model", this.data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '操作成功',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1200)
|
||||
|
||||
}
|
||||
});
|
||||
}else{
|
||||
this.data.areaId=this.areaId
|
||||
this.$u.post("/system/model", this.data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '操作成功',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1200)
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
subacc() {
|
||||
this.showpart = false
|
||||
console.log(this.chooseIdxArr);
|
||||
},
|
||||
chooseAcc(ruleId) {
|
||||
|
||||
const index = this.data.ruleIds.indexOf(ruleId);
|
||||
if (index > -1) {
|
||||
// 如果 ruleId 已经存在于 ruleIds 中，则从数组中删除
|
||||
this.data.ruleIds.splice(index, 1);
|
||||
} else {
|
||||
// 如果 ruleId 不存在，则添加到 ruleIds 中
|
||||
this.data.ruleIds.push(ruleId);
|
||||
}
|
||||
console.log( this.data.ruleIds,' this.data.ruleIds');
|
||||
},
|
||||
getAccessoryNames(accessoryIds) {
|
||||
// 根据 accessoryIds 找到 Accessorylist 中对应的 name 字段
|
||||
// 遍历 accessoryIds 数组，根据每个 id 找到 Accessorylist 中对应的 name 字段
|
||||
const accessoryNames = this.data.ruleIds.map(id => {
|
||||
console.log(id);
|
||||
const item = this.Accessorylist.find(accessory => accessory.ruleId === id);
|
||||
return item ? item.name : '';
|
||||
});
|
||||
|
||||
// 拼接 name 字符串，过滤掉空值
|
||||
return accessoryNames.filter(name => name).join(', ');
|
||||
},
|
||||
getAccessorylist() {
|
||||
let data ={
|
||||
areaId:this.areaId
|
||||
}
|
||||
this.$u.get(`/app/fee/list?`,data ).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.Accessorylist = res.data
|
||||
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
},
|
||||
getModelList() {
|
||||
|
||||
this.$u.get(`appAdmin/getModelListByMerchantId`).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.data
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {}
|
||||
|
||||
.page {
|
||||
.choose_part {
|
||||
position: fixed;
|
||||
top: 530rpx;
|
||||
left: 54rpx;
|
||||
z-index: 110;
|
||||
width: 644rpx;
|
||||
padding: 40rpx 48rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 26rpx 26rpx 26rpx 26rpx;
|
||||
|
||||
.part_box {
|
||||
margin-top: 40rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.part:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.part {
|
||||
margin-top: 10rpx;
|
||||
position: relative;
|
||||
margin-right: 36rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// width: 160rpx;
|
||||
// height: 60rpx;
|
||||
padding: 4rpx 8rpx;
|
||||
background: #F0F0F0;
|
||||
border-radius: 6rpx 6rpx 6rpx 6rpx;
|
||||
border: 1rpx solid #F0F0F0;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
|
||||
color: #3D3D3D;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #DCEDFF;
|
||||
border: 1rpx solid #4297F3;
|
||||
color: #4297F3;
|
||||
}
|
||||
}
|
||||
|
||||
.tit {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 552rpx;
|
||||
height: 88rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn_box {
|
||||
position: fixed;
|
||||
width: 750rpx;
|
||||
bottom: 50rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
|
||||
.btn1 {
|
||||
margin-right: 52rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 310rpx;
|
||||
height: 100rpx;
|
||||
background: #E2F2FF;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 310rpx;
|
||||
height: 100rpx;
|
||||
background: #4C97E7;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 0 24rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 24rpx;
|
||||
width: 672rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
|
||||
.card_li:last-child {
|
||||
border-bottom: 1rpx solid #fff;
|
||||
}
|
||||
|
||||
.card_li {
|
||||
padding-top: 24rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1rpx solid #D8D8D8;
|
||||
padding-bottom: 18rpx;
|
||||
|
||||
.up_left {
|
||||
.txt1 {
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.txt2 {
|
||||
margin-top: 16rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
|
||||
.up_rignt {
|
||||
width: 110rpx;
|
||||
height: 110rpx;
|
||||
|
||||
image {
|
||||
width: 110rpx;
|
||||
height: 110rpx;
|
||||
}
|
||||
|
||||
.close {
|
||||
background: #FFFFFF;
|
||||
// border-radius: 50%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 25rpx;
|
||||
height: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card_left {
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.card_right {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.input {
|
||||
text-align: right;
|
||||
/* 输入框内容靠右显示 */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
779
pages_admin/worke/sysSet.vue
Normal file
779
pages_admin/worke/sysSet.vue
Normal file
|
|
@ -0,0 +1,779 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="系统设置" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<view class="card">
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
运营区名称
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="form.areaName" placeholder="运营区名称" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="card_li" v-for="(service, index) in customServices" :key="index">
|
||||
<view class="rule">
|
||||
<view class=""
|
||||
style="width: 100%;display: flex;flex-wrap: nowrap;align-items: center;margin-bottom: 20rpx;">
|
||||
客服{{(index + 1)}}
|
||||
<input type="text" v-model="service.name" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
|
||||
</view>
|
||||
|
||||
电话:
|
||||
<input type="text" v-model="service.phone" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
<view class="btns1" @click="addService"
|
||||
v-if=" index === customServices.length - 1 && customServices.length < 3 ">
|
||||
添加
|
||||
</view>
|
||||
<view class="btns2" @click="removeService(index)" v-if="index > 0">
|
||||
删除
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="tips" style="text-align: left;">
|
||||
超出起步价后
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
注：
|
||||
1) 不是起步时间的仍按起步时间收取费用；超出起步时间后的均匀计算。
|
||||
2) 为避免免费用户使用，切勿频繁切换。
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
说明
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<input type="text" v-model="form.instructions" placeholder="请输入说明内容" class="input"
|
||||
placeholder-style="color:#C7CDD3">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="card">
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
实名认证
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.authentication"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启后用户骑行前必须先进行实名认证才可使用
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
是否开启押金抵扣
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.isDepositDeduction"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
关闭:用户需对订单付费后方可退还押金，开启:押金可以直接抵扣订单金额付款
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
还车是否拍照审核
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.returnVerify"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启后则需用户拍摄视频后审核订单方可退还押金
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
短信通知服务
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.msgSwitch"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启短信通知，短信费用0.1元/条，从余额中扣除
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
强制停车点还车
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.parkingReturn"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启则必须在停车点才可还车，停车点存在误差
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li" v-if="form.parkingReturn == false">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
运营区外还车
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.areaOutReturn"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启后可以在运营区范围外还车
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li" v-if="form.parkingReturn == false">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
运营区外还车调度
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.areaOutDispatch"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启后在运营区外还车会收取调度费
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li" v-if="form.parkingReturn == false">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
停车点外还车调度
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.parkingOutDispatch"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启后在停车点外还车会收取调度费
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
运营区外调度费
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<input type="number" v-model="form.dispatchFee" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">元
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
设置车辆超出运营区外产生的调度费用
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
停车点外调度费
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<input type="number" v-model="form.vehicleManagementFee" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">元
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
设置车辆超出停车点外产生的调度费用
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
还车误差（米）
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<input type="number" v-model="form.error" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
允许用户在规划的停车点外多少米还车
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
禁行区内断电
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.noRidingOutage"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启后当进入禁行区内将进行断电
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
运营区域外断电
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<u-switch v-model="form.areaOutOutage"></u-switch>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips">
|
||||
开启后当进入运营区域外内将进行断电
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
骑行押金
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<input type="number" v-model="form.deposit" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
允许用户在规划的停车点外多少米还车
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
低于电量(%)不得骑行
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<input type="number" v-model="form.undercharge" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
当车辆电量低于多少时无法解锁用车
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li">
|
||||
<view class="tops">
|
||||
<view class="card_left">
|
||||
电量低于多少值自动生成换电订单
|
||||
</view>
|
||||
<view class="card_right">
|
||||
|
||||
<input type="number" v-model="form.autoReplacementOrder" placeholder=" " class="input"
|
||||
placeholder-style="color:#C7CDD3" style="width: 100rpx;">
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="tips" style="text-align: left;">
|
||||
设置车辆电量低于多少时自动生成的换电维护工单
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="btn_box">
|
||||
<view class="btn1" @click="backpage()">
|
||||
取消
|
||||
</view>
|
||||
<view class="btn2" @click="sub">
|
||||
保存
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#fff",
|
||||
},
|
||||
|
||||
list: [],
|
||||
form: {
|
||||
|
||||
},
|
||||
deptInfo: {},
|
||||
areaId: '',
|
||||
customServices: []
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
if (uni.getStorageSync('adminAreaid')) {
|
||||
this.areaId = uni.getStorageSync('adminAreaid')
|
||||
}
|
||||
this.getAreaInfo()
|
||||
this.getdept()
|
||||
},
|
||||
|
||||
methods: {
|
||||
addService() {
|
||||
if (this.customServices.length < 3) {
|
||||
this.customServices.push({
|
||||
name: "",
|
||||
phone: ""
|
||||
});
|
||||
}
|
||||
},
|
||||
removeService(index) {
|
||||
if (index > 0 && this.customServices.length > 1) {
|
||||
this.$delete(this.customServices, index);
|
||||
this.$set(this.form, `serviceName${index + 1}`, "");
|
||||
this.$set(this.form, `servicePhone${index + 1}`, "");
|
||||
}
|
||||
},
|
||||
getAreaInfo() {
|
||||
|
||||
this.$u.get(`/app/area/` + this.areaId).then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
||||
this.form = res.data;
|
||||
this.form.ruleIds = res.ruleIds;
|
||||
res.data.customService == "1" ?
|
||||
(this.form.customService = true) :
|
||||
(this.form.customService = false);
|
||||
res.data.areaOutOutage == "1" ?
|
||||
(this.form.areaOutOutage = true) :
|
||||
(this.form.areaOutOutage = false);
|
||||
res.data.parkingOutDispatch == "1" ?
|
||||
(this.form.parkingOutDispatch = true) :
|
||||
(this.form.parkingOutDispatch = false);
|
||||
res.data.areaOutDispatch == "1" ?
|
||||
(this.form.areaOutDispatch = true) :
|
||||
(this.form.areaOutDispatch = false);
|
||||
res.data.noRidingOutage == "1" ?
|
||||
(this.form.noRidingOutage = true) :
|
||||
(this.form.noRidingOutage = false);
|
||||
res.data.authentication == "1" ?
|
||||
(this.form.authentication = true) :
|
||||
(this.form.authentication = false);
|
||||
res.data.msgSwitch == "1" ?
|
||||
(this.form.msgSwitch = true) :
|
||||
(this.form.msgSwitch = false);
|
||||
res.data.parkingReturn == "1" ?
|
||||
(this.form.parkingReturn = true) :
|
||||
(this.form.parkingReturn = false);
|
||||
res.data.areaOutReturn == "1" ?
|
||||
(this.form.areaOutReturn = true) :
|
||||
(this.form.areaOutReturn = false);
|
||||
res.data.isDepositDeduction == "1" ?
|
||||
(this.form.isDepositDeduction = true) :
|
||||
(this.form.isDepositDeduction = false);
|
||||
res.data.returnVerify == "1" ?
|
||||
(this.form.returnVerify = true) :
|
||||
(this.form.returnVerify = false);
|
||||
|
||||
// 初始化 customServices 数组
|
||||
this.customServices = [];
|
||||
for (let i = 1; i <= 3; i++) {
|
||||
if (
|
||||
res.data[`serviceName${i}`] ||
|
||||
res.data[`servicePhone${i}`]
|
||||
) {
|
||||
this.customServices.push({
|
||||
name: res.data[`serviceName${i}`] || "",
|
||||
phone: res.data[`servicePhone${i}`] || "",
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 如果 customServices 为空，添加一个默认的服务
|
||||
if (this.customServices.length === 0) {
|
||||
this.customServices.push({
|
||||
name: "",
|
||||
phone: ""
|
||||
});
|
||||
}
|
||||
// this.list = res.data
|
||||
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
|
||||
},
|
||||
backpage() {
|
||||
uni.redirectTo({
|
||||
url:'/pages_admin/admin_worke'
|
||||
})
|
||||
},
|
||||
getdept() {
|
||||
let data = {
|
||||
areaId: this.areaId
|
||||
}
|
||||
this.$u.get(`/appVerify/getDept?`, data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.deptInfo = res.data
|
||||
// this.list = res.data
|
||||
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
// 选中任一radio时，由radio-group触发
|
||||
radioGroupChange(e) {
|
||||
console.log(e);
|
||||
if (e == '按分钟') {
|
||||
this.data.rentalUnit = 'minutes'
|
||||
} else {
|
||||
this.data.rentalUnit = 'hours'
|
||||
}
|
||||
},
|
||||
sub() {
|
||||
let data = {
|
||||
...this.form
|
||||
};
|
||||
console.log("this.form=================", data);
|
||||
data.customService = data.customService ? "1" : "0";
|
||||
data.areaOutOutage = data.areaOutOutage ? "1" : "0";
|
||||
data.parkingOutDispatch = data.parkingOutDispatch ? "1" : "0";
|
||||
data.areaOutDispatch = data.areaOutDispatch ? "1" : "0";
|
||||
data.noRidingOutage = data.noRidingOutage ? "1" : "0";
|
||||
data.authentication = data.authentication ? "1" : "0";
|
||||
data.msgSwitch = data.msgSwitch ? "1" : "0";
|
||||
data.parkingReturn = data.parkingReturn ? "1" : "0";
|
||||
data.areaOutReturn = data.areaOutReturn ? "1" : "0";
|
||||
data.isDepositDeduction = data.isDepositDeduction ? "1" : "0";
|
||||
data.returnVerify = data.returnVerify ? "1" : "0";
|
||||
if (data.isDepositDeduction === "1" && data.returnVerify === "1") {
|
||||
|
||||
uni.showToast({
|
||||
title: '押金抵扣和拍照审核不能同时开启',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.customServices.forEach((service, index) => {
|
||||
data[`serviceName${index + 1}`] = service.name;
|
||||
data[`servicePhone${index + 1}`] = service.phone;
|
||||
});
|
||||
if (data.isDepositDeduction === "1" && data.returnVerify === "1") {
|
||||
uni.showToast({
|
||||
title: '押金抵扣和拍照审核不能同时开启',
|
||||
icon: 'none'
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
if (data.serviceName1 == "" && data.servicePhone1 == "") {
|
||||
uni.showToast({
|
||||
title: '最少添加一个客服电话',
|
||||
icon: 'none'
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(data, 'mmmmmmmmmmmmm');
|
||||
this.$u.put(`appVerify/areaEdit`, data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
// this.list = res.data
|
||||
uni.showToast({
|
||||
title: '修改成功',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1100)
|
||||
} else {
|
||||
// 处理接口返回错误的情况
|
||||
}
|
||||
}).catch(error => {
|
||||
// 处理接口请求失败的情况
|
||||
});
|
||||
// updateArea2({
|
||||
// areaId: this.form.areaId,
|
||||
// boundary: this.form.boundary,
|
||||
// boundaryStr: this.form.boundaryStr,
|
||||
// }).then((response) => {
|
||||
// this.$modal.msgSuccess("修改成功");
|
||||
// this.open = false;
|
||||
// this.mapopen = false;
|
||||
// this.getList();
|
||||
// });
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {}
|
||||
|
||||
.page {
|
||||
padding-bottom: 300rpx;
|
||||
|
||||
.choose_part {
|
||||
position: fixed;
|
||||
top: 530rpx;
|
||||
left: 54rpx;
|
||||
z-index: 110;
|
||||
width: 644rpx;
|
||||
padding: 40rpx 48rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 26rpx 26rpx 26rpx 26rpx;
|
||||
|
||||
.part_box {
|
||||
margin-top: 40rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.part:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.part {
|
||||
margin-top: 10rpx;
|
||||
position: relative;
|
||||
margin-right: 36rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// width: 160rpx;
|
||||
// height: 60rpx;
|
||||
padding: 4rpx 8rpx;
|
||||
background: #F0F0F0;
|
||||
border-radius: 6rpx 6rpx 6rpx 6rpx;
|
||||
border: 1rpx solid #F0F0F0;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
|
||||
color: #3D3D3D;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #DCEDFF;
|
||||
border: 1rpx solid #4297F3;
|
||||
color: #4297F3;
|
||||
}
|
||||
}
|
||||
|
||||
.tit {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 552rpx;
|
||||
height: 88rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn_box {
|
||||
position: fixed;
|
||||
width: 750rpx;
|
||||
bottom: 50rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
z-index: 100;
|
||||
|
||||
.btn1 {
|
||||
margin-right: 52rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 310rpx;
|
||||
height: 100rpx;
|
||||
background: #E2F2FF;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 310rpx;
|
||||
height: 100rpx;
|
||||
background: #4C97E7;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 0 24rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 24rpx;
|
||||
width: 672rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
|
||||
.card_li:last-child {
|
||||
border-bottom: 1rpx solid #fff;
|
||||
}
|
||||
|
||||
.tips {
|
||||
width: 100%;
|
||||
// text-align: right;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #6F6F6F;
|
||||
}
|
||||
|
||||
.card_li {
|
||||
width: 100%;
|
||||
padding-top: 24rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
// align-content: center;
|
||||
// justify-content: space-between;
|
||||
border-bottom: 1rpx solid #D8D8D8;
|
||||
padding-bottom: 18rpx;
|
||||
|
||||
.rule {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
|
||||
.input {
|
||||
margin-left: 6rpx;
|
||||
margin-right: 6rpx;
|
||||
padding: 6rpx;
|
||||
|
||||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
width: 200rpx;
|
||||
|
||||
}
|
||||
|
||||
.btns1 {
|
||||
margin-left: auto;
|
||||
padding: 10rpx 20rpx;
|
||||
background: #DCEDFF;
|
||||
border-radius: 6rpx 6rpx 6rpx 6rpx;
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #4297F3;
|
||||
}
|
||||
|
||||
.btns2 {
|
||||
margin-left: auto;
|
||||
padding: 10rpx 20rpx;
|
||||
background: #FFDBDB;
|
||||
border-radius: 6rpx 6rpx 6rpx 6rpx;
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #FF1C1C;
|
||||
}
|
||||
}
|
||||
|
||||
.tops {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
|
||||
.card_left {
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.card_right {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
|
||||
// justify-content: space-between;
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.input {
|
||||
padding-right: 10rpx;
|
||||
padding: 6rpx;
|
||||
|
||||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
width: 400rpx;
|
||||
text-align: right;
|
||||
/* 输入框内容靠右显示 */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user