fix: 全局高度样式调整

src/App.vue

@@ -5,11 +5,16 @@
 <script setup>
 import useSettingsStore from '@/store/modules/settings'
 import { handleThemeStyle } from '@/utils/theme'
-
+const screenHeight = ref(window.innerHeight-145);
 onMounted(() => {
   nextTick(() => {
     // 初始化主题样式
     handleThemeStyle(useSettingsStore().theme)
+    window.addEventListener('resize', handleResize);
   })
 })
+function handleResize() {
+  screenHeight.value = window.innerHeight-145;
+}
+provide('globalScreenHeight', screenHeight);
 </script>

src/components/Breadcrumb/index.vue

@@ -2,8 +2,8 @@
   <el-breadcrumb class="app-breadcrumb" separator="/">
     <transition-group name="breadcrumb">
       <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
-        <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{ item.meta.title }}</span>
-        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+        <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect" >{{ item.meta.title }}</span>
+        <a v-else @click.prevent="handleLink(item)" style="color: #fff;">{{ item.meta.title }}</a>
       </el-breadcrumb-item>
     </transition-group>
   </el-breadcrumb>
@@ -52,14 +52,17 @@ getBreadcrumb();
 </script>
 
 <style lang='scss' scoped>
+.el-breadcrumb__separator{
+  color: #fff;
+}
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
   font-size: 14px;
   line-height: 50px;
   margin-left: 8px;
-
+  color: #fff;
   .no-redirect {
-    color: #97a8be;
+    color: #fff;
     cursor: text;
   }
 }

src/components/Hamburger/index.vue

@@ -3,12 +3,13 @@
     <svg
       :class="{'is-active':isActive}"
       class="hamburger"
+      style="color: #fff;"
       viewBox="0 0 1024 1024"
       xmlns="http://www.w3.org/2000/svg"
       width="64"
       height="64"
     >
-      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
+      <path id="mySvg" d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
     </svg>
   </div>
 </template>
@@ -25,6 +26,13 @@ const emit = defineEmits()
 const toggleClick = () => {
   emit('toggleClick');
 }
+
+onMounted(() => {
+  const element = document.getElementById('mySvg');
+  element.style.fill = '#fff';
+})
+
+
 </script>
 
 <style scoped>

src/layout/components/Navbar.vue

@@ -12,15 +12,15 @@
           <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
         </el-tooltip> -->
 
-        <el-tooltip content="文档地址" effect="dark" placement="bottom">
+        <!-- <el-tooltip content="文档地址" effect="dark" placement="bottom">
           <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
+        </el-tooltip> -->
 
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
-        <el-tooltip content="布局大小" effect="dark" placement="bottom">
+        <!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
+        </el-tooltip> -->
       </template>
       <div class="avatar-container">
         <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">

src/router/index.js

@@ -57,19 +57,19 @@ export const constantRoutes = [
     component: () => import('@/views/error/401'),
     hidden: true
   },
-  {
-    path: '',
-    component: Layout,
-    redirect: '/index',
-    children: [
-      {
-        path: '/index',
-        component: () => import('@/views/index'),
-        name: 'Index',
-        meta: { title: '工作台', icon: 'dashboard', affix: true }
-      }
-    ]
-  },
+  // {
+  //   path: '',
+  //   component: Layout,
+  //   redirect: '/index',
+  //   children: [
+  //     {
+  //       path: '/index',
+  //       component: () => import('@/views/index'),
+  //       name: 'Index',
+  //       meta: { title: '工作台', icon: 'dashboard', affix: true }
+  //     }
+  //   ]
+  // },
   {
     path: '/user',
     component: Layout,

src/views/alarmControl/index.vue

@@ -3,7 +3,7 @@
       <TabTitle :text="nowText" />
       <el-row :gutter="10">
         <el-col :xs="24" :sm="24" :md="24" :lg="24">
-          <el-scrollbar height="730px">
+          <el-scrollbar :height="globalScreenHeight+'px'">
             <el-card class="right-list">
             <template v-slot:header>
               <el-form :model="queryParams" ref="queryRef" :inline="true" >
@@ -113,6 +113,7 @@
   import alarmDetial from './components/form.vue'
   import { ArrowDown } from '@element-plus/icons-vue'
   import { Search } from '@element-plus/icons-vue'
+  const globalScreenHeight = inject('globalScreenHeight');
   const router = useRouter();
   const alarmDetialRef = ref(null)
   const nowText=ref('告警管理')

src/views/algorithmControl/components/form.vue

 <template>
+  <div>
     <el-dialog
       v-model="open"
       :title="title"
@@ -457,6 +458,8 @@
         </div>
       </template>
     </el-dialog>
+  </div>
+  
 </template>
 
 <script setup>

src/views/algorithmControl/index.vue

@@ -2,7 +2,7 @@
     <div class="app-container">
        <TabTitle :text="nowText" />
 
-       <el-card class="left-list">
+       <el-card class="left-list" :style="{height:globalScreenHeight+'px'}">
         <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
           <el-form-item label="算法名称" prop="algorithmName">
              <el-input
@@ -110,7 +110,7 @@
           @pagination="getList"
        />
        </el-card>
-       <algForm ref="algFormRef"  @getList="getList"/>
+       <algForm ref="algFormRef"  @getList1="getList"/>
     </div>
  </template>
  
@@ -120,7 +120,7 @@
  const router = useRouter();
  const { proxy } = getCurrentInstance();
  const { algorithm_scen, sys_job_status } = proxy.useDict("algorithm_scen", "sys_job_status");
- 
+ const globalScreenHeight = inject('globalScreenHeight');
  const algFormRef = ref(null)
  const nowText = ref("算法管理");
  const algList = ref([]);

src/views/algorithmList/components/details.vue

@@ -20,8 +20,8 @@
                   {{form.cardCopywriting}}
                 </p>
               </div> 
-              <div style="width: 400px;height: 225px;" >
-                <video  v-if="videoLoading" controls ref="videoEle" class="drawImg">
+              <div style="width: 400px;height: 225px;overflow: hidden;" >
+                <video  v-if="videoLoading" controls ref="videoEle" class="drawImg" width="100%" style="border-radius: 10px;">
                   <source :src="backVideo" type="video/mp4" />
                 </video>
               </div> 

src/views/algorithmList/index.vue

@@ -22,7 +22,7 @@
       </div>
       <el-row :gutter="10">
         <el-col :xs="0" :sm="2" :md="3" :lg="4">
-          <el-card class="left-list">
+          <el-card class="left-list" style="height: 100%;">
             <el-menu
               default-active="2"
               class="el-menu-vertical-demo"
@@ -41,7 +41,7 @@
           </el-card>
         </el-col>
         <el-col :xs="24" :sm="20" :md="20" :lg="20">
-          <el-scrollbar height="710px">
+          <el-scrollbar :height="globalScreenHeight+'px'">
             <el-card class="right-list">
             <template v-slot:header>
               <div class="cleartitle" style="justify-content: flex-start">
@@ -146,53 +146,13 @@
   const { algorithm_scen, sys_job_status } = proxy.useDict("algorithm_scen", "sys_job_status");
   import { ArrowDown } from '@element-plus/icons-vue'
   import { Search } from '@element-plus/icons-vue'
+  const globalScreenHeight = inject('globalScreenHeight');
   const router = useRouter();
   const algorithmDownRef = ref(null)
   const nowText=ref('算法管理')
   const nowTopTitle=ref('算法管理')
   const ids = ref([]);
-  const algorithmList=reactive([
-    {
-      name:"我的算法",
-      value:1
-    },
-    {
-      name:"最新算法",
-      value:2
-    },
-    {
-      name:"基础算法",
-      value:3
-    },
-    {
-      name:"智慧煤矿",
-      value:4
-    },
-    {
-      name:"智慧能源",
-      value:5
-    },
-    {
-      name:"智慧校园",
-      value:6
-    },
-    {
-      name:"智慧港口",
-      value:7
-    },
-    {
-      name:"智慧煤矿",
-      value:8
-    },
-    {
-      name:"智慧能源",
-      value:9
-    },
-    {
-      name:"智慧校园",
-      value:10
-    },
-  ])
+  const algorithmList=reactive([])
   const algList = ref([]);
   const data = reactive({
     form: {},
@@ -211,7 +171,6 @@
   });
   const { queryParams, form, rules } = toRefs(data);
 
-  
   /** 查询算法列表 */
   function getList() {
     // loading.value = true;

src/views/deviceControl/index.vue

@@ -2,7 +2,7 @@
     <div class="app-container">
        <TabTitle :text="nowText" />
 
-       <el-card class="left-list">
+       <el-card class="left-list" :style="{height:globalScreenHeight+'px'}">
         <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
           <el-form-item label="设备名称" prop="deviceName">
              <el-input
@@ -183,7 +183,7 @@
  const router = useRouter();
  const { proxy } = getCurrentInstance();
  const { sys_job_group, sys_job_status } = proxy.useDict("sys_job_group", "sys_job_status");
- 
+ const globalScreenHeight = inject('globalScreenHeight');
  const nowText = ref("设备管理");
  const deviceList = ref([]);
  const open = ref(false);

src/views/login.vue

@@ -125,7 +125,7 @@ function handleLogin() {
           }
           return acc;
         }, {});
-        router.push({ path: redirect.value || "/", query: otherQueryParams });
+        router.push({ path: redirect.value || "/deviceControl", query: otherQueryParams });
       }).catch(() => {
         loading.value = false;
         // 重新获取验证码

src/views/videoControl/pointControl/index.vue

@@ -65,7 +65,7 @@
         </el-card>
       </el-col>
       <el-col :xs="24" :sm="16" :md="16" :lg="20">
-        <el-scrollbar height="700px">
+        <el-scrollbar :height="globalScreenHeight+'px'">
           <el-card class="right-list">
             <template v-slot:header>
               <div class="cleartitle" style="justify-content: flex-start">
@@ -295,6 +295,7 @@ import { onMounted, reactive, ref, unref, watch, watchEffect } from "vue";
 import request from "@/utils/request";
 import { useIndex } from "./hooks";
 const { proxy } = getCurrentInstance();
+const globalScreenHeight = inject('globalScreenHeight');
 const drawPointRef = ref(null);
 const nowText = ref("点位管理");
 const deptName = ref("");

src/views/videoControl/videoPreview/index.vue

@@ -3,7 +3,7 @@
     <TabTitle :text="nowText" />
     <el-row :gutter="10">
       <el-col :xs="0" :sm="2" :md="3" :lg="4">
-        <el-card class="left-list">
+        <el-card class="left-list" :style="{height:globalScreenHeight+'px'}">
           <div class="head-container">
             <el-input
               v-model="deptName"
@@ -29,8 +29,7 @@
         </el-card>
       </el-col>
       <el-col :xs="24" :sm="16" :md="16" :lg="14">
-        <el-scrollbar height="700px">
-          <el-card class="right-list">
+          <el-card class="right-list" :style="{height:globalScreenHeight+'px'}">
             <template v-slot:header>
               <div class="cleartitle" style="justify-content: flex-start">
                 <img src="@/assets/images/logo_video.png" width="25px" alt />
@@ -60,10 +59,9 @@
               </el-card>
             </div>
           </el-card>
-        </el-scrollbar>
       </el-col>
       <el-col :xs="0" :sm="2" :md="3" :lg="6">
-        <el-scrollbar height="700px">
+        <el-scrollbar :height="globalScreenHeight+'px'">
         <el-card class="danger-list">
           <template v-slot:header>
             <div class="cleartitle" style="justify-content: flex-start">
@@ -106,6 +104,7 @@ import { listAiRegionManage } from "@/api/videoControl/videoPreview";
 import { listAlarm } from "@/api/alarmControl/index.js";
 import { onMounted, reactive, ref, } from "vue";
 const { proxy } = getCurrentInstance();
+const globalScreenHeight = inject('globalScreenHeight');
 const algFormRef = ref(null);
 const nowText = ref("视频预览");
 const deptTreeRef = ref(null);

vite.config.js

@@ -31,8 +31,8 @@ export default defineConfig(({ mode, command }) => {
       proxy: {
         // https://cn.vitejs.dev/config/#server-proxy
         '/dev-api': {
-          // target: 'http://192.168.4.206:80/ai',
-          target:'http://192.168.14.43:8111/ai',
+          target: 'http://192.168.3.82/ai',
+          // target:'http://192.168.14.43:8111/ai',
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')
         },