教师中心

src/components/pages/testPerson/portrait/index.vue

@@ -3,6 +3,7 @@
     <div class="p_left">
       <div class="p_l_top">
         <div class="teachingActivity" v-loading="cardNumLoading">
+					<img :src="require('../../../../assets/icon/testPerson/bg1.png')" alt="">
           <div>
             <span>教学活动</span>
             <el-tooltip
@@ -39,6 +40,7 @@
           <span style="color: #3681FC;">{{ teachingActivityNum }}</span>
         </div>
         <div class="teachingAndResearchActivities" v-loading="cardNumLoading">
+					<img :src="require('../../../../assets/icon/testPerson/bg2.png')" alt="">
           <div>
             <span>教研活动</span>
             <el-tooltip
@@ -78,9 +80,10 @@
         </div>
         <div
           class="trainingActivity"
-          v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'"
+					v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'"
           v-loading="cardNumLoading"
         >
+				<img :src="require('../../../../assets/icon/testPerson/bg3.png')" alt="">
           <div>
             <span>培训活动</span>
             <el-tooltip
@@ -158,6 +161,9 @@
         />
       </div>
     </div>
+		<div class="p_center" v-else>
+			<img :src="require('../../../../assets/icon/testPerson/bg4.png')" alt="">
+		</div>
     <div class="p_right">
       <div class="p_r_top">
         <div class="p_title">
@@ -751,8 +757,11 @@ export default {
   flex: 1;
   display: flex;
   flex-direction: column;
+	position: relative;
 }
 
+
+
 .p_l_top > div {
   flex: 1;
   border-radius: 5px;
@@ -764,12 +773,24 @@ export default {
   box-sizing: border-box;
   padding: 0 30px;
   position: relative;
+	overflow: hidden;
+}
+
+.p_l_top >div> img{
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 1;
+	object-fit: fill;
 }
 
 .p_l_top > div > div {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
+	z-index: 2;
 }
 
 .p_l_top > div > div > span {
@@ -787,6 +808,7 @@ export default {
 .p_l_top > div > span {
   font-size: 2.6em;
   font-weight: bold;
+	z-index: 2;
 }
 
 .p_l_top > div:not(:first-child):not(:last-child) {
@@ -837,6 +859,13 @@ export default {
   padding: 20px;
 }
 
+.p_center>img{
+	width: 100%;
+	height: auto;
+	margin: auto;
+	transform: scaleX(-1);
+}
+
 .p_right {
   width: 28.5%;
   display: flex;