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.
110 lines
2.5 KiB
110 lines
2.5 KiB
<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: `/packageQr/pages/partnership/partner-group/partner-group?id=${this.company.companyId}` |
|
}) |
|
}, |
|
joinqr() { |
|
uni.navigateTo({ |
|
url: `/packageQr/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>
|
|
|