From 9e91f41ca71d5a7c77110a9e041f001c08df644e Mon Sep 17 00:00:00 2001
From: wyx <you@example.com>
Date: Thu, 16 Feb 2023 10:01:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=A1=B9=E7=9B=AE=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/project/ProjectDetails.vue | 88 ++++++++++++++--------------
 1 file changed, 43 insertions(+), 45 deletions(-)

diff --git a/src/views/project/ProjectDetails.vue b/src/views/project/ProjectDetails.vue
index f17d9dd..8c79644 100644
--- a/src/views/project/ProjectDetails.vue
+++ b/src/views/project/ProjectDetails.vue
@@ -43,9 +43,11 @@
 						</div> -->
 					</div>
 					<div v-if="i.stageId == '0' && i.taskProcessList.length == 0"></div>
-					<div v-else class="course" v-for="(value, index) in (i.taskProcessList.sort((a,b)=>{ return a.projectTaskId - b.projectTaskId; })).filter(
-	(e) => !whiteTypes(e.type)
-)" :key="index">
+					<div v-else class="course" 
+						 v-for="(value, index) in (i.taskProcessList.sort((a,b)=>{ return a.projectTaskId - b.projectTaskId; })).filter(
+							(e) => !whiteTypes(e.type)
+						 )" 
+						:key="index">
 						<div style="width: 70%">
 							<div v-if="value.name.length > 50" class="coursename" :title="value.name">
 								<el-popover ref="popover" placement="right" trigger="hover" :width="300" :content="value.name">
@@ -77,16 +79,20 @@
 								<div>当前进度</div>
 								<div class="progress">
 									<div style="width: 291px">
-										<el-progress :percentage="parseInt(value.currentRatio)" :show-text="false" :stroke-width="8" :color="
-	{
-		0: 'rgba(238, 112, 108, 1)',
-		1: 'rgba(255, 151, 38, 1)',
-		2: 'rgba(39, 122, 255, 1)',
-		3: 'rgba(59, 94, 251, 1)',
-		4: 'rgba(57, 219, 183, 1)',
-		5: 'rgba(57, 219, 183, 1)',
-	}[parseInt(parseInt(value.currentRatio) / 20)]
-" />
+										<el-progress 
+											:percentage="parseInt(value.currentRatio)" 
+											:show-text="false" 
+											:stroke-width="8" 
+											:color="
+											{
+												0: 'rgba(238, 112, 108, 1)',
+												1: 'rgba(255, 151, 38, 1)',
+												2: 'rgba(39, 122, 255, 1)',
+												3: 'rgba(59, 94, 251, 1)',
+												4: 'rgba(57, 219, 183, 1)',
+												5: 'rgba(57, 219, 183, 1)',
+											}[parseInt(parseInt(value.currentRatio) / 20)]
+										"/>
 									</div>
 									<div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;color:#677d86;">
 										{{ parseInt(value.currentRatio) }}%
@@ -96,12 +102,12 @@
 						</div>
 						<div class="goclass" @click="toFinish(value, i.stageName, i.stageId)">
 							{{
-		value.status === 1
-			? "已完成"
-			: types.path[value.type]
-				? types.toName[value.type]
-				: "未开放"
-}}
+								value.status === 1
+									? "已完成"
+									: types.path[value.type]
+										? types.toName[value.type]
+										: "未开放"
+							}}
 						</div>
 						<!--            <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
 						<!--              <div-->
@@ -198,15 +204,15 @@
 									<div style="width: 291px">
 										<el-progress :percentage="parseInt(data.totalProgress * 100)" :show-text="false" :stroke-width="8"
 											:color="
-	{
-		0: 'rgba(238, 112, 108, 1)',
-		1: 'rgba(255, 151, 38, 1)',
-		2: 'rgba(39, 122, 255, 1)',
-		3: 'rgba(59, 94, 251, 1)',
-		4: 'rgba(57, 219, 183, 1)',
-		5: 'rgba(57, 219, 183, 1)',
-	}[parseInt((data.totalProgress * 100) / 20)]
-" />
+												{
+													0: 'rgba(238, 112, 108, 1)',
+													1: 'rgba(255, 151, 38, 1)',
+													2: 'rgba(39, 122, 255, 1)',
+													3: 'rgba(59, 94, 251, 1)',
+													4: 'rgba(57, 219, 183, 1)',
+													5: 'rgba(57, 219, 183, 1)',
+												}[parseInt((data.totalProgress * 100) / 20)]
+											" />
 									</div>
 									<div style="font-size: 14px; font-weight: 500; margin-left: 10px;color:#677d86;">
 										{{ parseInt(data.totalProgress * 100) }}%
@@ -221,15 +227,15 @@
 									<div style="width: 291px">
 										<el-progress :percentage="parseInt(data.compulsoryProgress * 100)" :show-text="false"
 											:stroke-width="8" :color="
-	{
-		0: 'rgba(238, 112, 108, 1)',
-		1: 'rgba(255, 151, 38, 1)',
-		2: 'rgba(39, 122, 255, 1)',
-		3: 'rgba(59, 94, 251, 1)',
-		4: 'rgba(57, 219, 183, 1)',
-		5: 'rgba(57, 219, 183, 1)',
-	}[parseInt((data.compulsoryProgress * 100) / 20)]
-" />
+												{
+													0: 'rgba(238, 112, 108, 1)',
+													1: 'rgba(255, 151, 38, 1)',
+													2: 'rgba(39, 122, 255, 1)',
+													3: 'rgba(59, 94, 251, 1)',
+													4: 'rgba(57, 219, 183, 1)',
+													5: 'rgba(57, 219, 183, 1)',
+												}[parseInt((data.compulsoryProgress * 100) / 20)]
+											" />
 									</div>
 									<div style="
                       font-size: 14px;
@@ -393,14 +399,6 @@
 <script setup>
 import { computed, reactive, ref } from "vue";
 import { ElLoading } from 'element-plus'
-import word from "@/assets/image/file/word.png";
-import ppt from "@/assets/image/file/ppt.png";
-import pdf from "@/assets/image/file/pdf.png";
-import zip from "@/assets/image/file/zip.png";
-import md from "@/assets/image/file/md.png";
-import medal1 from "@/assets/image/medal/medal1.png";
-import medal2 from "@/assets/image/medal/medal2.png";
-import medal3 from "@/assets/image/medal/medal3.png";
 import img from "@/assets/image/uploadimg.png";
 import { useRequest, request } from "@/api/request";
 import {