update: 交互优化

src/components/active/in-progress-active.vue

@@ -14,12 +14,12 @@ import inProgressActive from '@/components/active/in-progress-active.vue';
 
 <template>
   <div v-if="inProgressData.length" style="margin-top:-9px;">
-    <div class="flex-top-wrap">
+    <div class="flex-top-wrap" >
       <div class="separator-space">- 当前有计划中的活动，无法创建新的活动 -</div>
       <div class="alert-wrap" v-if="dueData.dueDay<=90"
         ><i class="el-icon-warning" ></i
         ><template v-if="dueData.isOverdue===0">您的分享有礼功能将在 <span class="red">{{dueData.dueDay}}</span>  天后过期，为不影响使用，请及时联系达摩运营经理购买（<span class="red">过期截止时间{{dueData.endDate|dateFilter}}</span>）</template
-        ><template v-else>您的分享有礼功能<span class="red">已过期</span>，如需继续使用，请联系达摩运营经理购买使用。</template></div>
+        ><template v-else-if="dueData.isOverdue===1">您的分享有礼功能<span class="red">已过期</span>，如需继续使用，请联系达摩运营经理购买使用。</template></div>
     </div>
     <div class="in-progress-active border-box">
       <ul>

src/view/shareIndex/index.vue

@@ -10,11 +10,11 @@
   <div class="share-index common-wrap">
     <div class="right-content border-box">
       <div v-if="canCreate">
-           <div class="flex-top-wrap">
-      <div class="separator-space">- 当前无进行中的活动，请创建活动，别让业绩白白流失！ -</div>
-      <div class="alert-wrap" v-if="dueData.isOverdue===0"
-        ><i class="el-icon-warning" ></i>您的分享有礼功能将在 <span class="red">{{dueData.dueDay}}</span>  天后过期，为不影响使用，请及时联系达摩运营经理购买（<span class="red">过期截止时间{{dueData.endDate|dateFilter}}</span>）</div>
-    </div>
+        <div class="flex-top-wrap" v-if="dueData.isOverdue===0">
+          <div class="separator-space">- 当前无进行中的活动，请创建活动，别让业绩白白流失！ -</div>
+          <div class="alert-wrap" v-if="dueData.dueDay<=90"
+            ><i class="el-icon-warning" ></i>您的分享有礼功能将在 <span class="red">{{dueData.dueDay}}</span>  天后过期，为不影响使用，请及时联系达摩运营经理购买（<span class="red">过期截止时间{{dueData.endDate|dateFilter}}</span>）</div>
+        </div>
         <active-select :isOverdue="dueData.isOverdue"></active-select>
       </div>
       <div>