zhengsongbo:新员工转正 on 2025-07-22

src/views/project/ProjectDetails.vue

@@ -113,8 +113,22 @@
                 </div>
               </div>
             </el-tab-pane>
+            <!-- 新员工转正项目简介 add by zhengsongbo on 2025-07-15 (只针对新员工转正类型项目)-->
+            <el-tab-pane label="项目简介" name="third" v-if="data.bpmFlag === 1">
+              <div class="notice"></div>
+            </el-tab-pane>
           </el-tabs>
         </div>
+        <!-- 成绩单下载 add by zhengsongbo on 2025-07-09 (只针对新员工转正类型项目)-->
+        <div class="detailRB2" v-if="data.bpmFlag === 1 && data.loadFlag === 1">
+          <div class="parent-div">
+            <el-link
+                type="primary"
+                :underline="false"
+                @click="recordDialogVisible=true"
+            ><span style="font-size:24px;color:red;">成绩单下载</span></el-link>
+          </div>
+        </div>
         <!-- 课程公告及共享文档 -->
         <!-- 个人信息及学习进度 -->
         <div class="detailRB">
@@ -348,9 +362,32 @@
         </div>
       </div>
     </el-dialog>
+    <!-- "社招新员工转正培训项目简介"弹框 -->
+    <el-dialog width="733px" top="40px" title="项目简介"
+               v-model="projectDialogVisible"
+               :append-to-body="true"
+               class="custom-class"
+               >
+      <div style="height: 330px;margin: 0px 40px 0px 40px;">
+        <span v-html="data.introduction"></span>
+      </div>
+    </el-dialog>
+    <!-- "成绩单下载"弹框 -->
+      <el-dialog width="790px" top="0"
+                 v-model="recordDialogVisible"
+                 :style="{ minHeight: '600px' }"
+                 custom-class="flex-dialog"
+                 :append-to-body="true" style="border-radius: 1% 1% 1% 1%;"
+                 >
+        <div class="dialog-content" style="height: 600px;margin: 0px 10px 0px 10px;">
+          <GradeList :projectId="projectId"></GradeList>
+        </div>
+      </el-dialog>
   </div>
 </template>
 <script setup>
+import GradeList from "@/components/GradeList.vue";
+import 'element-plus/dist/index.css'
 import {computed, onMounted, ref,watch} from "vue";
 import {ElMessage} from "element-plus";
 import {request} from "@/api/request";
@@ -376,7 +413,7 @@ const store = useStore()
 const userInfo = computed(() => state.userInfo)
 const data = computed(() => state.projectInfo)
 const errorData = computed(() => state.projectError)
-console.log(data)
+
 const trueFalse = ref(false)
 onMounted(() => {
   if(projectId!=''||projectId!=undefined||projectId!=null){
@@ -446,13 +483,22 @@ request(PointList, { projectId: projectId }).then(res => {
 })
 
 const activeName = ref("first");
-const handleClick = (tab, event) => {
-  console.log(tab, event);
-};
+
 const path = { 1: "path" };
 
 const dialogVisible = ref(false);
 const dialogVisibleTip = ref('该任务无法学习，请联系管理员进行替换！');
+const projectDialogVisible = ref(false);
+const recordDialogVisible = ref(false);
+
+
+const handleClick = (tab) => {
+  //如果点击的是"项目简介"标签，则弹出模态框
+  if (tab.index == 2){
+    projectDialogVisible.value = true;
+
+  }
+};
 
 // 判断当前任务已结束及时间意义上的结束 提示用户
 function judgeTaskIsEnd(type, endTimes, status) {
@@ -776,13 +822,13 @@ function continueLearn(lastLearnedId) {
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
-.example-showcase .el-loading-mask {
-  z-index: 9;
-}
-.el-popper {
-    z-index: 0 !important;
+  .example-showcase .el-loading-mask {
+    z-index: 9;
   }
-.pathdetails {
+  .el-popper {
+      z-index: 0 !important;
+    }
+  .pathdetails {
   .el-dialog__body{
     width: 80%;
   }
@@ -1083,7 +1129,60 @@ function continueLearn(lastLearnedId) {
           }
         }
       }
+      .detailRB2 {
+        min-height: 59px;
+        background: #ffffff;
+        border-radius: 8px;
+        margin-top: 17px;
+      }
+      .parent-div {
+        display: flex;           /* 启用弹性布局 */
+        justify-content: center; /* 水平居中 */
+        align-items: center;     /* 垂直居中 */
+        height: 59px;           /* 容器高度（示例） */
+      }
     }
   }
 }
+  /* 项目简介 弹窗  ---start--- */
+  .el-dialog {
+    border-radius: 3% 3% 1% 1%;
+    padding: 0;
+  }
+  .custom-class .el-dialog__header {
+    padding: 0 !important;
+    height: 100px;
+    margin: 0 !important;
+    background-image: url('../../assets/image/project/title-bg.png');
+    background-size: 100% 100%;  /* 完全填充 */
+    display: block;             /* 避免行内元素空隙 */
+  }
+  .custom-class .el-dialog__title {
+    padding: 0 !important;
+    font-size: 35px;
+    font-weight: bold;
+    color: white;
+    margin: 60px !important;
+    line-height: 100px;
+  }
+  .custom-class .el-dialog__body {
+    margin:  0 !important;
+    padding: 0 !important;
+  }
+  /* ---end--- */
+  /* 成绩单 弹窗  ---start--- */
+  .flex-dialog {
+    display: flex;
+    flex-direction: column;
+    max-height: 80vh;
+  }
+  .dialog-content {
+    overflow-y: auto;
+    flex: 1;
+  }
+  /* ---end--- */
+ .el-dialog__headerbtn {
+    height: 38px !important;
+    width: 38px !important;
+  }
 </style>