绿满眶商城微信小程序-uniapp
zxl
2025-08-13 9e4ae356ed626e3089f31d5b40fb10a476efe7c4
pages/passport/entry/seller/index.vue
@@ -2,7 +2,7 @@
  <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"
@@ -13,19 +13,30 @@
          {{ 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 '@/components/uview-components/uview-ui';
import { getCompanyDetail } from "@/api/entry";
export default {
  components: {},
  data() {
    return {
      isDisabled:true,
      isAgreed:false,
      current: 999,
      entrySteps: [
        {
@@ -59,6 +70,10 @@
  onShow() {
    if(this.$options.filters.tipsToLogin()){
        this.init();
    }
   if (uni.getStorageSync('agreed')) {
      this.isAgreed = true; // 自动勾选
      uni.removeStorageSync('agreed'); // 清除标记
    }
  },
@@ -95,7 +110,9 @@
        },
      ];
      const res = await getCompanyDetail();
     console.log(res)
      if (res.data.success) {
        this.companyData = res.data.result;
        if (this.companyData) {
@@ -123,6 +140,16 @@
}
</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;
@@ -152,6 +179,11 @@
  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;