修改评分比例

src/components/pages/disAdmin/score.vue

@@ -313,18 +313,24 @@
           @current-change="handleCurrentChange"
         >
         </el-pagination>
-				<div class="rating_information" v-if="tType=='2'">
-					<div class="ri-card" style="background-color: #E2F0D9;">90分以上：{{ratingData.one[0]}}个 {{ratingData.one[1]}}%</div>
-					<div class="ri-card" style="background-color: #E2F0D9;">89-75分：{{ratingData.two[0]}}个 {{ratingData.two[1]}}%</div>
-					<div class="ri-card" style="background-color: #FCE4D6 ;">74-60分以上：{{ratingData.three[0]}}个 {{ratingData.three[1]}}%</div>
-					<div class="ri-card" style="background-color: #E7E6E6;">未评分：{{ratingData.four[0]}}个 {{ratingData.four[1]}}%</div>
-				</div>
-				<div class="rating_information" v-if="tType=='0'">
-					<div class="ri-card" style="background-color: #E2F0D9;">90分以上：{{ratingDataAdmin.one[0]}}个 {{ratingDataAdmin.one[1]}}%</div>
-					<div class="ri-card" style="background-color: #E2F0D9;">89-75分：{{ratingDataAdmin.two[0]}}个 {{ratingDataAdmin.two[1]}}%</div>
-					<div class="ri-card" style="background-color: #FCE4D6 ;">74-60分以上：{{ratingDataAdmin.three[0]}}个 {{ratingDataAdmin.three[1]}}%</div>
-					<div class="ri-card" style="background-color: #E7E6E6;">未评分：{{ratingDataAdmin.four[0]}}个 {{ratingDataAdmin.four[1]}}%</div>
-				</div>
+
+				<el-tooltip v-if="tType=='2'" effect="light" :content="`一等90分以上 占比30%，二等75-89 占比40%，三等60-74 占比30%`" placement="top"> 
+					<div class="rating_information">
+						<div class="ri-card" :style="`background-color: ${Math.abs(30-ratingData.one[1])<=5?'#E2F0D9':'#FCE4D6'}`">90分以上：{{ratingData.one[0]}}个 {{ratingData.one[1]}}%</div>
+						<div class="ri-card" :style="`background-color: ${Math.abs(40-ratingData.two[1])<=5?'#E2F0D9':'#FCE4D6'}`">89-75分：{{ratingData.two[0]}}个 {{ratingData.two[1]}}%</div>
+						<div class="ri-card" :style="`background-color: ${Math.abs(30-ratingData.three[1])<=5?'#E2F0D9':'#FCE4D6'}`">74-60分以上：{{ratingData.three[0]}}个 {{ratingData.three[1]}}%</div>
+						<div class="ri-card" style="background-color: #E7E6E6;">未评分：{{ratingData.four[0]}}个 {{ratingData.four[1]}}%</div>
+					</div>
+				</el-tooltip>
+
+				<el-tooltip v-if="tType=='0'" effect="light" :content="`一等90分以上 占比30%，二等75-89 占比40%，三等60-74 占比30%`" placement="top">
+					<div class="rating_information">
+						<div class="ri-card" :style="`background-color: ${Math.abs(30-ratingData.one[1])<=5?'#E2F0D9':'#FCE4D6'}`">90分以上：{{ratingDataAdmin.one[0]}}个 {{ratingDataAdmin.one[1]}}%</div>
+						<div class="ri-card" :style="`background-color: ${Math.abs(40-ratingData.two[1])<=5?'#E2F0D9':'#FCE4D6'}`">89-75分：{{ratingDataAdmin.two[0]}}个 {{ratingDataAdmin.two[1]}}%</div>
+						<div class="ri-card" :style="`background-color: ${Math.abs(30-ratingData.three[1])<=5?'#E2F0D9':'#FCE4D6'}`">74-60分以上：{{ratingDataAdmin.three[0]}}个 {{ratingDataAdmin.three[1]}}%</div>
+						<div class="ri-card" style="background-color: #E7E6E6;">未评分：{{ratingDataAdmin.four[0]}}个 {{ratingDataAdmin.four[1]}}%</div>
+					</div>
+				</el-tooltip>
       </div>
     </div>
     <el-dialog