网格员积分应用名称可随菜单变化

packages/conv/creditScore/AppGridMemberScore/AppGridMemberScore.vue

@@ -19,8 +19,8 @@ export default {
     instance: Function,
     dict: Object,
     permissions: Function,
+    menuName: {default: "网格员积分"}
   },
-
   computed: {
     currentPage() {
       let {hash} = this.$route

packages/conv/creditScore/AppGridMemberScore/components/gmScore.vue

@@ -1,7 +1,7 @@
 <template>
   <ai-list class="AppGridMemberScore">
     <template slot="title">
-      <ai-title title="网格员积分" :isShowBottomBorder="false" :instance="instance" >
+      <ai-title :title="menuName" :isShowBottomBorder="false" :instance="instance">
         <template slot="sub">
           <div>网格员可通过完成某些任务获取一定数量的积分，积分可去兑换相应的奖励。</div>
         </template>
@@ -10,8 +10,7 @@
     <template slot="tabs">
       <el-tabs v-model="currIndex">
         <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
-          <component :is="tab.comp" v-if="currIndex === String(i)" :ref="tab.name" v-on="$listeners"
-                     :areaId="areaId" :instance="instance" :dict="dict" :permissions="permissions"/>
+          <component :is="tab.comp" v-if="currIndex === String(i)" :ref="tab.name" v-on="$listeners" :areaId="areaId" v-bind="$props"/>
         </el-tab-pane>
       </el-tabs>
     </template>
@@ -25,8 +24,7 @@ import gridScoreStatistics from './gridScoreStatistics.vue'
 import {mapState} from 'vuex'
 
 export default {
-  name: 'AppGridMemberScore',
-  label: "网格员积分",
+  name: 'gmScore',
   components: {
     girdScoreManage,
     gridScoreRules,
@@ -36,6 +34,7 @@ export default {
     instance: Function,
     dict: Object,
     permissions: Function,
+    menuName: String
   },
 
   data() {
@@ -74,9 +73,7 @@ export default {
     this.areaId = this.user.info.areaId
     // this.$dict.load("")
   },
-  methods: {
-    
-  },
+  methods: {},
 
 }
 </script>

packages/conv/creditScore/AppGridMemberScore/components/gridScoreDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="gridScoreDetail">
-    <ai-title slot="title" title="网格员积分详情" isShowBottomBorder :isShowBack="true" @onBackClick="cancel(false)"/>
+    <ai-title slot="title" :title="`${menuName}详情`" isShowBottomBorder :isShowBack="true" @onBackClick="cancel(false)"/>
     <el-row style="margin-top: 20px;">
       <div class="card_list">
         <div class="card">
@@ -21,7 +21,9 @@
       <div class="title">
         <h4>事件汇总</h4>
         <div class="timecSelect">
-          时间：<el-date-picker size="small" value-format="yyyy-MM-dd" @change="timeChange" v-model="timeList" type="daterange" range-separator="至" :start-placeholder="startPla" :end-placeholder="endPla"></el-date-picker>
+          时间：
+          <el-date-picker size="small" value-format="yyyy-MM-dd" @change="timeChange" v-model="timeList" type="daterange" range-separator="至"
+                          :start-placeholder="startPla" :end-placeholder="endPla"></el-date-picker>
         </div>
       </div>
       <div class="bar_Box">
@@ -73,6 +75,7 @@
 <script>
 import dayjs from "dayjs";
 import * as echarts from 'echarts';
+
 export default {
   name: "gridScoreDetail",
   data() {
@@ -102,6 +105,7 @@ export default {
     instance: Function,
     dict: Object,
     permissions: Function,
+    menuName: String
   },
 
   computed: {
@@ -121,8 +125,7 @@ export default {
       this.getIntegralChange()
       this.getEventSummary()
       let nowTime = dayjs().format('YYYY-MM-DD')
-      let timeAgo = dayjs().subtract(29, 'day').format('YYYY-MM-DD')
-      this.startPla = timeAgo
+      this.startPla = dayjs().subtract(29, 'day').format('YYYY-MM-DD')
       this.endPla = nowTime
     })
 
@@ -273,8 +276,10 @@ export default {
   padding: 0 20px;
   box-sizing: border-box;
   overflow-y: scroll;
+
   .card_list {
     display: flex;
+
     .card {
       flex: 1;
       height: 96px;
@@ -284,30 +289,37 @@ export default {
       margin-right: 20px;
       padding: 16px 24px;
       box-sizing: border-box;
+
       h2 {
         color: #888888;
         font-weight: 600;
         font-size: 16px;
       }
+
       p {
         margin-top: 8px;
         font-size: 24px;
         font-weight: 600;
       }
+
       .color1 {
         color: #2891FF;
       }
+
       .color2 {
         color: #22AA99;
       }
+
       .color3 {
         color: #F8B425;
       }
     }
+
     .card:last-child {
       margin-right: 0;
     }
   }
+
   .echertsBox {
     width: 100%;
     margin-top: 20px;
@@ -316,12 +328,13 @@ export default {
     border-radius: 4px;
     padding: 16px;
     box-sizing: border-box;
+
     .title {
       display: flex;
       justify-content: space-between;
+
       h4 {
         color: #222222;
-        font-style: 16px;
         font-weight: 600;
       }
 
@@ -329,6 +342,7 @@ export default {
 
     .bar_Box {
       width: 100%;
+
       #chartDom {
         width: 100%;
         height: 230px;

packages/conv/creditScore/AppGridMemberScore/components/gridScoreManage.vue

@@ -12,7 +12,7 @@
             <el-input size="small" placeholder="姓名" v-model="search.userName" clearable
               @clear="current = 1, search.userName = '', getTableData()" suffix-icon="iconfont iconSearch"
               v-throttle="() => {(current = 1), getTableData();}"/>
-            <ai-download :instance="instance" url="/app/appintegraluser/girdIntegralExport" :params="search" fileName="网格员积分"
+            <ai-download :instance="instance" url="/app/appintegraluser/girdIntegralExport" :params="search" :fileName="menuName"
                          :disabled="tableData.length == 0">
               <el-button size="small">导出</el-button>
             </ai-download>
@@ -77,6 +77,7 @@ export default {
     instance: Function,
     dict: Object,
     permissions: Function,
+    menuName:String
   },
   data() {
     return {