fix:求职记录数据显示完善

package/records/records.vue

@@ -2,27 +2,18 @@
   <view>
     <view class="qz-record">
       <view class="qz-title">求职记录</view>
-      <view class="qz-desc"
-        >当前记录仅自己可见，招聘者无法看到你所浏览过或投递过的
-        其他岗位，当前数据仅保留半年的记录。</view
-      >
+      <view class="qz-desc">当前记录仅自己可见，招聘者无法看到你所浏览过或投递过的
+        其他岗位，当前数据仅保留半年的记录。</view>
     </view>
     <u-tabs :list="list" @change="tabClick" :current="tabIndex" class="tab-list"></u-tabs>
     <view class="gwList flex justify-center" v-if="dataList.length > 0">
       <view class="gwList-box">
-        <view
-          class="gwList-box-item flex justify-center"
-          @click="gotoInfo(item)"
-          v-for="(item, index) in dataList"
-          :key="index"
-        >
+        <view class="gwList-box-item flex justify-center" @click="gotoInfo(item)" v-for="(item, index) in dataList"
+          :key="index">
           <view class="gwList-box-item-box">
-            <view
-              v-if="item"
-              class="gwList-box-item-box-title flex justify-between align-center"
-            >
-              <text>{{ item.stationName||item.postPush&&item.postPush.stationName }}</text>
-              <text>{{ item.salaryRange||item.postPush&&item.postPush.salaryRange }}</text>
+            <view v-if="item" class="gwList-box-item-box-title flex justify-between align-center">
+              <text>{{ item.ruleClassifyName || item.postPush && item.postPush.ruleClassifyName }}</text>
+              <text>{{ item.salaryRange || item.postPush && item.postPush.salaryRange }}</text>
             </view>
             <block v-if="title == '我的收藏'">
               <view class="gwList-box-item-box-name">
@@ -30,27 +21,21 @@
                 <text v-if="item.companyPeople">{{ item.companyPeople }}</text>
               </view>
               <view class="gwList-box-item-box-label flex align-center flex-wrap">
-                <view
-                  class="gw-tag"
-                  v-for="(ite, ind) in item.positionWelfare"
-                  :key="ind"
-                  >{{ ite }}</view
-                >
+                <view class="gw-tag" v-if="item.company && item.company.workRestTime">{{ item.company.workRestTime }}
+                </view>
+                <view class="gw-tag" v-for="(ite, ind) in item.welfareTag ? item.welfareTag.split(';') : []" :key="ind">
+                  {{
+                    ite }}</view>
               </view>
               <view class="gwList-box-item-box-info flex justify-between align-center">
                 <view class="gwList-box-item-box-info-l flex align-center">
-                  <image
-                    :src="item.companyLogo ? item.companyLogo : '../../static/logo.png'"
-                    class="user-info-img"
-                    mode=""
-                  ></image>
-                  <text v-if="item.companyLegalPerson"
-                    >{{ item.companyLegalPerson }}·创始人</text
-                  >
-                  <view class="info-tag">3分钟前回复</view>
+                  <image :src="item.companyLogo ? item.companyLogo : '../../static/logo.png'" class="user-info-img"
+                    mode=""></image>
+                  <text v-if="item.companyLegalPerson" class="user-info-name">{{ item.companyLegalPerson }}·创始人</text>
+                  <view class="info-tag" v-if="item.salaryTimes">{{ item.salaryTimes }}</view>
                 </view>
                 <view class="gwList-box-item-box-info-r">
-                  {{ item.county }}
+                  <!-- {{ item.county }} -->
                   {{ item.address }}
                 </view>
               </view>
@@ -61,115 +46,115 @@
                 <text>{{ item.companyPeople ? item.companyPeople : 0 }}</text>
               </view>
               <view class="gwList-box-item-box-label flex align-center flex-wrap">
-                <view
-                  class="gw-tag"
-                  v-for="(ite, ind) in item.positionWelfare"
-                  :key="ind"
-                  >{{ ite }}</view
-                >
+                <view class="gw-tag" v-if="item.company && item.company.workRestTime">{{ item.company.workRestTime }}
+                </view>
+                <view class="gw-tag" v-for="(ite, ind) in item.welfareTag ? item.welfareTag.split(';') : []" :key="ind">
+                  {{
+                    ite }}</view>
+              </view>
+              <view class="gwList-box-item-box-info flex justify-between align-center">
+                <view class="gwList-box-item-box-info-l flex align-center">
+                  <image :src="item.companyLogo ? item.companyLogo : '../../static/logo.png'" class="user-info-img"
+                    mode=""></image>
+                  <text v-if="item.companyLegalPerson" class="user-info-name">{{ item.companyLegalPerson }}·创始人</text>
+                  <view class="info-tag" v-if="item.salaryTimes">{{ item.salaryTimes }}</view>
+                </view>
+                <view class="gwList-box-item-box-info-r">
+                  <!-- {{ item.county }} -->
+                  {{ item.address }}
+                </view>
+              </view>
+            </block>
+            <block v-else-if="title == '沟通记录'">
+              <view class="gwList-box-item-box-name">
+                <text>{{ item.company && item.company.companyName ? item.company.companyName : "匿名公司" }}</text>
+                <text>{{ item.company && item.company.companyPeople ? item.company.companyPeople : 0 }}</text>
+              </view>
+              <view class="gwList-box-item-box-label flex align-center flex-wrap">
+                <view class="gw-tag" v-if="item.company && item.company.workRestTime">{{ item.company.workRestTime }}
+                </view>
+                <view class="gw-tag" v-for="(ite, ind) in item.postPush ? item.postPush.welfareTag.split(';') : []"
+                  :key="ind">{{
+                    ite }}</view>
               </view>
               <view class="gwList-box-item-box-info flex justify-between align-center">
                 <view class="gwList-box-item-box-info-l flex align-center">
                   <image
-                    :src="item.companyLogo ? item.companyLogo : '../../static/logo.png'"
-                    class="user-info-img"
-                    mode=""
-                  ></image>
-                  <text v-if="item.companyLegalPerson"
-                    >{{ item.companyLegalPerson }}·创始人</text
-                  >
-                  <view class="info-tag">3分钟前回复</view>
+                    :src="item.company && item.company.companyLogo ? item.company.companyLogo : '../../static/logo.png'"
+                    class="user-info-img" mode=""></image>
+                  <text class="user-info-name">{{ item.userEntity && item.userEntity.userName || '匿名'
+                  }}·{{ item.hr && item.hr.hrPosition || '创始人' }}</text>
+                  <view class="info-tag" v-if="item.postPush && item.postPush.salaryTimes">{{ item.postPush.salaryTimes
+                    }}
+                  </view>
                 </view>
                 <view class="gwList-box-item-box-info-r">
-                  {{ item.county }}
+                  <!-- {{ item.county }}  -->
                   {{ item.address }}
                 </view>
               </view>
             </block>
-			<block v-else-if="title == '沟通记录'">
-			  <view class="gwList-box-item-box-name">
-			    <text>{{ item.company&&item.company.companyName ? item.company.companyName : "匿名公司" }}</text>
-			    <text>{{ item.company&&item.company.companyPeople ? item.company.companyPeople : 0 }}</text>
-			  </view>
-			  <view class="gwList-box-item-box-label flex align-center flex-wrap">
-			    <view
-			      class="gw-tag"
-			      v-for="(ite, ind) in item.postPush&&item.postPush.positionWelfare&&item.postPush.positionWelfare.split(',')||[]"
-			      :key="ind"
-			      >{{ ite }}</view
-			    >
-			  </view>
-			  <view class="gwList-box-item-box-info flex justify-between align-center">
-			    <view class="gwList-box-item-box-info-l flex align-center">
-			      <image
-			        :src="item.company&&item.company.companyLogo ? item.company.companyLogo : '../../static/logo.png'"
-			        class="user-info-img"
-			        mode=""
-			      ></image>
-			      <text 
-			        >{{ item.userEntity&&item.userEntity.userName||'匿名' }}·{{item.hr&&item.hr.hrPosition||'创始人'}}</text
-			      >
-			      <view class="info-tag">3分钟前回复</view>
-			    </view>
-			    <view class="gwList-box-item-box-info-r">
-			      {{ item.county }}
-			      {{ item.address }}
-			    </view>
-			  </view>
-			</block>
-			<block v-else-if="title == '面试记录'">
-			  
-			  <view class="gwList-box-item-box-info flex justify-between align-center padding0">
-				  <view class="gwList-box-item-box-info-l flex align-center">
-				  <image
-				    :src="item.company&&item.company.companyLogo ? item.company.companyLogo : '../../static/logo.png'"
-				    class="company-info-img"
-				    mode=""
-				  ></image>
-				  </view>
-				  <view class="companyRight">
-					  <view class="gwList-box-item-box-info-l flex justify-between align-center">
-					    
-					    <text class="companyName">{{ item.company&&item.company.companyName||'匿名公司' }}</text>
-					    <view :class="['info-tag']">{{item.status==1?'待接受':(item.status==2?'已同意':(item.status==3?'已拒绝':'已过期'))}}</view>
-					  </view>
-					  <view class="gwList-box-item-box-name">
-						<text>{{ item.postPush&&item.postPush.ruleClassifyName ? item.postPush.ruleClassifyName : "匿名" }}</text>·<text>{{ item.postPush&&item.postPush.salaryRange }}</text>
-					  </view>
-					  <view class="gwList-box-item-box-info-r">
-					    {{ item.interviewDateTime&&item.interviewDateTime.substring(0,10)||''}}  <text>{{item.detailTime}}</text>
-					  </view>
-				  </view>
-			  </view>
-			</block>
+            <block v-else-if="title == '面试记录'">
+
+              <view class="gwList-box-item-box-info flex justify-between align-center padding0">
+                <view class="gwList-box-item-box-info-l flex align-center">
+                  <image
+                    :src="item.company && item.company.companyLogo ? item.company.companyLogo : '../../static/logo.png'"
+                    class="company-info-img" mode=""></image>
+                </view>
+                <view class="companyRight">
+                  <view class="gwList-box-item-box-info-l flex justify-between align-center">
+
+                    <text class="companyName">{{ item.company && item.company.companyName || '匿名公司' }}</text>
+                    <view :class="['info-tag']">
+                      {{ item.status == 1 ? '待接受' : (item.status == 2 ? '已同意' : (item.status == 3 ? '已拒绝' : '已过期')) }}
+                    </view>
+                  </view>
+                  <view class="gwList-box-item-box-name">
+                    <text>{{ item.postPush && item.postPush.ruleClassifyName ? item.postPush.ruleClassifyName : "匿名"
+                    }}</text>·<text>{{ item.postPush && item.postPush.salaryRange }}</text>
+                  </view>
+                  <view class="gwList-box-item-box-label flex align-center flex-wrap">
+                    <view class="gw-tag" v-if="item.company && item.company.workRestTime">{{ item.company.workRestTime
+                    }}
+                    </view>
+                    <view class="gw-tag" v-for="(ite, ind) in item.company ? item.company.welfare.split(';') : []"
+                      :key="ind">{{
+                        ite }}</view>
+                  </view>
+                  <view class="gwList-box-item-box-info-r">
+                    {{ item.interviewDateTime && item.interviewDateTime.substring(0, 10) || '' }}
+                    <text>{{ item.detailTime }}</text>
+                  </view>
+                  <view class="gwList-box-item-box-info-r">
+                    <!-- {{ item.county }}  -->
+                    {{ item.address }}
+                  </view>
+                </view>
+              </view>
+            </block>
             <block v-else>
               <view class="gwList-box-item-box-name">
-                <text>{{ item.companyName ? item.companyName : "匿名公司" }}</text>
+                <text> {{ item.companyName ? item.companyName : "匿名公司" }}</text>
                 <text v-if="item.companyPeople">{{ item.companyPeople }}</text>
               </view>
               <view class="gwList-box-item-box-label flex align-center flex-wrap">
-                <view
-                  class="gw-tag"
-                  v-for="(ite, ind) in item.positionWelfare"
-                  :key="ind"
-                  >{{ ite }}</view
-                >
+                <view class="gw-tag" v-if="item.company && item.company.workRestTime">{{ item.company.workRestTime }}
+                </view>
+                <view class="gw-tag" v-for="(ite, ind) in item.welfareTag ? item.welfareTag.split(';') : []" :key="ind">
+                  {{ ite }}
+                </view>
               </view>
               <view class="gwList-box-item-box-info flex justify-between align-center">
                 <view class="gwList-box-item-box-info-l flex align-center">
-                  <image
-                    :src="item.companyLogo ? item.companyLogo : '../../static/logo.png'"
-                    class="user-info-img"
-                    mode=""
-                  ></image>
-                  <text v-if="item.companyLegalPerson"
-                    >{{ item.companyLegalPerson }}·创始人</text
-                  >
-				  
-                  <view class="info-tag">3分钟前回复</view>
+                  <image :src="item.companyLogo ? item.companyLogo : '../../static/logo.png'" class="user-info-img"
+                    mode=""></image>
+                  <text v-if="item.companyLegalPerson" class="user-info-name">{{ item.companyLegalPerson }}·创始人</text>
+
+                  <view class="info-tag" v-if="item.salaryTimes">{{ item.salaryTimes }}</view>
                 </view>
                 <view class="gwList-box-item-box-info-r">
-                  {{ item.county }}
+                  <!-- {{ item.county }} -->
                   {{ item.address }}
                 </view>
               </view>
@@ -218,9 +203,9 @@ export default {
         {
           name: "沟通过",
         },
-		{
-		  name: "投递过",
-		},
+        {
+          name: "投递过",
+        },
         {
           name: "面试",
         },
@@ -238,16 +223,16 @@ export default {
       title: "加载中",
     });
     this.title = option.title;
-	var that=this
-	that.getFilter()
-	uni.$on('updateRecord',function(){
-		that.page = 1;
-		that.getFilter()
-	})
+    var that = this
+    that.getFilter()
+    uni.$on('updateRecord', function () {
+      that.page = 1;
+      that.getFilter()
+    })
   },
   onUnload() {
     uni.removeStorageSync("browse");
-	uni.$off('updateRecord')
+    uni.$off('updateRecord')
   },
   onReachBottom() {
     if (this.page < this.pages) {
@@ -256,13 +241,13 @@ export default {
         this.getMyCollectionList();
       } else if (this.title == "浏览记录") {
         this.getDataList();
-      } else if(this.title == "投递记录") {
+      } else if (this.title == "投递记录") {
         this.getDataLists();
-      }else if (this.title == "沟通记录") {
-		  this.getDataLists(1);
-		}else if (this.title == "面试记录") {
-		  this.getDataLists(3);
-		}
+      } else if (this.title == "沟通记录") {
+        this.getDataLists(1);
+      } else if (this.title == "面试记录") {
+        this.getDataLists(3);
+      }
     }
   },
   onPullDownRefresh() {
@@ -273,9 +258,9 @@ export default {
       this.getDataList();
     } else if (this.title == "投递记录") {
       this.getDataLists();
-    }else if (this.title == "沟通记录") {
+    } else if (this.title == "沟通记录") {
       this.getDataLists(1);
-    }else if (this.title == "面试记录") {
+    } else if (this.title == "面试记录") {
       this.getDataLists(3);
     }
   },
@@ -288,81 +273,81 @@ export default {
     },
     tabClick(e) {
       this.tabIndex = e;
-	  if (this.tabIndex==4) {
-	  		  this.title = "我的收藏"
-	    this.getMyCollectionList();
-	  } else if (this.tabIndex==0) {
-	  		  this.title = "浏览记录"
-	    this.getDataList();
-	  } else if(this.tabIndex==2) {
-	  		  this.title = "投递记录"
-	    this.getDataLists();
-	  }else if(this.tabIndex==1) {
-	  		  this.title = "沟通记录"
-	    this.getDataLists(1);
-	  }else if(this.tabIndex==3) {
-	  		  this.title = "面试记录"
-	    this.getDataLists(3);
-	  }
+      if (this.tabIndex == 4) {
+        this.title = "我的收藏"
+        this.getMyCollectionList();
+      } else if (this.tabIndex == 0) {
+        this.title = "浏览记录"
+        this.getDataList();
+      } else if (this.tabIndex == 2) {
+        this.title = "投递记录"
+        this.getDataLists();
+      } else if (this.tabIndex == 1) {
+        this.title = "沟通记录"
+        this.getDataLists(1);
+      } else if (this.tabIndex == 3) {
+        this.title = "面试记录"
+        this.getDataLists(3);
+      }
       /* if (e == 2) {
         uni.navigateTo({
           url: "/my/jilu/mianshiDetail",
         });
       } */
     },
-	getFilter() {
-	  if (uni.getStorageSync("browse") && uni.getStorageSync("browse").length > 0) {
-	    let browse = uni.getStorageSync("browse");
-	    console.log(browse, "2222222222");
-	    browse.map((item) => {
-	      let arr = [];
-	      item.list.map((ite) => {
-	        if (ite.value != "不限") {
-	          arr.push(ite.value);
-	        }
-	      });
-	      switch (item.name) {
-	        case "学历要求":
-	          this.filter.education = arr.join(",");
-	          break;
-	        case "薪资范围（单选）":
-	          this.filter.salaryRange = arr.join(",");
-	          break;
-	        case "经验要求":
-	          this.filter.experience = arr.join(",");
-	          break;
-	        case "公司规模":
-	          this.filter.companyPeople = arr.join(",");
-	          break;
-	        case "行业":
-	          this.filter.industry = arr.join(",");
-	          break;
-	      }
-	    });
-	  } else {
-	    this.filter.education = ""; //学历
-	    this.filter.experience = ""; //经验
-	    this.filter.industry = ""; //行业
-	    this.filter.salaryRange = ""; //薪资
-	    this.filter.companyPeople = ""; //公司规模
-	  }
-	  if (this.title == "我的收藏") {
-		  this.tabIndex=4
-	    this.getMyCollectionList();
-	  } else if (this.title == "浏览记录") {
-		  this.tabIndex=0
-	    this.getDataList();
-	  } else if (this.title == "投递记录"){
-		  this.tabIndex=2
-	    this.getDataLists();
-	  }else if (this.title == "沟通记录"){
-		  this.tabIndex=1
-	    this.getDataLists(1);
-	  }else if (this.title == "面试记录"){
-		  this.tabIndex=3
-	    this.getDataLists(3);
-	  }
-	},
+    getFilter() {
+      if (uni.getStorageSync("browse") && uni.getStorageSync("browse").length > 0) {
+        let browse = uni.getStorageSync("browse");
+        console.log(browse, "2222222222");
+        browse.map((item) => {
+          let arr = [];
+          item.list.map((ite) => {
+            if (ite.value != "不限") {
+              arr.push(ite.value);
+            }
+          });
+          switch (item.name) {
+            case "学历要求":
+              this.filter.education = arr.join(",");
+              break;
+            case "薪资范围（单选）":
+              this.filter.salaryRange = arr.join(",");
+              break;
+            case "经验要求":
+              this.filter.experience = arr.join(",");
+              break;
+            case "公司规模":
+              this.filter.companyPeople = arr.join(",");
+              break;
+            case "行业":
+              this.filter.industry = arr.join(",");
+              break;
+          }
+        });
+      } else {
+        this.filter.education = ""; //学历
+        this.filter.experience = ""; //经验
+        this.filter.industry = ""; //行业
+        this.filter.salaryRange = ""; //薪资
+        this.filter.companyPeople = ""; //公司规模
+      }
+      if (this.title == "我的收藏") {
+        this.tabIndex = 4
+        this.getMyCollectionList();
+      } else if (this.title == "浏览记录") {
+        this.tabIndex = 0
+        this.getDataList();
+      } else if (this.title == "投递记录") {
+        this.tabIndex = 2
+        this.getDataLists();
+      } else if (this.title == "沟通记录") {
+        this.tabIndex = 1
+        this.getDataLists(1);
+      } else if (this.title == "面试记录") {
+        this.tabIndex = 3
+        this.getDataLists(3);
+      }
+    },
     /**
      * 我的收藏记录列表
      */
@@ -395,15 +380,15 @@ export default {
       });
     },
     gotoInfo(item) {
-		if(this.title == "面试记录"){
-			if(item.status!=2)
-				return this.$queue.showToast('已同意方可查看详情')
-			uni.navigateTo({
-			  url: "/my/jilu/mianshiDetail?recordId="+item.recordId,
-			});
-			return
-		}
-		var postPushId =item.postPushId
+      if (this.title == "面试记录") {
+        if (item.status != 2)
+          return this.$queue.showToast('已同意方可查看详情')
+        uni.navigateTo({
+          url: "/my/jilu/mianshiDetail?recordId=" + item.recordId,
+        });
+        return
+      }
+      var postPushId = item.postPushId
       if (!postPushId) {
         uni.showToast({
           title: "岗位不存在",
@@ -415,7 +400,7 @@ export default {
         url: "/pages/index/game/order?postPushId=" + postPushId,
       });
     },
-    getDataLists(types=0) {
+    getDataLists(types = 0) {
       let data = {
         page: this.page,
         limit: this.limit,
@@ -426,18 +411,18 @@ export default {
         companyPeople: this.filter.companyPeople, //公司规模
         industry: this.filter.industry, //行业
       };
-	  let action='/app/sendRecord/getMyRecordListV2'
-	  switch (types){
-		  case 0: 
-		  break;
-		  case 1:
-		  	action='/app/sendRecord/getConversationList'		  
-		  break;
-		  case 3:
-		  	action='/app/interviewRecord/interviewList'		  
-		  break;
-			
-	  }
+      let action = '/app/sendRecord/getMyRecordListV2'
+      switch (types) {
+        case 0:
+          break;
+        case 1:
+          action = '/app/sendRecord/getConversationList'
+          break;
+        case 3:
+          action = '/app/interviewRecord/interviewList'
+          break;
+
+      }
       this.$Request.getT(action, data).then((res) => {
         uni.stopPullDownRefresh();
         uni.hideLoading();
@@ -507,9 +492,11 @@ page {
     // border-radius: 50%;
   }
 }
+
 .tab-list {
   margin-bottom: 20rpx;
 }
+
 .gwList {
   width: 100%;
 
@@ -553,6 +540,7 @@ page {
         display: flex;
         align-items: center;
         gap: 8rpx;
+
         .gw-tag {
           /* 自动布局 */
           display: flex;
@@ -578,13 +566,16 @@ page {
         line-height: 40rpx;
         padding: 6rpx 0;
         box-sizing: border-box;
+
         text {
           margin-right: 8rpx;
         }
+
         // text:nth-of-type(1) {
         //   width: 450rpx;
         // }
       }
+
       .gwList-box-item-box-info {
         font-size: 26rpx;
         padding-top: 20rpx;
@@ -595,6 +586,7 @@ page {
         font-weight: 400;
         line-height: 40rpx;
         text-align: left;
+
         .gwList-box-item-box-info-l {
           .info-tag {
             border-radius: 8rpx;
@@ -606,54 +598,74 @@ page {
             font-size: 16rpx;
             font-weight: 400;
             line-height: 20rpx;
-            margin-left: 8rpx;
+            margin: 0 10rpx;
+            flex-shrink: 0;
+            // margin-left: 8rpx;
           }
+
           .user-info-img {
             width: 40rpx;
             height: 40rpx;
             border: 1rpx solid rgba(240, 240, 240, 1);
             border-radius: 50%;
             margin-right: 8.62rpx;
+            flex-shrink: 0;
+          }
+
+          .user-info-name {
+            white-space: nowrap;
+          }
+
+          .company-info-img {
+            width: 100rpx;
+            height: 100rpx;
+            border: 1rpx solid rgba(240, 240, 240, 1);
+            border-radius: 50%;
+            margin-right: 30rpx;
           }
-		  .company-info-img{
-			  width: 100rpx;
-			  height: 100rpx;
-			  border: 1rpx solid rgba(240, 240, 240, 1);
-			  border-radius: 50%;
-			  margin-right: 30rpx;
-		  }
         }
 
         .gwList-box-item-box-info-r {
-          max-width: 340rpx;
-		  text{
-			  margin-left:10rpx
-		  }
+          // max-width: 340rpx;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          flex: 1;
+
+          text {
+            margin-left: 10rpx
+          }
+        }
+
+        .companyRight {
+          width: 100%;
+
+          .companyName {
+            font-size: 26rpx;
+            color: #353535;
+            margin-right: 20rpx;
+          }
         }
-		.companyRight{
-			width: 100%;
-			.companyName{
-				font-size: 26rpx;
-				color: #353535;
-				margin-right: 20rpx;
-			}
-		}
       }
-	  .padding0{
-		  padding-top:0
-	  }
+
+      .padding0 {
+        padding-top: 0
+      }
     }
   }
 }
+
 .qz-record {
   padding: 20rpx 40rpx;
   box-sizing: border-box;
+
   .qz-title {
     font-family: DM Sans;
     font-size: 60rpx;
     color: rgba(51, 51, 51, 1);
     font-weight: 800;
   }
+
   .qz-desc {
     color: rgba(102, 102, 102, 1);
     font-family: DM Sans;