Fix：4343 【旅居供应链小程序】进入资料填写页面，没有显示入驻申请须知弹窗

pkg_join/views/travelResidence.vue

@@ -326,6 +326,30 @@
         {{ '提交审核' }}
       </view>
     </view>
+    <u-popup :show="show" mode="center" round="10" @close="show=false"
+      :customStyle="{'width': '90%', 'padding': '40rpx 20rpx'}"
+    >
+      <view class="popup-body">
+        <view class="tc bold">入驻申请须知</view>
+        <view class="content">
+          <rich-text :nodes="notice" />
+        </view>
+        <view class="agree-box v12-mb-2">
+          <checkbox-group @change="changeAgree">
+            <label>
+              <checkbox value="yes" style="transform:scale(0.8)"/>
+            </label>
+            <text>我已仔细阅读并同意</text>
+          </checkbox-group>
+        </view>
+        <u-button
+          type="error"
+          text="确定"
+          :disabled="!isAgree"
+          @click="save"
+        />
+      </view>
+    </u-popup>
   </view>
 </template>
 
@@ -338,6 +362,7 @@ import {
   uploadImage
 } from '@/utils'
 import {
+  getShopData,
   getTravelInfo,
   saveTravel,
   saveTravelDraft
@@ -348,6 +373,9 @@ export default {
   },
   data() {
     return {
+      isAgree: false,
+      show: false,
+      notice: '',
       tips: '获取验证码',
       inputPlaceholderStyle: {
         fontSize: '32rpx'
@@ -422,7 +450,10 @@ export default {
   onLoad(opts) {
     this.partnerId = opts.partnerId
     this.queryCity()
-    this.initInfo()
+    getShopData().then(({data}) => {
+      this.notice = data.merchantApplyNotice
+      this.initInfo()
+    })
   },
   // onShow() {
   // },
@@ -434,6 +465,12 @@ export default {
 
   },
   methods: {
+    changeAgree(e) {
+      this.isAgree = e.detail.value.includes('yes')
+    },
+    save() {
+      this.show = false
+    },
     /**
      * 字符串转换为数组
      * @param {string} str 字符串
@@ -453,7 +490,6 @@ export default {
       this.form.video = this.videos.filter(item => item.url).map(item => item.url).join(',')
       this.form.culture = this.cultureImg.filter(item => item.url).map(item => item.url).join(',')
       this.form.qualification = this.qualificationImg.filter(item => item.url).map(item => item.url).join(',')
-      console.log(this.bannerImg, '-----------');
       const params = {
         travelInfo: {...this.form},
         partnerId: this.partnerId,
@@ -472,6 +508,9 @@ export default {
      */
     initInfo() {
       getTravelInfo().then(res => {
+        if(res.data.isDraft === null || res.data.isDraft === 1) {
+          this.show = true
+        }
         const {travelInfo} = res.data || {}
         if (res.status === 200) {
           this.form = {...this.form, ...travelInfo}
@@ -762,7 +801,20 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.popup-body {
+    .title {
+      line-height: 80rpx;
+      text-align: center;
+    }
+    .content {
+      padding: 0 30rpx 30rpx 30rpx;
+      .content-html {
+        max-height: 70vh;
+        overflow-y: auto;
+      }
+    }
+  }
 .container {
   padding: 20rpx;
   background: #fff;