审核发送企业微信消息，首页优化

src/main/resources/views/layouts/v4/home/entry.js

@@ -1,18 +1,19 @@
 const entry = {
     template: /*language=HTML*/ `
         <div class="entry-wrapper">
-            <div :class="['entry-section', 'entry-section-' + section.key]" v-for="section in entrySections" :key="section.key">
-                <div class="entry-section-header">
-                    <div class="entry-section-title">
-                        <i :class="section.icon"></i>
-                        <span>{{ section.title }}</span>
-                        <em>/Applications</em>
-                    </div>
+            <div class="portal-entry-header">
+                <div class="portal-entry-tabs" role="tablist" aria-label="推荐入口">
+                    <button v-for="section in entrySections" :key="section.key"
+                            type="button" role="tab" :aria-selected="activeSection === section.key"
+                            :class="{active: activeSection === section.key}" @click="$set(this, 'activeSection', section.key)">{{ section.title }}</button>
                 </div>
+                <a class="portal-more" href="/platform/v4/apps">全部应用 <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
+            </div>
+            <div :class="['entry-section', 'entry-section-' + section.key]" v-for="section in entrySections" :key="section.key" v-show="activeSection === section.key" role="tabpanel">
 
                 <div class="apps-container">
-                    <div class="app-grid">
-                        <div class="app-item"
+                    <div class="app-grid" tabindex="0" :aria-label="section.title + '，可横向滚动浏览'">
+                        <button type="button" class="app-item"
                              v-for="(item, index) in section.list"
                              :key="item.id || index"
                              @click="openService(item, section.key)">
@@ -20,8 +21,8 @@ const entry = {
                                 <img v-if="item.picIcon" class="app-icon-img" :src="item.picIcon" alt="" />
                                 <i v-else class="fa fa-cube app-icon-fallback"></i>
                             </div>
-                            <div class="app-name">{{ item.name }}</div>
-                        </div>
+                            <div class="app-name" :title="item.name">{{ item.name }}</div>
+                        </button>
                         <el-empty class="app-empty"
                                   v-if="!section.list || section.list.length === 0"
                                   description="暂无数据"
@@ -30,10 +31,12 @@ const entry = {
                     </div>
                 </div>
             </div>
+            <slot></slot>
         </div>
     `,
     data() {
         return {
+            activeSection: 'serv',
             hasMore: true,
             entries: {
                 serv: [],
@@ -57,8 +60,8 @@ const entry = {
         this.getFavorite()
     },
     methods: {
-        // 查询推荐服务
-        async getRecommendService() {
+        // platform 固定传 PC；Result.data 为当前用户有权限的推荐服务数组。
+        getRecommendService() {
             this.$axios.post('/platform/home/listRecommendService', {platform: "PC"}).then(res => {
                 if (res.code === 0) {
                     this.entries.serv = res.data
@@ -66,8 +69,8 @@ const entry = {
             })
         },
 
-        // 获取推荐应用
-        async getRecommendApp() {
+        // platform 固定传 PC；Result.data 为当前用户可进入的推荐应用数组。
+        getRecommendApp() {
             this.$axios.post('/platform/home/listRecommendApp', {platform: "PC"}).then(res => {
                 if (res.code === 0) {
                     this.entries.app = res.data
@@ -75,8 +78,8 @@ const entry = {
             })
         },
 
-        // 获取我的收藏
-        async getFavorite() {
+        // platform 固定传 PC；Result.data 为当前用户收藏且有权限的菜单数组。
+        getFavorite() {
             this.$axios.post('/platform/home/listFavorite', {platform: "PC"}).then(res => {
                 if (res.code === 0) {
                     this.entries.fav = res.data
@@ -127,11 +130,6 @@ const entry = {
             margin-top: 22px;
         }
 
-        /* 临时屏蔽“我的收藏”分组，保留原节点和数据逻辑便于恢复 */
-        .entry-section-fav {
-            display: none;
-        }
-
         .entry-section-header {
             display: flex;
             align-items: center;