liuQiang 1 år sedan
förälder
incheckning
74a775317c
3 ändrade filer med 138 tillägg och 33 borttagningar
  1. 23 30
      src/layout/indexCommon.vue
  2. 38 3
      src/views/myfile/MyFile.vue
  3. 77 0
      vite.config.js

+ 23 - 30
src/layout/indexCommon.vue

@@ -36,36 +36,29 @@
                     userStore.avatar
                       ? userStore.avatar
                       : '@/assets/images/profile.png'
-                  "
-                  class="head-img"
-                /><span>{{ userStore.name }}</span>
-              </div>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <router-link to="/user/profile">
-                    <el-dropdown-item>个人中心</el-dropdown-item>
-                  </router-link>
-                  <el-dropdown-item divided command="logout">
-                    <span>退出登录</span>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </div>
-        </div>
-      </el-header>
-      <el-container>
-        <el-aside width="92px" class="asides">
-          <div class="aside-con">
-            <router-link
-              :to="item.path"
-              v-for="(item, index) in menuList.data"
-              :key="index"
-              @click="clickPath(index, item)"
-            >
-              <div
-                style="position: relative"
-                :class="
+                  " class="head-img" /><span style="cursor: pointer;margin-right: 6px;">{{ userStore.name }}</span>
+				  <el-icon><ArrowDown /></el-icon>
+							</div>
+							<template #dropdown>
+								<el-dropdown-menu>
+									<router-link to="/user/profile">
+										<el-dropdown-item>个人中心</el-dropdown-item>
+									</router-link>
+									<el-dropdown-item divided command="logout">
+										<span>退出登录</span>
+									</el-dropdown-item>
+								</el-dropdown-menu>
+							</template>
+						</el-dropdown>
+					</div>
+				</div>
+			</el-header>
+			<el-container>
+				<el-aside width="92px" class="asides">
+					<div class="aside-con">
+						<router-link :to="item.path" v-for="(item, index) in menuList.data" :key="index"
+							@click="clickPath(index, item)">
+							<div style="position: relative" :class="
                   $route.path == item.path
                     ? 'acitve-img-style img-style'
                     : 'img-style'

+ 38 - 3
src/views/myfile/MyFile.vue

@@ -22,12 +22,13 @@
                 <div
                     style="display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;height: 75vh;align-content: flex-start;overflow-y: auto;">
                     <!-- v-for盒子 -->
-                    <template v-for="(item, index) in fileMenu">
+                    <template v-for="(item, index) in fileMenu"  :key="index">
                         <div class="setBox" @click="changeFile(item, index)">
                             <el-dropdown trigger="click" class="selectChe">
                                 <span class="el-dropdown-link">
                                     ...
                                 </span>
+                                
                                 <template #dropdown>
                                     <el-dropdown-menu>
                                         <el-dropdown-item @click="restName(item, index)">重命名</el-dropdown-item>
@@ -35,8 +36,14 @@
                                     </el-dropdown-menu>
                                 </template>
                             </el-dropdown>
-                          <div class="left_fileBox">
-                              <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;">
+                          <div class="left_fileBox image-container">
+                              <el-tooltip
+                                  class="box-item tool-tip"
+                                  effect="dark"
+                                  placement="top-start"
+                               > 
+                               <template #content> 安全级别: {{ item.encryptLevel == 'L1'?'敏感':(item.encryptLevel == 'L2'?'涉密':(item.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
+                               <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;"></el-tooltip>
                               <p class="ellipsis-text">{{ item.dirName }}</p>
                               <img class="levelImg" v-if="item.isEncrypt === 'Y'" :src="getLevelImg(item.encryptLevel)" alt="">
                           </div>
@@ -1577,6 +1584,7 @@ export default {
             },500)
 
         })
+<<<<<<< HEAD
         // 监听路由变化
         onBeforeRouteUpdate((to,from)=>{
         console.log('to',to);
@@ -1601,6 +1609,9 @@ export default {
         // console.log(copyRow, "row");
         // edit();
         })
+=======
+
+>>>>>>> 2265deb362902fd3a3662101dd26c0f9786033ef
         return {
             getSpaceList,
             folderList,//文件夹的数据
@@ -1933,6 +1944,7 @@ p {
 }
 
 .el-dropdown-link {
+    cursor: pointer;
     color: white;
 }
 
@@ -2112,4 +2124,27 @@ p {
         visibility: hidden;
     }
 }
+.image-container {  
+      position: relative;  
+      display: inline-block;  
+    }  
+      
+    .image-container img {  
+      width: 72px;  
+      height: 72px;  
+    }  
+      
+    .tooltip {  
+      position: absolute;  
+      top: 0;  
+      right: -10px;  
+      display: none; 
+      box-shadow: 2px 2px 2px #d9d9d9;
+      padding: 5px;  
+      border-radius: 5px;  
+    }  
+      
+    .image-container:hover .tooltip {  
+      display: block;  
+    }  
 </style>

+ 77 - 0
vite.config.js

@@ -0,0 +1,77 @@
+import {
+	defineConfig,
+	loadEnv
+} from 'vite'
+import path from 'path'
+import createVitePlugins from './vite/plugins'
+
+// https://vitejs.dev/config/
+export default defineConfig(({
+								 mode,
+								 command
+							 }) => {
+	const env = loadEnv(mode, process.cwd())
+	const {
+		VITE_APP_ENV
+	} = env
+	return {
+		// 部署生产环境和开发环境下的URL。
+		// 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上
+		// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。
+		base: VITE_APP_ENV === 'production' ? '/' : '/',
+		plugins: createVitePlugins(env, command === 'build'),
+		resolve: {
+			// https://cn.vitejs.dev/config/#resolve-alias
+			alias: {
+				// 设置路径
+				'~': path.resolve(__dirname, './'),
+				// 设置别名
+				'@': path.resolve(__dirname, './src')
+			},
+			// https://cn.vitejs.dev/config/#resolve-extensions
+			extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
+		},
+		// vite 相关配置
+		server: {
+			port: 80,
+			host: true,
+			open: true,
+			proxy: {
+				// https://cn.vitejs.dev/config/#server-proxy
+				'/dev-api': {
+					// target: 'http://192.168.1.28:8080/',
+					// target: 'http://192.168.1.11:8080/',
+					// target: 'http://localhost:8080/',
+					// target:'http://192.168.1.28:8080/',
+					target:'http://8.142.173.95:19527',
+					changeOrigin: true,
+					rewrite: (p) => p.replace(/^\/dev-api/, '')
+				},
+				//websocket代理
+				'/websocket': {
+					// target:'ws://localhost:8080/websocket',
+					// target:'ws://192.168.1.28:8080/websocket',
+					// target:'ws://192.168.1.11:8080/websocket',
+					target:'ws://8.142.173.95:19527/websocket',
+					changeOrigin: true,
+					rewrite: (p) => p.replace(/^\/websocket/, '')
+				}
+			}
+		},
+		//fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file
+		css: {
+			postcss: {
+				plugins: [{
+					postcssPlugin: 'internal:charset-removal',
+					AtRule: {
+						charset: (atRule) => {
+							if (atRule.name === 'charset') {
+								atRule.remove();
+							}
+						}
+					}
+				}]
+			}
+		}
+	}
+})