API布局格式

src/api/port/port/index.js

@@ -94,3 +94,10 @@ export function findConnectorUserList(data) {
     data:data
   })
 }
+//API页面类型分类
+export function findConnectSort() {
+  return request({
+    url: '/mart/connector/findConnectSort',
+    method: 'get'
+  })
+}

src/views/port/port/employee.vue

@@ -6,14 +6,8 @@
           <el-menu-item-group>
             <span style="font-weight: bold;font-size: 25px;">全部类型：</span>
           </el-menu-item-group>
-          <el-menu-item-group>
-            <el-link type="primary" style="font-weight: bold;font-size: 20px;">电子商务</el-link>
-          </el-menu-item-group>
-          <el-menu-item-group>
-            <el-link type="primary" style="font-weight: bold;font-size: 20px;">应用开发</el-link>
-          </el-menu-item-group>
-          <el-menu-item-group>
-            <el-link type="primary" style="font-weight: bold;font-size: 20px;">生活服务</el-link>
+          <el-menu-item-group v-for="i in connectSort" :key="i.value" :label="i.connectorSort" :value="i.connectorSort" :disabled="item.disabled">>
+            <el-link type="primary" style="font-weight: bold;font-size: 20px;" v-model="connectSort.connectorSort"></el-link>
           </el-menu-item-group>
         </el-menu>
       </el-aside>
@@ -237,6 +231,7 @@ import {getPostcode} from "@/api/port/port";
 import {getWeather} from "@/api/port/port";
 import {doBuyInterface} from "@/api/port/port";
 import {userBalance} from "@/api/system/user";
+import {findConnectSort} from "@/api/port/port";
 export default {
   //import引入的组件需要注入到对象中才能使用"
   components: {},
@@ -254,6 +249,7 @@ export default {
         children:"citys",
         label:'provinceName',
       },
+      connectSort:[],
       connectorList:[],
       gridData:[],
       gridData2:[],
@@ -483,12 +479,19 @@ export default {
         this.connectorList=res.data;
         console.log(res.data);
       })
+    },
+    findConnectSort(){
+      findConnectSort().then((res)=>{
+        this.connectSort=res.data;
+        console.log(this.connectSort);
+      })
     }
   },
   //生命周期 - 创建完成（可以访问当前this实例）",
   created() {
     this.fetchUserBalance();
     this.findApiList();
+    this.findConnectSort()
   },
   //生命周期 - 挂载完成（可以访问DOM元素）",
   mounted() {