9.23
This commit is contained in:
parent
c7be416570
commit
198d7f5462
@ -1,17 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="centenr">
|
<view class="centenr">
|
||||||
<view class="top-box">
|
<!-- 储值卡 -->
|
||||||
|
<view class="top-box" v-if="type=='balance'">
|
||||||
<view class="t-db">
|
<view class="t-db">
|
||||||
<view class="d-s">
|
<view class="d-s">
|
||||||
<view style="margin-right: 10px;" v-if="type=='balance'">储值卡</view>
|
<view style="margin-right: 10px;">储值卡</view>
|
||||||
<view style="margin-right: 10px;" v-if="type=='oilCard'">囤油卡</view>
|
<view class="icon_">主卡</view>
|
||||||
<view class="icon_" v-if="type=='balance'">主卡</view>
|
|
||||||
</view>
|
</view>
|
||||||
<image src="../../static/new/rwm.png" style="width: 25px; height: 25px; " @click="goCode()"></image>
|
<image src="../../static/new/rwm.png" style="width: 25px; height: 25px; " @click="goCode()"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="on-title">可用余额</view>
|
<view class="on-title">可用余额</view>
|
||||||
<view class="on-num">¥{{cardBalance.cardBalance || 0}}</view>
|
<view class="on-num">¥{{cardBalance.cardBalance || 0}}</view>
|
||||||
<view class="d-a" v-if="type=='balance'">
|
<view class="d-a">
|
||||||
<view class="_dj">
|
<view class="_dj">
|
||||||
<view class="" v-if="cardBalance.giveAmount">¥{{cardBalance.cardBalance - cardBalance.giveAmount}}
|
<view class="" v-if="cardBalance.giveAmount">¥{{cardBalance.cardBalance - cardBalance.giveAmount}}
|
||||||
</view>
|
</view>
|
||||||
@ -24,10 +24,45 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- 囤油卡 -->
|
||||||
|
<view class="top-box" v-if="type=='oilCard'">
|
||||||
|
<view class="t-db">
|
||||||
|
<view class="d-s">
|
||||||
|
<view style="margin-right: 10px;">囤油卡</view>
|
||||||
|
</view>
|
||||||
|
<image src="../../static/new/rwm.png" style="width: 25px; height: 25px; " @click="goCode()"></image>
|
||||||
|
</view>
|
||||||
|
<view class="on-title">剩余油量(L)</view>
|
||||||
|
<view class="on-num">¥{{cardBalance.cardBalance || 0}}</view>
|
||||||
|
</view>
|
||||||
|
<!-- 车队信息 -->
|
||||||
|
<view class="top-box" v-if="type=='fleet'">
|
||||||
|
<view class="t-db">
|
||||||
|
<view class="d-s">
|
||||||
|
<view style="margin-right: 10px;">储值卡</view>
|
||||||
|
<view class="icon_">主卡</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="on-title">总余额(元)</view>
|
||||||
|
<view class="on-num">123456.78</view>
|
||||||
|
<view class="d-a">
|
||||||
|
<view class="_dj">
|
||||||
|
<view class="">10909.20</view>
|
||||||
|
<view style="font-size: 14px;">本金金额(元)</view>
|
||||||
|
</view>
|
||||||
|
<view class="_dj">
|
||||||
|
<view class="">109053.60</view>
|
||||||
|
<view style="font-size: 14px;">赠送金额(元)</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="bottom-box">
|
<view class="bottom-box">
|
||||||
<view class="or-aniu" @click="goMemberRecharge()">立即充值</view>
|
<view class="or-aniu" @click="goMemberRecharge()">立即充值</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="b_box">
|
|
||||||
|
<!-- 储值卡 / 囤油卡 -->
|
||||||
|
<view class="b_box" v-if="type == 'balance' || type == 'oilCard'">
|
||||||
<view class="g-box" @click="godetail()">
|
<view class="g-box" @click="godetail()">
|
||||||
<view class="d-s">
|
<view class="d-s">
|
||||||
<image src="../../static/new/k1.png" style="width: 20px; height: 20px;margin-right: 5px; "></image>
|
<image src="../../static/new/k1.png" style="width: 20px; height: 20px;margin-right: 5px; "></image>
|
||||||
@ -50,6 +85,37 @@
|
|||||||
<u-icon name="arrow-right" color="#333"></u-icon>
|
<u-icon name="arrow-right" color="#333"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- 车队信息 -->
|
||||||
|
<view class="b_box" v-if="type=='fleet'">
|
||||||
|
<view class="g-box" @click="goFleet()">
|
||||||
|
<view class="d-s">
|
||||||
|
<image src="../../static/my/fleetCar.png" style="width: 20px; height: 20px;margin-right: 5px; ">
|
||||||
|
</image>
|
||||||
|
<view class="">车队信息</view>
|
||||||
|
</view>
|
||||||
|
<u-icon name="arrow-right" color="#333"></u-icon>
|
||||||
|
</view>
|
||||||
|
<view class="g-box">
|
||||||
|
<view class="d-s">
|
||||||
|
<image src="../../static/my/fleetMember.png" style="width: 20px; height: 20px;margin-right: 5px; ">
|
||||||
|
</image>
|
||||||
|
<view class="">成员管理</view>
|
||||||
|
</view>
|
||||||
|
<u-icon name="arrow-right" color="#333"></u-icon>
|
||||||
|
</view>
|
||||||
|
<view class="g-box">
|
||||||
|
<view class="d-s">
|
||||||
|
<image src="../../static/my/fleetAmount.png" style="width: 20px; height: 20px;margin-right: 5px; ">
|
||||||
|
</image>
|
||||||
|
<view class="">资金明细</view>
|
||||||
|
</view>
|
||||||
|
<u-icon name="arrow-right" color="#333"></u-icon>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="but-sub" v-if="type=='fleet'">添加副卡</view>
|
||||||
|
|
||||||
<u-popup :show="ruleShow" :closeable="true" :round="10" mode="bottom" @close="ruleclose">
|
<u-popup :show="ruleShow" :closeable="true" :round="10" mode="bottom" @close="ruleclose">
|
||||||
<view class="_tbox">
|
<view class="_tbox">
|
||||||
<view class="_btop">规则说明</view>
|
<view class="_btop">规则说明</view>
|
||||||
@ -127,7 +193,7 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
type: "balance",
|
type: "fleet",
|
||||||
query: {
|
query: {
|
||||||
chainStoreId: '',
|
chainStoreId: '',
|
||||||
couponType: '',
|
couponType: '',
|
||||||
@ -151,6 +217,12 @@
|
|||||||
this.getEquity()
|
this.getEquity()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 跳转车队信息
|
||||||
|
goFleet(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pagesMy/fleetInfo/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
goCode() {
|
goCode() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pagesHome/QRcode/QRcode'
|
url: '/pagesHome/QRcode/QRcode'
|
||||||
@ -355,4 +427,16 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.but-sub {
|
||||||
|
width: 305px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #FF9655;
|
||||||
|
color: white;
|
||||||
|
border-radius: 50px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 35vh;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
@ -1,13 +1,46 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="box-hang" @click="goEdit(0)">
|
<view class="box-hang">
|
||||||
<view class="">车队名称</view>
|
<view class=""><span style="color: red;">*</span>车队名称</view>
|
||||||
<view class="dis">
|
<view class="dis">
|
||||||
<text >xxxxxx</text>
|
<input v-model="value" style="text-align: right;"></input>
|
||||||
<!-- <uni-icons type="right" size="16"></uni-icons> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>开户门店</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>开户类型</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang" style="margin-top: 10px;">
|
||||||
|
<view class=""><span style="color: red;">*</span>是否启用</view>
|
||||||
|
<view class="dis">
|
||||||
|
<u-switch v-model="value1" activeColor="#6DD400" inactiveColor="rgb(230, 230, 230)"></u-switch>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>管理员</view>
|
||||||
|
<view class="dis">
|
||||||
|
<text>xxxxxx</text>
|
||||||
|
<image style="width: 24px;height: 24px;margin-left: 5px;" src="@/static/my/fleetRemove.png"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-end">
|
||||||
|
<image style="width: 15px;height: 15px;margin-right: 5px;margin-top: 6px;"
|
||||||
|
src="@/static/my/fleetAdd.png" @click="show = !show"></image>
|
||||||
|
<text>添加管理员</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="but-sub">保存</view>
|
||||||
|
|
||||||
|
<u-picker :show="show" :columns="columns" @cancel="cancel" @confirm="confirm"></u-picker>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -23,7 +56,12 @@
|
|||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
totalPage: '',
|
totalPage: '',
|
||||||
|
value: "xxxxxx",
|
||||||
|
value1: true,
|
||||||
|
show: false,
|
||||||
|
columns: [
|
||||||
|
['管理员', '小王', '小李']
|
||||||
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
@ -50,7 +88,12 @@
|
|||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
|
confirm() {
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
goback() {
|
goback() {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
}
|
}
|
||||||
@ -67,7 +110,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding-top: 88px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-header {
|
.my-header {
|
||||||
@ -99,11 +142,28 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 15px 0px;
|
padding: 15px 15px;
|
||||||
border-bottom: 1px solid #f4f5f6;
|
border-bottom: 1px solid #f4f5f6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dis {
|
.dis {
|
||||||
color: #a69999;
|
color: #a69999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.box-end {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.but-sub {
|
||||||
|
width: 305px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #FF9655;
|
||||||
|
color: white;
|
||||||
|
border-radius: 50px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40vh;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
170
gasStation-uni/pagesMy/fleetLimit/index.vue
Normal file
170
gasStation-uni/pagesMy/fleetLimit/index.vue
Normal file
@ -0,0 +1,170 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="container">
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class="">副卡额度</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class="">已用额度</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class="">剩余额度</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>调整类型</view>
|
||||||
|
<view class="dis" @click="show = !show">
|
||||||
|
<text>增加/扣除</text>
|
||||||
|
<uni-icons type="right" size="16"></uni-icons>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>调整额度</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;" placeholder="请输入"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class="">备注</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;" placeholder="请输入"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="but-sub">确认</view>
|
||||||
|
|
||||||
|
<u-picker :show="show" :columns="columns" @cancel="cancel" @confirm="confirm"></u-picker>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import request from '../../utils/request';
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: '',
|
||||||
|
List: [],
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
totalPage: '',
|
||||||
|
value: 0.00,
|
||||||
|
value1: true,
|
||||||
|
show: false,
|
||||||
|
columns: [
|
||||||
|
['增加', '扣除']
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
|
||||||
|
},
|
||||||
|
onPullDownRefresh() {
|
||||||
|
//下拉刷新
|
||||||
|
|
||||||
|
},
|
||||||
|
onReachBottom() {
|
||||||
|
// 触底加载
|
||||||
|
if (this.pageNo >= this.totalPage) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '没有下一页数据',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.pageNo++
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
|
confirm() {
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
|
goback() {
|
||||||
|
uni.navigateBack()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content {
|
||||||
|
background: #f4f5f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 88px;
|
||||||
|
background: #ffffff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #000;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0px 15px;
|
||||||
|
padding-top: 40px;
|
||||||
|
z-index: 99999;
|
||||||
|
|
||||||
|
.my-icons {
|
||||||
|
width: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-hang {
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 15px 15px;
|
||||||
|
border-bottom: 1px solid #f4f5f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dis {
|
||||||
|
color: #a69999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-end {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.but-sub {
|
||||||
|
width: 305px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #FF9655;
|
||||||
|
color: white;
|
||||||
|
border-radius: 50px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40vh;
|
||||||
|
}
|
||||||
|
</style>
|
190
gasStation-uni/pagesMy/fleetMember/addMember.vue
Normal file
190
gasStation-uni/pagesMy/fleetMember/addMember.vue
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="container">
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>姓名</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;" placeholder="请输入"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>手机号</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;" placeholder="请输入"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class="">会员卡号</view>
|
||||||
|
<view class="dis">
|
||||||
|
<input v-model="value" style="text-align: right;" placeholder="请输入"></input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class="">车牌号</view>
|
||||||
|
<view class="dis">
|
||||||
|
<text>未设置</text>
|
||||||
|
<uni-icons type="right" size="16"></uni-icons>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>副卡类型</view>
|
||||||
|
<view class="dis" @click="show = !show">
|
||||||
|
<text>共享副卡-不限额</text>
|
||||||
|
<uni-icons type="right" size="16"></uni-icons>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang" style="margin-top: 10px;">
|
||||||
|
<view class=""><span style="color: red;">*</span>是否开启消费通知</view>
|
||||||
|
<view class="dis">
|
||||||
|
<u-switch v-model="value1" activeColor="#6DD400" inactiveColor="rgb(230, 230, 230)"></u-switch>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-hang">
|
||||||
|
<view class=""><span style="color: red;">*</span>是否启用</view>
|
||||||
|
<view class="dis">
|
||||||
|
<u-switch v-model="value2" activeColor="#6DD400" inactiveColor="rgb(230, 230, 230)"></u-switch>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-end">
|
||||||
|
<view style="display: flex;">
|
||||||
|
<view style="height: 14px;margin-right: 5px;"><u-icon name="info-circle"></u-icon></view>
|
||||||
|
|
||||||
|
<view>注:</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<view>共享副卡-不限额:副卡与主卡共享钱包,同步余额。</view>
|
||||||
|
<view>共享副卡-限额:副卡与主卡共享钱包,副卡可设置限额。</view>
|
||||||
|
<view>独立副卡:副卡与主卡独立钱包,独立余额。</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="but-sub">保存</view>
|
||||||
|
|
||||||
|
<u-picker :show="show" :columns="columns" @cancel="cancel" @confirm="confirm"></u-picker>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import request from '../../utils/request';
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: '',
|
||||||
|
List: [],
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
totalPage: '',
|
||||||
|
value: "",
|
||||||
|
value1: true,
|
||||||
|
value2: true,
|
||||||
|
show: false,
|
||||||
|
columns: [
|
||||||
|
['共享副卡-不限额', '共享副卡-限额', '独立副卡']
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
|
||||||
|
},
|
||||||
|
onPullDownRefresh() {
|
||||||
|
//下拉刷新
|
||||||
|
|
||||||
|
},
|
||||||
|
onReachBottom() {
|
||||||
|
// 触底加载
|
||||||
|
if (this.pageNo >= this.totalPage) {
|
||||||
|
|
||||||
|
} else {
|
||||||
|
this.pageNo++
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
|
confirm() {
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
|
goback() {
|
||||||
|
uni.navigateBack()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content {
|
||||||
|
background: #f4f5f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 88px;
|
||||||
|
background: #ffffff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #000;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0px 15px;
|
||||||
|
padding-top: 40px;
|
||||||
|
z-index: 99999;
|
||||||
|
|
||||||
|
.my-icons {
|
||||||
|
width: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-hang {
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 15px 15px;
|
||||||
|
border-bottom: 1px solid #f4f5f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dis {
|
||||||
|
color: #a69999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-end {
|
||||||
|
margin-top: 10px;
|
||||||
|
display: flex;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.but-sub {
|
||||||
|
width: 305px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #FF9655;
|
||||||
|
color: white;
|
||||||
|
border-radius: 50px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20vh;
|
||||||
|
}
|
||||||
|
</style>
|
92
gasStation-uni/pagesMy/fleetMember/index.vue
Normal file
92
gasStation-uni/pagesMy/fleetMember/index.vue
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="container">
|
||||||
|
<view class="my-header">
|
||||||
|
<view class="my-icons" @click="goback"> <uni-icons type="left" size="16"></uni-icons> </view>
|
||||||
|
<view class="my-text">样版页</view>
|
||||||
|
<view class="my-icons"></view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import request from '../../utils/request';
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: '',
|
||||||
|
List: [],
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
totalPage: '',
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
},
|
||||||
|
onPullDownRefresh() {
|
||||||
|
//下拉刷新
|
||||||
|
uni.stopPullDownRefresh()
|
||||||
|
},
|
||||||
|
onReachBottom() {
|
||||||
|
// 触底加载
|
||||||
|
if (this.pageNo >= this.totalPage) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '没有下一页数据',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.pageNo++
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
goback() {
|
||||||
|
uni.navigateBack()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content {
|
||||||
|
background: #f4f5f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 88px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 88px;
|
||||||
|
background: #ffffff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #000;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0px 15px;
|
||||||
|
padding-top: 40px;
|
||||||
|
z-index: 99999;
|
||||||
|
|
||||||
|
.my-icons {
|
||||||
|
width: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
</style>
|
BIN
gasStation-uni/static/my/fleetAdd.png
Normal file
BIN
gasStation-uni/static/my/fleetAdd.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 346 B |
BIN
gasStation-uni/static/my/fleetAmount.png
Normal file
BIN
gasStation-uni/static/my/fleetAmount.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 830 B |
BIN
gasStation-uni/static/my/fleetCar.png
Normal file
BIN
gasStation-uni/static/my/fleetCar.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 676 B |
BIN
gasStation-uni/static/my/fleetMember.png
Normal file
BIN
gasStation-uni/static/my/fleetMember.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 750 B |
BIN
gasStation-uni/static/my/fleetRemove.png
Normal file
BIN
gasStation-uni/static/my/fleetRemove.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 862 B |
Loading…
Reference in New Issue
Block a user