update: 计费中心菜单调整

src/views/recharge/account-detail.vue

 <template>
   <div>
     <div class="dm-wrap">
+      <el-alert type="warning" show-icon :closable="false" style="margin-bottom: 20px;align-items: flex-start;">
+        <div slot="title">
+          多账户模式”下，系统将根据所配置的计费规则将通讯费用按照下方的“独立计费部门”进行汇总核算及扣除费用：<br />
+          1、计费规则中：费用由“会员所属服务门店”、“导购所在门店”承担时，最终都会根据门店所属的“独立计费部门”进行汇总核算和扣除，若产生费用时会员无服务门店，则由总部承担费用；<br />
+          2、计费规则中：费用由“活动创建人”承担时，会根据该管理员所属的“独立计费部门”进行汇总核算和扣除；<br />
+          注意：若管理员或门店所归属的部门未被设置为“独立计费部门”，则系统将依次向其上级部门查询是否被设置为独立计费部门，查询不到则记录到“企业总部”账上；
+        </div>
+      </el-alert>
       <div class="top">
         <div class="left">
           <el-input v-model="search.departName" placeholder="请输入部门名称" prefix-icon="el-icon-search" style="width: 260px" clearable @change="onSearch" />
@@ -81,28 +89,6 @@ export default {
   async created() {
     this.getTableHeader();
     this.resetData();
-    this.$store.commit('mutations_breadcrumb', [
-      { name: '企业管理', path: '' },
-      { name: '计费中心', path: '/recharge/board' },
-      { name: '账户明细', path: '' }
-    ]);
-  },
-  mounted() {
-    this.$store.commit(
-      'mutations_layoutTips',
-      `<div class="layout--tips" style="display: flex">
-          <i class="iconfont icon-warning-circle-fill" style="margin-top: -3px"></i>
-          <div class="ml5">
-           “多账户模式”下，系统将根据所配置的计费规则将通讯费用按照下方的“独立计费部门”进行汇总核算及扣除费用：<br />
-            1、计费规则中：费用由“会员所属服务门店”、“导购所在门店”承担时，最终都会根据门店所属的“独立计费部门”进行汇总核算和扣除，若产生费用时会员无服务门店，则由总部承担费用；<br />
-            2、计费规则中：费用由“活动创建人”承担时，会根据该管理员所属的“独立计费部门”进行汇总核算和扣除；<br />
-            注意：若管理员或门店所归属的部门未被设置为“独立计费部门”，则系统将依次向其上级部门查询是否被设置为独立计费部门，查询不到则记录到“企业总部”账上；
-          </div>
-      </div>`
-    );
-  },
-  beforeDestroy() {
-    this.$store.commit('mutations_layoutTips', '');
   },
   methods: {
     // table-methods

src/views/recharge/board.vue

@@ -8,9 +8,11 @@
   -->
   <section class="recharge">
     <div class="dm-wrap" style="margin-bottom: 12px">
-      <div class="flex_between">
-        <h3 class="title">账户概览</h3>
-        <el-button v-if="$getButtonLimit($buttonCode.marketingAccountRule)" :limit-code="$buttonCode.marketingAccountRule" class="h32 ghost-btn" type="primary" @click="setRuleVisible = true">计费规则配置</el-button>
+      <div class="dm-title__label">
+        账户概览
+        <div style="float: right">
+          <el-button v-if="$getButtonLimit($buttonCode.marketingAccountRule)" :limit-code="$buttonCode.marketingAccountRule" class="h32 ghost-btn" type="primary" @click="setRuleVisible = true">计费规则配置</el-button>
+        </div>
       </div>
       <div class="money_wrap">
         <div class="current">
@@ -38,8 +40,8 @@
         </div>
       </div>
     </div>
-    <div class="dm-wrap" style="margin: 12px 24px">
-      <h3 class="title">今日消费</h3>
+    <div class="dm-wrap" style="">
+      <h3 class="dm-title__label border-top">今日消费</h3>
       <select-depart v-if="config.isMoreAccount && config.showAllDepartment" :data="deparment1" class="mb20" @load="() => load('one')" @getDepartId="id => getDepartId(id, 'one')" @remote-search="val => remoteSearch(val, 'one')" :loading="deparment1.loading" />
       <el-row class="recharge-today" :gutter="20" v-loading="loading1">
         <el-col :span="8" style="padding: 0 2px">
@@ -437,13 +439,6 @@ export default {
     }
   }
 }
-.title {
-  font-size: 16px;
-  color: #303133;
-  line-height: 22px;
-  font-weight: 600;
-  margin-bottom: 24px;
-}
 .money_wrap {
   display: flex;
   .current,

src/views/recharge/consume.vue

@@ -395,8 +395,6 @@ export default {
     this.deparment.departId = config.accountDepartId;
     await this.getRule(); // 该接口调取完后select-depart组件挂载所以在之前一步初始化departId
     this.loadAll();
-    const pageName = this.$route.params.type == 'marketing' ? '短信营销消费详情' : this.$route.params.type == 'sms' ? '短信验证码消费详情' : '双向呼叫消费详情';
-    this.$store.commit('mutations_breadcrumb', [{ name: '企业管理', path: '' }, { name: '计费中心', path: '/recharge' }, { name: pageName, path: '' }]); // eslint-disable-line
   },
   methods: {
     setInputWidth() {

src/views/recharge/recharge.vue

@@ -100,7 +100,6 @@ export default {
   },
   created() {
     this.rechargeStep0();
-    this.$store.commit('mutations_breadcrumb', [{ name: '企业管理', path: '' }, { name: '计费中心', path: '/recharge' }, { name: '充值', path: '' }]); // eslint-disable-line
   },
   components: {
     VueQr

src/views/recharge/record.vue

@@ -101,7 +101,6 @@ export default {
   },
   async created() {
     this.getDepartmentList();
-    this.$store.commit('mutations_breadcrumb', [{ name: '企业管理', path: '' }, { name: '计费中心', path: '/recharge' }, { name: '记录', path: '' }]); // eslint-disable-line
     const config = await this.getAuth(); // rechartge_mixin
     this.deparment.departId = this.$route.query.id || config.accountDepartId;
     await this.getRule(); // 该接口调取完后select-depart组件挂载所以在之前一步初始化departId