线上线下招聘会 岗位列表添加投递简历功能

packageA/pages/exhibitors/exhibitors.vue

@@ -67,6 +67,7 @@
 				<view class="Detail-title">
 						<text class="title">参会单位（{{ companyList.length }}）</text>
 				</view>
+        <view v-if="isCompanyUser">
 					<view v-for="job in companyList" :key="job.id">
 						<view class="cards" :style="getItemBackgroundStyle('bj.png')"
 							@click="navTo('/packageA/pages/UnitDetails/UnitDetails?job='+JSON.stringify(job))">
@@ -101,6 +102,69 @@
 						</view>
 					</view>
         </view>
+        <view v-else>
+            <view class="detail-box">
+              <view class="" v-for="(item1, index1) in companyList" :key="index1">
+                <view class="company-header1">
+                  <view class="left">
+                    <image
+                      :src="`${baseUrl}/jobfair/gs.png`"
+                      alt=""
+                      class="company-icon"
+                    />
+                    <text class="name1">{{ item1.companyName }}</text>
+                    <!-- <div class="header-detail">企业详情 ></div> -->
+                  </view>
+                </view>
+                <view
+                  class="detail-item"
+                  v-for="(job, index) in item1.jobInfoList"
+                  :key="index"
+                >
+                  <view class="gw">
+                    <text>{{ job.jobTitle }}</text>
+                    <view v-if="job.minSalary && job.maxSalary" class="salary">
+                      {{ job.minSalary }}-{{ job.maxSalary }}元
+                    </view>
+                  </view>
+                  <view class="bottom">
+                    <view class="tag">
+                      <view class="tag-item">{{ job.industry }}</view>
+                      <view class="tag-item success">{{ job.scale }}</view>
+                    </view>
+                  </view>
+
+                  <view class="name">
+                    <!-- 应聘状态（1已投递、2已邀请面试、3已录用、4不录用） -->
+                    <view class="status" v-if="job.jobFairPersonJob?.status">
+                      <text
+                        :style="{
+                          color: getStatusText(job.jobFairPersonJob?.status)
+                            .color,
+                        }"
+                        >{{
+                          getStatusText(job.jobFairPersonJob?.status).text
+                        }}</text
+                      >
+                    </view>
+                    <view v-else class="btn">
+                      <button
+                        plain
+                        :disabled="deliveringJobs[job.jobId]"
+                        style="color: #1685f7; border-color: #1685f7"
+                        @click="deliverResume(job)"
+                      >
+                        {{
+                          deliveringJobs[job.jobId] ? "投递中..." : "简历投递"
+                        }}
+                      </button>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+        </view>
+			</view>
 		</scroll-view>
 		</view>
 		<template #footer>
@@ -155,84 +219,194 @@
 const companyList = ref([]);
 const hasnext = ref(true);
 const userInfo = ref({});
-	const signDialogisshow = ref(false)
+const signDialogisshow = ref(false);
 // 弹窗
 const signType = ref(1);
 // person个人   ent企业
-	const signRole = ref('ent');
+const signRole = ref("ent");
-	const CompanySignPopup = ref(null)
+const CompanySignPopup = ref(null);
 // 报名loading状态
-	const isLoading = ref(false)
+const isLoading = ref(false);
 
-	const jobFairId = ref(null)
+const jobFairId = ref(null);
-
+const isCompanyUser = ref(false);
-	const baseUrl = config.imgBaseUrl
+isCompanyUser.value = uni.getStorageSync("userInfo")?.isCompanyUser == 0;
-	const getItemBackgroundStyle = (imageName) => ({
+// 获取状态文本
-		backgroundImage: `url(${baseUrl}/jobfair/${imageName})`,
+const getStatusText = (status) => {
-		backgroundSize: '100% 100%', // 覆盖整个容器
+  switch (status) {
-		backgroundPosition: 'center', // 居中
+    case "1":
-		backgroundRepeat: 'no-repeat'
+      return {
-	});
+        text: "已投递",
-	onLoad((options) => {
+        color: "#2aa553",
-		jobFairId.value=options.jobFairId
+      };
+    case "2":
+      return {
+        text: "已邀请面试",
+        color: "#409EFF",
+      };
+    case "3":
+      return {
+        text: "已录用",
+        color: "#67C23A",
+      };
+    case "4":
+      return {
+        text: "不录用",
+        color: "#F56C6C",
+      };
+    default:
+      return {
+        text: "未知状态",
+        color: "#2aa553",
+      };
+  }
+};
+const deliveringJobs = reactive({});
+// 岗位投递
+function deliverResume(job) {
+  uni.showModal({
+    title: "提示",
+    content: "请确认是否投递简历？",
+    showCancel: true,
+    confirmText: "确定",
+    cancelText: "取消",
+    success: (res) => {
+      if (res.confirm) {
+        if (deliveringJobs[job.jobId]) return;
+        deliveringJobs[job.jobId] = true;
         const raw = uni.getStorageSync("Padmin-Token");
         const token = typeof raw === "string" ? raw.trim() : "";
-		const headers = token ? {
+        const headers = token? { Authorization: raw.startsWith("Bearer ") ? raw: `Bearer ${token}`,}: {};
-			Authorization: raw.startsWith("Bearer ") ? raw : `Bearer ${token}`
-		} : {};
 
-		$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
+        $api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData1) => {
+            if (resData1.code == 200) {
+              $api.myRequest(
+                  "/system/user/login/user/info",
+                  {},
+                  "GET",
+                  10100,
+                  headers
+                )
+                .then((resData) => {
+                  $api.myRequest(
+                      "/jobfair/public/job-fair-person-job/insert",
+                      {
+                        jobFairId: job.jobFairId, // 招聘会id
+                        personId: resData.info.userId, // 当前登录用户id
+                        enterpriseId: job.companyId, // 企业id
+                        jobId: job.jobId, // 岗位id
+                        idCard: resData.info.personCardNo,
+                      },
+                      "post",
+                      9100,
+                      {
+                        "Content-Type": "application/json",
+                      }
+                    )
+                    .then((data) => {
+                      if (data && data.code === 200) {
+                        $api.msg("简历投递成功");
+                        if (!job.jobFairPersonJob) {
+                          job.jobFairPersonJob = {};
+                        }
+                        job.jobFairPersonJob.status = "1";
+                        getCompanyInfo(userInfo.value.info.userId, jobFairId.value);
+                      } else {
+                        $api.msg((data && data.msg) || "简历投递失败");
+                      }
+                      deliveringJobs[job.jobId] = false;
+                    });
+                });
+            } else {
+              $api.msg("请先登录");
+              deliveringJobs[job.jobId] = false;
+            }
+          })
+          .catch(() => {
+            deliveringJobs[job.jobId] = false;
+          });
+      }
+    },
+  });
+}
+const baseUrl = config.imgBaseUrl;
+const getItemBackgroundStyle = (imageName) => ({
+  backgroundImage: `url(${baseUrl}/jobfair/${imageName})`,
+  backgroundSize: "100% 100%", // 覆盖整个容器
+  backgroundPosition: "center", // 居中
+  backgroundRepeat: "no-repeat",
+});
+onLoad((options) => {
+  jobFairId.value = options.jobFairId;
+  const raw = uni.getStorageSync("Padmin-Token");
+  const token = typeof raw === "string" ? raw.trim() : "";
+  const headers = token
+    ? {
+        Authorization: raw.startsWith("Bearer ") ? raw : `Bearer ${token}`,
+      }
+    : {};
+
+  $api
+    .myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers)
+    .then((resData) => {
       if (resData.code == 200) {
-				$api.myRequest("/system/user/login/user/info", {}, "GET", 10100, {
+        $api
-					Authorization: `Bearer ${uni.getStorageSync("Padmin-Token")}`
+          .myRequest("/system/user/login/user/info", {}, "GET", 10100, {
-				}).then((userinfo) => {
+            Authorization: `Bearer ${uni.getStorageSync("Padmin-Token")}`,
-					userInfo.value = userinfo
+          })
+          .then((userinfo) => {
+            userInfo.value = userinfo;
             getCompanyInfo(userInfo.value.info.userId, options.jobFairId);
           });
       } else {
-				getCompanyInfo('', options.jobFairId);
+        getCompanyInfo("", options.jobFairId);
       }
     });
 });
 
 function closePopup() {
-		CompanySignPopup.value.close()
+  CompanySignPopup.value.close();
-		getCompanyInfo(userInfo.value.info.userId, jobFairId.value)
+  getCompanyInfo(userInfo.value.info.userId, jobFairId.value);
 }
 
 function getCompanyInfo(userId, id) {
-		let data={}
+  let data = {};
-		if (userInfo.value&&userInfo.value.userType == 'ent') {
+  if (userInfo.value && userInfo.value.userType == "ent") {
     data = {
       jobFairId: id,
       enterpriseId: userId,
-				code:userInfo.value.info.entCreditCode
+      code: userInfo.value.info.entCreditCode,
-			}
+    };
-		}else if(userInfo.value&&userInfo.value.userType == 'ent'){
+  } else if (userInfo.value && userInfo.value.userType == "ent") {
     data = {
       jobFairId: id,
       personId: userId,
-				idCard:userInfo.value.info.personCardNo
+      idCard: userInfo.value.info.personCardNo,
-			}
+    };
   } else {
     data = {
       jobFairId: id,
-				personId: userId
+      personId: userId,
+    };
   }
-		}
+  $api.myRequest("/jobfair/public/jobfair/detail", data).then((resData) => {
-		$api.myRequest('/jobfair/public/jobfair/detail', data).then((resData) => {
     fairInfo.value = resData.data;
   });
-		$api.myRequest('/jobfair/public/jobfair/enterprises-with-jobs-by-job-fair-id', {
+  $api
-			jobFairId: id
+    .myRequest("/jobfair/public/jobfair/enterprises-with-jobs-by-job-fair-id", {
-		}).then((resData) => {
+      personId: userInfo.value?.info?.userId,
+      jobFairId: jobFairId.value,
+    })
+    .then((resData) => {
+      if(resData.code == 200){
         companyList.value = resData.data;
+      }
     });
-	};
+}
 
 const hasAppointment = () => {
   const isTimePassed = (timeStr) => {
-			const targetTime = new Date(timeStr.replace(/-/g, '/')).getTime(); // 兼容格式
+    const targetTime = new Date(timeStr.replace(/-/g, "/")).getTime(); // 兼容格式
     const now = Date.now();
     return now < targetTime;
   };
@@ -240,12 +414,14 @@
   hasnext.value = isTimePassed(fairInfo.value.startTime);
 };
 
-	function openMap(lat, lng, name = '位置') {
+function openMap(lat, lng, name = "位置") {
-		const isConfirmed = window.confirm('是否打开地图查看位置？');
+  const isConfirmed = window.confirm("是否打开地图查看位置？");
   if (!isConfirmed) return;
 
   // 使用高德地图或百度地图的 H5 链接打开
-		const url = `https://uri.amap.com/marker?position=${lng},${lat}&name=${encodeURIComponent(name)}`;
+  const url = `https://uri.amap.com/marker?position=${lng},${lat}&name=${encodeURIComponent(
+    name
+  )}`;
   window.location.href = url;
 }
 
@@ -255,82 +431,96 @@
 
 // 报名招聘会
 function applyExhibitors() {
-		if (isLoading.value) return
+  if (isLoading.value) return;
   if (fairInfo.value.isSignUp == 1) {
-			$api.msg('请勿重复报名');
+    $api.msg("请勿重复报名");
-			return
+    return;
   }
   const raw = uni.getStorageSync("Padmin-Token");
   const token = typeof raw === "string" ? raw.trim() : "";
-		const headers = token ? {
+  const headers = token
-			Authorization: raw.startsWith("Bearer ") ? raw : `Bearer ${token}`
+    ? {
-		} : {};
+        Authorization: raw.startsWith("Bearer ") ? raw : `Bearer ${token}`,
-		isLoading.value = true
+      }
+    : {};
+  isLoading.value = true;
 
-		$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
+  $api
+    .myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers)
+    .then((resData) => {
       if (resData.code == 200) {
-				if (userInfo.value.userType == 'ent') {
+        if (userInfo.value.userType == "ent") {
           // 企业
           signType.value = fairInfo.value.jobFairType;
           signRole.value = userInfo.userType;
-					signDialogisshow.value = true
+          signDialogisshow.value = true;
-					CompanySignPopup.value.open()
+          CompanySignPopup.value.open();
-					isLoading.value = false
+          isLoading.value = false;
         } else {
-					$api.myRequest("/jobfair/public/job-fair-sign-up-person/sign-up", {
+          $api
+            .myRequest(
+              "/jobfair/public/job-fair-sign-up-person/sign-up",
+              {
                 personId: userInfo.value.info.userId,
                 jobFairId: jobFairId.value,
-						  idCard:userInfo.value.info.personCardNo
+                idCard: userInfo.value.info.personCardNo,
-					}, "POST", 9100, { "Content-Type": "application/json",...headers }).then((res) => {
+              },
+              "POST",
+              9100,
+              { "Content-Type": "application/json", ...headers }
+            )
+            .then((res) => {
               if (res.code === 200) {
                 uni.showToast({
-								title: '报名成功',
+                  title: "报名成功",
-								icon: 'success'
+                  icon: "success",
                 });
                 fairInfo.value.isSignUp = 1;
                 getCompanyInfo(userInfo.value.info.userId, jobFairId.value);
               } else {
                 uni.showToast({
-								title: res.msg || '报名失败',
+                  title: res.msg || "报名失败",
-								icon: 'none'
+                  icon: "none",
                 });
               }
-						isLoading.value = false
+              isLoading.value = false;
-					})
+            });
-					
         }
       } else {
-				$api.msg('请先登录');
+        $api.msg("请先登录");
         // setTimeout(() => {
         // 	uni.redirectTo({
         // 		url: '/packageB/login'
         // 	})
         // }, 1000)
-				isLoading.value = false
+        isLoading.value = false;
       }
-		}).catch(() => {
+    })
-			isLoading.value = false
+    .catch(() => {
+      isLoading.value = false;
     });
 }
 
 function parseDateTime(datetimeStr) {
-		if (!datetimeStr) return {
+  if (!datetimeStr)
-			time: '',
+    return {
-			date: ''
+      time: "",
+      date: "",
     };
 
   const dateObj = new Date(datetimeStr);
 
-		if (isNaN(dateObj.getTime())) return {
+  if (isNaN(dateObj.getTime()))
-			time: '',
+    return {
-			date: ''
+      time: "",
+      date: "",
     }; // 无效时间
 
   const year = dateObj.getFullYear();
-		const month = String(dateObj.getMonth() + 1).padStart(2, '0');
+  const month = String(dateObj.getMonth() + 1).padStart(2, "0");
-		const day = String(dateObj.getDate()).padStart(2, '0');
+  const day = String(dateObj.getDate()).padStart(2, "0");
-		const hours = String(dateObj.getHours()).padStart(2, '0');
+  const hours = String(dateObj.getHours()).padStart(2, "0");
-		const minutes = String(dateObj.getMinutes()).padStart(2, '0');
+  const minutes = String(dateObj.getMinutes()).padStart(2, "0");
 
   return {
     time: `${hours}:${minutes}`,
@@ -345,25 +535,25 @@
 
   // 判断状态：0 开始中，1 过期，2 待开始
   let status = 0;
-		let statusText = '开始中';
+  let statusText = "开始中";
-		let color = '#13C57C'; // 进行中 - 绿色
+  let color = "#13C57C"; // 进行中 - 绿色
   if (now < startTime) {
     status = 2; // 待开始
-			statusText = '待开始';
+    statusText = "待开始";
-			color = '#015EEA'; // 未开始 - 蓝色
+    color = "#015EEA"; // 未开始 - 蓝色
   } else if (now > endTime) {
     status = 1; // 已过期
-			statusText = '已过期';
+    statusText = "已过期";
-			color = '#999999'; // 已过期 - 灰色
+    color = "#999999"; // 已过期 - 灰色
   } else {
     status = 0; // 进行中
-			statusText = '进行中';
+    statusText = "进行中";
-			color = '#13C57C'; // 进行中 - 绿色
+    color = "#13C57C"; // 进行中 - 绿色
   }
   return {
     status, // 0: 进行中，1: 已过期，2: 待开始
     statusText,
-			color
+    color,
   };
 }
 
@@ -378,7 +568,7 @@
 }
 </script>
 
-<style lang="stylus" scoped>
+<style lang="scss" scoped>
 .popup-content {
   width: 90vw;
   height: 80vh;
@@ -428,13 +618,14 @@
         font-weight: 500;
         font-size: 32rpx;
         color: #333333;
-					font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
+        font-family: "PingFangSC-Medium", "PingFang SC", "Helvetica Neue",
+          Helvetica, Arial, "Microsoft YaHei", sans-serif;
       }
 
       .row2 {
         font-weight: 400;
         font-size: 28rpx;
-					color: #6C7282;
+        color: #6c7282;
         line-height: 45rpx;
         display: flex;
         justify-content: space-between;
@@ -451,7 +642,7 @@
 
     .location-img {
       border-radius: 8rpx 8rpx 8rpx 8rpx;
-				border: 2rpx solid #EFEFEF;
+      border: 2rpx solid #efefef;
     }
 
     .location-info {
@@ -479,35 +670,34 @@
         .info-text {
           font-weight: 400;
           font-size: 28rpx;
-						color: #9B9B9B;
+          color: #9b9b9b;
           position: relative;
-						padding-right: 20rpx
+          padding-right: 20rpx;
         }
 
         .info-text::before {
           position: absolute;
           right: 0;
           top: 50%;
-						content: '';
+          content: "";
           width: 4rpx;
           height: 16rpx;
           border-radius: 2rpx;
-						background: #9B9B9B;
+          background: #9b9b9b;
-						transform: translate(0, -75%) rotate(-45deg)
+          transform: translate(0, -75%) rotate(-45deg);
         }
 
         .info-text::after {
           position: absolute;
           right: 0;
           top: 50%;
-						content: '';
+          content: "";
           width: 4rpx;
           height: 16rpx;
           border-radius: 2rpx;
-						background: #9B9B9B;
+          background: #9b9b9b;
-						transform: translate(0, -25%) rotate(45deg)
+          transform: translate(0, -25%) rotate(45deg);
         }
-
       }
     }
   }
@@ -533,7 +723,7 @@
     }
 
     .title2 {
-				margin-top: 48rpx
+      margin-top: 48rpx;
     }
   }
 
@@ -559,7 +749,7 @@
     margin-bottom: 46rpx;
     font-weight: 400;
     font-size: 28rpx;
-			color: #256BFA;
+    color: #256bfa;
 
     .expand-img {
       width: 40rpx;
@@ -567,7 +757,7 @@
     }
 
     .expand-img-active {
-				transform: rotate(180deg)
+      transform: rotate(180deg);
     }
   }
 }
@@ -575,7 +765,7 @@
 .Detailscroll-view {
   flex: 1;
   overflow: hidden;
-		background: #F4F4F4;
+  background: #f4f4f4;
 
   .views {
     padding: 28rpx;
@@ -597,19 +787,19 @@
 
     .Detail-title::before {
       position: absolute;
-				content: '';
+      content: "";
       left: -14rpx;
       bottom: 0;
       height: 16rpx;
       width: 108rpx;
-				background: linear-gradient(to right, #CBDEFF, #FFFFFF);
+      background: linear-gradient(to right, #cbdeff, #ffffff);
       border-radius: 8rpx;
       z-index: 1;
     }
 
     .cards {
       padding: 32rpx;
-				background: #FFFFFF;
+      background: #ffffff;
       box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.04);
       border-radius: 20rpx 20rpx 20rpx 20rpx;
       margin-top: 22rpx;
@@ -630,7 +820,6 @@
             width: 30rpx;
             height: 30rpx;
             margin-right: 10rpx;
-
           }
         }
 
@@ -642,7 +831,7 @@
         }
 
         .ris {
-						background: #53ACFF;
+          background: #53acff;
           color: #fff;
           padding: 7rpx 20rpx;
           border-radius: 8rpx;
@@ -652,7 +841,7 @@
       .card-companyName {
         font-weight: 400;
         font-size: 28rpx;
-					color: #6C7282;
+        color: #6c7282;
       }
 
       .card-tags {
@@ -662,7 +851,7 @@
         .tag {
           width: fit-content;
           height: 30rpx;
-						background: #E0F0FF;
+          background: #e0f0ff;
           border-radius: 4rpx;
           padding: 6rpx 26rpx;
           line-height: 30rpx;
@@ -689,7 +878,123 @@
         display: flex;
         justify-content: space-between;
         font-size: 28rpx;
-					color: #6C7282;
+        color: #6c7282;
+      }
+    }
+
+    .detail-box {
+      padding-top: 20rpx;
+      box-sizing: border-box;
+      .company-header1 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 12px;
+        .name1 {
+          font-weight: 600;
+          margin-right: 12px;
+          font-size: 18px;
+        }
+        .company-icon {
+          width: 20px;
+          height: 20px;
+          margin-right: 15px;
+        }
+        .left {
+          display: flex;
+          align-items: center;
+          .header-detail {
+            background: #5599ff;
+            border-radius: 18px;
+            padding: 2px 16px;
+            color: #fff;
+            font-size: 14px;
+          }
+        }
+        .icon {
+          margin-right: 6px;
+          color: #409eff;
+        }
+        .booth-no {
+          color: #909399;
+        }
+      }
+
+      .detail-item {
+        margin-top: 16rpx;
+        background: linear-gradient(to bottom, #deecff 0%, #ffffff 100%);
+        box-shadow: 0 0 10rpx rgba(0, 95, 169, 0.19);
+        border-radius: 12rpx;
+        border: 2rpx solid #ffffff;
+        padding: 30rpx;
+      }
+
+      .name {
+        font-size: 32rpx;
+        font-weight: 600;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+				margin-top: 10rpx;
+
+        .status {
+          width: 160rpx;
+          text-align: center;
+          margin-left: 24rpx;
+          font-size: 24rpx;
+          background-size: 100% 100%;
+          font-weight: 600;
+          padding: 6rpx 0;
+          margin: 18rpx 0;
+        }
+        .btn {
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+
+          button {
+            margin: 10rpx;
+            font-size: 24rpx;
+          }
+        }
+      }
+
+      .bottom {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        flex-wrap: wrap;
+
+        .tag {
+          width: 100%;
+          display: flex;
+          align-items: center;
+          gap: 16rpx;
+          flex-wrap: wrap;
+
+          .tag-item {
+            padding: 6rpx 30rpx;
+            border-radius: 6rpx;
+            background-color: #e5f1ff;
+            color: #589bff;
+            font-size: 28rpx;
+
+            &.success {
+              background-color: #e6f8eb;
+              color: #21aa5b;
+            }
+          }
+        }
+      }
+
+      .gw {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        color: #1477f1;
+        font-weight: 600;
+        font-size: 30rpx;
       }
     }
   }
@@ -722,7 +1027,7 @@
   .line {
     width: 40rpx;
     height: 0rpx;
-			border: 2rpx solid #D4D4D4;
+    border: 2rpx solid #d4d4d4;
     margin-top: 64rpx;
   }
 
@@ -736,7 +1041,7 @@
     .center-date {
       font-weight: 400;
       font-size: 28rpx;
-				color: #FF881A;
+      color: #ff881a;
     }
 
     .center-dateDay {
@@ -747,14 +1052,14 @@
       line-height: 48rpx;
       width: 104rpx;
       height: 48rpx;
-				background: #F9F9F9;
+      background: #f9f9f9;
       border-radius: 8rpx 8rpx 8rpx 8rpx;
     }
   }
 }
 
 .footer {
-		background: #FFFFFF;
+  background: #ffffff;
   box-shadow: 0rpx -4rpx 24rpx 0rpx rgba(11, 44, 112, 0.12);
   border-radius: 0rpx 0rpx 0rpx 0rpx;
 
@@ -762,17 +1067,17 @@
 
   .btn-wq {
     height: 90rpx;
-			background: #256BFA;
+    background: #256bfa;
     border-radius: 12rpx 12rpx 12rpx 12rpx;
     font-weight: 500;
     font-size: 32rpx;
-			color: #FFFFFF;
+    color: #ffffff;
     text-align: center;
-			line-height: 90rpx
+    line-height: 90rpx;
   }
 
   .btn-desbel {
-			background: #6697FB;
+    background: #6697fb;
     box-shadow: 0rpx -4rpx 24rpx 0rpx rgba(11, 44, 112, 0.12);
   }
 }