feat:编辑路径 修改了按钮的位置颜色

package-lock.json

@@ -13,6 +13,7 @@
 				"core-js": "^3.8.3",
 				"element-plus": "^2.2.17",
 				"jquery": "^3.6.1",
+				"qs": "^6.11.0",
 				"vue": "^3.2.13",
 				"vue-router": "^4.0.3",
 				"vuex": "^4.0.0"
@@ -3779,6 +3780,18 @@
 			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 			"dev": true
 		},
+		"node_modules/body-parser/node_modules/qs": {
+			"version": "6.10.3",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+			"dev": true,
+			"dependencies": {
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">=0.6"
+			}
+		},
 		"node_modules/bonjour-service": {
 			"version": "1.0.14",
 			"resolved": "https://registry.npmmirror.com/bonjour-service/-/bonjour-service-1.0.14.tgz",
@@ -3866,7 +3879,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.2.tgz",
 			"integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.1",
 				"get-intrinsic": "^1.0.2"
@@ -5879,6 +5891,18 @@
 			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 			"dev": true
 		},
+		"node_modules/express/node_modules/qs": {
+			"version": "6.10.3",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+			"dev": true,
+			"dependencies": {
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">=0.6"
+			}
+		},
 		"node_modules/express/node_modules/safe-buffer": {
 			"version": "5.2.1",
 			"resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -6164,8 +6188,7 @@
 		"node_modules/function-bind": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-			"dev": true
 		},
 		"node_modules/functional-red-black-tree": {
 			"version": "1.0.1",
@@ -6195,7 +6218,6 @@
 			"version": "1.1.3",
 			"resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
 			"integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.1",
 				"has": "^1.0.3",
@@ -6303,7 +6325,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has/-/has-1.0.3.tgz",
 			"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.1"
 			},
@@ -6333,7 +6354,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz",
 			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-			"dev": true,
 			"engines": {
 				"node": ">= 0.4"
 			}
@@ -7840,8 +7860,7 @@
 		"node_modules/object-inspect": {
 			"version": "1.12.2",
 			"resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.2.tgz",
-			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
+			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ=="
-			"dev": true
 		},
 		"node_modules/object-keys": {
 			"version": "1.1.1",
@@ -8914,10 +8933,9 @@
 			}
 		},
 		"node_modules/qs": {
-			"version": "6.10.3",
+			"version": "6.11.0",
-			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
-			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+			"integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
-			"dev": true,
 			"dependencies": {
 				"side-channel": "^1.0.4"
 			},
@@ -9562,7 +9580,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz",
 			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-			"dev": true,
 			"dependencies": {
 				"call-bind": "^1.0.0",
 				"get-intrinsic": "^1.0.2",
@@ -14198,6 +14215,15 @@
 					"resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
 					"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 					"dev": true
+				},
+				"qs": {
+					"version": "6.10.3",
+					"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+					"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+					"dev": true,
+					"requires": {
+						"side-channel": "^1.0.4"
+					}
 				}
 			}
 		},
@@ -14276,7 +14302,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.2.tgz",
 			"integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-			"dev": true,
 			"requires": {
 				"function-bind": "^1.1.1",
 				"get-intrinsic": "^1.0.2"
@@ -15874,6 +15899,15 @@
 					"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
 					"dev": true
 				},
+				"qs": {
+					"version": "6.10.3",
+					"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+					"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+					"dev": true,
+					"requires": {
+						"side-channel": "^1.0.4"
+					}
+				},
 				"safe-buffer": {
 					"version": "5.2.1",
 					"resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -16105,8 +16139,7 @@
 		"function-bind": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-			"dev": true
 		},
 		"functional-red-black-tree": {
 			"version": "1.0.1",
@@ -16130,7 +16163,6 @@
 			"version": "1.1.3",
 			"resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
 			"integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
-			"dev": true,
 			"requires": {
 				"function-bind": "^1.1.1",
 				"has": "^1.0.3",
@@ -16220,7 +16252,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has/-/has-1.0.3.tgz",
 			"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dev": true,
 			"requires": {
 				"function-bind": "^1.1.1"
 			}
@@ -16243,8 +16274,7 @@
 		"has-symbols": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz",
-			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
-			"dev": true
 		},
 		"hash-sum": {
 			"version": "2.0.0",
@@ -17444,8 +17474,7 @@
 		"object-inspect": {
 			"version": "1.12.2",
 			"resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.2.tgz",
-			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
+			"integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ=="
-			"dev": true
 		},
 		"object-keys": {
 			"version": "1.1.1",
@@ -18218,10 +18247,9 @@
 			"dev": true
 		},
 		"qs": {
-			"version": "6.10.3",
+			"version": "6.11.0",
-			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz",
+			"resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
-			"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+			"integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
-			"dev": true,
 			"requires": {
 				"side-channel": "^1.0.4"
 			}
@@ -18742,7 +18770,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz",
 			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-			"dev": true,
 			"requires": {
 				"call-bind": "^1.0.0",
 				"get-intrinsic": "^1.0.2",

package.json

@@ -13,6 +13,7 @@
 		"core-js": "^3.8.3",
 		"element-plus": "^2.2.17",
 		"jquery": "^3.6.1",
+		"qs": "^6.11.0",
 		"vue": "^3.2.13",
 		"vue-router": "^4.0.3",
 		"vuex": "^4.0.0"
@@ -54,4 +55,4 @@
 		"not dead",
 		"not ie 11"
 	]
-}
+}

src/api/config.js

@@ -1,8 +1,45 @@
 import axios from "axios";
 
+axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
+
+axios.defaults.withCredentials = true;
+
 const http = axios.create({
-	baseURL: 'http://localhost:8082/api',
+	baseURL: '/api',
-	timeout: 1000 * 100
+	timeout: 1000 * 5
 });
 
+http.interceptors.request.use(
+	(config) => {
+		const token = localStorage.getItem('token');
+		if (token) {
+			config.headers.token = token;
+		} else {
+			console.log("当前请求页面无token,请执行操作！！！")
+		}
+		return config;
+	},
+	(err) => {
+		console.log('登陆前拦截', err)
+		return Promise.reject(err);
+	}
+);
+
+
+http.interceptors.response.use(
+	(response) => {
+		const { data: { code, msg } } = response;
+		if (code === 0 || code === 200) {
+			return response;
+		} else {
+			console.log('api %o', msg);
+		}
+		return response;
+	},
+	function (error) {
+		console.log('api error %o', error);
+		return Promise.reject(error);
+	}
+);
+
 export default http;

src/api/index.js

@@ -1,19 +1,74 @@
 import http from "./config";
-
+import qs from 'qs';
-// 接口
-export const getUserInfo = () => http.get('/');
-export const getUserById = (x, y, z) => http.post('/getuserbyid', { x, y, z });
 
 
-// 使用方法
+/**
+ * 接口传参数方式（get）
+ * axios.get('/user', {
+ *  params: {  
+ *      id: 12345，
+ *     name: user
+ *  }
+ * }).then(res => console.log(res))
+ * 
+ * 接口传参三种方式（post/put/patch）
+ * 
+ * 1.'Content-Type'= 'multipart/form-data'，传参格式为 formData。
+ * （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * （request的Header:'Content-Type'= 'multipart/form-data'）
+ * var formData=new FormData();
+ * formData.append('user',123456);formData.append('pass',12345678);
+ * axios.post("/notice",formData).then()
+ * 
+ * 2.'Content-Type'= 'application/x-www-form-urlencoded'，传参格式为 query 形式,使用$qs.stringify。
+ * （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * （request的Header:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * let data = {"code":"1234","name":"yyyy"};
+ * axios.post(`${this.$url}/test/testRequest`,qs.stringify({data})).then()
+ * 
+ * 3.'Content-Type'= 'application/json，传参格式为 raw (JSON格式)。
+ * （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
+ * （request的Header:'Content-Type'= 'application/json;charset=UTF-8'）
+ * let data = {"code":"1234","name":"yyyy"}
+ * axios.post(`${this.$url}/test/testRequest`,data).then()
+ * 
+ */
+
+
+// 接口-请求
+
+// 根据投票ID获取题干信息
+export const getStemInfo = (stemId) => http.post('/vote/queryStemByStemId', qs.stringify({ stemId: stemId }));
+
+// 测试方法
 // import * as api from '../../api/index'
-// api.getUserById(6, 7, 8).then(res => {
+// api.getStemInfo(4).then(res => {
 // 	console.log(res)
 // }).catch(err => {
 // 	console.log(err)
 // })
 
-// api.getUserInfo().then(res => {
+// 获取字典列表
+export const getList = (pageno, pagesize) => http.post('/dict/getList', {
+	"dictCode": "",
+	"pageNo": pageno,
+	"pageSize": pagesize
+})
+
+// 测试方法
+// import * as api from '../../api/index'
+// api.getList(0,0).then(res => {
+// 	console.log(res)
+// }).catch(err => {
+// 	console.log(err)
+// })
+
+// 根据活动ID获取活动信息接口
+export const getActivityList = (activityId) => http.get('/activity', { params: { "activityId": activityId } })
+
+// 测试方法
+// import * as api from '../../api/index'
+// api.getActivityList(4).then(res => {
 // 	console.log(res)
 // }).catch(err => {
 // 	console.log(err)

src/components/drawers/ProjectScore.vue

@@ -50,13 +50,14 @@
         <div class="scorelist">
           <div class="grouprightscore">
             <div class="sbutton" @click="stuValue = !stuValue">
-              <div class="wh" :class="stuValue ? 'sImage0' : 'sImage'"></div>
+              <img v-if=stuValue src="../../assets/images/taskpage/stu0.png"/>
-
+              <img v-else src="../../assets/images/taskpage/stu.png"/>
               <div :class="stuValue ? '' : 'btn1'">学员积分榜</div>
             </div>
             <div class="sbutton" @click="stuValue = !stuValue">
-              <div class="wh" :class="stuValue ? 'group' : 'group0'"></div>
+              
-
+              <img v-if=stuValue src="../../assets/images/taskpage/group.png"/>
+              <img v-else src="../../assets/images/taskpage/group0.png"/>
               <div :class="stuValue ? 'btn1' : ''">小组积分榜</div>
             </div>
           </div>
@@ -318,6 +319,7 @@ export default {
       todayvalue: "1",
       tableDataTotal: 30,
       stuValue: false,
+      
     });
     return {
       ...toRefs(state),
@@ -325,33 +327,70 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .content3 {
   margin-top: 20px;
+  
   .group {
-    display: flex;
-    justify-content: space-between;
-    .groupleft {
       display: flex;
-      flex-wrap: wrap;
+      justify-content: space-between;
-      align-items: center;
+      .groupleft {
-      margin-left: 32px;
+        display: flex;
-      .groupname {
+        align-items: center;
-        height: 22px;
+        margin-left: 32px;
-        width: 70px;
+        .groupname {
-        color: #000000;
+          height: 22px;
-        font-size: 14px;
+          width: 70px;
+          color: #000000;
+          font-size: 14px;
+        }
+      }
+      .groupright {
+        display: flex;
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 16px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          background: #409eff;
+          cursor: pointer;
+          .btn1text {
+            color: #ffffff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+        .btn2 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 32px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          cursor: pointer;
+          background: #ffffff;
+          .btn2text {
+            color: #409eff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
       }
     }
-  }
   .scorelist {
-    padding-left: 382px;
+    padding-left: 20%;
-    padding-right: 382px;
+    padding-right: 20%;
     padding-bottom: 100px;
     padding-top: 50px;
     .grouprightscore {
       display: flex;
-      justify-content: space-evenly;
+      justify-content: center;
       margin-bottom: 30px;
       text-align: center;
       .sbutton {
@@ -359,23 +398,10 @@ export default {
         flex-direction: column;
         align-items: center;
         justify-content: center;
+        margin-left: 10%;
+        margin-right: 10%;
       }
-      .wh {
+
-        width: 40px;
-        height: 40px;
-      }
-      .sImage0 {
-        background-image: url(@/assets/images/taskpage/stu0.png);
-      }
-      .sImage {
-        background-image: url(@/assets/images/taskpage/stu.png);
-      }
-      .group0 {
-        background-image: url(@/assets/images/taskpage/group0.png);
-      }
-      .group {
-        background-image: url(@/assets/images/taskpage/group.png);
-      }
       .btn1 {
         color: #409eff;
       }

src/main.js

@@ -10,6 +10,8 @@ import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/antd.css';
 // import zhCN from 'ant-design-vue/es/locale/zh_CN';
 const app = createApp(App)
+// 清理控制台warn信息
+app.config.warnHandler = () => null;
 // app.use(ElementPlus, {
 // 	locale: zhCn,
 // })
@@ -17,4 +19,6 @@ app.use(Antd);
 app.use(router);
 app.use(store);
 
-app.mount('#app')
+app.mount('#app');
+
+

src/views/learningpath/LearningPath.vue

@@ -40,16 +40,17 @@
             :placeholder="['      开始时间', '        结束时间']"
           />
         </div>
-      </div>
-      <div class="btns">
         <div class="btn btn1">
           <div class="search"></div>
           <div class="btnText">搜索</div>
         </div>
-        <div class="btn btn2">
+        <div class="btnn btn2">
           <div class="search"></div>
           <div class="btnText">重置</div>
         </div>
+      </div>
+      <div class="btns">
+        
         <!-- <router-link to="/projectadd">
           <div class="btn btn3">
             <div class="search"></div>
@@ -1554,14 +1555,33 @@ export default {
         margin-right: 20px;
         margin-bottom: 20px;
       }
-    }
-    .btns {
-      display: flex;
-      // flex-wrap: wrap;
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
-        background: rgba(64, 158, 255, 0);
+        background: #409EFF;
+        border-radius: 8px;
+        //border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+        .search {
+          background-size: 100%;
+        }
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #FFFFFF;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+      .btnn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #FFFFFF;
         border-radius: 8px;
         border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
@@ -1576,7 +1596,7 @@ export default {
         .btnText {
           font-size: 14px;
           font-weight: 400;
-          color: rgba(64, 158, 255, 1);
+          color: #409EFF;
           line-height: 36px;
           margin-left: 5px;
         }
@@ -1585,7 +1605,7 @@ export default {
         .search {
           width: 15px;
           height: 17px;
-          background-image: url("../../assets/images/courseManage/search1.png");
+          background-image: url("../../assets/images/courseManage/search0.png");
         }
       }
       .btn2 {
@@ -1595,16 +1615,8 @@ export default {
           background-image: url("../../assets/images/courseManage/reset1.png");
         }
       }
-      .btn3 {
-        margin-right: 0px;
-        .search {
-          width: 17px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/add1.png");
-        }
-      }
       .btn1:hover {
-        background: rgba(64, 158, 255, 1);
+        background: rgba(64, 158, 255, 0.76);
         .search {
           background-image: url("../../assets/images/courseManage/search0.png");
         }
@@ -1612,17 +1624,52 @@ export default {
           color: #ffffff;
         }
       }
+      .btn1:active {
+        background: #0982FF;
+      }
       .btn2:hover {
-        background: rgba(64, 158, 255, 1);
+        background: rgba(64, 158, 255, 0.1);
+      }
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
+    .btns {
+      display: flex;
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #409EFF;
+        border-radius: 8px;
+        //border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
         .search {
-          background-image: url("../../assets/images/courseManage/reset0.png");
+          background-size: 100%;
         }
         .btnText {
-          color: #ffffff;
+          font-size: 14px;
+          font-weight: 400;
+          color: #FFFFFF;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+      .btn3 {
+        margin-right: 0px;
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
         }
       }
       .btn3:hover {
-        background: rgba(64, 158, 255, 1);
+        background: rgba(64, 158, 255, 0.76);
         .search {
           background-image: url("../../assets/images/courseManage/add0.png");
         }
@@ -1630,6 +1677,9 @@ export default {
           color: #ffffff;
         }
       }
+      .btn3:active {
+        background: #0982FF;
+      }
     }
   }
   .tableBox {
@@ -1667,6 +1717,7 @@ export default {
           font-size: 14px;
           margin-left: 20px;
           white-space: nowrap;
+          cursor: pointer;
         }
       }
     }

vue.config.js

@@ -1,4 +1,17 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
-  transpileDependencies: true
+	transpileDependencies: true,
-})
+	devServer: {
+		proxy: {
+			"/api": {
+				target: "http://111.231.196.214:30001/",
+				changeOrigin: true,
+				secure: false,
+				ws: true,
+				pathRewrite: {
+					"^/api": "",
+				},
+			},
+		},
+	}
+})