182 lines
3.9 KiB
Vue
182 lines
3.9 KiB
Vue
<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>
|