十一月十一凌晨更新
This commit is contained in:
110
components/company-item.vue
Normal file
110
components/company-item.vue
Normal file
@@ -0,0 +1,110 @@
|
||||
<template>
|
||||
<view class="margin padding bg-gragul-oil radius company-card">
|
||||
<view class="padding-top padding-bottom-lg flex">
|
||||
<view class="basis-xl">
|
||||
<text class="text-white">{{company.companyName}}</text>
|
||||
<view class="padding-top-xs">
|
||||
<text class="text-white" @tap="makeCall(company.leaderPhone)">负责人:{{company.leaderName}} ({{company.leaderPhone|phoneFilter}})</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="basis-xs">
|
||||
<!-- bg-qy -->
|
||||
<view class="bg-qy">
|
||||
<image style="width: 100%;" :src="mainURL+'bg-qy.png'" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dashed-top padding-top">
|
||||
<view class="flex">
|
||||
<view class="flex-sub text-center" v-show="company.openJoinCompany" @tap="joinqr">
|
||||
<button class="cu-btn round bg-white text-red text-sm">
|
||||
<text class="text-lg">
|
||||
<text class="cuIcon-qr_code padding-right-xs"></text>
|
||||
</text>
|
||||
出示二维码
|
||||
</button>
|
||||
</view>
|
||||
<view class="flex-sub text-center" v-show="company.openDirectOil" @tap="oiling">
|
||||
<button class="cu-btn round bg-white text-red text-sm">
|
||||
<text class="text-lg">
|
||||
<text class="cuIcon-addressbook padding-right-xs"></text>
|
||||
</text>
|
||||
<!-- <text class="cuIcon-crown padding-right-xs"></text> -->
|
||||
直接加油
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
company:{
|
||||
type:Object,
|
||||
default(){}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mainURL: this.global.mainURL,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
oiling() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/partnership/partner-group/partner-group?id=${this.company.companyId}`
|
||||
})
|
||||
},
|
||||
joinqr() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/partnership/join-qr/join-qr?id=${this.company.companyId}&name=${this.company.companyName}`
|
||||
})
|
||||
},
|
||||
makeCall(number){
|
||||
uni.makePhoneCall({
|
||||
phoneNumber:number
|
||||
})
|
||||
}
|
||||
},
|
||||
filters:{
|
||||
phoneFilter(value){
|
||||
if(value){
|
||||
return value.substring(0, 3) + ' ' + ' **** ' + ' ' + value.substring(7, 11)
|
||||
}else{
|
||||
return '暂无手机号'
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.bg-gragul-oil {
|
||||
background: linear-gradient(-51deg, rgba(255, 0, 0, 0.81), rgba(255, 19, 19, 0.81));
|
||||
}
|
||||
|
||||
.dashed-top::after {
|
||||
border-color: #fff !important;
|
||||
}
|
||||
|
||||
.company-card {
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.bg-qy {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 120upx;
|
||||
height: 120upx;
|
||||
top: 15rpx;
|
||||
right: 2.5rem;
|
||||
}
|
||||
|
||||
.cu-btn {
|
||||
border-radius: 100upx 100upx 100upx 0;
|
||||
}
|
||||
</style>
|
||||
67
components/driver-item.vue
Normal file
67
components/driver-item.vue
Normal file
@@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<view class="solid-bottom content" @tap="virtualScan(driver.driverId)">
|
||||
<view class="text-xl">
|
||||
<text class="cuIcon-deliver text-red padding-sm padding-bottom-0">
|
||||
</text>
|
||||
<text class="text-df text-black padding-top-sm">
|
||||
{{driver.plateNumber?driver.plateNumber:'暂无车牌号'}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="padding-left padding-bottom margin-left">
|
||||
<view class="bg-white padding-left-xs">
|
||||
<text class="padding-right-lg text-df">{{driver.userName}} ({{driver.driverId}})</text>{{driver.phone|phoneFilter}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import partnerApi from '@/api/partner.js'
|
||||
export default {
|
||||
props: {
|
||||
driver: {
|
||||
type: Object,
|
||||
default () {}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mainURL: this.global.mainURL,
|
||||
loginUser: uni.getStorageSync('loginUser'),
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
virtualScan(id) {
|
||||
partnerApi.getQrCode(id).then(res=>{
|
||||
if(res.code==20000){
|
||||
uni.setStorageSync('qrCode', res.data)
|
||||
uni.navigateTo({
|
||||
url:`/pages/stationDetail/stationDetail`
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
phoneFilter(value) {
|
||||
if (value) {
|
||||
return value.substring(0, 3) + ' ' + ' **** ' + ' ' + value.substring(7, 11)
|
||||
} else {
|
||||
return '暂无手机号'
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cu-tag {
|
||||
border-radius: 100upx 0 0 100upx;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -84,18 +84,16 @@
|
||||
</view>
|
||||
</view>
|
||||
<!-- <xkempty v-else></xkempty> -->
|
||||
<!-- <Empty /> -->
|
||||
<!-- 评价的弹出层 -->
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Empty from '@/components/Empty'
|
||||
|
||||
export default {
|
||||
name: 'oilOrders',
|
||||
components: {
|
||||
xkempty: Empty
|
||||
},
|
||||
|
||||
props: {
|
||||
item: {
|
||||
type: Object,
|
||||
|
||||
@@ -1,10 +1,11 @@
|
||||
<template>
|
||||
<!-- 客服热线 -->
|
||||
<view class="">
|
||||
|
||||
<view class="round text-center">
|
||||
<button class="cu-btn round bg-main-oil" open-type='contact'>
|
||||
<text class="cuIcon-servicefill padding-right-xs"></text>
|
||||
联系在线客服</button>
|
||||
联系在线客服</button>
|
||||
</view>
|
||||
<view class="color-999 text-center padding" @tap="callHotline">
|
||||
全国统一客服/投诉热线:
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
mode="widthFix"></image>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<text class="uni-load-more__text" :style="{color: color}">{{ status === 'more' ? contentText.contentdown : status === 'loading' ? contentText.contentrefresh : contentText.contentnomore }}</text>
|
||||
<text class="uni-load-more__text text-sm" :style="{color: color}">{{ status === 'more' ? contentText.contentdown : status === 'loading' ? contentText.contentrefresh : contentText.contentnomore }}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
default: '#777777'
|
||||
default: '#888'
|
||||
},
|
||||
contentText: {
|
||||
type: Object,
|
||||
@@ -137,7 +137,7 @@
|
||||
}
|
||||
|
||||
.uni-load-more__text {
|
||||
font-size: 15px;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
.uni-load-more__img {
|
||||
|
||||
Reference in New Issue
Block a user