feat: 1. 添加axios全局路由拦截进行自动添加请求jwt。 2.重新整理路由表。 3. 文档列表新增版本差异对比。 4.菜单路由可访问列表通过对接接口返回，添加全局路由检测。

5. 修改统一认证登录和管理员登录是通过接口形式进行，存储返回的accessToken。 6. 修改交叉评查的部分样式
2025-11-18 11:06:24 +08:00
parent 8a50671c39
commit bfe39e45a9
53 changed files with 9503 additions and 2796 deletions
@@ -0,0 +1,202 @@
+/* ============================================
+ * 文档版本管理样式
+ * ============================================ */
+
+/* 历史版本行样式 */
+.history-row {
+  background-color: #fafafa !important;
+  border-left: 3px solid var(--color-primary, #00684a);
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.history-row:hover {
+  background-color: #f0f0f0 !important;
+}
+
+/* 历史版本行的第一个单元格添加左侧缩进 */
+/* .history-row > td:first-child {
+  padding-left: 50px !important;
+} */
+
+/* 展开/折叠图标 */
+.expand-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  color: #8c8c8c;
+  font-size: 18px;
+  transition: transform 0.2s ease, color 0.2s ease;
+  user-select: none;
+}
+
+.expand-icon:hover {
+  color: var(--color-primary, #00684a);
+}
+
+.expand-icon.expanded {
+  transform: rotate(90deg);
+}
+
+
+/* 版本徽章 */
+.version-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 8px;
+  background-color: #f0f0f0;
+  color: #8c8c8c;
+  border-radius: 4px;
+  font-size: 12px;
+  margin-left: 8px;
+}
+
+.version-badge i {
+  font-size: 14px;
+}
+
+/* 版本号标签 */
+.version-number {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  background-color: #e6f7ff;
+  color: #1890ff;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+/* 问题数量差异显示 */
+.issues-count-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.issues-number {
+  font-weight: 600;
+  font-size: 14px;
+  color: #262626;
+}
+
+.issues-diff {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+/* 问题数量增加（红色） */
+.issues-diff.increase {
+  color: #f5222d;
+  background-color: #fff1f0;
+}
+
+.issues-diff.increase i {
+  color: #f5222d;
+}
+
+/* 问题数量减少（绿色） */
+.issues-diff.decrease {
+  color: #52c41a;
+  background-color: #f6ffed;
+}
+
+.issues-diff.decrease i {
+  color: #52c41a;
+}
+
+/* 问题数量相同（灰色） */
+.issues-diff.same {
+  color: #8c8c8c;
+  background-color: #f5f5f5;
+}
+
+.issues-diff.same i {
+  color: #8c8c8c;
+}
+
+/* 文档名称文本 */
+.doc-name-text {
+  word-break: break-word;
+  line-height: 1.5;
+}
+
+/* 历史版本标签 */
+.history-version-label {
+  font-weight: 500;
+  color: #595959;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .history-row > td:first-child {
+    padding-left: 30px !important;
+  }
+
+  .expand-icon {
+    font-size: 16px;
+  }
+
+  .version-badge {
+    font-size: 11px;
+    padding: 1px 6px;
+  }
+
+  .issues-diff {
+    font-size: 11px;
+    padding: 1px 6px;
+  }
+}
+
+/* 加载状态 */
+.version-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+  color: #8c8c8c;
+  font-size: 14px;
+}
+
+.version-loading i {
+  margin-right: 8px;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* 空状态 */
+.version-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+  color: #8c8c8c;
+  font-size: 14px;
+}
+
+/* 确保 RemixIcon 样式不被覆盖 */
+.expand-icon i,
+.history-icon i,
+.version-badge i,
+.issues-diff i {
+  font-family: 'remixicon' !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
@@ -27,6 +27,7 @@
@import './components/message-modal.css';
@import './components/toast.css';
@import './components/TooltipStyles.css';
+@import './components/document-version.css';

 /* @import './components/modal.css'; */

@@ -10,6 +10,20 @@
  background-repeat: no-repeat;
 }

+/* 加载图标旋转动画 */
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.ri-loader-4-line {
+  animation: spin 1s linear infinite;
+}
+
 .login-container {
  width: 100%;
  max-width: 480px;