feat(我的绩效): 开发我的绩效功能。

fix(加班申请、工作报告): 重构加班申请在审批时的样式，工作报告在新增时的对话框、报告详情页的样式。

src/views/personal-center/work-report/monthly/modules/approval-page.vue

@@ -801,7 +801,7 @@ watch(
 
     <div class="form-actions approval-form-actions">
       <ElButton @click="emit('back')">退出审批</ElButton>
-      <ElButton type="primary" class="btn-submit" @click="openAuditDialog">开始审批</ElButton>
+      <ElButton type="primary" @click="openAuditDialog">开始审批</ElButton>
     </div>
 
     <BusinessFormDialog
@@ -915,8 +915,8 @@ watch(
   place-items: center;
   flex-shrink: 0;
   border-radius: 16px;
-  background: #ccfbf1;
-  color: #0f766e;
+  background: var(--el-color-primary-light-8);
+  color: var(--el-color-primary);
   font-weight: 900;
 }
 
@@ -1009,12 +1009,12 @@ watch(
 }
 
 .radio-group-full :deep(.el-radio.is-checked) {
-  border-color: #0f766e;
-  background: #f0fdfa;
+  border-color: var(--el-color-primary);
+  background: var(--el-color-primary-light-9);
 }
 
 .radio-group-full :deep(.el-radio__input.is-checked + .el-radio__label) {
-  color: #0f766e;
+  color: var(--el-color-primary);
 }
 
 .review-grid,
@@ -1123,7 +1123,7 @@ watch(
   display: grid;
   place-items: center;
   border-radius: 999px;
-  background: #0f766e;
+  background: var(--el-color-primary);
   color: #fff;
   font-size: 13px;
   font-weight: 900;
@@ -1292,7 +1292,7 @@ watch(
   position: relative;
   min-width: 0;
   padding-left: 14px;
-  color: #0f766e;
+  color: var(--el-color-primary);
   font-size: 13px;
   font-weight: 800;
   white-space: normal;
@@ -1308,10 +1308,10 @@ watch(
   width: 4px;
   height: 16px;
   border-radius: 999px;
-  background: #0f766e;
+  background: var(--el-color-primary);
 }
 
-.rich-editor :deep(.rich-section-tasks) {
+.rich-editor :deep(.rich-section-task) {
   display: grid;
   gap: 6px;
   padding-left: 14px;
@@ -1324,7 +1324,7 @@ watch(
 }
 
 .rich-editor :deep(.rich-category-line) {
-  color: #0f766e;
+  color: var(--el-color-primary);
   font-size: 13px;
   font-weight: 700;
   line-height: 1.6;
@@ -1454,7 +1454,7 @@ watch(
 .structured-section-title {
   position: relative;
   padding-left: 14px;
-  color: #0f766e;
+  color: var(--el-color-primary);
   font-size: 13px;
   font-weight: 800;
 }
@@ -1467,7 +1467,7 @@ watch(
   width: 4px;
   height: 16px;
   border-radius: 999px;
-  background: #0f766e;
+  background: var(--el-color-primary);
 }
 
 .structured-section-tasks {
@@ -1551,14 +1551,14 @@ watch(
 }
 
 .conclusion-btn:hover {
-  border-color: #0f766e;
-  color: #0f766e;
+  border-color: var(--el-color-primary);
+  color: var(--el-color-primary);
 }
 
 .conclusion-btn.active.pass {
-  border-color: #0f766e;
-  background: #f0fdfa;
-  color: #0f766e;
+  border-color: var(--el-color-primary);
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
 }
 
 .conclusion-btn.active.reject {
@@ -1689,9 +1689,9 @@ watch(
 }
 
 .feedback-tag.success {
-  background: #ecfdf5;
-  color: #059669;
-  border: 1px solid #d1fae5;
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+  border: 1px solid var(--el-color-primary-light-7);
 }
 
 .feedback-tag.warning {
@@ -1838,16 +1838,6 @@ watch(
   box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.06);
 }
 
-.btn-submit {
-  background: #0f766e !important;
-  border-color: #0f766e !important;
-}
-
-.btn-submit:hover {
-  background: #0d9488 !important;
-  border-color: #0d9488 !important;
-}
-
 @media (max-width: 1180px) {
   .form-head,
   .compose-grid,