组件库为空时无限加载 两个层级问题 套餐链接与文案

src/layout/index.vue

@@ -124,6 +124,7 @@ export default {
     this.$bus.$on('showPacket', (val) => {
       this.showPacket = val
     })
+    // setTimeout(() => {this.showPacket = true},6000)
   },
   methods: {
     refreshUser() {
@@ -197,7 +198,7 @@ export default {
     align-items: center;
     justify-content: center;
     transition-duration: 300ms;
-    z-index: 1999;
+    z-index: 9999;
     position: fixed;
     left: 0;
     top: 0;

src/views/components/packetList.vue

@@ -109,33 +109,33 @@ export default Vue.extend({
           if (this.cycle === 'month') {
             this.renderInfo.STARTER.price = this.getPacketByPKey('EXPOREG_INVITATION_STARTER_MONTH_PACKAGE').price
             this.renderInfo.STARTER.button = FullBasePacket !== 'EXPOREG_INVITATION_STARTER' ? '立即订购' : '续费'
-            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_STARTER_MONTH_PACKAGE&type=1'
+            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_STARTER_MONTH&packet_key=&type=1'
             this.renderInfo.PRO.price = this.getPacketByPKey('EXPOREG_INVITATION_PRO_MONTH_PACKAGE').price
             this.renderInfo.PRO.button = FullBasePacket !== 'EXPOREG_INVITATION_PRO' ? '立即订购' : '续费'
-            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_PRO_MONTH_PACKAGE&type=1'
+            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_PRO_MONTH&packet_key=&type=1'
           } else {
             this.renderInfo.STARTER.price = this.getPacketByPKey('EXPOREG_INVITATION_STARTER_YEAR_PACKAGE').price
             this.renderInfo.STARTER.button = FullBasePacket !== 'EXPOREG_INVITATION_STARTER' ? '立即订购' : '续费'
-            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_STARTER_YEAR_PACKAGE&type=1'
+            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_STARTER_YEAR&packet_key=&type=1'
             this.renderInfo.PRO.price = this.getPacketByPKey('EXPOREG_INVITATION_PRO_YEAR_PACKAGE').price
             this.renderInfo.PRO.button = FullBasePacket !== 'EXPOREG_INVITATION_PRO' ? '立即订购' : '续费'
-            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_PRO_YEAR_PACKAGE&type=1'
+            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_PRO_YEAR&packet_key=&type=1'
           }
         } else {
           if (this.cycle === 'month') {
             this.renderInfo.STARTER.price = this.getPacktByKey('EXPOREG_INVITATION_STARTER_MONTH').price
             this.renderInfo.STARTER.button = FullBasePacket !== 'EXPOREG_INVITATION_STARTER' ? '升级权益' : '续费'
-            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_STARTER_MONTH&packet_key=&type=2'
+            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_STARTER_MONTH_PACKAGE&type=2'
             this.renderInfo.PRO.price = this.getPacktByKey('EXPOREG_INVITATION_PRO_MONTH').price
             this.renderInfo.PRO.button = FullBasePacket !== 'EXPOREG_INVITATION_PRO' ? '升级权益' : '续费'
-            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_PRO_MONTH&packet_key=&type=2'
+            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_PRO_MONTH_PACKAGE&type=2'
           } else {
             this.renderInfo.STARTER.price = this.getPacktByKey('EXPOREG_INVITATION_STARTER_YEAR').price
             this.renderInfo.STARTER.button = FullBasePacket !== 'EXPOREG_INVITATION_STARTER' ? '升级权益' : '续费'
-            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_STARTER_YEAR&packet_key=&type=2'
+            this.renderInfo.STARTER.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_STARTER_YEAR_PACKAGE&type=2'
             this.renderInfo.PRO.price = this.getPacktByKey('EXPOREG_INVITATION_PRO_YEAR').price
             this.renderInfo.PRO.button = FullBasePacket !== 'EXPOREG_INVITATION_PRO' ? '升级权益' : '续费'
-            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=EXPOREG_INVITATION_PRO_YEAR&packet_key=&type=2'
+            this.renderInfo.PRO.url = this.payCenterUrl + '/packet/info?app_code=EXPOREG&key=&packet_key=EXPOREG_INVITATION_PRO_YEAR_PACKAGE&type=2'
           }
         }
       }
@@ -241,34 +241,66 @@ export default Vue.extend({
             <div class="title">核心功能：</div>
           </div>
         </div>
-        <div class="list-func list">
-          <div class="detail">
-            <div class="text">快速构建高转化率、移动响应式落地页，提升潜在客户、注册量和销售额，无需开发人员。</div>
-          </div>
-          <div class="func-cont">
-            <div class="text">5个预登记落地页</div>
-          </div>
-          <div class="func-cont">
-            <div class="text">无限预登记落地页</div>
-          </div>
-          <div class="func-cont">
-            <div class="text">无限预登记落地页</div>
-          </div>
-        </div>
-        <div class="list-func list">
-          <div class="detail">
-            <div class="text">您可以将美页易搭落地页发布到任何自定义域名或 URL，并与您现有的广告系列或 URL 结构无缝集成。</div>
+        <template v-if="type==='expoReg'">
+          <div class="list-func list">
+            <div class="detail">
+              <div class="text">快速构建高转化率、移动响应式落地页，提升潜在客户、注册量和销售额，无需开发人员。</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">5个预登记落地页</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">无限预登记落地页</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">无限预登记落地页</div>
+            </div>
           </div>
-          <div class="func-cont">
-            <div class="text">可选3个模板</div>
+          <div class="list-func list">
+            <div class="detail">
+              <div class="text">美页易搭提供展会预登记模板，含访客信息、参展需求等预设字段，支持自定义表单内容与样式，快速搭建高效登记页面，助力提前锁定参展人群。</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">可选3个模板</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">可选模板不限</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">可选模板不限</div>
+            </div>
           </div>
-          <div class="func-cont">
-            <div class="text">可选模板不限</div>
+        </template>
+        <template v-else>
+          <div class="list-func list">
+            <div class="detail">
+              <div class="text">美页易搭邀请函功能可发起活动、会议等邀约，支持自定义内容、添加报名表单，还能分享至社交平台并追踪打开与转化数据，提升参与度。</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">1个会议邀请函</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">无限会议邀请函</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">无限会议邀请函</div>
+            </div>
           </div>
-          <div class="func-cont">
-            <div class="text">可选模板不限</div>
+          <div class="list-func list">
+            <div class="detail">
+              <div class="text">美页易搭提供多场景邀请函模板（活动、会议、聚会等），支持自定义文字、图片与关键信息，快速搭建美观邀请函，降低制作成本。</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">可选2个模板</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">可选模板不限</div>
+            </div>
+            <div class="func-cont">
+              <div class="text">可选模板不限</div>
+            </div>
           </div>
-        </div>
+        </template>
         <div class="list-func list">
           <div class="detail">
             <div class="text">美页易搭不会限制您的增长——每个方案都包含无限流量和转化次数。每次访客完成您的目标（例如，在落地页、网站、弹出窗口或提醒栏上点击号召性用语或提交潜在客户表单）时，都会计为一次转化。</div>

src/views/preRegManage/compEdit.vue

@@ -60,7 +60,9 @@ export default Vue.extend({
       if (this.loading) { return }
       this.loading = true
       getMyFields().then(res => {
-        this.currentData = res.data[0]
+        if (res.data.length > 0) {
+          this.currentData = res.data[0]
+        }
         this.compList = res.data
         this.loading = false
       }).catch(err => {