vue可视化修改前

display_model_for_smartagriculture/src/utils/request.js

@@ -0,0 +1,45 @@
+// import axios from 'axios'
+// import
+// // 创建可一个新的axios对象
+// const request = axios.create({
+//     baseURL: process.env.VUE_APP_BASEURL,   // 后端的接口地址  ip:port
+//     timeout: 30000                          // 30s请求超时
+// })
+//
+// // request 拦截器
+// // 可以自请求发送前对请求做一些处理
+// // 比如统一加token，对请求参数统一加密
+// request.interceptors.request.use(config => {
+//     config.headers['Content-Type'] = 'application/json;charset=utf-8';        // 设置请求头格式
+//     let user = JSON.parse(localStorage.getItem("xm-user") || '{}')  // 获取缓存的用户信息
+//     config.headers['token'] = user.token  // 设置请求头
+//
+//     return config
+// }, error => {
+//     console.error('request error: ' + error) // for debug
+//     return Promise.reject(error)
+// });
+//
+// // response 拦截器
+// // 可以在接口响应后统一处理结果
+// request.interceptors.response.use(
+//     response => {
+//         let res = response.data;
+//
+//         // 兼容服务端返回的字符串数据
+//         if (typeof res === 'string') {
+//             res = res ? JSON.parse(res) : res
+//         }
+//         if (res.code === '401') {
+//
+//         }
+//         return res;
+//     },
+//     error => {
+//         console.error('response error: ' + error) // for debug
+//         return Promise.reject(error)
+//     }
+// )
+//
+//
+// export default request

vue/src/views/Manager.vue

@@ -82,7 +82,13 @@
             <template slot="title">
               <i class="el-icon-menu"></i><span>报表</span>
             </template>
-            <el-menu-item index="/charts"  @click.native="this.$router.push('/charts')">跳转报表</el-menu-item>
+            <template>
+              <div class="centered-link">
+                <el-link :href="linkUrl">
+                  <span class="custom-link">可视化页面</span>
+                </el-link>
+              </div>
+            </template>
           </el-submenu>
         </el-menu>
       </div>
@@ -102,6 +108,7 @@ export default {
   data() {
     return {
       user: JSON.parse(localStorage.getItem('xm-user') || '{}'),
+      linkUrl: 'http://localhost:3000/#/index',
     }
   },
   created() {
@@ -127,5 +134,17 @@ export default {
 </script>
 
 <style scoped>
+.centered-link {
+  display: flex;
+  justify-content: center;
+}
+
+.custom-link {
+  color: red; /* 设置链接文本颜色为红色 */
+  text-decoration: underline; /* 添加下划线效果 */
+  cursor: pointer; /* 修改鼠标指针样式为手型 */
+  font-size: 16px; /* 设置字体大小为16像素 */
+  /* 这里你可以添加其他样式以符合你的设计需求 */
+}
 @import "@/assets/css/manager.css";
 </style>

vue/src/views/manager/AI/Charts.vue

@@ -6,8 +6,7 @@ export default {
 
 <template>
 <div>
-  你也可以自己跳转到一个单独用来展示报表的界面，而不是说子界面
-  报表界面
+
 </div>
 </template>