Merge branch 'guohonglei' of http://192.168.0.140:3000/xkhl/LSM_OIL_SITE
xk_yangdeshi
5 years ago
commit
32c7f9ec1e
7 changed files with 389 additions and 20 deletions
@ -0,0 +1,51 @@ |
|||||||
|
<template> |
||||||
|
<view class="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="main-money"> |
||||||
|
<view class="padding-xs flex align-center"> |
||||||
|
<view class="flex-sub text-center padding-top-lg"> |
||||||
|
<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> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.content{ |
||||||
|
min-height: 100%; |
||||||
|
} |
||||||
|
.main-topbar>>>.cu-bar { |
||||||
|
height: 380rpx !important; |
||||||
|
z-index: 0 !important; |
||||||
|
} |
||||||
|
|
||||||
|
.main-topbar>>>.cu-bar .content { |
||||||
|
padding-bottom: 300rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.main-money { |
||||||
|
position: relative; |
||||||
|
z-index: 1; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,27 @@ |
|||||||
|
<template> |
||||||
|
<view class="radius padding-xs padding-bottom padding-top margin-top bg-white shadow solid-bottom"> |
||||||
|
<view class="item-title "> |
||||||
|
<text class="margin color-000 text-bold">92#油</text> |
||||||
|
<text class="fr padding-right text-sm text-grey">2020-8-18</text> |
||||||
|
<PriceList /> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import PriceList from '@/components/PriceList/PriceList.vue' |
||||||
|
export default { |
||||||
|
components: { |
||||||
|
PriceList |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
}; |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,61 @@ |
|||||||
|
<template> |
||||||
|
<view class="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> |
||||||
|
<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> |
||||||
|
</view> |
||||||
|
</scroll-view> |
||||||
|
<view class="margin"> |
||||||
|
<OrderItem class="cu-list menu-avatar comment " v-for="(item,index) in tabList" :key="index" v-if="index==TabCur" :item="order" /> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import OrderItem from '@/components/order-item' |
||||||
|
export default { |
||||||
|
components: { |
||||||
|
OrderItem |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
tabList:[ |
||||||
|
'全部','待支付','已支付','退款' |
||||||
|
], |
||||||
|
TabCur: 0, |
||||||
|
scrollLeft: 0, |
||||||
|
order: { |
||||||
|
istate: 0, |
||||||
|
vol: 3, |
||||||
|
oilName: '0#', |
||||||
|
orderID: '15979997825872', |
||||||
|
oilCode: '12396989', |
||||||
|
oilSiteName: '疯疯疯加油站', |
||||||
|
carNo: '皖A12354', |
||||||
|
sourceType: 3, |
||||||
|
realamount: 4.66, |
||||||
|
credateDatetime: '2020-10-12 12:30:10' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
tabSelect(e) { |
||||||
|
this.TabCur = e.currentTarget.dataset.id; |
||||||
|
this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60 |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.content { |
||||||
|
min-height: 100%; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,181 @@ |
|||||||
|
<template> |
||||||
|
<view class="content my-bg"> |
||||||
|
<cu-custom class="main-topbar bg-main-oil" isBack bgColor="bg-main-oil"> |
||||||
|
<block slot="content" class="padding-top">油站信息</block> |
||||||
|
<block slot="backText">返回</block> |
||||||
|
</cu-custom> |
||||||
|
<view class="bg-main-oil bg-view"> |
||||||
|
|
||||||
|
</view> |
||||||
|
<view class="main-money bg-white margin radius"> |
||||||
|
<view class="cu-card case no-card "> |
||||||
|
<view class="cu-item shadow"> |
||||||
|
<view class="image"> |
||||||
|
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597746946206&di=6e59ce33ad431328fa391cadb807da10&imgtype=0&src=http%3A%2F%2Fpic119.nipic.com%2Ffile%2F20161227%2F12449414_100501543000_2.jpg" |
||||||
|
mode="widthFix"></image> |
||||||
|
<!-- <view class="cu-tag bg-blue">史诗</view> --> |
||||||
|
<!-- <view class="cu-bar bg-shadeBottom"> <text class="text-cut">我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。</text></view> --> |
||||||
|
</view> |
||||||
|
<view class="cu-list "> |
||||||
|
<view class="cu-item padding-sm "> |
||||||
|
<view class="text-bold color-333 text-xl"> |
||||||
|
九龙路加油站 |
||||||
|
</view> |
||||||
|
<view class="color-999"> |
||||||
|
九龙路1188号 |
||||||
|
</view> |
||||||
|
<view class="color-333 padding-top-xs"> |
||||||
|
联系方式：战三（13263967686） |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="margin margin-bottom-0 padding-bottom my-bg"> |
||||||
|
<OilMenuItem /> |
||||||
|
<OilMenuItem /> |
||||||
|
<OilMenuItem /> |
||||||
|
<OilMenuItem /> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import OilMenuItem from '@/components/oil-menu-item.vue' |
||||||
|
export default { |
||||||
|
components: { |
||||||
|
OilMenuItem |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
title: 'Hello', |
||||||
|
cuIconList: [{ |
||||||
|
cuIcon: 'location', |
||||||
|
color: 'red', |
||||||
|
badge: 120, |
||||||
|
name: '加油信息' |
||||||
|
}, |
||||||
|
{ |
||||||
|
cuIcon: 'form', |
||||||
|
color: 'orange', |
||||||
|
badge: 0, |
||||||
|
name: '加油订单' |
||||||
|
}, |
||||||
|
{ |
||||||
|
cuIcon: 'new', |
||||||
|
color: 'yellow', |
||||||
|
badge: 0, |
||||||
|
name: '经营分析' |
||||||
|
}, |
||||||
|
{ |
||||||
|
cuIcon: 'scan', |
||||||
|
color: 'olive', |
||||||
|
badge: 0, |
||||||
|
name: '扫码加油' |
||||||
|
}, |
||||||
|
{ |
||||||
|
cuIcon: 'qr_code', |
||||||
|
color: 'cyan', |
||||||
|
badge: 0, |
||||||
|
name: '油站二维码' |
||||||
|
}, |
||||||
|
{ |
||||||
|
cuIcon: 'expressman', |
||||||
|
color: 'red', |
||||||
|
badge: 0, |
||||||
|
name: '员工管理' |
||||||
|
} |
||||||
|
|
||||||
|
] |
||||||
|
}; |
||||||
|
}, |
||||||
|
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'); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
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' //仅为示例 |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.content { |
||||||
|
min-height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.cu-card.case.no-card .image { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.bg-view { |
||||||
|
height: 300rpx; |
||||||
|
min-width: 100%; |
||||||
|
position: absolute; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue