已对接6个接口
准备回复订单详情页面
This commit is contained in:
xk_guohonglei
275
pages/Auth/Auth.vue
Normal file
275
pages/Auth/Auth.vue
Normal file
@@ -0,0 +1,275 @@
|
||||
<template>
|
||||
<view class="page-content my-bg">
|
||||
<cu-custom :isBack="true" class="main-topbar bg-main-oil" bgColor="bg-main-oil">
|
||||
<block slot="content">绑定星油云站</block>
|
||||
<block slot="backText">返回</block>
|
||||
</cu-custom>
|
||||
<view class="pannel">
|
||||
<view class="logo margin-top">
|
||||
<img :src="baseURL+'/static/img/order-xy.png'" mode="" />
|
||||
<view class="text-center">
|
||||
<text class="text-bold text-lg text-black">{{oilSite.oilSiteName}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg-gradual-orange margin padding radius shadow-warp">
|
||||
<view class="text-bold text-lg padding-bottom text-center">
|
||||
星油云站欢迎您的加入
|
||||
</view>
|
||||
<view class=" padding-bottom text-center">
|
||||
请确认您的手机号码已注册星油云站管理员账号
|
||||
</view>
|
||||
<view class="radius">
|
||||
|
||||
<view class="cu-form-group">
|
||||
<view class="title text-black">姓名</view>
|
||||
<input v-model="auth.userName" placeholder="请输入姓名" name="input"></input>
|
||||
</view>
|
||||
<!-- <view class="cu-form-group">
|
||||
<view class="title text-black">工号</view>
|
||||
<input v-model="oilSiteNo" placeholder="请输入云站编号" name="input"></input>
|
||||
</view> -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title text-black">身份证</view>
|
||||
<input type="idcard" v-model="auth.idNumber" placeholder="请输入身份证号" name="input"></input>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title text-black">手机号</view>
|
||||
<input type="number" v-model="auth.phone" placeholder="请输入手机号" name="input"></input>
|
||||
<button class='cu-btn bg-main-oil shadow' @tap="sendMsg">验证码</button>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title text-black">验证码</view>
|
||||
<input type="number" :maxlength="6" v-model="auth.captcha" placeholder="请输入六位数字验证码" name="input"></input>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin margin-top-xl">
|
||||
<!-- <button class="bg-main-oil" @tap="beforeLogin" open-type="getUserInfo" @getuserinfo="getUserInfo">
|
||||
确认
|
||||
</button> -->
|
||||
<button class="bg-main-oil" @tap="beforeLogin">
|
||||
注册
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import loginApi from '@/api/login.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseURL: this.global.baseURL,
|
||||
forcedLogin: true,
|
||||
oilSiteNo: '',
|
||||
oilSite: {},
|
||||
auth: {
|
||||
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.loginWeixin()
|
||||
uni.getStorage({
|
||||
key: 'oilSiteCode',
|
||||
success: (res) => {
|
||||
this.oilSiteNo = res.data
|
||||
console.log(this.oilSiteNo)
|
||||
}
|
||||
})
|
||||
this.oilSite = uni.getStorageSync('oilSite')
|
||||
},
|
||||
methods: {
|
||||
sendMsg() {
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: loginRes => {
|
||||
const code = loginRes.code
|
||||
console.log(code)
|
||||
const data2 = {
|
||||
code: code,
|
||||
idCard: this.auth.idNumber,
|
||||
name: this.auth.userName,
|
||||
phone: this.auth.phone,
|
||||
oilSiteCode: this.oilSiteNo
|
||||
}
|
||||
loginApi.registerWeixinSMS(data2).then(res => {
|
||||
console.log('res', res)
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
},
|
||||
register() {
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: loginRes => {
|
||||
const code = loginRes.code
|
||||
console.log(code)
|
||||
const data1 = {
|
||||
code: code,
|
||||
name: this.auth.userName,
|
||||
idCard: this.auth.idNumber,
|
||||
phone: this.auth.phone,
|
||||
authCode: this.auth.captcha,
|
||||
oilSiteCode: this.oilSiteNo
|
||||
}
|
||||
loginApi.registerWeixin(data1).then(res => {
|
||||
console.log('res', res)
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
},
|
||||
beforeLogin() {
|
||||
if (!this.auth.userName) {
|
||||
uni.showToast({
|
||||
title: '请输入姓名',
|
||||
icon: 'none',
|
||||
duration: 3000
|
||||
})
|
||||
return false
|
||||
}
|
||||
if (!this.auth.phone) {
|
||||
uni.showToast({
|
||||
title: '请输入手机号',
|
||||
icon: 'none',
|
||||
duration: 3000
|
||||
})
|
||||
return false
|
||||
}
|
||||
if (!this.auth.idNumber) {
|
||||
uni.showToast({
|
||||
title: '请输入身份证号',
|
||||
icon: 'none',
|
||||
duration: 3000
|
||||
})
|
||||
return false
|
||||
}
|
||||
if (!this.auth.captcha) {
|
||||
uni.showToast({
|
||||
title: '请输入短信验证码',
|
||||
icon: 'none',
|
||||
duration: 3000
|
||||
})
|
||||
return false
|
||||
}
|
||||
this.register()
|
||||
|
||||
},
|
||||
nextStep() {
|
||||
if (this.oilSiteNo) {
|
||||
uni.navigateTo({
|
||||
url: ''
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '请输入云站号',
|
||||
duration: 3000,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
getMsg() {
|
||||
uni.requestSubscribeMessage({
|
||||
tmplIds: ['W5XD3NQVa6knC5jXHeWT8GS7q5CHrDUMY_sF79kLkKk'],
|
||||
success: (res) => {
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
},
|
||||
getUserInfo({
|
||||
detail
|
||||
}) {
|
||||
console.log('三方登录只演示登录api能力，暂未关联云端数据');
|
||||
console.log('detail', detail)
|
||||
if (detail.userInfo) {
|
||||
this.loginLocal(detail.userInfo.nickName);
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: '登陆失败'
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
loginLocal(nickName) {
|
||||
uni.setStorageSync('login_type', 'local')
|
||||
uni.setStorageSync('username', nickName)
|
||||
this.toMain(nickName);
|
||||
},
|
||||
toMain(userName) {
|
||||
// this.login(userName)
|
||||
console.log(userName)
|
||||
/**
|
||||
* 强制登录时使用reLaunch方式跳转过来
|
||||
* 返回首页也使用reLaunch方式
|
||||
*/
|
||||
if (this.forcedLogin) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
success: () => {
|
||||
console.log('success')
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
} else {
|
||||
uni.navigateBack();
|
||||
}
|
||||
|
||||
},
|
||||
loginWeixin() {
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: loginRes => {
|
||||
const code = loginRes.code
|
||||
console.log(code)
|
||||
loginApi.loginWeixin(code).then(res => {
|
||||
console.log('res', res)
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page-content {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.logo {
|
||||
min-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 200upx;
|
||||
height: 200rpx;
|
||||
background-size: contain;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
@@ -9,7 +9,7 @@
|
||||
<view class="txet-xxs">
|
||||
<text class="text-white">今日收款(元)</text>
|
||||
</view>
|
||||
<view class=" text-sl padding padding-top-xs"><text class="text-white">8450.50</text></view>
|
||||
<view class=" text-sl padding padding-top-xs"><text class="text-white">{{userAccount.totalMoney?userAccount.totalMoney:'0.00'}}</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -22,7 +22,7 @@
|
||||
<view class="padding text-center flex-sub">
|
||||
<text>今日消费笔数</text>
|
||||
<view class="padding-sm">
|
||||
89
|
||||
{{userAccount.totalCount}}
|
||||
</view>
|
||||
<button class="cu-btn bg-main-oil text-white text-sm ">
|
||||
查看明细
|
||||
@@ -31,7 +31,7 @@
|
||||
<view class="padding text-center flex-sub">
|
||||
<text>账户余额（元）</text>
|
||||
<view class="padding-sm">
|
||||
1899.50
|
||||
x.xx
|
||||
</view>
|
||||
<button class="cu-btn bg-main-oil text-white text-sm ">
|
||||
查看明细
|
||||
@@ -41,7 +41,7 @@
|
||||
</view>
|
||||
|
||||
<view class="cu-list grid col-3 no-border margin radius ">
|
||||
<view class="cu-item" @tap="routerTo('/pages/station-info/station-info')">
|
||||
<view class="cu-item" @tap="routerTo('/pages/station-info/station-info')">
|
||||
<view :class="['cuIcon-' + cuIconList[0].cuIcon, 'text-' + cuIconList[0].color]" class="text-sl">
|
||||
<view class="cu-tag badge" v-if="cuIconList[0].badge != 0">
|
||||
<block v-if="cuIconList[0].badge != 1">{{ cuIconList[0].badge > 99 ? '99+' : cuIconList[0].badge }}</block>
|
||||
@@ -73,7 +73,7 @@
|
||||
</view>
|
||||
<text>{{ cuIconList[3].name }}</text>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class="cu-item" @tap="routerTo('/pages/qrcode/QrCode_xy')">
|
||||
<view :class="['cuIcon-' + cuIconList[4].cuIcon, 'text-' + cuIconList[4].color]" class="text-sl">
|
||||
<view class="cu-tag badge" v-if="cuIconList[4].badge != 0">
|
||||
<block v-if="cuIconList[4].badge != 1">{{ cuIconList[4].badge > 99 ? '99+' : cuIconList[4].badge }}</block>
|
||||
@@ -97,30 +97,39 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cloudSiteApi from '@/api/cloud-site.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
userAccount: {
|
||||
totalCount: 0,
|
||||
totalMoney: 0.00
|
||||
},
|
||||
title: 'Hello',
|
||||
cuIconList: [{
|
||||
cuIcon: 'location',
|
||||
path: '/pages/station-info/station-info',
|
||||
color: 'red',
|
||||
badge: 120,
|
||||
name: '加油信息'
|
||||
badge: 0,
|
||||
name: '油站信息'
|
||||
},
|
||||
{
|
||||
cuIcon: 'form',
|
||||
color: 'orange',
|
||||
path: '/pages/orderList/orderList',
|
||||
badge: 0,
|
||||
name: '加油订单'
|
||||
},
|
||||
{
|
||||
cuIcon: 'new',
|
||||
path: '暂无',
|
||||
color: 'yellow',
|
||||
badge: 0,
|
||||
name: '经营分析'
|
||||
},
|
||||
{
|
||||
cuIcon: 'scan',
|
||||
path: '/pages/stationDetail/stationDetail',
|
||||
color: 'olive',
|
||||
badge: 0,
|
||||
name: '扫码加油'
|
||||
@@ -129,11 +138,13 @@
|
||||
cuIcon: 'qr_code',
|
||||
color: 'cyan',
|
||||
badge: 0,
|
||||
path: '/pages/qrcode/QrCode_xy',
|
||||
name: '油站二维码'
|
||||
},
|
||||
{
|
||||
cuIcon: 'expressman',
|
||||
color: 'red',
|
||||
path: '暂无',
|
||||
badge: 0,
|
||||
name: '员工管理'
|
||||
}
|
||||
@@ -141,26 +152,38 @@
|
||||
]
|
||||
};
|
||||
},
|
||||
onLoad() {},
|
||||
onLoad() {
|
||||
this.getUserInfo()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.getUserInfo()
|
||||
},
|
||||
methods: {
|
||||
scanQr(){
|
||||
getUserInfo() {
|
||||
cloudSiteApi.getSiteBasicData().then(res => {
|
||||
console.log('用户资料', res)
|
||||
uni.stopPullDownRefresh();
|
||||
if (res.code === 20000) {
|
||||
this.userAccount = res.data
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
scanQr() {
|
||||
uni.scanCode({
|
||||
onlyFromCamera: true,
|
||||
success: function(res) {
|
||||
console.log('条码类型：' + res.scanType);
|
||||
console.log('条码内容：' + res.result);
|
||||
uni.vibrate({
|
||||
success: function() {
|
||||
console.log('success');
|
||||
this.routerTo('/pages/stationDetail/stationDetail')
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/pages/stationDetail/stationDetail'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
routerTo(url){
|
||||
routerTo(url) {
|
||||
uni.navigateTo({
|
||||
url:url
|
||||
url: url
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,33 +1,212 @@
|
||||
<template>
|
||||
<view>登录页</view>
|
||||
<view class="page-content my-bg">
|
||||
<cu-custom class="main-topbar bg-main-oil" bgColor="bg-main-oil">
|
||||
<block slot="content">绑定星油云站</block>
|
||||
</cu-custom>
|
||||
<view class="pannel">
|
||||
<view class="logo margin-top">
|
||||
<img :src="baseURL+'/static/img/order-xy.png'" mode="" />
|
||||
</view>
|
||||
<view class="bg-gradual-orange margin padding radius shadow-warp">
|
||||
<view class="text-bold text-lg padding-bottom text-center">
|
||||
油站工作人员绑定油站
|
||||
</view>
|
||||
<view class=" padding-bottom text-center">
|
||||
请确认您的手机号码已注册星油云站管理员账号
|
||||
</view>
|
||||
<view class="cu-form-group radius">
|
||||
<view class="title text-black">云站号</view>
|
||||
<input type="number" v-model="oilSiteNo" placeholder="请输入云站编号" name="input"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin margin-top-xl">
|
||||
<button class="bg-main-oil" @tap="nextStep">
|
||||
下一步
|
||||
</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cloudSiteApi from '@/api/cloud-site.js'
|
||||
import loginApi from '@/api/login.js'
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
created() {
|
||||
this.loginWeixin()
|
||||
},
|
||||
methods: {
|
||||
loginWeixin() {
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: loginRes => {
|
||||
const code = loginRes.code
|
||||
loginApi.loginWeixin(code).then(res=>{
|
||||
console.log(res)
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseURL: this.global.baseURL,
|
||||
forcedLogin: true,
|
||||
oilSiteNo: ''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.loginWeixin()
|
||||
},
|
||||
methods: {
|
||||
loginWeixin() {
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: loginRes => {
|
||||
const code = loginRes.code
|
||||
console.log(code)
|
||||
loginApi.loginWeixin(code).then(res => {
|
||||
if (res.code === 20000) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/index/index',
|
||||
fail: (err) => {
|
||||
console.log(err)
|
||||
}
|
||||
})
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'success',
|
||||
duration: 3000
|
||||
})
|
||||
uni.setStorage({
|
||||
key: 'Authorization',
|
||||
data: res.data.accessToken,
|
||||
success: () => {
|
||||
console.log('Authorization成功', res.data.accessToken)
|
||||
}
|
||||
})
|
||||
uni.setStorage({
|
||||
key: 'device',
|
||||
data: res.data.openid,
|
||||
success: () => {
|
||||
console.log('deviceopenid', res.data.openid)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
console.log('res', res.code)
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
},
|
||||
nextStep() {
|
||||
if (this.oilSiteNo) {
|
||||
cloudSiteApi.verifyOilSite({
|
||||
oilSiteCode: this.oilSiteNo
|
||||
}).then(res => {
|
||||
console.log('oilSiteCode', this.oilSiteNo)
|
||||
if (res.code === 20000) {
|
||||
// address: "安徽省合肥市庐阳区大杨镇"
|
||||
// fuelLogo: null
|
||||
// linkMan: "符红敏"
|
||||
// oilSiteCode: "1591260293"
|
||||
// oilSiteName: "杭州首鸿金融信息服务有限公司"
|
||||
// phone: "15617055136"
|
||||
uni.setStorage({
|
||||
key: 'oilSiteCode',
|
||||
data: this.oilSiteNo,
|
||||
success: () => {
|
||||
console.log('缓存成功')
|
||||
}
|
||||
})
|
||||
uni.setStorage({
|
||||
key: 'oilSite',
|
||||
data: res.data,
|
||||
success: () => {
|
||||
console.log('缓存成功')
|
||||
}
|
||||
})
|
||||
uni.navigateTo({
|
||||
url: '/pages/Auth/Auth'
|
||||
})
|
||||
}
|
||||
})
|
||||
// uni.setStorage({
|
||||
// key: 'oilSiteCode',
|
||||
// data: this.oilSiteNo,
|
||||
// success: () => {
|
||||
// console.log('缓存成功')
|
||||
// }
|
||||
// })
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/Auth/Auth'
|
||||
// })
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '请输入云站号',
|
||||
duration: 3000,
|
||||
icon: 'none'
|
||||
})
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
},
|
||||
getMsg() {
|
||||
uni.requestSubscribeMessage({
|
||||
tmplIds: ['W5XD3NQVa6knC5jXHeWT8GS7q5CHrDUMY_sF79kLkKk'],
|
||||
success: (res) => {
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
},
|
||||
getUserInfo({
|
||||
detail
|
||||
}) {
|
||||
console.log('三方登录只演示登录api能力，暂未关联云端数据');
|
||||
console.log('detail', detail)
|
||||
if (detail.userInfo) {
|
||||
this.loginLocal(detail.userInfo.nickName);
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: '登陆失败'
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
loginLocal(nickName) {
|
||||
uni.setStorageSync('login_type', 'local')
|
||||
uni.setStorageSync('username', nickName)
|
||||
this.toMain(nickName);
|
||||
},
|
||||
toMain(userName) {
|
||||
// this.login(userName)
|
||||
console.log(userName)
|
||||
/**
|
||||
* 强制登录时使用reLaunch方式跳转过来
|
||||
* 返回首页也使用reLaunch方式
|
||||
*/
|
||||
if (this.forcedLogin) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
success: () => {
|
||||
console.log('success')
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
} else {
|
||||
uni.navigateBack();
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style scoped>
|
||||
.page-content {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.logo {
|
||||
min-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 200upx;
|
||||
height: 200rpx;
|
||||
background-size: contain;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -7,18 +7,18 @@
|
||||
<scroll-view scroll-x class="bg-white nav">
|
||||
<view class="flex text-center">
|
||||
<view class="cu-item flex-sub" :class="index==TabCur?'text-orange cur':''" v-for="(item,index) in tabList" :key="index"
|
||||
@tap="tabSelect" :data-id="index">
|
||||
{{item}}
|
||||
</view>
|
||||
@tap="tabSelect" :data-id="index">{{item}}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="margin">
|
||||
<OrderItem class="cu-list menu-avatar comment " v-for="(item,index) in tabList" :key="index" v-show="index==TabCur" :item="order" />
|
||||
<OrderItem class="cu-list menu-avatar comment" v-for="(item,index) in tabList" :key="index" v-show="index==TabCur"
|
||||
:item="order" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cloudSiteApi from '@/api/cloud-site.js'
|
||||
import OrderItem from '@/components/order-item'
|
||||
export default {
|
||||
components: {
|
||||
@@ -26,10 +26,12 @@
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabList:[
|
||||
'全部','待支付','已支付','退款'
|
||||
tabList: [
|
||||
'全部', '待支付', '已支付', '退款'
|
||||
],
|
||||
TabCur: 0,
|
||||
pageNumber: 1,
|
||||
istate: 3,
|
||||
scrollLeft: 0,
|
||||
order: {
|
||||
istate: 0,
|
||||
@@ -45,10 +47,45 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.calcIstate(this.TabCur)
|
||||
},
|
||||
methods: {
|
||||
tabSelect(e) {
|
||||
this.TabCur = e.currentTarget.dataset.id;
|
||||
this.calcIstate(this.TabCur)
|
||||
this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
|
||||
},
|
||||
calcIstate(id) {
|
||||
|
||||
switch (id) {
|
||||
case 0:
|
||||
this.istate = 3
|
||||
this.loadList()
|
||||
break
|
||||
case 1:
|
||||
this.istate = 0
|
||||
this.loadList()
|
||||
break
|
||||
case 2:
|
||||
this.istate = 1
|
||||
this.loadList()
|
||||
break
|
||||
case 3:
|
||||
this.istate = 2
|
||||
this.loadList()
|
||||
break
|
||||
|
||||
}
|
||||
},
|
||||
loadList() {
|
||||
const data2 = {
|
||||
istate: this.istate, //类型：Number 必有字段 备注：订单状态 0待支付 1支付成功 -3 查所有
|
||||
pageIndex: this.pageNumber //类型：Number 必有字段 备注：查询第几页,默认一页10条
|
||||
}
|
||||
cloudSiteApi.getSiteOrder(data2).then(res => {
|
||||
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,22 +2,30 @@
|
||||
<view class="page-content bg-main-oil">
|
||||
<cu-custom class="main-totextbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
|
||||
<block slot="backText">返回</block>
|
||||
<block slot="content">星油</block>
|
||||
<block slot="content">油站二维码</block>
|
||||
</cu-custom>
|
||||
<view class="margin radius bg-white">
|
||||
<view class="qr-container margin padding-xl padding-bottom-xs padding-top">
|
||||
<image class="padding-xl padding-bottom-sm" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597122816612&di=796a08dc7fbedf19a48c3f9d04089455&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F01%2F37%2F28%2F39573c44ad6d806.jpg"
|
||||
mode=""></image>
|
||||
<view class="margin-xl padding radius bg-white">
|
||||
<view class="text-center padding">
|
||||
<text class="text-lg text-black">{{oilSiteName}}</text>
|
||||
</view>
|
||||
<view class="text-center padding-bottom-sm">
|
||||
<text class="color-999 font-12">付款码自动 （25s）
|
||||
<block class="oil-main-color">
|
||||
<view class="qr-container padding-top text-center ">
|
||||
<view class="qrimg">
|
||||
<tki-qrcode ref="qrcode" :val="val" :size="400" unit="upx" background="#fff" foreground="#000" pdground="#000"
|
||||
:icon="iconUrl" iconSize="40" :onval="true" :loadMake="true" :usingComponents="usingComponents" :showLoading="true"
|
||||
@result="qrR" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-center padding-bottom-xs padding-bottom-xs">
|
||||
<text class="color-999 font-12">
|
||||
<text class="cuIcon-refresh padding-right-xs"></text>
|
||||
付款码自动 （25s）
|
||||
<text class="oil-main-color">
|
||||
刷新
|
||||
</block>
|
||||
</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="text-center color-000 font-10 margin-bottom">
|
||||
提示：将二维码想油站工作人员展示即可加油
|
||||
<view class="text-center color-000 font-10 margin-bottom-sm">
|
||||
提示：司机扫描二维码支付油费
|
||||
</view>
|
||||
<view class="padding font-12 solid-top">
|
||||
<view class="flex padding-bottom-sm padding-left padding-right">
|
||||
@@ -26,7 +34,7 @@
|
||||
|
||||
</text>
|
||||
<text>
|
||||
星油余额
|
||||
加油金额
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -37,34 +45,81 @@
|
||||
<view class="flex padding-left padding-right">
|
||||
<view class="flex-sub">
|
||||
<text class="cuIcon-infofill color-wjy font-16 padding-right-xs">
|
||||
|
||||
|
||||
</text>
|
||||
<text>
|
||||
支持油站
|
||||
加油升数
|
||||
</text>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
<text class="text-right flex-sub">
|
||||
星油/老吕油站
|
||||
约56.00L
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-top-xl padding">
|
||||
<button class="bg-white oil-main-color">转入</button>
|
||||
|
||||
<view class="margin-xl padding-top">
|
||||
<button class="bg-white oil-main-color" @tap="modalName='show'">设置油品加油升数</button>
|
||||
</view>
|
||||
<view class="cu-modal" :class="modalName">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class="content ">
|
||||
{{oilSiteName}}
|
||||
</view>
|
||||
<view class="action" @tap="hideModal">
|
||||
<text class="cuIcon-close text-red"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-left padding-bottom padding-top-0 bg-white">
|
||||
<OrderOilForm />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import OrderOilForm from '@/components/OrderOil.vue'
|
||||
// 引入二维码库
|
||||
import QR from "@/utils/wxqrcode.js" // 二维码生成器
|
||||
|
||||
import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
OrderOilForm,
|
||||
tkiQrcode
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
modalName: 'mod',
|
||||
oilSiteName: '',
|
||||
qrImg: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1102530589,2787379918&fm=11&gp=0.jpg",
|
||||
val: '羊的屎是猪',
|
||||
iconUrl: '../../static/img/qr-icon.png'
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.oilSiteName = uni.getStorageSync('oilSiteName')
|
||||
},
|
||||
methods: {
|
||||
hideModal() {
|
||||
this.modalName = ''
|
||||
},
|
||||
qrR() {
|
||||
console.log('5555')
|
||||
},
|
||||
qrInit() {
|
||||
this.qrImg = QR.createQrCodeImg('我是您粑粑', {
|
||||
size: parseInt(300) //二维码大小
|
||||
})
|
||||
console.log('this.qrImg', this.qrImg)
|
||||
this.modalName = ''
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -74,4 +129,10 @@
|
||||
.page-content {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.qr-img {
|
||||
width: 400upx;
|
||||
height: 400rpx;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
38
pages/ssss.vue
Normal file
38
pages/ssss.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<ChooseLits :list="list" :arr="arr" @chooseLike="chooseLike"></ChooseLits>
|
||||
<rich-text :nodes="ddd"></rich-text>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ChooseLits from '../../components/chooseLits.vue'
|
||||
export default {
|
||||
components: {
|
||||
ChooseLits
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list: ['综合排序', '类型不限', '金额不限'],
|
||||
arr: [
|
||||
['综合排序', '价格降序', '价格升序'],
|
||||
['类型不限', '高通过率', '利率低'],
|
||||
['金额不限', '5k以下', '5k-10k', '10k以上']
|
||||
],
|
||||
i2: [0, 0, 0],
|
||||
ddd:'在飞云之下，啊哈哈哈哈，这风好大，我还是想她。'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
chooseLike(i1) {
|
||||
if (this.i2[i1[0]] != i1[1]) {
|
||||
this.i2[i1[0]] = i1[1];
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@@ -19,13 +19,13 @@
|
||||
<view class="cu-list ">
|
||||
<view class="cu-item padding-sm ">
|
||||
<view class="text-bold color-333 text-xl">
|
||||
九龙路加油站
|
||||
{{site.oilSiteName}}
|
||||
</view>
|
||||
<view class="color-999">
|
||||
九龙路1188号
|
||||
{{site.address}}
|
||||
</view>
|
||||
<view class="color-333 padding-top-xs">
|
||||
联系方式：战三（13263967686）
|
||||
联系方式：{{site.linkMan}}（{{site.phone}}）
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -34,15 +34,13 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin margin-bottom-0 padding-bottom my-bg">
|
||||
<OilMenuItem />
|
||||
<OilMenuItem />
|
||||
<OilMenuItem />
|
||||
<OilMenuItem />
|
||||
<OilMenuItem :oilItem="item" v-for="(item,index) in oilList" :key="index" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cloudSiteApi from '@/api/cloud-site.js'
|
||||
import OilMenuItem from '@/components/oil-menu-item.vue'
|
||||
export default {
|
||||
components: {
|
||||
@@ -51,6 +49,7 @@
|
||||
data() {
|
||||
return {
|
||||
title: 'Hello',
|
||||
site: {},
|
||||
cuIconList: [{
|
||||
cuIcon: 'location',
|
||||
color: 'red',
|
||||
@@ -86,78 +85,28 @@
|
||||
color: 'red',
|
||||
badge: 0,
|
||||
name: '员工管理'
|
||||
}
|
||||
},
|
||||
|
||||
]
|
||||
};
|
||||
],
|
||||
oilList: []
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getSiteInfo()
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
thirdAdd() {
|
||||
uni.chooseAddress({
|
||||
success(res) {
|
||||
console.log(res.userName)
|
||||
console.log(res.postalCode)
|
||||
console.log(res.provinceName)
|
||||
console.log(res.cityName)
|
||||
console.log(res.countyName)
|
||||
console.log(res.detailInfo)
|
||||
console.log(res.nationalCode)
|
||||
console.log(res.telNumber)
|
||||
}
|
||||
})
|
||||
},
|
||||
scanQr() {
|
||||
uni.scanCode({
|
||||
onlyFromCamera: true,
|
||||
success: function(res) {
|
||||
console.log('条码类型：' + res.scanType);
|
||||
console.log('条码内容：' + res.result);
|
||||
uni.vibrate({
|
||||
success: function() {
|
||||
console.log('success');
|
||||
}
|
||||
getSiteInfo() {
|
||||
cloudSiteApi.getSiteDetail().then(res => {
|
||||
console.log('...', res)
|
||||
if (res.code === 20000) {
|
||||
this.site = res.data.site
|
||||
this.oilList = res.data.oil
|
||||
uni.setStorage({
|
||||
key:'oilSiteName',
|
||||
data:res.data.site.oilSiteName
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
copy() {
|
||||
uni.setClipboardData({
|
||||
data: 'lallalala',
|
||||
success() {
|
||||
uni.showToast({
|
||||
title: '复制成功',
|
||||
position: 'bottom',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
toAuth() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/authentication/authForm/authForm'
|
||||
})
|
||||
},
|
||||
toQrcode() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/qrcode/qrcodeList/qrcodeList'
|
||||
});
|
||||
},
|
||||
routerTo(url) {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
});
|
||||
},
|
||||
toLogin() {
|
||||
uni.navigateTo({
|
||||
url: 'pages/login/login'
|
||||
});
|
||||
},
|
||||
// 拨打电话
|
||||
makeCall() {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: '4008-56-5355' //仅为示例
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,12 +1,29 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<view class="page-content">
|
||||
<cu-custom class="main-topbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
|
||||
<block slot="backText">返回</block>
|
||||
<block slot="content">中石化紫云路</block>
|
||||
</cu-custom>
|
||||
|
||||
<!-- -->
|
||||
<view class="my-cell padding-top padding-bottom radius">
|
||||
|
||||
<view class="cu-list menu-avatar">
|
||||
<view class="cu-item margin-sm margin-left margin-right radius">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);"></view>
|
||||
<view class="content money-container">
|
||||
<view class="text-pink">
|
||||
<view class="text-cut">莫甘娜</view>
|
||||
</view>
|
||||
<view class="text-gray text-sm flex">
|
||||
<view class="text-cut">凯尔，你被自己的光芒变的盲目！</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="action ">
|
||||
<view class="text-white money-position padding-left-lg padding-xs bg-main-oil text-lg"><text class="text-xs">余额</text>
|
||||
￥1599</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="my-cell margin-left margin-right padding-top padding-bottom radius">
|
||||
<view class="strong padding-bottom-xs">
|
||||
中国石化(紫云路)
|
||||
</view>
|
||||
@@ -20,7 +37,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<!-- -->
|
||||
<view class="padding-top-xs padding-bottom my-bg">
|
||||
<view class="padding-top-xs margin margin-top-xs margin-bottom-0 padding-bottom radius">
|
||||
<view class="bg-white padding">
|
||||
|
||||
<view class="padding-bottom-sm">
|
||||
@@ -59,18 +76,18 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-treble oil-price text-center" @tap="selectRadio">
|
||||
<view class="strong font-16 oil-main-color">
|
||||
<!-- <view class="strong font-16 oil-main-color">
|
||||
￥5.81
|
||||
</view>
|
||||
<radio class="red" :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
|
||||
<view class="">
|
||||
老吕油价
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="padding margin-top-xs margin-bottom-xs bg-white">
|
||||
<view class="padding solid-top bg-white">
|
||||
<view class="padding-bottom-sm">
|
||||
油枪选择：
|
||||
</view>
|
||||
@@ -81,8 +98,8 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-top-xs padding margin-bottom-xs bg-white">
|
||||
<view class=" shadow-warp ">
|
||||
<view class="solid-top padding solid-top bg-white">
|
||||
<view class=" shadow-warp bg-white">
|
||||
<view class="cu-form-group">
|
||||
<view class="title">加油升数</view>
|
||||
<input placeholder="请输入加油升数" name="input"></input>
|
||||
@@ -96,20 +113,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 底部去支付 -->
|
||||
<view class="bottom-pay my-bg shadow padding-top">
|
||||
|
||||
<view class="flex bg-white padding pay-bar">
|
||||
<text class="lg cuIcon-qr_code oil-main-color qr-icon padding-right"></text>
|
||||
<view class="flex-twice pay-desc">
|
||||
<text>付款码支付</text>
|
||||
<text class="oil-main-color fr">￥0.00</text>
|
||||
</view>
|
||||
<view class="flex-sub text-right">
|
||||
<button size="mini" class="bg-red">去支付</button>
|
||||
</view>
|
||||
</view>
|
||||
<button class="margin round bg-main-oil">确定</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -157,7 +161,7 @@
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content {
|
||||
.page-content {
|
||||
background-color: #F1F2F7;
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
@@ -202,4 +206,16 @@
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.money-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.money-position {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
border-radius: 0 0 0 100upx;
|
||||
}
|
||||
</style>
|
||||
|
||||
143
pages/temp/temp.vue
Normal file
143
pages/temp/temp.vue
Normal file
@@ -0,0 +1,143 @@
|
||||
<template>
|
||||
<view class="page-content my-bg">
|
||||
<cu-custom class="main-topbar bg-main-oil" bgColor="bg-white">
|
||||
<block slot="content">绑定星油云站</block>
|
||||
</cu-custom>
|
||||
<view class="pannel">
|
||||
<view class="logo margin-top">
|
||||
<img :src="baseURL+'/static/img/order-xy.png'" mode="" />
|
||||
</view>
|
||||
<view class="bg-white margin padding radius shadow-warp">
|
||||
<view class="text-bold padding-bottom text-center">
|
||||
油站工作人员绑定油站
|
||||
</view>
|
||||
<view class="text-grey padding-bottom text-center">
|
||||
请确认您的手机号码已注册星油云站
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class="title">云站号</view>
|
||||
<input placeholder="请输入云站编号" name="input"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin">
|
||||
<button class="bg-main-oil" @tap="loginWeixin">
|
||||
登录
|
||||
</button>
|
||||
<button class="bg-main-oil" open-type="getUserInfo" @getuserinfo="getUserInfo">
|
||||
登录测试getuserinfo
|
||||
</button>
|
||||
<button class="bg-main-oil" @tap="getMsg">
|
||||
订阅消息
|
||||
</button>
|
||||
<button class="bg-gradual-pink" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取微信绑定手机号</button>
|
||||
<button class="bg-gradual-pink" open-type="launchApp" @error="launchAppError">获取微信绑定手机号</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import loginApi from '@/api/login.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseURL: this.global.baseURL,
|
||||
forcedLogin: true
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.loginWeixin()
|
||||
},
|
||||
methods: {
|
||||
launchAppError(err){
|
||||
console.log(err)
|
||||
},
|
||||
getPhoneNumber(obj){
|
||||
console.log(obj)
|
||||
},
|
||||
getMsg() {
|
||||
uni.requestSubscribeMessage({
|
||||
tmplIds: ['W5XD3NQVa6knC5jXHeWT8GS7q5CHrDUMY_sF79kLkKk'],
|
||||
success: (res) => {
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
},
|
||||
getUserInfo({
|
||||
detail
|
||||
}) {
|
||||
console.log('三方登录只演示登录api能力，暂未关联云端数据');
|
||||
console.log('detail', detail)
|
||||
if (detail.userInfo) {
|
||||
this.loginLocal(detail.userInfo.nickName);
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: '登陆失败'
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
loginLocal(nickName) {
|
||||
uni.setStorageSync('login_type', 'local')
|
||||
uni.setStorageSync('username', nickName)
|
||||
this.toMain(nickName);
|
||||
},
|
||||
toMain(userName) {
|
||||
// this.login(userName)
|
||||
console.log(userName)
|
||||
/**
|
||||
* 强制登录时使用reLaunch方式跳转过来
|
||||
* 返回首页也使用reLaunch方式
|
||||
*/
|
||||
if (this.forcedLogin) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
success: () => {
|
||||
console.log('success')
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
} else {
|
||||
uni.navigateBack();
|
||||
}
|
||||
|
||||
},
|
||||
loginWeixin() {
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: loginRes => {
|
||||
const code = loginRes.code
|
||||
console.log(code)
|
||||
loginApi.loginWeixin(code).then(res => {
|
||||
console.log(res)
|
||||
})
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page-content {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.logo {
|
||||
min-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 200upx;
|
||||
height: 200rpx;
|
||||
background-size: contain;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
67
pages/wallet/record/record.vue
Normal file
67
pages/wallet/record/record.vue
Normal file
@@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<view class="page-content my-bg">
|
||||
<cu-custom class="main-totextbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
|
||||
<block slot="backText">返回</block>
|
||||
<block slot="content">转入记录</block>
|
||||
</cu-custom>
|
||||
|
||||
<view class="margin bg-white radius main-money ">
|
||||
<view class="padding-xs flex align-center" @tap="copy">
|
||||
<view class="flex-sub text-center padding-top">
|
||||
<view class="text-center">星油余额</view>
|
||||
<view class=" text-xxl padding-top-xs">
|
||||
<text class="text-price text-red ">
|
||||
80.00
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding margin-left margin-right flex flex-direction">
|
||||
<button class="cu-btn bg-main-oil oil-main-btn-color oil-main-color lg">
|
||||
转入
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin">
|
||||
<view class="padding-top flex padding-left-xs padding-bottom">
|
||||
<view class="flex-sub">
|
||||
<text>最近的五笔交易</text>
|
||||
</view>
|
||||
<view class="flex-sub text-right padding-right-xs">
|
||||
<text class="text-gray">更多</text>
|
||||
|
||||
<text class="cuIcon-right text-gray"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu">
|
||||
<view class="cu-item">
|
||||
<view class="content">
|
||||
微信充值
|
||||
</view>
|
||||
<view class="action">
|
||||
￥ 0.20
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page-content {
|
||||
min-height: 100%;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user