添加：个人中心 - 添加业绩达标弹框

src/views/member/member.vue

@@ -234,6 +234,22 @@
       </div>
     </div>
     <!--  弹窗广告部分  end  -->
+
+    <!--业绩完成弹框-->
+    <div class="complete-content">
+      <van-popup :value="is_complete == 1">
+        <div class="complete-content-main">
+          <div class="top-img">
+            <img class="top-img-icon" src="@/assets/images/member/complete_top.png" alt="" />
+          </div>
+          <div class="complete-title">温馨提示</div>
+          <div class="complete-msg">您还未开通文创中心店</div>
+          <div class="complete-msg">请尽快开通</div>
+          <div class="complete-button" @click="is_complete = 0">我知道了</div>
+        </div>
+      </van-popup>
+    </div>
+
   </div>
 </template>
 
@@ -245,6 +261,65 @@ export default member;
 <style lang="scss" rel="stylesheet/scss" scoped>
 @import "@/assets/css/icon.scss";
 
+.complete-content{
+
+  ::v-deep .van-popup{
+    overflow: unset!important;
+  }
+
+  .complete-content-main{
+    width: 80vw;
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-items: center;
+    border-radius: 5px;
+    padding: 20px;
+    background: #ffffff;
+    position: relative;
+    padding-top: 60px;
+
+    .top-img{
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      overflow: hidden;
+      position: absolute;
+      top: -40px;
+
+      .top-img-icon{
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .complete-title{
+      height: 35px;
+      line-height: 35px;
+      font-size: 18px;
+      font-weight: 600;
+      width: 100%;
+      text-align: center;
+    }
+    .complete-msg{
+      height: 25px;
+      line-height: 25px;
+      font-size: 15px;
+      width: 100%;
+      text-align: center;
+    }
+    .complete-button{
+      background: #968648;
+      color: #ffffff;
+      font-size: 16px;
+      text-align: center;
+      width: 100%;
+      height: 35px;
+      line-height: 35px;
+      margin-top: 45px;
+    }
+  }
+}
+
 ::v-deep .van-button--primary {
   background-color: var(--themeBaseColor) !important;
   border: 1px solid var(--themeBaseColor) !important;

src/views/member/membercontroller.js

@@ -150,11 +150,15 @@ export default {
         setting: {
           wechat_login_mode: false,//是否是微信授权登录，用于处理是否显示退出登录按钮
         }
-      }
+      },
+
+      // 业绩是否完成
+      is_complete: 0,
     };
   },
   activated() {
     this.getMemberData();
+    this.getIsComplete();
     window.addEventListener("scroll", this.handleScroll);
   },
   deactivated() {
@@ -213,6 +217,19 @@ export default {
     }
   },
   methods: {
+    // 判断：业绩是否完成
+    getIsComplete(){
+      let _this = this;
+      $http.post("plugin.team-dividend.api.index.performanceComplete", {})
+        .then(response => {
+          if (response.result === 1) {
+            _this.is_complete = response.data.is_complete || 0;
+          }
+        })
+        .catch(err => {
+          console.error(err);
+        });
+    },
     //爱心值音频播放功能
     createVoiceDom(_url) {
       //创建音频dom