diff --git a/src/views/report/Article.vue b/src/views/report/Article.vue
index a36bd351..a6e539d4 100644
--- a/src/views/report/Article.vue
+++ b/src/views/report/Article.vue
@@ -24,21 +24,21 @@
         </a-input>
       </div>
       <div style="display: flex; margin-bottom: 20px">
-        <div class="btnn btn1" @click="getTableData">
+        <div class="btnzx btnzx1" @click="getTableData">
           <div class="search"></div>
-          <div class="btnText">搜索</div>
+          <div class="btnzText">搜索</div>
         </div>
-        <div class="btn btn2" @click="resetClick">
+        <div class="btnzx btnzx1" @click="resetClick">
           <div class="search"></div>
-          <div class="btnText">重置</div>
+          <div class="btnzText">重置</div>
         </div>
       </div>
     </div>
     <!-- 以下为导出按钮 -->
-    <div class="btns">
-      <div class="btn btn3" @click="exportAll">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出</div>
+    <div class="btnzs">
+      <div class="btnz btnz3" @click="exportAll">
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">导出</div>
       </div>
     </div>
     <!-- 以下为table表格 -->
@@ -314,7 +314,8 @@ export default {
       margin-bottom: 20px;
       width: calc((100% - 76px - 200px) / 2);
     }
-    .btn {
+  
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: rgba(64, 158, 255, 0);
@@ -331,7 +332,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: rgba(64, 158, 255, 1);
@@ -340,7 +341,7 @@ export default {
       }
     }
 
-    .btnn {
+    .btnzx {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: #4ea6ff;
@@ -357,7 +358,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
@@ -366,7 +367,7 @@ export default {
       }
     }
 
-    .btn1 {
+    .btnzx1 {
       .search {
         width: 15px;
         height: 17px;
@@ -374,44 +375,54 @@ export default {
       }
     }
 
-    .btn2 {
-      margin-right: 0px !important;
+    .btnzx2 {
+      background: #4ea6ff;
       .search {
         width: 16px;
         height: 18px;
-        background-image: url("../../assets/images/courseManage/reset1.png");
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+      .btnzText {
+        color: #ffffff;
       }
     }
 
-    .btn1:hover {
+    .btnzx1:hover {
       background: rgba(64, 158, 255, 0.76);
 
       .search {
         background-image: url("../../assets/images/courseManage/search0.png");
       }
 
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
 
-    .btn1:active {
+    .btnzx1:active {
       background: #0982ff;
     }
 
-    .btn2:hover {
-      background: rgba(64, 158, 255, 0.1);
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    .btn2:active {
-      background: rgba(64, 158, 255, 0.2);
+    .btnzx2:active {
+      background: #0982ff;
     }
   }
-  .btns {
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+  }
+  .btnzs {
     display: flex;
     margin-left: 38px;
     // flex-wrap: wrap;
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: white;
@@ -428,7 +439,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #4ea6ff;
@@ -437,30 +448,26 @@ export default {
       }
     }
 
-    .btn3 {
+    .btnz3 {
       margin-right: 0px;
-
+      background: #4ea6ff;
       .search {
         width: 17px;
         height: 18px;
         background-image: url("../../assets/images/courseManage/add0.png");
       }
+      .btnzText {
+        color: #ffffff;
+      }
     }
 
-    .btn3:hover {
+    .btnz3:hover {
       // background: rgba(64, 158, 255, 0.76);
-      background: rgba(64, 158, 255, 0.2);
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    // .btn3:active {
-    //   background: #0982ff;
-    // }
-  }
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .ant-table-thead > tr > th {
-      background-color: #eff4fc;
+    .btnz3:active {
+      background: #0982ff;
     }
   }
   .tableBox {
diff --git a/src/views/report/Caseess.vue b/src/views/report/Caseess.vue
index e1ca145b..04e127b1 100644
--- a/src/views/report/Caseess.vue
+++ b/src/views/report/Caseess.vue
@@ -24,21 +24,21 @@
         </a-input>
       </div>
       <div style="display: flex; margin-bottom: 20px">
-        <div class="btnn btn1" @click="getTableData">
+        <div class="btnzx btnzx1" @click="getTableData">
           <div class="search"></div>
-          <div class="btnText">搜索</div>
+          <div class="btnzText">搜索</div>
         </div>
-        <div class="btn btn2" @click="reset">
+        <div class="btnzx btnzx1" @click="reset">
           <div class="search"></div>
-          <div class="btnText">重置</div>
+          <div class="btnzText">重置</div>
         </div>
       </div>
     </div>
     <!-- 以下为导出按钮 -->
-    <div class="btns">
-      <div class="btn btn3" @click="exportAllbtnz">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出</div>
+    <div class="btnzs">
+      <div class="btnz btnz3" @click="exportAllbtnz">
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">导出</div>
       </div>
     </div>
     <!-- 以下为table表格 -->
@@ -92,7 +92,7 @@ export default {
       idList: [],
       title: "",
       author: "",
-      authorName: ""
+      authorName: "",
     });
     // 表格数据
     let tableData = ref([]);
@@ -226,16 +226,17 @@ export default {
           },
         }).then((res) => {
           downLoad(res.data, "案例列表.xlsx");
-        }),(err) => {
-            message.error(err)
-        }
+        }),
+          (err) => {
+            message.error(err);
+          };
       } else {
         const params = {
-            page: state.pageNo,
-            size: state.pageSize,
-            title: state.title,
-            author: state.author,
-          };
+          page: state.pageNo,
+          size: state.pageSize,
+          title: state.title,
+          author: state.author,
+        };
         axios({
           method: "post",
           url: "/report/boeu/case/exportList",
@@ -246,11 +247,11 @@ export default {
           },
         }).then((res) => {
           downLoad(res.data, "案例列表.xlsx");
-        }),(err) => {
-            message.error(err)
-        }
+        }),
+          (err) => {
+            message.error(err);
+          };
       }
-     
     };
     onMounted(() => {
       getTableData();
@@ -284,32 +285,10 @@ export default {
     .select {
       margin-right: 20px;
       margin-bottom: 20px;
-      width: calc((100% - 76px - 340px) / 3);
+      width: calc((100% - 76px - 200px) / 2);
     }
 
-    .addTimeBox {
-      width: calc((100% - 76px - 340px) / 3 + 120px) !important;
-      position: relative;
-      display: flex;
-      align-items: center;
-
-      .addTime {
-        position: absolute;
-        z-index: 10;
-        margin-left: 10px;
-        color: rgba(0, 0, 0, 0.4);
-      }
-
-      // .ant-picker {
-      //   padding-left: 85px;
-      // }
-
-      .ant-picker-range .ant-picker-active-bar {
-        margin-left: 85px;
-      }
-    }
-
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: rgba(64, 158, 255, 0);
@@ -326,7 +305,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: rgba(64, 158, 255, 1);
@@ -335,7 +314,7 @@ export default {
       }
     }
 
-    .btnn {
+    .btnzx {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: #4ea6ff;
@@ -352,7 +331,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
@@ -361,7 +340,7 @@ export default {
       }
     }
 
-    .btn1 {
+    .btnzx1 {
       .search {
         width: 15px;
         height: 17px;
@@ -369,44 +348,54 @@ export default {
       }
     }
 
-    .btn2 {
-      margin-right: 0px !important;
+    .btnzx2 {
+      background: #4ea6ff;
       .search {
         width: 16px;
         height: 18px;
-        background-image: url("../../assets/images/courseManage/reset1.png");
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+      .btnzText {
+        color: #ffffff;
       }
     }
 
-    .btn1:hover {
+    .btnzx1:hover {
       background: rgba(64, 158, 255, 0.76);
 
       .search {
         background-image: url("../../assets/images/courseManage/search0.png");
       }
 
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
 
-    .btn1:active {
+    .btnzx1:active {
       background: #0982ff;
     }
 
-    .btn2:hover {
-      background: rgba(64, 158, 255, 0.1);
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    .btn2:active {
-      background: rgba(64, 158, 255, 0.2);
+    .btnzx2:active {
+      background: #0982ff;
     }
   }
-  .btns {
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+  }
+  .btnzs {
     display: flex;
     margin-left: 38px;
     // flex-wrap: wrap;
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: white;
@@ -423,7 +412,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #4ea6ff;
@@ -432,25 +421,29 @@ export default {
       }
     }
 
-    .btn3 {
+    .btnz3 {
       margin-right: 0px;
-
+      background: #4ea6ff;
       .search {
         width: 17px;
         height: 18px;
         background-image: url("../../assets/images/courseManage/add0.png");
       }
+      .btnzText {
+        color: #ffffff;
+      }
     }
 
-    .btn3:hover {
+    .btnz3:hover {
       // background: rgba(64, 158, 255, 0.76);
-      background: rgba(64, 158, 255, 0.2);
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    // .btn3:active {
-    //   background: #0982ff;
-    // }
+    .btnz3:active {
+      background: #0982ff;
+    }
   }
+
   .tableBox {
     margin: 20px 38px 30px;
 
diff --git a/src/views/report/Curriculum.vue b/src/views/report/Curriculum.vue
index 8d921f65..2e8e67e3 100644
--- a/src/views/report/Curriculum.vue
+++ b/src/views/report/Curriculum.vue
@@ -53,29 +53,29 @@
         </a-input>
       </div>
       <div style="display: flex; margin-bottom: 20px">
-        <div class="btnn btn1" @click="getTableData">
+        <div class="btnzx btnzx1" @click="getTableData">
           <div class="search"></div>
-          <div class="btnText">搜索</div>
+          <div class="btnzText">搜索</div>
         </div>
-        <div class="btn btn2" @click="resetClick">
+        <div class="btnz btnzx2" @click="resetClick">
           <div class="search"></div>
-          <div class="btnText">重置</div>
+          <div class="btnzText">重置</div>
         </div>
       </div>
     </div>
     <!-- 以下为导出按钮 -->
-    <div class="btns">
-      <div class="btn btn3" @click="exportList">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出列表信息</div>
+    <div class="btnzs">
+      <div class="btnz btnz3" @click="exportList">
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">导出列表信息</div>
       </div>
-      <div class="btn btn3" style="margin-left: 20px" @click="exportDetail">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出详细信息</div>
+      <div class="btnz btnz3" style="margin-left: 20px" @click="exportDetail">
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">导出详细信息</div>
       </div>
-      <div class="btn btn3" style="margin-left: 20px" @click="exportPlanList">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">开课数据导出</div>
+      <div class="btnz btnz3" style="margin-left: 20px" @click="exportPlanList">
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">开课数据导出</div>
       </div>
     </div>
     <!-- 以下为table表格 -->
@@ -608,7 +608,7 @@ export default {
       width: calc((100% - 76px - 240px) / 4);
     }
 
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: rgba(64, 158, 255, 0);
@@ -625,7 +625,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: rgba(64, 158, 255, 1);
@@ -634,7 +634,7 @@ export default {
       }
     }
 
-    .btnn {
+    .btnzx {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: #4ea6ff;
@@ -651,7 +651,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
@@ -660,7 +660,7 @@ export default {
       }
     }
 
-    .btn1 {
+    .btnzx1 {
       .search {
         width: 15px;
         height: 17px;
@@ -668,44 +668,54 @@ export default {
       }
     }
 
-    .btn2 {
-      margin-right: 0px !important;
+    .btnzx2 {
+      background: #4ea6ff;
       .search {
         width: 16px;
         height: 18px;
-        background-image: url("../../assets/images/courseManage/reset1.png");
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+      .btnzText {
+        color: #ffffff;
       }
     }
 
-    .btn1:hover {
+    .btnzx1:hover {
       background: rgba(64, 158, 255, 0.76);
 
       .search {
         background-image: url("../../assets/images/courseManage/search0.png");
       }
 
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
 
-    .btn1:active {
+    .btnzx1:active {
       background: #0982ff;
     }
 
-    .btn2:hover {
-      background: rgba(64, 158, 255, 0.1);
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    .btn2:active {
-      background: rgba(64, 158, 255, 0.2);
+    .btnzx2:active {
+      background: #0982ff;
     }
   }
-  .btns {
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+  }
+  .btnzs {
     display: flex;
     margin-left: 38px;
     // flex-wrap: wrap;
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: white;
@@ -722,7 +732,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #4ea6ff;
@@ -731,30 +741,26 @@ export default {
       }
     }
 
-    .btn3 {
+    .btnz3 {
       margin-right: 0px;
-
+      background: #4ea6ff;
       .search {
         width: 17px;
         height: 18px;
         background-image: url("../../assets/images/courseManage/add0.png");
       }
+      .btnzText {
+        color: #ffffff;
+      }
     }
 
-    .btn3:hover {
+    .btnz3:hover {
       // background: rgba(64, 158, 255, 0.76);
-      background: rgba(64, 158, 255, 0.2);
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    // .btn3:active {
-    //   background: #0982ff;
-    // }
-  }
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .ant-table-thead > tr > th {
-      background-color: #eff4fc;
+    .btnz3:active {
+      background: #0982ff;
     }
   }
   .tableBox {
diff --git a/src/views/report/Examination.vue b/src/views/report/Examination.vue
index 344bb8ad..427b0b0f 100644
--- a/src/views/report/Examination.vue
+++ b/src/views/report/Examination.vue
@@ -39,21 +39,21 @@
         </a-cascader>
       </div>
       <div style="display: flex; margin-bottom: 20px">
-        <div class="btnn btn1" @click="getTableData">
+        <div class="btnzx btnzx1" @click="getTableData">
           <div class="search"></div>
-          <div class="btnText">搜索</div>
+          <div class="btnzText">搜索</div>
         </div>
-        <div class="btn btn2" @click="reset">
+        <div class="btnzx btnzx1" @click="reset">
           <div class="search"></div>
-          <div class="btnText">重置</div>
+          <div class="btnzText">重置</div>
         </div>
       </div>
     </div>
     <!-- 以下为导出按钮 -->
-    <div class="btns">
-      <div class="btn btn3"  @click="exportList">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出</div>
+    <div class="btnzs">
+      <div class="btnz btnz3"  @click="exportList">
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">导出</div>
       </div>
     </div>
     <!-- 以下为table表格 -->
@@ -427,7 +427,7 @@ export default {
       width: calc((100% - 76px - 220px) / 3);
     }
 
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: rgba(64, 158, 255, 0);
@@ -444,7 +444,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: rgba(64, 158, 255, 1);
@@ -453,7 +453,7 @@ export default {
       }
     }
 
-    .btnn {
+    .btnzx {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: #4ea6ff;
@@ -470,7 +470,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
@@ -479,7 +479,7 @@ export default {
       }
     }
 
-    .btn1 {
+    .btnzx1 {
       .search {
         width: 15px;
         height: 17px;
@@ -487,44 +487,54 @@ export default {
       }
     }
 
-    .btn2 {
-      margin-right: 0px !important;
+    .btnzx2 {
+      background: #4ea6ff;
       .search {
         width: 16px;
         height: 18px;
-        background-image: url("../../assets/images/courseManage/reset1.png");
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+      .btnzText {
+        color: #ffffff;
       }
     }
 
-    .btn1:hover {
+    .btnzx1:hover {
       background: rgba(64, 158, 255, 0.76);
 
       .search {
         background-image: url("../../assets/images/courseManage/search0.png");
       }
 
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
 
-    .btn1:active {
+    .btnzx1:active {
       background: #0982ff;
     }
 
-    .btn2:hover {
-      background: rgba(64, 158, 255, 0.1);
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    .btn2:active {
-      background: rgba(64, 158, 255, 0.2);
+    .btnzx2:active {
+      background: #0982ff;
     }
   }
-  .btns {
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+  }
+  .btnzs {
     display: flex;
     margin-left: 38px;
     // flex-wrap: wrap;
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: white;
@@ -541,7 +551,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #4ea6ff;
@@ -550,30 +560,26 @@ export default {
       }
     }
 
-    .btn3 {
+    .btnz3 {
       margin-right: 0px;
-
+      background: #4ea6ff;
       .search {
         width: 17px;
         height: 18px;
         background-image: url("../../assets/images/courseManage/add0.png");
       }
+      .btnzText {
+        color: #ffffff;
+      }
     }
 
-    .btn3:hover {
+    .btnz3:hover {
       // background: rgba(64, 158, 255, 0.76);
-      background: rgba(64, 158, 255, 0.2);
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    // .btn3:active {
-    //   background: #0982ff;
-    // }
-  }
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .ant-table-thead > tr > th {
-      background-color: #eff4fc;
+    .btnz3:active {
+      background: #0982ff;
     }
   }
   .tableBox {
diff --git a/src/views/report/Learningpathmap.vue b/src/views/report/Learningpathmap.vue
index 5d1976f9..0d8ef46e 100644
--- a/src/views/report/Learningpathmap.vue
+++ b/src/views/report/Learningpathmap.vue
@@ -38,29 +38,29 @@
         </a-input>
       </div>
       <div style="display: flex; margin-bottom: 20px">
-        <div class="btnn btn1" @click="getTableData">
+        <div class="btnzx btnzx1" @click="getTableData">
           <div class="search"></div>
-          <div class="btnText">搜索</div>
+          <div class="btnzText">搜索</div>
         </div>
-        <div class="btn btn2" @click="reset">
+        <div class="btnz btnzx2" @click="reset">
           <div class="search"></div>
-          <div class="btnText">重置</div>
+          <div class="btnzText">重置</div>
         </div>
       </div>
     </div>
     <!-- 以下为导出按钮 -->
-    <div class="btns">
-      <div class="btn btn3" @click="exportAllbtnz">
+    <div class="btnzs">
+      <div class="btnz btnz3" @click="exportAllbtnz">
         <div>
           <img src="../../assets/images/coursewareManage/export1.png" alt="" />
         </div>
-        <div class="btnText">导出列表信息</div>
+        <div class="btnzText">导出列表信息</div>
       </div>
-      <div class="btn btn3" @click="exportbtnz" style="margin-left: 20px">
+      <div class="btnz btnz3" @click="exportbtnz" style="margin-left: 20px">
         <div>
           <img src="../../assets/images/coursewareManage/export1.png" alt="" />
         </div>
-        <div class="btnText">导出详细信息</div>
+        <div class="btnzText">导出详细信息</div>
       </div>
     </div>
     <!-- 以下为table表格 -->
@@ -148,7 +148,7 @@ export default {
         getTableData();
       }
     };
-    
+
     // cloumns 表头
     const columns = ref([
       {
@@ -227,7 +227,7 @@ export default {
         title: "操作",
         dataIndex: "operation",
         key: "operation",
-        width: 150,
+        width: 200,
         align: "center",
         fixed: "right",
         customRender: (record) => {
@@ -335,9 +335,10 @@ export default {
           },
         }).then((res) => {
           downLoad(res.data, "详细信息.xlsx");
-        }),(err) => {
-          message.error(err)
-        }
+        }),
+          (err) => {
+            message.error(err);
+          };
       } else {
         const params = {
           createName: state.createName,
@@ -352,11 +353,12 @@ export default {
           headers: {
             token: Cookies.get("token"),
           },
-          }).then((res) => {
-            downLoad(res.data, "详细信息.xlsx");
-          }),(err) => {
-            message.error(err)
-        }
+        }).then((res) => {
+          downLoad(res.data, "详细信息.xlsx");
+        }),
+          (err) => {
+            message.error(err);
+          };
       }
     };
     // 导出列表信息
@@ -372,21 +374,22 @@ export default {
           },
         }).then((res) => {
           downLoad(res.data, "学习路径图信息.xlsx");
-        }),(err) => {
-            message.error(err)
-        }
+        }),
+          (err) => {
+            message.error(err);
+          };
       } else {
         const params = {
-            page: state.pageNo,
-            size: state.pageSize,
-            orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
-            router: state.routerId,
-            routerName: state.routerName,
-            createName: state.createName,
-            startTime: state.startTime,
-            endTime: state.endTime,
-            name: state.name,
-          };
+          page: state.pageNo,
+          size: state.pageSize,
+          orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+          router: state.routerId,
+          routerName: state.routerName,
+          createName: state.createName,
+          startTime: state.startTime,
+          endTime: state.endTime,
+          name: state.name,
+        };
         axios({
           method: "post",
           url: "/report/boeu/router/exportList",
@@ -397,11 +400,11 @@ export default {
           },
         }).then((res) => {
           downLoad(res.data, "学习路径图信息.xlsx");
-        }),(err) => {
-            message.error(err)
-        }
+        }),
+          (err) => {
+            message.error(err);
+          };
       }
-     
     };
     onMounted(() => {
       getOrgList();
@@ -436,32 +439,10 @@ export default {
     .select {
       margin-right: 20px;
       margin-bottom: 20px;
-      width: calc((100% - 56px) / 4);
+      width: calc((100% - 76px - 220px) / 3);
     }
 
-    .addTimeBox {
-      width: calc((100% - 76px - 360px) / 4 + 120px) !important;
-      position: relative;
-      display: flex;
-      align-items: center;
-
-      .addTime {
-        position: absolute;
-        z-index: 10;
-        margin-left: 10px;
-        color: rgba(0, 0, 0, 0.4);
-      }
-
-      .ant-picker {
-        padding-left: 85px;
-      }
-
-      .ant-picker-range .ant-picker-active-bar {
-        margin-left: 85px;
-      }
-    }
-
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: rgba(64, 158, 255, 0);
@@ -478,7 +459,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: rgba(64, 158, 255, 1);
@@ -487,7 +468,7 @@ export default {
       }
     }
 
-    .btnn {
+    .btnzx {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: #4ea6ff;
@@ -504,7 +485,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
@@ -513,7 +494,7 @@ export default {
       }
     }
 
-    .btn1 {
+    .btnzx1 {
       .search {
         width: 15px;
         height: 17px;
@@ -521,44 +502,79 @@ export default {
       }
     }
 
-    .btn2 {
+    .btnzx2 {
       margin-right: 0px !important;
+      background: #4ea6ff;
       .search {
         width: 16px;
         height: 18px;
-        background-image: url("../../assets/images/courseManage/reset1.png");
+
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+      .btnzText {
+        color: white;
       }
     }
 
-    .btn1:hover {
+    .btnzx1:hover {
       background: rgba(64, 158, 255, 0.76);
 
       .search {
         background-image: url("../../assets/images/courseManage/search0.png");
       }
 
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
 
-    .btn1:active {
+      .search {
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+
+      .btnzText {
+        color: #ffffff;
+      }
+    }
+    .btnzx1:active,
+    .btnzx2:active {
       background: #0982ff;
     }
-
-    .btn2:hover {
-      background: rgba(64, 158, 255, 0.1);
-    }
-
-    .btn2:active {
-      background: rgba(64, 158, 255, 0.2);
+  }
+  .tabbtnz {
+    width: 100%;
+    height: 40px;
+    display: flex;
+    justify-content: space-between;
+    .tab {
+      margin-left: 38px;
+      display: flex;
+      background: #ecf5ff;
+      height: 40px;
+      line-height: 40px;
+      border-radius: 8px;
+      .tabItem {
+        box-sizing: border-box;
+        padding: 0 18px;
+        cursor: pointer;
+      }
+      .tabActive {
+        box-sizing: border-box;
+        padding: 0 18px;
+        background: #387df7;
+        color: white;
+        border-radius: 8px;
+        cursor: pointer;
+      }
     }
   }
-  .btns {
+  .btnzs {
     display: flex;
     margin-left: 38px;
     // flex-wrap: wrap;
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: white;
@@ -575,7 +591,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #4ea6ff;
@@ -584,7 +600,7 @@ export default {
       }
     }
 
-    .btn3 {
+    .btnz3 {
       margin-right: 0px;
       background: #4ea6ff;
       .search {
@@ -592,19 +608,19 @@ export default {
         height: 18px;
         background-image: url("../../assets/images/courseManage/add0.png");
       }
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
 
-    .btn3:hover {
+    .btnz3:hover {
       // background: rgba(64, 158, 255, 0.76);
-      background: rgba(64, 158, 255, 0.2);
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    // .btn3:active {
-    //   background: #0982ff;
-    // }
+    .btnz3:active {
+      background: #0982ff;
+    }
   }
   .tableBox {
     margin: 20px 38px 30px;
@@ -624,3 +640,4 @@ export default {
   }
 }
 </style>
+  
\ No newline at end of file
diff --git a/src/views/report/Project.vue b/src/views/report/Project.vue
index 9bc5f1f3..a1fc189f 100644
--- a/src/views/report/Project.vue
+++ b/src/views/report/Project.vue
@@ -48,29 +48,29 @@
         </a-input>
       </div>
       <div style="display: flex; margin-bottom: 20px">
-        <div class="btnn btn1" @click="getTableData">
+        <div class="btnzx btnzx1" @click="getTableData">
           <div class="search"></div>
-          <div class="btnText">搜索</div>
+          <div class="btnzText">搜索</div>
         </div>
-        <div class="btn btn2" @click="reset">
+        <div class="btnz btnzx2" @click="reset">
           <div class="search"></div>
-          <div class="btnText">重置</div>
+          <div class="btnzText">重置</div>
         </div>
       </div>
     </div>
     <!-- 以下为导出按钮 -->
-    <div class="btns">
-      <div class="btn btn3" @click="exportAllClick">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出列表信息</div>
+    <div class="btnzs">
+      <div class="btnz btnz3" @click="exportAllClick">
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">导出列表信息</div>
       </div>
       <div
-        class="btn btn3"
+        class="btnz btnz3"
         style="margin-left: 20px"
         @click="exportDetailClick"
       >
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出详细信息</div>
+        <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
+        <div class="btnzText">导出详细信息</div>
       </div>
     </div>
     <!-- 以下为table表格 -->
@@ -569,7 +569,7 @@ export default {
       width: calc((100% - 76px - 240px) / 4);
     }
 
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: rgba(64, 158, 255, 0);
@@ -586,7 +586,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: rgba(64, 158, 255, 1);
@@ -595,7 +595,7 @@ export default {
       }
     }
 
-    .btnn {
+    .btnzx {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: #4ea6ff;
@@ -612,7 +612,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
@@ -621,7 +621,7 @@ export default {
       }
     }
 
-    .btn1 {
+    .btnzx1 {
       .search {
         width: 15px;
         height: 17px;
@@ -629,44 +629,54 @@ export default {
       }
     }
 
-    .btn2 {
-      margin-right: 0px !important;
+    .btnzx2 {
+      background: #4ea6ff;
       .search {
         width: 16px;
         height: 18px;
-        background-image: url("../../assets/images/courseManage/reset1.png");
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+      .btnzText {
+        color: #ffffff;
       }
     }
 
-    .btn1:hover {
+    .btnzx1:hover {
       background: rgba(64, 158, 255, 0.76);
 
       .search {
         background-image: url("../../assets/images/courseManage/search0.png");
       }
 
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
 
-    .btn1:active {
+    .btnzx1:active {
       background: #0982ff;
     }
 
-    .btn2:hover {
-      background: rgba(64, 158, 255, 0.1);
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    .btn2:active {
-      background: rgba(64, 158, 255, 0.2);
+    .btnzx2:active {
+      background: #0982ff;
     }
   }
-  .btns {
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+  }
+  .btnzs {
     display: flex;
     margin-left: 38px;
     // flex-wrap: wrap;
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: white;
@@ -683,7 +693,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #4ea6ff;
@@ -692,30 +702,26 @@ export default {
       }
     }
 
-    .btn3 {
+    .btnz3 {
       margin-right: 0px;
-
+      background: #4ea6ff;
       .search {
         width: 17px;
         height: 18px;
         background-image: url("../../assets/images/courseManage/add0.png");
       }
+      .btnzText {
+        color: #ffffff;
+      }
     }
 
-    .btn3:hover {
+    .btnz3:hover {
       // background: rgba(64, 158, 255, 0.76);
-      background: rgba(64, 158, 255, 0.2);
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    // .btn3:active {
-    //   background: #0982ff;
-    // }
-  }
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .ant-table-thead > tr > th {
-      background-color: #eff4fc;
+    .btnz3:active {
+      background: #0982ff;
     }
   }
   .tableBox {
diff --git a/src/views/report/Questionsandanswers.vue b/src/views/report/Questionsandanswers.vue
index bbfb54c2..c084ef7a 100644
--- a/src/views/report/Questionsandanswers.vue
+++ b/src/views/report/Questionsandanswers.vue
@@ -24,21 +24,23 @@
         </a-input>
       </div>
       <div style="display: flex; margin-bottom: 20px">
-        <div class="btnn btn1" @click="getTableData">
+        <div class="btnzx btnzx1" @click="getTableData">
           <div class="search"></div>
-          <div class="btnText">搜索</div>
+          <div class="btnzText">搜索</div>
         </div>
-        <div class="btn btn2" @click="reset">
+        <div class="btnzx btnzx1" @click="reset">
           <div class="search"></div>
-          <div class="btnText">重置</div>
+          <div class="btnzText">重置</div>
         </div>
       </div>
     </div>
     <!-- 以下为导出按钮 -->
-    <div class="btns">
-      <div class="btn btn3" @click="exportList">
-        <div><img src="../../assets/svg/export.png" alt="" /></div>
-        <div class="btnText">导出</div>
+    <div class="btnzs">
+      <div class="btnz btnz3" @click="exportList">
+        <div>
+          <img src="../../assets/images/coursewareManage/export1.png" alt="" />
+        </div>
+        <div class="btnzText">导出</div>
       </div>
     </div>
     <!-- 以下为table表格 -->
@@ -203,11 +205,11 @@ export default {
     // 导出事件
     const exportList = async () => {
       if (state.selectedRowKeys.length > 0) {
-        console.log('1111')
+        console.log("1111");
         axios({
           method: "post",
           url: "/report/boeu/question/exportList",
-          data:  {ids:state.selectedRowKeys} ,
+          data: { ids: state.selectedRowKeys },
           responseType: "blob",
           headers: {
             token: Cookies.get("token"),
@@ -230,7 +232,7 @@ export default {
         axios({
           method: "post",
           url: "/report/boeu/question/exportList",
-          data:  params ,
+          data: params,
           responseType: "blob",
           headers: {
             token: Cookies.get("token"),
@@ -286,7 +288,7 @@ export default {
       margin-bottom: 20px;
       width: calc((100% - 76px - 200px) / 2);
     }
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: rgba(64, 158, 255, 0);
@@ -303,7 +305,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: rgba(64, 158, 255, 1);
@@ -312,7 +314,7 @@ export default {
       }
     }
 
-    .btnn {
+    .btnzx {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: #4ea6ff;
@@ -329,7 +331,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #ffffff;
@@ -338,7 +340,7 @@ export default {
       }
     }
 
-    .btn1 {
+    .btnzx1 {
       .search {
         width: 15px;
         height: 17px;
@@ -346,44 +348,54 @@ export default {
       }
     }
 
-    .btn2 {
-      margin-right: 0px !important;
+    .btnzx2 {
+      background: #4ea6ff;
       .search {
         width: 16px;
         height: 18px;
-        background-image: url("../../assets/images/courseManage/reset1.png");
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+      .btnzText {
+        color: #ffffff;
       }
     }
 
-    .btn1:hover {
+    .btnzx1:hover {
       background: rgba(64, 158, 255, 0.76);
 
       .search {
         background-image: url("../../assets/images/courseManage/search0.png");
       }
 
-      .btnText {
+      .btnzText {
         color: #ffffff;
       }
     }
 
-    .btn1:active {
+    .btnzx1:active {
       background: #0982ff;
     }
 
-    .btn2:hover {
-      background: rgba(64, 158, 255, 0.1);
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    .btn2:active {
-      background: rgba(64, 158, 255, 0.2);
+    .btnzx2:active {
+      background: #0982ff;
     }
   }
-  .btns {
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+  }
+  .btnzs {
     display: flex;
     margin-left: 38px;
     // flex-wrap: wrap;
-    .btn {
+    .btnz {
       padding: 0px 26px 0px 26px;
       height: 38px;
       background: white;
@@ -400,7 +412,7 @@ export default {
         background-size: 100%;
       }
 
-      .btnText {
+      .btnzText {
         font-size: 14px;
         font-weight: 400;
         color: #4ea6ff;
@@ -409,30 +421,26 @@ export default {
       }
     }
 
-    .btn3 {
+    .btnz3 {
       margin-right: 0px;
-
+      background: #4ea6ff;
       .search {
         width: 17px;
         height: 18px;
         background-image: url("../../assets/images/courseManage/add0.png");
       }
+      .btnzText {
+        color: #ffffff;
+      }
     }
 
-    .btn3:hover {
+    .btnz3:hover {
       // background: rgba(64, 158, 255, 0.76);
-      background: rgba(64, 158, 255, 0.2);
+      background: rgba(64, 158, 255, 0.76);
     }
 
-    // .btn3:active {
-    //   background: #0982ff;
-    // }
-  }
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .ant-table-thead > tr > th {
-      background-color: #eff4fc;
+    .btnz3:active {
+      background: #0982ff;
     }
   }
   .tableBox {