修改

src/components/webFooter/index.vue

@@ -2,22 +2,23 @@
   <div class="webFooter">
     <div class="wrap">
       <el-row>
-        <el-col :span="4">
-          <div class="tit">解决方案</div>
-          <p><a href="">大型企业服务</a></p>
-          <p><a href="">科研院所服务</a></p>
-          <p><a href="">政府区域服务</a></p>
-        </el-col>
-        <el-col :span="4">
-          <div class="tit">创新服务</div>
-          <p><a href="">科技快报</a></p>
-          <p><a href="">海外人才推荐</a></p>
+        <el-col :span="4" v-for="(item, index) in state.list" :key="index">
+          <div class="tit">{{ item.title }}</div>
+          <p v-for="(item2, index2) in item.children" :key="index2">
+            <a :href="item2.link" target="_black">{{ item2.title }}</a>
+          </p>
         </el-col>
         <el-col :span="8">
           <div class="tit">联系我们</div>
-          <p><a href="">客服电话：400-666-8888</a></p>
-          <p><a href="">邮箱：zhongkeyun@163.cn</a></p>
-          <p><a href="">地址：安徽省合肥市科大讯飞大楼</a></p>
+          <p>
+            <a href="">客服电话：{{ state.mobile }}</a>
+          </p>
+          <p>
+            <a href="">邮箱：{{ state.email }}</a>
+          </p>
+          <p>
+            <a href="">地址：{{ state.address }}</a>
+          </p>
         </el-col>
         <!-- <el-col :span="4" style="text-align: center;">
                     <div class="tit">二维码</div>
@@ -33,7 +34,41 @@
 </template>
 
 <script setup lang="ts">
+import request from "@/utils/request";
 import { onMounted, reactive, watch } from "vue";
+function navigation() {
+  return request({
+    url: "/v1/sys/navigation",
+  });
+}
+function config(params) {
+  return request({
+    url: "/v1/config",
+    params,
+  });
+}
+const state = reactive({
+  list: [],
+  mobile: "",
+  email: "",
+  address: "",
+});
+function getNavigation() {
+  navigation().then((res) => {
+    if (200 == res.code) {
+      state.list = res.data;
+    }
+  });
+}
+function getConfig() {
+  config({ key: "mobile,email,address" }).then((res) => {
+    state.mobile = res.data.mobile.value;
+    state.email = res.data.email.value;
+    state.address = res.data.address.value;
+  });
+}
+getNavigation();
+getConfig();
 </script>
 
 <style lang="scss" scoped>