Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage

src/api/index1.js

@@ -0,0 +1,55 @@
+import http from "./config";
+// import qs from 'qs';
+
+
+/**
+ * 接口传参数方式（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()
+ *
+ */
+
+
+// 接口-请求
+
+// 获取学习路径图列表
+export const getLearnPath = (obj) => http.post('/admin/router/list', obj);
+
+//获取关卡
+export const getChapter = (obj) => http.post('/admin/router/detail', { params: obj });
+
+//新建或编辑关卡
+export const editChapter = (obj) => http.post('/admin/router/editChapter', obj);
+
+// 测试方法
+// import * as api from '../../api/index'
+// api.getLearnPath({}).then(res => {
+// 	console.log(res)
+// }).catch(err => {
+// 	console.log(err)
+// })

src/assets/scss/common.scss

@@ -45,31 +45,94 @@ body {
   /*对水平流动条有效*/
 }
 
+::-moz-scrollbar {
+  width: 6px;
+  /*对垂直流动条有效*/
+  height: 6px;
+  /*对水平流动条有效*/
+}
+::-o-scrollbar {
+  width: 6px;
+  /*对垂直流动条有效*/
+  height: 6px;
+  /*对水平流动条有效*/
+}
+.scrollbar {
+  width: 6px;
+  /*对垂直流动条有效*/
+  height: 6px;
+  /*对水平流动条有效*/
+}
 /*定义滚动条的轨道颜色、内阴影及圆角*/
 ::-webkit-scrollbar-track {
   background-color: rgba(239, 244, 252, 1);
   border-radius: 6px;
 }
-
+::-moz-scrollbar-track {
+  background-color: rgba(239, 244, 252, 1);
+  border-radius: 6px;
+}
+::-o-scrollbar-track {
+  background-color: rgba(239, 244, 252, 1);
+  border-radius: 6px;
+}
+.scrollbar-track {
+  background-color: rgba(239, 244, 252, 1);
+  border-radius: 6px;
+}
 
 /*定义滑块颜色、内阴影及圆角*/
 ::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: rgba(78, 166, 255, 1);
 }
+::-moz-scrollbar-thumb {
+  border-radius: 3px;
+  background-color: rgba(78, 166, 255, 1);
+}
+::-o-scrollbar-thumb {
+  border-radius: 3px;
+  background-color: rgba(78, 166, 255, 1);
+}
+.scrollbar-thumb {
+  border-radius: 3px;
+  background-color: rgba(78, 166, 255, 1);
+}
 
 /*定义两端按钮的样式*/
 ::-webkit-scrollbar-button {
   background-color: cyan;
   display: none;
 }
-
+::-moz-scrollbar-button {
+  background-color: cyan;
+  display: none;
+}
+::-o-scrollbar-button {
+  background-color: cyan;
+  display: none;
+}
+.scrollbar-button {
+  background-color: cyan;
+  display: none;
+}
 /*定义右下角汇合处的样式*/
 ::-webkit-scrollbar-corner {
   background: rgba(239, 244, 252, 1);
   ;
 }
-
+::-moz-scrollbar-corner {
+  background: rgba(239, 244, 252, 1);
+  ;
+}
+::-o-scrollbar-corner {
+  background: rgba(239, 244, 252, 1);
+  ;
+}
+.scrollbar-corner {
+  background: rgba(239, 244, 252, 1);
+  ;
+}
 //隐藏滚动条----------------------------------------------------------------
 
 //禁止选中----------------------------------------------------------

src/components/drawers/ChangeGroup.vue

@@ -32,7 +32,6 @@
       </div>
     </div>
   </a-drawer>
-  
 </template>
 
 <script>
@@ -85,7 +84,6 @@ export default {
 
 <style lang="scss">
 .changegroup {
-  
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
@@ -125,7 +123,6 @@ export default {
         }
         .ant-select-selection-search-input {
           height: 40px;
-                
         }
       }
     }

src/components/drawers/TimeManage.vue

@@ -70,7 +70,7 @@
             :data-source="tabledata"
             :loading="tableDataTotal === -1 ? true : false"
             expandRowByClick="true"
-            :scroll="{ x: 900, y: 350 }"
+            :scroll="{ x: 900 }"
             @expand="expandTable"
             :pagination="false"
           />

src/router/index.js

@@ -6,7 +6,7 @@ const routes = [
 	{
 		path: '/',
 		name: '首页',
-		redirect: routesConfig[0].path
+		redirect: '/learningpath'
 	},
 	...routesConfig
 ]

src/views/learningpath/LearningPath.vue

@@ -53,7 +53,6 @@
         
       </div>
       <div class="btns">
-        
         <!-- <router-link to="/projectadd">
           <div class="btn btn3">
             <div class="search"></div>
@@ -209,7 +208,6 @@
       </div></a-modal
     >
 
-
     <!-- 编辑路径弹窗 -->
     <a-modal
       :closable="sh"
@@ -551,6 +549,7 @@ import OwnerShip from "../../components/drawers/Ownership";
 import PowerList from "../../components/drawers/PowerList";
 import QueryRight from "../../components/drawers/QueryRight";
 import ManageRight from "../../components/drawers/ManageRight";
+import * as api from "../../api/index1";
 export default {
   name: "learningPath",
   components: { OwnerShip, PowerList, QueryRight, ManageRight },
@@ -801,8 +800,53 @@ export default {
       ];
       return columns;
     };
+    //获取学习路径列表
+    const getLearnPath = () => {
+      let obj = {
+        beginTime: 0,
+        endTime: 0,
+        name: "",
+        pageNo: 0,
+        pageSize: 0,
+        status: 0,
+      };
+      api
+        .getLearnPath(obj)
+        .then((res) => {
+          console.log("获取路径列表数据", res);
+        })
+        .catch((err) => {
+          console.log("获取学习路径失败", err);
+        });
+      let getChapterObj = {
+        routerId: 0,
+      };
+      api
+        .getChapter(getChapterObj)
+        .then((res) => {
+          console.log("获取关卡数据", res);
+        })
+        .catch((err) => {
+          console.log("获取关卡数据失败", err);
+        });
+
+      // let editChapterObj = {
+      //   name: "测试关卡",
+      //   remark: "这是测试关卡说明",
+      //   routerId: 0,
+      // };
+      // api
+      //   .editChapter(editChapterObj)
+      //   .then((res) => {
+      //     console.log("添加测试关卡数据", res);
+      //   })
+      //   .catch((err) => {
+      //     console.log("添加测试关卡数据失败", err);
+      // 	});
+    };
     onMounted(() => {
       // console.log("执行");
+      getLearnPath();
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -888,18 +932,28 @@ export default {
                     >
                       发布
                     </div>
-                    <div class="jc" onClick={() => {
+                    <div
+                      class="jc"
+                      onClick={() => {
                         state.out1 = true;
-                      }}>编辑</div>
+                      }}
+                    >
+                      编辑
+                    </div>
                   </div>
                 ) : (
                   <div></div>
                 )}
                 {value.state === "已发布" ? (
                   <div class="fb">
-                    <div class="jc" onClick={() => {
+                    <div
+                      class="jc"
+                      onClick={() => {
                         state.out1 = true;
-                      }}>编辑</div>
+                      }}
+                    >
+                      编辑
+                    </div>
                   </div>
                 ) : (
                   <div></div>
@@ -1649,7 +1703,7 @@ export default {
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
-        background: #409EFF;
+        background: #409eff;
         border-radius: 8px;
         //border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
@@ -1664,7 +1718,7 @@ export default {
         .btnText {
           font-size: 14px;
           font-weight: 400;
-          color: #FFFFFF;
+          color: #ffffff;
           line-height: 36px;
           margin-left: 5px;
         }
@@ -1672,7 +1726,7 @@ export default {
       .btnn {
         padding: 0px 26px 0px 26px;
         height: 38px;
-        background: #FFFFFF;
+        background: #ffffff;
         border-radius: 8px;
         border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
@@ -1687,7 +1741,7 @@ export default {
         .btnText {
           font-size: 14px;
           font-weight: 400;
-          color: #409EFF;
+          color: #409eff;
           line-height: 36px;
           margin-left: 5px;
         }
@@ -1716,7 +1770,7 @@ export default {
         }
       }
       .btn1:active {
-        background: #0982FF;
+        background: #0982ff;
       }
       .btn2:hover {
         background: rgba(64, 158, 255, 0.1);
@@ -1731,7 +1785,7 @@ export default {
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
-        background: #409EFF;
+        background: #409eff;
         border-radius: 8px;
         //border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
@@ -1746,7 +1800,7 @@ export default {
         .btnText {
           font-size: 14px;
           font-weight: 400;
-          color: #FFFFFF;
+          color: #ffffff;
           line-height: 36px;
           margin-left: 5px;
         }
@@ -1769,7 +1823,7 @@ export default {
         }
       }
       .btn3:active {
-        background: #0982FF;
+        background: #0982ff;
       }
     }
   }

src/views/projectcenter/ProjectManage.vue

@@ -80,13 +80,6 @@
           total: tableDataTotal,
           onChange: (page, pageSize) => {
             currentPage = page;
-            // console.log('page', page)
-            // 加翻页查找代码
-            // 	this.setState({
-            // 		currentPage: page,
-            // 	}, () => {
-            // 		this.getMilitaryDeployment()
-            // 	})
           },
         }"
       >
@@ -589,7 +582,9 @@
           </div>
           <div class="body">
             <span>是否结束项目</span>
-            <div class="back">（项目结束后学员将无法继续学习，此操作不可逆）</div>
+            <div class="back">
+              （项目结束后学员将无法继续学习，此操作不可逆）
+            </div>
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1">
@@ -1070,7 +1065,6 @@ export default {
       data.map((value) => {
         if (value.children) {
           //多层项目
-          console.log("11");
           value.operation =
             value.state === "草稿" ? (
               <div class="operation">
@@ -1129,9 +1123,13 @@ export default {
                       <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div onClick={() => {
+                      <div
+                        onClick={() => {
                           showStartModal();
-                          }}>存为模板</div>
+                        }}
+                      >
+                        存为模板
+                      </div>
                     </a-select-option>
                   </a-select>
                 </div>
@@ -1173,9 +1171,14 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3" onClick={() => {
+                <span
+                  class="operation3"
+                  onClick={() => {
                     showCopyModal();
-                      }}>复制</span>
+                  }}
+                >
+                  复制
+                </span>
                 <span class="more"></span>
               </div>
             ) : value.state === "已结束" ? (
@@ -1215,12 +1218,22 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3" onClick={() => {
+                <span
+                  class="operation3"
+                  onClick={() => {
                     showCopyModal();
-                      }}>复制</span>
+                  }}
-                <span class="more" onClick={() => {
+                >
+                  复制
+                </span>
+                <span
+                  class="more"
+                  onClick={() => {
                     showDeleteModal();
-                          }}>删除</span>
+                  }}
+                >
+                  删除
+                </span>
               </div>
             ) : (
               <div></div>
@@ -1278,14 +1291,22 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showCopyModal();
-                      }}>复制</div>
+                            }}
+                          >
+                            复制
+                          </div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showDeleteModal();
-                          }}>删除</div>
+                            }}
+                          >
+                            删除
+                          </div>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1331,9 +1352,14 @@ export default {
                     <router-link to="/classadd" class="operation3">
                       创建班级
                     </router-link>
-                    <span class="more" onClick={() => {
+                    <span
+                      class="more"
+                      onClick={() => {
                         showCopyModal();
-                      }}>复制</span>
+                      }}
+                    >
+                      复制
+                    </span>
                   </div>
                 ) : item.state === "已结束" ? (
                   <div class="operation">
@@ -1372,12 +1398,22 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3" onClick={() => {
+                    <span
+                      class="operation3"
+                      onClick={() => {
                         showCopyModal();
-                      }}>复制</span>
+                      }}
-                    <span class="more" onClick={() => {
+                    >
+                      复制
+                    </span>
+                    <span
+                      class="more"
+                      onClick={() => {
                         showDeleteModal();
-                          }}>删除</span>
+                      }}
+                    >
+                      删除
+                    </span>
                   </div>
                 ) : (
                   <div></div>
@@ -1432,19 +1468,31 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="复制" label="复制">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showCopyModal();
-                      }}>复制</div>
+                              }}
+                            >
+                              复制
+                            </div>
                           </a-select-option>
                           <a-select-option value="删除" label="删除">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showDeleteModal();
-                          }}>删除</div>
+                              }}
+                            >
+                              删除
+                            </div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showStartModal();
-                          }}>存为模板</div>
+                              }}
+                            >
+                              存为模板
+                            </div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1489,9 +1537,14 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3" onClick={() => {
+                      <span
+                        class="operation3"
+                        onClick={() => {
                           showCopyModal();
-                      }}>复制</span>
+                        }}
+                      >
+                        复制
+                      </span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1500,19 +1553,31 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="撤回" label="撤回">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showBackModal();
-                          }}>撤回</div>
+                              }}
+                            >
+                              撤回
+                            </div>
                           </a-select-option>
                           <a-select-option value="结束" label="结束">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showStopModal();
-                          }}>结束</div>
+                              }}
+                            >
+                              结束
+                            </div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showStartModal();
-                          }}>存为模板</div>
+                              }}
+                            >
+                              存为模板
+                            </div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1557,12 +1622,22 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3" onClick={() => {
+                      <span
+                        class="operation3"
+                        onClick={() => {
                           showCopyModal();
-                      }}>复制</span>
+                        }}
-                      <span class="operation3" onClick={() => {
+                      >
+                        复制
+                      </span>
+                      <span
+                        class="operation3"
+                        onClick={() => {
                           showCopyModal();
-                      }}>复制</span>
+                        }}
+                      >
+                        复制
+                      </span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1571,14 +1646,22 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="删除" label="删除">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showDeleteModal();
-                          }}>删除</div>
+                              }}
+                            >
+                              删除
+                            </div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showStartModal();
-                          }}>存为模板</div>
+                              }}
+                            >
+                              存为模板
+                            </div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1623,9 +1706,14 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3" onClick={() => {
+                      <span
+                        class="operation3"
+                        onClick={() => {
                           showCopyModal();
-                      }}>复制</span>
+                        }}
+                      >
+                        复制
+                      </span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1634,19 +1722,31 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="结束" label="结束">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showStopModal();
-                          }}>结束</div>
+                              }}
+                            >
+                              结束
+                            </div>
                           </a-select-option>
                           <a-select-option value="撤回" label="撤回">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showBackModal();
-                          }}>撤回</div>
+                              }}
+                            >
+                              撤回
+                            </div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div onClick={() => {
+                            <div
+                              onClick={() => {
                                 showStartModal();
-                          }}>存为模板</div>
+                              }}
+                            >
+                              存为模板
+                            </div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1707,19 +1807,31 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showCopyModal();
-                      }}>复制</div>
+                            }}
+                          >
+                            复制
+                          </div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showDeleteModal();
-                          }}>删除</div>
+                            }}
+                          >
+                            删除
+                          </div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showStartModal();
-                          }}>存为模板</div>
+                            }}
+                          >
+                            存为模板
+                          </div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1764,9 +1876,14 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3" onClick={() => {
+                    <span
+                      class="operation3"
+                      onClick={() => {
                         showCopyModal();
-                      }}>复制</span>
+                      }}
+                    >
+                      复制
+                    </span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1775,19 +1892,31 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showBackModal();
-                          }}>撤回</div>
+                            }}
+                          >
+                            撤回
+                          </div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showStopModal();
-                          }}>结束</div>
+                            }}
+                          >
+                            结束
+                          </div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showStartModal();
-                          }}>存为模板</div>
+                            }}
+                          >
+                            存为模板
+                          </div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1832,9 +1961,14 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3" onClick={() => {
+                    <span
+                      class="operation3"
+                      onClick={() => {
                         showCopyModal();
-                      }}>复制</span>
+                      }}
+                    >
+                      复制
+                    </span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1843,19 +1977,31 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="删除" label="删除">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showDeleteModal();
-                          }}>删除</div>
+                            }}
+                          >
+                            删除
+                          </div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showStopModal();
-                          }}>结束</div>
+                            }}
+                          >
+                            结束
+                          </div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showStartModal();
-                          }}>存为模板</div>
+                            }}
+                          >
+                            存为模板
+                          </div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1900,9 +2046,14 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3" onClick={() => {
+                    <span
+                      class="operation3"
+                      onClick={() => {
                         showCopyModal();
-                      }}>复制</span>
+                      }}
+                    >
+                      复制
+                    </span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1911,19 +2062,31 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showBackModal();
-                          }}>撤回</div>
+                            }}
+                          >
+                            撤回
+                          </div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showStopModal();
-                          }}>结束</div>
+                            }}
+                          >
+                            结束
+                          </div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div onClick={() => {
+                          <div
+                            onClick={() => {
                               showStartModal();
-                          }}>存为模板</div>
+                            }}
+                          >
+                            存为模板
+                          </div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1983,9 +2146,14 @@ export default {
               {value.state === "草稿" ? (
                 <span class="operation3">发布</span>
               ) : (
-                <span class="operation3" onClick={() => {
+                <span
+                  class="operation3"
+                  onClick={() => {
                     showCopyModal();
-                      }}>复制</span>
+                  }}
+                >
+                  复制
+                </span>
               )}
               <div class="tableSelect">
                 {value.state === "草稿" ? (
@@ -1996,9 +2164,13 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="复制" label="复制">
-                      <div onClick={() => {
+                      <div
+                        onClick={() => {
                           showCopyModal();
-                      }}>复制</div>
+                        }}
+                      >
+                        复制
+                      </div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
@@ -2010,9 +2182,13 @@ export default {
                       </div>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div onClick={() => {
+                      <div
+                        onClick={() => {
                           showStartModal();
-                          }}>存为模板</div>
+                        }}
+                      >
+                        存为模板
+                      </div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -2026,9 +2202,13 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div onClick={() => {
+                      <div
+                        onClick={() => {
                           showStartModal();
-                          }}>存为模板</div>
+                        }}
+                      >
+                        存为模板
+                      </div>
                     </a-select-option>
                     <a-select-option value="结束" label="结束">
                       <div
@@ -2040,9 +2220,13 @@ export default {
                       </div>
                     </a-select-option>
                     <a-select-option value="撤回" label="撤回">
-                      <div onClick={() => {
+                      <div
+                        onClick={() => {
                           showBackModal();
-                          }}>撤回</div>
+                        }}
+                      >
+                        撤回
+                      </div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -2056,9 +2240,13 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div onClick={() => {
+                      <div
+                        onClick={() => {
                           showStartModal();
-                          }}>存为模板</div>
+                        }}
+                      >
+                        存为模板
+                      </div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
@@ -2082,6 +2270,7 @@ export default {
         }
       });
       state.tableData = data;
+      console.log("tableData", state.tableData);
     };
     getTableDate();
 

src/views/projectcenter/TemplateLibrary.vue

@@ -54,15 +54,12 @@
     </div>
   </div>
 </template>
-
 <script>
 import { reactive, defineComponent, toRefs } from "vue";
-
 const columns1 = [
-
   {
     title: "模版名称",
-    width: '20%',
+    width: "20%",
     dataIndex: "name",
     key: "name",
     ellipsis: true,
@@ -70,36 +67,34 @@ const columns1 = [
   },
   {
     title: "状态",
-    width: '15%',
+    width: "15%",
     dataIndex: "status",
     key: "status",
     align: "center",
   },
-
   {
     title: "创建人",
-    width: '18%',
+    width: "18%",
     dataIndex: "creator",
     key: "creator",
     align: "center",
   },
   {
     title: "最近学习时间",
-    width: '25%',
+    width: "25%",
     dataIndex: "stutime",
     key: "stutime",
     align: "center",
   },
   {
     title: "操作",
-    width: '22%',
+    width: "22%",
     className: "h",
     dataIndex: "operation",
     key: "operation",
     align: "center",
   },
 ];
-
 export default defineComponent({
   name: "TemplateLibrary",
   setup() {
@@ -151,7 +146,10 @@ export default defineComponent({
                   <div class="nselect">
                     <div class="ops2">
                       <router-link to="/libraryadd">
-                                <div class="jc">查看 <span style="color:#E9E9E9;margin-left:8px;">|</span></div>
+                        <div class="jc">
+                          查看{" "}
+                          <span style="color:#E9E9E9;margin-left:8px;">|</span>
+                        </div>
                       </router-link>
                     </div>
                     <div class="ops3">
@@ -164,11 +162,17 @@ export default defineComponent({
                 {value.status === "未发布" ? (
                   <div class="nselect">
                     <div class="ops1">
-                                    <div class="jc">发布<span style="color:#E9E9E9;margin-left:8px;">|</span></div>
+                      <div class="jc">
+                        发布
+                        <span style="color:#E9E9E9;margin-left:8px;">|</span>
+                      </div>
                     </div>
                     <div class="ops2">
                       <router-link to="/libraryadd">
-                                        <div class="jc">查看<span style="color:#E9E9E9;margin-left:8px;">|</span></div>
+                        <div class="jc">
+                          查看
+                          <span style="color:#E9E9E9;margin-left:8px;">|</span>
+                        </div>
                       </router-link>
                     </div>
                     <div class="ops3">
@@ -189,13 +193,10 @@ export default defineComponent({
     return {
       ...toRefs(state),
       columns1,
-            }
+    };
-    }
+  },
-})
+});
-
-
 </script>
-
 <style lang="scss">
 .templatelibrary {
   width: 100%;
@@ -254,7 +255,7 @@ export default defineComponent({
           }
         }
         .btn1 {
-                        background: #409EFF;
+          background: #409eff;
           .search {
             width: 15px;
             height: 17px;
@@ -262,8 +263,8 @@ export default defineComponent({
           }
         }
         .btn2 {
-                        background: #FFFFFF;
+          background: #ffffff;
-                        border: 1px solid #388BE1;
+          border: 1px solid #388be1;
           .search {
             width: 16px;
             height: 18px;
@@ -272,7 +273,7 @@ export default defineComponent({
         }
         .btn1:hover {
           background: rgb(255, 255, 255);
-                        border: 1px solid #388BE1;
+          border: 1px solid #388be1;
           .search {
             background-image: url("../../assets/images/courseManage/search1.png");
           }

vue.config.js

@@ -7,7 +7,7 @@ module.exports = defineConfig({
 				target: "http://111.231.196.214:30001/",
 				changeOrigin: true,
 				secure: false,
-				ws: true,
+				ws: false,
 				pathRewrite: {
 					"^/api": "",
 				},