81 lines
2.3 KiB
Vue
81 lines
2.3 KiB
Vue
<template>
|
|
<view class="wrap" :style="appThemeStyle">
|
|
<u-row gutter="16">
|
|
<u-col span="6">
|
|
<view class="wrap-item bg-purple-light" v-if="gradeId == 0 || gradeId == 10001" @click="navTo('package/apply/index')"><image src="http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/b437b0213516d446f2bbd2e4ca4aa1d3.png" class="wrap-avatar" mode="widthFix"></image><text class="item-text">商户入驻</text></view>
|
|
</u-col>
|
|
<!-- <u-col span="6">
|
|
<view class="wrap-item bg-purple-light" v-if="gradeId == 0 || gradeId == 10002" @click="navTo('package/apply/delivery')"><image src="http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/92ba7cadfa6459034c3570e9141c49f5.png" class="wrap-avatar" mode="widthFix"></image><text class="item-text">配送员入驻</text></view>
|
|
</u-col> -->
|
|
<u-col span="6">
|
|
<!-- <view class="wrap-item bg-purple-light" v-if="gradeId == 0 || gradeId == 10003" @click="navTo('package/apply/teamer')"><image src="http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/4df3d4d3a575467d9216b081ef23fe7a.png" class="wrap-avatar" mode="widthFix"></image><text class="item-text">团长入驻</text></view> -->
|
|
</u-col>
|
|
<!-- <u-col span="6">
|
|
<view class="wrap-item bg-purple-light" v-if="gradeId == 0 || gradeId == 10004" @click="navTo('package/apply/personal')"><image src="http://dev.gxwebsoft.com/hainiu/uploads/10001/20220522/127c0a1f401a1119937eb3995235dc26.png" class="wrap-avatar" mode="widthFix"></image><text class="item-text">个人商户入驻</text></view>
|
|
</u-col> -->
|
|
</u-row>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as ApplyApi from '@/api/apply.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
gradeId: 0,
|
|
disabled: false
|
|
}
|
|
},
|
|
onLoad(){
|
|
ApplyApi.detail().then(res => {
|
|
let detail = res.data.detail
|
|
if(detail){
|
|
this.gradeId = detail.grade_id
|
|
}
|
|
})
|
|
},
|
|
methods: {
|
|
navTo(url){
|
|
this.$navTo(url)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.wrap {
|
|
padding: 24rpx;
|
|
}
|
|
|
|
.u-row {
|
|
margin: 40rpx 0;
|
|
}
|
|
|
|
.wrap-item {
|
|
height: 120rpx;
|
|
border-radius: 8rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.bg-purple {
|
|
background: #d3dce6;
|
|
}
|
|
|
|
.bg-purple-light {
|
|
background: #e5e9f2;
|
|
}
|
|
|
|
.bg-purple-dark {
|
|
background: #99a9bf;
|
|
}
|
|
.wrap-avatar{
|
|
width: 80rpx;
|
|
}
|
|
.item-text{
|
|
padding: 0 20rpx;
|
|
}
|
|
</style>
|