| | |
| | | <div class="wrapper"> |
| | | <u-navbar :border-bottom="false"></u-navbar> |
| | | <div> |
| | | <div class="title">店铺入驻</div> |
| | | <div class="title">供应商入驻</div> |
| | | <div class="step-list"> |
| | | <div |
| | | class="step-item" |
| | |
| | | {{ item.title }} |
| | | </div> |
| | | </div> |
| | | <div class="submit" @click="keepOn()">开始填写</div> |
| | | <div class="notice" @click="getEntryNotice">查看店铺入驻协议</div> |
| | | <div :class="isAgreed ? 'submit' : 'noSubmit'" @click="keepOn()" :disabled="!isAgreed">开始填写</div> |
| | | <div class="agreement-container" > |
| | | <label class="agreement-label"> |
| | | <checkbox :checked="isAgreed" class="agreement-checkbox" :disabled="isDisabled" /> |
| | | <text class="agreement-text" @click="getEntryNotice"> |
| | | 查看供应商<text class="agreement-link">《入驻协议》</text> |
| | | </text> |
| | | </label> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import UNavbar from '@/uview-components/uview-ui/components/u-navbar/u-navbar.vue'; |
| | | import '@/components/uview-components/uview-ui'; |
| | | |
| | | import { getCompanyDetail } from "@/api/entry"; |
| | | export default { |
| | | components: {UNavbar}, |
| | | |
| | | data() { |
| | | return { |
| | | isDisabled:true, |
| | | isAgreed:false, |
| | | current: 999, |
| | | entrySteps: [ |
| | | { |
| | |
| | | onShow() { |
| | | if(this.$options.filters.tipsToLogin()){ |
| | | this.init(); |
| | | } |
| | | if (uni.getStorageSync('agreed')) { |
| | | this.isAgreed = true; // 自动勾选 |
| | | uni.removeStorageSync('agreed'); // 清除标记 |
| | | } |
| | | }, |
| | | |
| | |
| | | }, |
| | | ]; |
| | | const res = await getCompanyDetail(); |
| | | console.log(res) |
| | | if (res.data.success) { |
| | | |
| | | this.companyData = res.data.result; |
| | | |
| | | if (this.companyData) { |
| | |
| | | } |
| | | </style> |
| | | <style lang="scss" scoped> |
| | | .agreement-container { |
| | | display: flex; |
| | | justify-content: center; |
| | | margin-top: 20rpx; |
| | | } |
| | | /* 勾选框和文字对齐 */ |
| | | .agreement-label { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | @import url("./entry.scss"); |
| | | .wrapper { |
| | | padding: 0 80rpx; |
| | |
| | | background: rgba($color: $light-color, $alpha: 0.1); |
| | | border-radius: 20rpx; |
| | | } |
| | | .noSubmit{ |
| | | color: #fff; |
| | | margin-top: 120rpx; |
| | | background: rgba(204, 204, 204, 0.8);; |
| | | } |
| | | .submit { |
| | | color: #fff; |
| | | margin-top: 120rpx; |