first commit

frontend/src/assets/main.scss

@@ -0,0 +1,185 @@
+// 全局样式
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
+}
+
+// 主题变量
+:root {
+  --primary-color: #409eff;
+  --success-color: #67c23a;
+  --warning-color: #e6a23c;
+  --danger-color: #f56c6c;
+  --info-color: #909399;
+  --text-primary: #303133;
+  --text-regular: #606266;
+  --text-secondary: #909399;
+  --border-color: #dcdfe6;
+  --bg-color: #f5f7fa;
+}
+
+// 布局相关
+.app-container {
+  display: flex;
+  height: 100vh;
+}
+
+.app-aside {
+  width: 220px;
+  background: linear-gradient(180deg, #1d3557 0%, #457b9d 100%);
+  color: #fff;
+  transition: width 0.3s;
+  
+  &.collapsed {
+    width: 64px;
+  }
+}
+
+.app-header {
+  height: 60px;
+  background: #fff;
+  border-bottom: 1px solid var(--border-color);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+}
+
+.app-main {
+  flex: 1;
+  overflow: auto;
+  background: var(--bg-color);
+  padding: 20px;
+}
+
+// 卡片样式
+.page-card {
+  background: #fff;
+  border-radius: 8px;
+  padding: 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
+}
+
+// 表格样式优化
+.el-table {
+  border-radius: 8px;
+  
+  th {
+    background: #f5f7fa !important;
+    color: var(--text-primary);
+    font-weight: 600;
+  }
+}
+
+// 搜索栏样式
+.search-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  margin-bottom: 20px;
+  
+  .el-input, .el-select {
+    width: 200px;
+  }
+}
+
+// 统计卡片
+.stat-card {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 12px;
+  padding: 24px;
+  color: #fff;
+  
+  &.success {
+    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
+  }
+  
+  &.warning {
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  }
+  
+  &.info {
+    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+  }
+  
+  .stat-value {
+    font-size: 32px;
+    font-weight: 700;
+    margin: 8px 0;
+  }
+  
+  .stat-label {
+    font-size: 14px;
+    opacity: 0.9;
+  }
+}
+
+// 状态标签
+.status-tag {
+  &.draft {
+    background: #f4f4f5;
+    color: #909399;
+  }
+  
+  &.submitted {
+    background: #ecf5ff;
+    color: #409eff;
+  }
+  
+  &.reviewed {
+    background: #f0f9eb;
+    color: #67c23a;
+  }
+  
+  &.finalized {
+    background: #fef0f0;
+    color: #f56c6c;
+  }
+  
+  &.rejected {
+    background: #fdf6ec;
+    color: #e6a23c;
+  }
+}
+
+// 分数等级
+.score-level {
+  padding: 4px 12px;
+  border-radius: 4px;
+  font-weight: 500;
+  
+  &.excellent {
+    background: #f0f9eb;
+    color: #67c23a;
+  }
+  
+  &.good {
+    background: #ecf5ff;
+    color: #409eff;
+  }
+  
+  &.average {
+    background: #fdf6ec;
+    color: #e6a23c;
+  }
+  
+  &.poor {
+    background: #fef0f0;
+    color: #f56c6c;
+  }
+}
+
+// 图表容器
+.chart-container {
+  width: 100%;
+  height: 350px;
+}