添加查看更多

src/components/schoolArea.vue

@@ -38,15 +38,6 @@ export default {
 	data() {
 		return {
 			activeSchool: "",
-			priSchList: [
-				"通新岭校区",
-				"百花校区",
-				"玮鹏校区",
-				"园岭校区",
-				"众孚校区",
-				"八卦岭校区",
-			],
-			midList: ["笔架山学校"],
 		};
 	},
 	computed: {

src/components/topPage.vue

@@ -111,6 +111,21 @@
                             <img style="width: 20px;" src="../assets/img/cha.svg" alt="">
                         </div> -->
                     </div>
+                    <div class="footListCon" @click="lookMore">
+                        <div class="footListConimg">
+                            <i style="color: #1662E4;font-size: 22px;" class="el-icon-more"></i>
+                        </div>
+                        <div class="TabListName">
+                            <span>
+                               查看更多
+                            </span>
+                        </div>
+                        <div class="TabListBri">
+                                <span>
+                                    点击查看更多应用
+                                </span>
+                        </div>
+                    </div>
                 </div>
 
                 <div v-if="CocoFlowList.length" class="footList2">
@@ -175,7 +190,7 @@
         </div>
 
         <!-- 常见应用弹框 -->
-        <!-- <el-dialog
+        <el-dialog
         title="应用列表"
         :visible.sync="dialogVisible"
         class="moreDia"
@@ -183,8 +198,8 @@
         :modal="false"
         width="60%"
         :before-close="handleClose">
-            <div v-loading="loading" style="display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 16px;height: 300px;overflow: auto;">
-                <div v-for="(item,index) in isAdd(usuallyList)" class="tabCon" @click="addApp(item.id)"  :key="index+'6p'" style="min-width: 308px;">
+            <div v-loading="loading" style="display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 16px;height: 100%;overflow: auto;">
+                <div v-for="(item,index) in isAdd(usuallyList)" class="tabCon" @click="gotoBanner(item.url)"  :key="index+'6p'" style="min-width: 308px;">
                         <div class="AppList">
                             <img class="appImg" :src="JSON.parse(item.json).icon" alt="">
                             <div class="con">
@@ -197,17 +212,13 @@
                                     </el-tooltip>
                                 </div>
                             </div>
-                            <div style="position: absolute;top: 6px;right: 15px;" v-if="tab.includes(item.id)">
+                            <!-- <div style="position: absolute;top: 6px;right: 15px;" v-if="tab.includes(item.id)">
                                 <img style="width: 20px;" src="../assets//img/dui.svg" alt="">
-                            </div>
+                            </div> -->
                     </div>
                 </div>
             </div>
-            <div style="height: 45px;line-height: 45px;text-align: end;">
-                <el-button @click="handleClose">取消</el-button>
-                <el-button @click="addUsuallyApp" style="background-color: #0663FE;" type="primary">确认</el-button>
-            </div>
-        </el-dialog> -->
+        </el-dialog>
     </div>
 </template>
 
@@ -405,9 +416,9 @@ import { myMixin } from "@/mixins/mixin.js"
                             
                             let appli = appList.map(id => _data.find(item => item.id === id));
                             console.log('appli',appli);
-                            
+                            let allCon = appli.filter(Boolean);
 
-                            this.admincocoFlow = appli.filter(Boolean);
+                            this.admincocoFlow = allCon.slice(0,7)
 
 
                         })
@@ -492,13 +503,38 @@ import { myMixin } from "@/mixins/mixin.js"
 
                 // // 基本用法：打开指定 URL
                 window.open(val.url, "_blank");
+            },
+             // 打开常见应用弹框
+            lookMore(){
+                this.dialogVisible = true
+                this.loading = true
+                let params = [
+                    {
+                        functionName: API_CONFIG.ajax_usuallyApp.functionName,
+                        uid: this.roleUser.userid, 
+                        cn: this.roleUser.schoolArea ? this.roleUser.schoolArea : this.roleUser.orgArea, //学校id
+                    },
+                ];
+                
+                this.$ajax
+                    .post(API_CONFIG.baseUrl, params)
+                    .then((res) => {
+                        this.usuallyList = res.data[0]
+                        this.loading = false
+
+                    })
+                    .catch((err) => {
+                        console.log(err);
+                        this.loading = false
+                        this.$message.error("获取工具数据失败");
+                    });
+            },
+            handleClose(){
+                this.usuallyList= []
+                this.dialogVisible = false
             },
             //#region 
-             // handleClose(){
-            //     this.usuallyList= []
-            //     this.tab= []
-            //     this.dialogVisible = false
-            // },
+
              // 弹框选择添加应用
             // addApp(val){
             //     // let data = this.CocoFlowList.filter(e=>{
@@ -581,31 +617,7 @@ import { myMixin } from "@/mixins/mixin.js"
             //         // 取消操作
             //     });
             // },
-            // 打开常见应用弹框
-            // openUsuallyApp(){
-            //     this.dialogVisible = true
-            //     this.loading = true
-            //     let params = [
-            //         {
-            //             functionName: API_CONFIG.ajax_usuallyApp.functionName,
-            //             uid: this.roleUser.userid, 
-            //             cn: this.roleUser.schoolArea ? this.roleUser.schoolArea : this.roleUser.orgArea, //学校id
-            //         },
-            //     ];
-                
-            //     this.$ajax
-            //         .post(API_CONFIG.baseUrl, params)
-            //         .then((res) => {
-            //             this.usuallyList = res.data[0]
-            //             this.loading = false
-
-            //         })
-            //         .catch((err) => {
-            //             console.log(err);
-            //             this.loading = false
-            //             this.$message.error("获取工具数据失败");
-            //         });
-            // },
+           
             //#endregion
         },
     }
@@ -877,7 +889,7 @@ import { myMixin } from "@/mixins/mixin.js"
     border-radius: 10px;
 }
 .moreDia >>> .el-dialog__body{
-    height: 345px;
+    height: 500px;
     /* overflow: auto; */
     border-top: 1px #e7e7e7 solid;
 }