[美化]文件管理列表增加选中悬浮样式

birdsPerkin · Mar 18, 2018 · 7563980 · 7563980
1 parent c7ec3d4
commit 7563980
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 49 deletions.
diff --git a/bootdo/src/main/java/com/bootdo/common/quartz/utils/QuartzManager.java b/bootdo/src/main/java/com/bootdo/common/quartz/utils/QuartzManager.java
@@ -1,34 +1,16 @@
 package com.bootdo.common.quartz.utils;
 
-import java.util.ArrayList;
-import java.util.List;
-import java.util.Set;
+import com.bootdo.common.domain.ScheduleJob;
 import org.apache.log4j.Logger;
-import org.quartz.CronScheduleBuilder;
-import org.quartz.CronTrigger;
-import org.quartz.DateBuilder;
+import org.quartz.*;
 import org.quartz.DateBuilder.IntervalUnit;
-import org.quartz.Job;
-import org.quartz.JobBuilder;
-import org.quartz.JobDetail;
-import org.quartz.JobExecutionContext;
-import org.quartz.JobKey;
-import org.quartz.Scheduler;
-import org.quartz.SchedulerException;
-import org.quartz.Trigger;
-import org.quartz.TriggerBuilder;
-import org.quartz.TriggerKey;
 import org.quartz.impl.matchers.GroupMatcher;
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.beans.factory.annotation.Qualifier;
-import org.springframework.scheduling.quartz.SchedulerFactoryBean;
 import org.springframework.stereotype.Service;
-import org.springframework.web.context.support.SpringBeanAutowiringSupport;
-
-import com.bootdo.common.domain.ScheduleJob;
-import com.bootdo.common.quartz.factory.*;
-//import com.bootdo.common.utils.SpringContextHolder;
 
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Set;
 /**
  * 
  * 

diff --git a/bootdo/src/main/java/com/bootdo/common/redis/shiro/RedisManager.java b/bootdo/src/main/java/com/bootdo/common/redis/shiro/RedisManager.java
@@ -7,9 +7,7 @@
 
 import java.util.Set;
 
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.data.redis.core.RedisTemplate;
-import org.springframework.data.redis.core.ValueOperations;
+import org.springframework.beans.factory.annotation.Value;
 import redis.clients.jedis.Jedis;
 import redis.clients.jedis.JedisPool;
 import redis.clients.jedis.JedisPoolConfig;
@@ -19,16 +17,20 @@
  */
 public class RedisManager {
 
+    @Value("${spring.redis.host}")
     private String host = "127.0.0.1";
 
+    @Value("${spring.redis.port}")
     private int port = 6379;
 
     // 0 - never expire
     private int expire = 0;
 
     //timeout for jedis try to connect to redis server, not expire time! In milliseconds
+    @Value("${spring.redis.timeout}")
     private int timeout = 0;
 
+    @Value("${spring.redis.password}")
     private String password = "";
 
     private static JedisPool jedisPool = null;

diff --git a/bootdo/src/main/resources/application-dev.yml b/bootdo/src/main/resources/application-dev.yml
@@ -2,7 +2,7 @@ bootdo:
   uploadPath: D:/var/uploaded_files/
 logging:
   level:
-    root: error
+    root: info
     com.bootdo: debug
 spring:
   datasource:

diff --git a/bootdo/src/main/resources/templates/common/file/file.html b/bootdo/src/main/resources/templates/common/file/file.html
@@ -13,8 +13,12 @@
     <link href="/css/layui.css" rel="stylesheet">
     <link href="/css/style.css?v=4.1.0" rel="stylesheet">
     <style>
-        a:active  {color:yellow;}
-        a:hover   {color:red;}
+        .aactive {
+            color: #13b5b7 !important;
+        }
+        .hactive:hover{
+            color: #13b5b7 !important;
+        }
     </style>
 </head>
 <body class="gray-bg">
@@ -24,24 +28,29 @@
             <div class="ibox float-e-margins">
                 <div class="ibox-content">
                     <div class="file-manager">
-                        <button type="button" class="layui-btn" id="test1" >
+                        <button type="button" class="layui-btn" id="test1">
                             <i class="fa fa-cloud"></i>上传文件
                         </button>
                         <div class="hr-line-dashed"></div>
                         <ul class="folder-list" style="padding: 0">
-                            <li><a href="#" class="file-control "
-                                   onclick="changeType('')"><i class="fa fa-folder"></i>所有文件</a></li>
-                            <li><a href="javascript:void(0)"
-                                   class="file-control" href="javascript:void(0)"
-                                   onclick="changeType(0)"><i class="fa fa-folder"></i>图片</a></li>
-                            <li><a href="javascript:void(0)"
-                                   onclick="changeType(1)" class="file-control"><i class="fa fa-folder"></i>文档</a></li>
-                            <li><a href="javascript:void(0)" onclick="changeType(2)"
-                                   class="file-control"><i class="fa fa-folder"></i>视频</a></li>
-                            <li><a href="javascript:void(0)"
-                                   onclick="changeType(3)" class="file-control"><i class="fa fa-folder"></i>音乐</a>
-                            <li><a href="javascript:void(0)" onclick="changeType(99)"
-                                   class="file-control"><i class="fa fa-folder"></i>其他</a></li>
+                            <li><a href="javascript:void(0)" class="file-control hactive" :class="{'aactive':type === ''}"
+                                   v-on:click="changeType('')"><i class="fa fa-folder"></i>所有文件</a></li>
+
+                            <li><a href="javascript:void(0)" class="file-control hactive" :class="{'aactive':type === 0}"
+                                   v-on:click="changeType(0)"><i class="fa fa-folder"></i>图片</a></li>
+
+                            <li><a href="javascript:void(0)" :class="{'aactive':type === 1}"
+                                   v-on:click="changeType(1)" class="file-control hactive"><i class="fa fa-folder"></i>文档</a>
+                            </li>
+
+                            <li><a href="javascript:void(0)" v-on:click="changeType(2)" :class="{'aactive':type === 2}"
+                                   class="file-control hactive"><i class="fa fa-folder"></i>视频</a></li>
+
+                            <li><a href="javascript:void(0)" v-on:click="changeType(3)" :class="{'aactive':type === 3}"
+                                   class="file-control hactive"><i class="fa fa-folder"></i>音乐</a></li>
+
+                            <li><a href="javascript:void(0)" v-on:click="changeType(99)" :class="{'aactive':type === 99}"
+                                   class="file-control hactive"><i class="fa fa-folder"></i>其他</a></li>
                         </ul>
                     </div>
                 </div>
@@ -164,10 +173,15 @@
                         }
                     });
                 })
+            },
+            changeType: function (i) {
+                this.type = i;
+                this.offset = 0;
+                this.getData();
             }
         },
         created: function () {
-            this.getData();
+            this.changeType('')
         }
     });
 </script>
@@ -195,11 +209,12 @@
             }
         });
     });
-    function changeType(i) {
-        app.type = i;
-        app.offset = 0;
-        app.getData();
-    }
+
+    // function changeType(i) {
+    //     app.type = i;
+    //     app.offset = 0;
+    //     app.getData();
+    // }
 </script>
 </body>
 </html>