集团商户 横栏提醒

src/components/notice/expire-dialog.vue

@@ -14,7 +14,10 @@ export default {
     return {};
   },
   props: {
-    visible: false,
+    visible: {
+      type: Boolean,
+      default: false
+    },
     list: []
   },
   methods: {

src/components/notice/notice.vue

@@ -2,20 +2,18 @@
   <div>
     <el-alert v-if="showNotice" class="notice-box" type="warning" show-icon @close="onClose">
       <div class="notice-content" slot="title">
-        <div
-          class="expire-tip"
-          v-if="expireTip.show"
-          :style="{
-            'max-width': rechargeTip.show ? 'calc(100% - 500px)' : '100%'
-          }"
-        >
+        <div class="expire-tip" v-if="expireTip.show" :style="{
+          'max-width': rechargeTip.show ? 'calc(100% - 500px)' : '100%'
+        }">
           {{ expireTip.content }}
-          <el-button type="text" class="more-btn" @click="showDialog = true" v-if="expireTip.showButton">更多到期时间<i class="iconfont-components3 icon-cp-right"></i></el-button>
+          <el-button type="text" class="more-btn" @click="showDialog = true" v-if="expireTip.showButton">更多到期时间<i
+              class="iconfont-components3 icon-cp-right"></i></el-button>
         </div>
         <div v-if="expireTip.show && rechargeTip.show" class="separator"></div>
         <div v-if="rechargeTip.show" class="recharge-tip">
           当前账户已欠费，为不影响正常的通讯业务，请及时充值。
-          <el-button type="text" class="rechange-btn" @click="toRecharge">前往充值中心<i class="iconfont-components3 icon-cp-right"></i></el-button>
+          <el-button type="text" class="rechange-btn" @click="toRecharge">前往充值中心<i
+              class="iconfont-components3 icon-cp-right"></i></el-button>
         </div>
       </div>
     </el-alert>
@@ -76,7 +74,6 @@ export default {
       getExpireData({
         serviceType
       }).then((res) => {
-        console.log(res);
         const { errorCode, result } = res.data || {};
         if (errorCode != 0) return;
         let { otherExpireServices, expireStatus, expireDayStr, allExpire, clique } = result;
@@ -130,6 +127,7 @@ export default {
 .notice-box /deep/ .el-alert__content {
   width: 100%;
 }
+
 .notice-box .notice-content {
   display: flex;
   justify-content: flex-start;
@@ -151,10 +149,12 @@ export default {
   font-weight: 500;
   color: #fa8c16;
 }
+
 .notice-box .recharge-tip .rechange-btn /deep/ span {
   display: flex;
   align-items: center;
 }
+
 .notice-box .separator {
   margin: 0 25px;
   width: 2px;
@@ -168,6 +168,7 @@ export default {
   white-space: nowrap;
   font-weight: 600;
 }
+
 .notice-box .more-btn {
   margin-left: 12px;
   font-weight: 500;

src/components/notice/serviceUtil.js

@@ -19,18 +19,18 @@ const config = {
   '/gic-web/#/memberCardSet': {
     serviceName: '付费会员',
     serviceType: 7
-  },
-}
+  }
+};
 
 const defaultService = {
   serviceType: 11,
   serviceName: '商户'
-}
+};
 
 function getService(key) {
-  return config[key] || defaultService
+  return config[key] || defaultService;
 }
 
 export function getCurrentService() {
-  return getService(window.location.pathname + window.location.hash)
+  return getService(window.location.pathname + window.location.hash);
 }

src/view/index/index.vue

@@ -69,8 +69,7 @@ export default {
     log('pathname:', that.pathName, this.$route.path);
 
     that.contentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 64 + 'px';
-  },
-  components: { Notice }
+  }
 };
 </script>
 <style lang="less">