You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
181 lines
3.9 KiB
181 lines
3.9 KiB
<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>
|
|
|