From 665a300269602c8c43f44b6367a941dd9ca47e47 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Tue, 20 Jun 2023 09:15:45 +0800
Subject: [PATCH] 1

---
 package.json                                     |   1 +
 src/components/FirstJob/components/recommend.vue | 299 ++++++------
 src/components/FirstJob/detail.vue               | 572 +++++++++++++----------
 src/components/FirstJob/joblist.vue              |  11 +-
 src/style/index.less                             |   8 +-
 src/style/index.wxss                             |   4 +-
 src/utils/request.js                             |   4 +-
 src/views/main.vue                               |   2 +-
 yarn.lock                                        |  25 +
 9 files changed, 513 insertions(+), 413 deletions(-)

diff --git a/package.json b/package.json
index 8accad7..b7d40e9 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "js-cookie": "^3.0.1",
     "moment": "^2.29.1",
     "popmotion": "^9.3.5",
+    "swiper": "^4.0.7",
     "v-viewer": "^1.6.4",
     "vue": "^2.6.11",
     "vue-amap": "^0.5.10",
diff --git a/src/components/FirstJob/components/recommend.vue b/src/components/FirstJob/components/recommend.vue
index f4d7864..d2dbefc 100644
--- a/src/components/FirstJob/components/recommend.vue
+++ b/src/components/FirstJob/components/recommend.vue
@@ -2,65 +2,48 @@
   <div class="recommend-container">
     <div class="recommendposition">
       <!-- :class="isdetail ? 'showborder' : ''" -->
-      <h1 class="bottombox" style="text-align: center"><i>推荐职位</i></h1>
+      <h1 class="bottombox" style="text-align: center">
+        <i>推荐职位</i>
+      </h1>
       <div style="text-align: center">
-        <a-spin tip="加载中..." :spinning="isspinning"> </a-spin>
+        <a-spin tip="加载中..." :spinning="isspinning"></a-spin>
       </div>
-      <div
-        class="jobinfobox"
-        v-for="(item, index) in relationList"
-        :key="index"
-      >
-        <router-link
-          target="_blank"
-          :to="'/detail?id=' + item.id"
-          @click.prevent="resetpage"
-        >
-          <!-- <a href="javascript:;" > -->
-          <div class="imgbox">
-            <img v-if="item.logo" :src="item.logo" alt="" />
-            <img v-else src="../../../../static/img/nopicture.png" alt="" />
-            <span>服务费{{ item.servetype }}</span>
+      <div class="jobBox">
+        <div class="jobinfobox" v-for="(item, index) in relationList" :key="index">
+          <router-link target="_blank" :to="'/detail?id=' + item.id" @click.prevent="resetpage">
+            <!-- <a href="javascript:;" > -->
+            <div class="imgbox">
+              <img v-if="item.logo" :src="item.logo" alt />
+              <img v-else src="../../../../static/img/nopicture.png" alt />
+              <span>服务费{{ item.servetype }}</span>
+            </div>
+            <div class="jobname">{{item.storeName !== null && item.storeName !== "" ? item.storeName: item.aliasName }}</div>
+            <!-- </a> -->
+          </router-link>
+          <div class="jobinfo">
+            <span>{{ item.district }}</span>
+            <span>{{ item.gender }}</span>
+            <span>{{ item.age }}</span>
           </div>
-          <div class="jobname">
-            {{
-              item.storeName !== null && item.storeName !== ""
-                ? item.storeName
-                : item.aliasName
-            }}
+          <div class="jobtag">
+            <!-- <span>返费</span> -->
+            <span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
           </div>
-          <!-- </a> -->
-        </router-link>
-        <div class="jobinfo">
-          <span>{{ item.district }}</span>
-          <span>{{ item.gender }}</span>
-          <span>{{ item.age }}</span>
-        </div>
-        <div class="jobtag">
-          <!-- <span>返费</span> -->
-          <span
-            v-for="(item1, index) in item.jobSpecialLabelNames"
-            :key="index"
-            >{{ item1 }}</span
-          >
-        </div>
-        <div
-          class="jobprice"
-          v-html="
+          <div class="jobprice" v-html="
             getSalaryClassifyValue(
               item.salaryClassify,
               item.salaryClassifyValue
             )
-          "
-        >
-          <!-- <template v-if="item.hourlyPay"
+          ">
+            <!-- <template v-if="item.hourlyPay"
             ><span>{{ item.hourlyPayTemp / 100 }}</span
             >元/小时</template
           >
           <template v-else-if="item.dayPay"
             ><span>{{ item.hourlyPayTemp / 100 }}</span
             >元/日</template
-          > -->
+            >-->
+          </div>
         </div>
       </div>
     </div>
@@ -68,18 +51,15 @@
 </template>
 
 <script>
-import {
-  disposeJobListData,
-  getSalaryClassifyValue,
-} from "../../../utils/commonUtil";
+import { disposeJobListData, getSalaryClassifyValue } from '../../../utils/commonUtil'
 import {
   JobListApi,
   // getCityApi,
-} from "../../../api/job";
+} from '../../../api/job'
 export default {
-  inject: ["reload"],
+  inject: ['reload'],
   // 组件名称
-  name: "",
+  name: '',
   // 局部注册的组件
   components: {},
   // 组件参数 接收来自父组件的数据
@@ -90,7 +70,7 @@ export default {
       isspinning: false,
       isdetail: false,
       relationList: [],
-    };
+    }
   },
   // 计算属性
   computed: {},
@@ -101,7 +81,7 @@ export default {
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
   created() {
-    this.getRecommendJob();
+    this.getRecommendJob()
   },
   /**
    * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
@@ -109,47 +89,47 @@ export default {
    */
   mounted() {
     // console.log(this.$route.fullPath);
-    if (this.$route.fullPath.indexOf("detail") > -1) {
-      this.isdetail = true;
+    if (this.$route.fullPath.indexOf('detail') > -1) {
+      this.isdetail = true
     }
-    console.log(this.isdetail);
+    console.log(this.isdetail)
   },
   // 组件方法
   methods: {
     async getRecommendJob() {
-      this.isspinning = true;
+      this.isspinning = true
       try {
         const { data } = await JobListApi({
           pageNum: 1,
           pageSize: 3,
           jobCategory: 608,
-        });
-        console.log(data);
-        this.relationList = disposeJobListData(data.data.recordList);
+        })
+        console.log(data)
+        this.relationList = disposeJobListData(data.data.recordList)
 
-        console.log(this.relationList);
+        console.log(this.relationList)
         this.relationList.forEach((item) => {
-          item.age = "";
-        });
+          item.age = ''
+        })
         // this.$emit("update:relationList", this.relationList);
       } catch (error) {
-        console.log(error);
+        console.log(error)
       }
-      this.isspinning = false;
+      this.isspinning = false
     },
     resetpage() {
-      console.log(1);
+      console.log(1)
       setTimeout(() => {
-        this.reload();
-        document.body.scrollTop = 0;
-        document.documentElement.scrollTop = 0;
-      }, 1000);
+        this.reload()
+        document.body.scrollTop = 0
+        document.documentElement.scrollTop = 0
+      }, 1000)
     },
     getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
-      return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
+      return getSalaryClassifyValue(salaryClassify, salaryClassifyValue)
     },
   },
-};
+}
 </script>
 
 <style scoped lang="less">
@@ -162,7 +142,7 @@ export default {
   overflow: hidden;
   background: #ffffff;
   // border-radius: 4px;
-  padding: 0px 20px 0px 20px;
+  // padding: 0px 20px 0px 20px;
 
   h1 {
     // margin-bottom: 12px;
@@ -175,7 +155,7 @@ export default {
       display: inline-block;
       line-height: 20px;
       // border-bottom: 2px solid #ff4400;
-      padding: 6px 0;
+      // padding: 6px 0;
     }
     span {
       display: inline-block;
@@ -187,95 +167,98 @@ export default {
       background: #ff4400;
     }
   }
-  .jobinfobox:last-of-type {
-    border-bottom: none;
-  }
-  .jobinfobox {
-    // width: 240px;
-    // height: 298px;
-    // margin-bottom: 16px;
-    background: #ffffff;
-    // border: 1px solid rgba(77, 87, 94, 0.1);
-    border-radius: 4px;
-    // padding: 20px;
-    border-bottom: 1px solid #f2f0ec;
+  .jobBox {
+    padding:16px 20px;
+    .jobinfobox:last-of-type {
+      border-bottom: none;
+    }
+    .jobinfobox {
+      // width: 240px;
+      // height: 298px;
+      // margin-bottom: 16px;
+      background: #ffffff;
+      // border: 1px solid rgba(77, 87, 94, 0.1);
+      border-radius: 4px;
+      // padding: 20px;
+      border-bottom: 1px solid #f2f0ec;
 
-    margin-bottom: 20px;
-    .imgbox {
-      width: 200px;
-      height: 200px;
-      position: relative;
-      img {
-        width: 100%;
-        height: 100%;
+      margin-bottom: 20px;
+      .imgbox {
+        width: 200px;
+        height: 200px;
+        position: relative;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+        span {
+          position: absolute;
+          // width: 118px;
+          padding: 0 10px;
+          height: 20px;
+          left: 0;
+          bottom: 0;
+          background: #ff4400;
+          border-radius: 16px 16px 16px 0px;
+          font-size: 12px;
+          font-weight: 500;
+          text-align: center;
+          color: #ffffff;
+          line-height: 20px;
+        }
       }
-      span {
-        position: absolute;
-        // width: 118px;
-        padding: 0 10px;
-        height: 20px;
-        left: 0;
-        bottom: 0;
-        background: #ff4400;
-        border-radius: 16px 16px 16px 0px;
-        font-size: 12px;
-        font-weight: 500;
-        text-align: center;
-        color: #ffffff;
-        line-height: 20px;
+      .jobname {
+        // height: 45px;
+        // margin: 12px 0;
+        font-size: 18px;
+        font-weight: normal;
+        text-align: left;
+        color: #4d575e;
+        line-height: 18px;
+        margin-top: 16px;
+        // border-bottom: 1px solid #f2f0ec;
       }
-    }
-    .jobname {
-      // height: 45px;
-      // margin: 12px 0;
-      font-size: 18px;
-      font-weight: normal;
-      text-align: left;
-      color: #4d575e;
-      line-height: 18px;
-      margin-top: 16px;
-      // border-bottom: 1px solid #f2f0ec;
-    }
-    .jobinfo {
-      margin-top: 12px;
-      font-size: 14px;
-      font-weight: 400;
-      text-align: left;
-      color: #999;
-      line-height: 18px;
-    }
-    .jobtag {
-      margin-top: 12px;
-      text-align: left;
-      // span:first-child {
-      //   color: #ff4400;
-      //   background: rgba(254, 97, 0, 0.1);
-      // }
-      span {
-        margin-right: 12px;
+      .jobinfo {
+        margin-top: 12px;
         font-size: 14px;
-        padding: 2px 5px;
-        background: rgba(51, 51, 51, 0.06);
-        border-radius: 4px;
-      }
-      span:nth-of-type(n + 3) {
-        display: none;
+        font-weight: 400;
+        text-align: left;
+        color: #999;
+        line-height: 18px;
       }
-    }
-    /deep/ .jobprice {
-      margin-top: 16px;
-      margin-bottom: 16px;
-      font-size: 16px;
-      text-align: left;
-      color: #ff4400;
-      line-height: 18px;
-      font-weight: 600;
-      span {
-        font-weight: 600 !important;
+      .jobtag {
+        margin-top: 12px;
+        text-align: left;
+        // span:first-child {
+        //   color: #ff4400;
+        //   background: rgba(254, 97, 0, 0.1);
+        // }
+        span {
+          margin-right: 12px;
+          font-size: 14px;
+          padding: 2px 5px;
+          background: rgba(51, 51, 51, 0.06);
+          border-radius: 4px;
+        }
+        span:nth-of-type(n + 3) {
+          display: none;
+        }
       }
-      i {
-        font-size: 18px;
-        line-height: 28px;
+      /deep/ .jobprice {
+        margin-top: 16px;
+        margin-bottom: 16px;
+        font-size: 16px;
+        text-align: left;
+        color: #ff4400;
+        line-height: 18px;
+        font-weight: 600;
+        span {
+          font-weight: 600 !important;
+        }
+        i {
+          font-size: 18px;
+          line-height: 28px;
+        }
       }
     }
   }
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 63153f6..ed2fa3b 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -125,8 +125,9 @@
         <div class="subset">
           <a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
           <div class="subsetleft" v-show="!skeletonshow">
-            <div class="imgbox">
-              <a-carousel arrows :autoplay="true" effect="fade" :dots="true" ref="scrollimg" v-if="storeImage.length !== 0">
+            <div class="info">
+              <div class="imgbox">
+                <!-- <a-carousel arrows :autoplay="true" effect="fade" :dots="true" ref="scrollimg" v-if="storeImage.length !== 0">
                 <div slot="prevArrow" class="custom-slick-arrow" style="left: 5px; z-index: 99">
                   <a-icon type="left-circle" />
                 </div>
@@ -134,59 +135,60 @@
                   <a-icon type="right-circle" />
                 </div>
                 <img v-for="(item, index) in storeImage" :key="index" :src="item" alt />
-              </a-carousel>
-              <img v-else src="../../../static/img/nopicture.png" alt />
-            </div>
-            <div class="jobinfobox">
-              <div class="jobname">{{ jobDetail.jobName }}</div>
-              <div class="jobinfo">
-                <span>{{ jobDetail.district }}</span>
-                <span>{{ jobDetail.gender }}</span>
-                <span>{{ jobDetail.age }}</span>
-              </div>
-              <div class="jobtag">
-                <!-- <span>返费</span> -->
-                <a-tag :color="labelColor[index % labelColor.length]" v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index">{{ item }}</a-tag>
+                </a-carousel>-->
+                <img v-if="store.logo" :src="store.logo" alt />
+                <img v-else src="../../../static/img/nopicture.png" alt />
               </div>
-              <div style="height: 27px" v-if="!jobDetail.jobRequestLabelNames" class="jobtag">
-                <a-tag :color="labelColor[1]">暂无要求</a-tag>
-              </div>
-              <div class="jobtag1">
-                <!-- <span>返费</span> -->
-                <a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
-              </div>
-              <div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
-                <a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
-              </div>
-              <div style="
+              <div class="jobinfobox">
+                <div class="jobname">{{ jobDetail.jobName }}</div>
+                <div class="jobinfo">
+                  <span>{{ jobDetail.district }}</span>
+                  <span>{{ jobDetail.gender }}</span>
+                  <span>{{ jobDetail.age }}</span>
+                </div>
+                <div class="jobtag">
+                  <!-- <span>返费</span> -->
+                  <a-tag :color="labelColor[index % labelColor.length]" v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index">{{ item }}</a-tag>
+                </div>
+                <div style="height: 27px" v-if="!jobDetail.jobRequestLabelNames" class="jobtag">
+                  <a-tag :color="labelColor[1]">暂无要求</a-tag>
+                </div>
+                <div class="jobtag1">
+                  <!-- <span>返费</span> -->
+                  <a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
+                </div>
+                <div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
+                  <a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
+                </div>
+                <div style="
                   display: flex;
                   align-items: center;
                   height: 26px;
                   margin-top: 16px;
                 ">
-                <div class="jobpricehour" v-html="
+                  <div class="jobpricehour" v-html="
                     getSalaryClassifyValue(
                       jobDetail.salaryClassify,
                       jobDetail.salaryClassifyValue
                     )
                   ">
-                  <!-- <template v-if="jobDetail.hourlyPay"
+                    <!-- <template v-if="jobDetail.hourlyPay"
                     ><span>{{ jobDetail.hourlyPay }}</span
                     >元/小时</template
                   >
                   <template v-else-if="jobDetail.dayPay"
                     ><span>{{ jobDetail.dayPay }}</span
                     >元/日</template
-                  >-->
+                    >-->
+                  </div>
+                  <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
+                  <div class="jobpricemonth">
+                    <span>{{ jobDetail.minMonthlyPay }}</span>-
+                    <span>{{ jobDetail.maxMonthlyPay }}</span>元/月
+                  </div>
                 </div>
-                <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
-                <div class="jobpricemonth">
-                  <span>{{ jobDetail.minMonthlyPay }}</span>-
-                  <span>{{ jobDetail.maxMonthlyPay }}</span>元/月
-                </div>
-              </div>
 
-              <!-- <div class="billbutton">
+                <!-- <div class="billbutton">
                 <span>服务费 <i>1.5</i>元/小时</span>
                 <a-dropdown class="dropdown" :trigger="['click']">
                   <a
@@ -200,7 +202,19 @@
                     <a-menu-item @click="torecord"> 新页面</a-menu-item>
                   </a-menu>
                 </a-dropdown>
-              </div>-->
+                </div>-->
+              </div>
+            </div>
+            <div class="swiperBox">
+              <div id="swiper">
+                <div class="swiper-wrapper">
+                  <div class="swiper-slide" v-for="(item, index) in [...storeImage]" :key="index">
+                    <img :src="item" alt />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
             </div>
           </div>
           <div class="subsetright">
@@ -220,6 +234,7 @@
             </div>
           </div>
         </div>
+
         <!-- <div class="proxy">
           <h1><i>代理政策</i></h1>
           <div>{{ jobDetail.returnFeeDesp }}</div>
@@ -231,18 +246,19 @@
               <span @click="tabchange = 0" :class="tabchange === 0 ? 'active' : ''">财务结算</span>
               <span @click="tabchange = 2" :class="tabchange === 2 ? 'active' : ''">职位通告</span>
             </div>
-            <!--             <div class="copy" @click="xiangdanVisible = true">通告</div>-->
+            <span>我的政策更好，给我供人</span>
+            <!-- <div class="copy" @click="xiangdanVisible = true">通告</div>
             <a-modal v-model="xiangdanVisible" title="通告" class="xiangdan" :footer="null" @ok="handleOk">
-              <!-- <template slot="content" class="jobDesp_content"> -->
-              <div class="copy" @click="copyText($event)">复制</div>
-              <span v-if="jobDetail.jobDesp" class="copyInfo">
-                {{
-                jobDetail.jobDesp
-                }}
-              </span>
-              <span v-else>暂无详单</span>
-              <!-- </template> -->
-            </a-modal>
+              <template slot="content" class="jobDesp_content">
+                <div class="copy" @click="copyText($event)">复制</div>
+                <span v-if="jobDetail.jobDesp" class="copyInfo">
+                  {{
+                  jobDetail.jobDesp
+                  }}
+                </span>
+                <span v-else>暂无详单</span>
+              </template>
+            </a-modal>-->
           </h1>
           <div class="pay" id="tip" v-show="tabchange === 1">
             <div class="mb12 mt20 titlestyle">温馨提示</div>
@@ -255,47 +271,47 @@
                 <div class="mb12 mt20">薪资待遇</div>
                 <a-descriptions bordered size="small" :column="1" class="leftDesc boubleLevel">
                   <!-- <a-descriptions-item class="test1">
-                    <span slot="label" class="fw500">工价</span>
+                    <span slot="label" class="">工价</span>
                     <span>{{ jobDetail.calculationUnit }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">综合月薪</span>
+                    <span slot="label" class="">综合月薪</span>
                     <span>{{ jobDetail.combiSalary }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">薪资明细</span>
+                    <span slot="label" class="">薪资明细</span>
                     <span>{{ jobDetail.salaryDetail }}</span>
                   </a-descriptions-item>-->
                   <a-descriptions-item class="test1">
-                    <span slot="label" class="fw500">薪资明细</span>
+                    <span slot="label" class>薪资明细</span>
                     <span>{{ jobDetail.salaryDetail || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">薪资发放</span>
+                    <span slot="label" class>薪资发放</span>
                     <span>{{ jobDetail.payDay || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">银行卡</span>
+                    <span slot="label" class>银行卡</span>
                     <span>{{ jobDetail.bankInfo || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">工期</span>
-                    <span>{{ jobDetail.workCycle || "-" }}</span>
+                    <span slot="label" class>押金</span>
+                    <span>{{ jobDetail.mealCardDeposit || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">培训</span>
+                    <span slot="label" class>培训</span>
                     <span>{{ jobDetail.training || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">试用期</span>
+                    <span slot="label" class>试用期</span>
                     <span>{{ jobDetail.probation || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">福利待遇</span>
+                    <span slot="label" class>福利待遇</span>
                     <span>{{ jobDetail.boon || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">薪资说明</span>
+                    <span slot="label" class>薪资说明</span>
                     <span style="white-space: break-spaces">
                       {{
                       jobDetail.salaryDesp || "-"
@@ -311,24 +327,24 @@
                       class="leftDesc noborder"
                     >
                       <a-descriptions-item>
-                        <span slot="label" class="fw500">发薪日 </span>
+                        <span slot="label" class="">发薪日 </span>
                         <span>{{ jobDetail.payDay }}</span>
                       </a-descriptions-item>
                       <a-descriptions-item>
-                        <span slot="label" class="fw500">计薪周期 </span>
+                        <span slot="label" class="">计薪周期 </span>
                         <span>{{ jobDetail.calculationSalaryType }}</span>
                       </a-descriptions-item>
                       <a-descriptions-item>
-                        <span slot="label" class="fw500">工资卡</span>
+                        <span slot="label" class="">工资卡</span>
                         <span>{{ jobDetail.payCard }}</span>
                       </a-descriptions-item>
                       <a-descriptions-item>
-                        <span slot="label" class="fw500">费用报销</span>
+                        <span slot="label" class="">费用报销</span>
                         <span>{{
                           jobDetail.reimbursement
                         }}</span> </a-descriptions-item
                       ><a-descriptions-item>
-                        <span slot="label" class="fw500">补充说明 </span>
+                        <span slot="label" class="">补充说明 </span>
                         <span v-html="jobDetail.salaryDesp"></span>
                       </a-descriptions-item>
                     </a-descriptions>
@@ -337,10 +353,10 @@
               </div>
               <!-- 岗位要求 -->
               <div class="required" id="required">
-                <div class="mb12 mt20">面试要求</div>
+                <div class="mb12 mt20">招聘要求</div>
                 <a-descriptions bordered size="small" :column="1" class="leftDesc">
                   <a-descriptions-item class="test1">
-                    <span slot="label" class="fw500">性别年龄</span>
+                    <span slot="label" class>性别年龄</span>
                     <span>
                       <span class="man" v-if="jobDetail.minAgeMan">
                         男 {{ jobDetail.minAgeMan }}
@@ -357,45 +373,45 @@
                     </span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">文化学历</span>
+                    <span slot="label" class>文化学历</span>
                     <span>{{ jobDetail.education || "-" }}</span>
                   </a-descriptions-item>
 
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">证件</span>
+                    <span slot="label" class>证件</span>
                     <span>{{ jobDetail.idCard || "-" }}</span>
                   </a-descriptions-item>
 
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">疑难杂症</span>
+                    <span slot="label" class>疑难杂症</span>
                     <span>{{ jobDetail.otherRequire || "-" }}</span>
                   </a-descriptions-item>
 
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">体检</span>
+                    <span slot="label" class>体检</span>
                     <span>{{ jobDetail.healthRequire || "-" }}</span>
                   </a-descriptions-item>
 
                   <!--    <a-descriptions-item>
-                    <span slot="label" class="fw500">面试资料</span>
+                    <span slot="label" class="">面试资料</span>
                     <span>{{ jobDetail.idCard || "-" }}</span>
                   </a-descriptions-item>-->
                   <!-- <a-descriptions-item>
-                    <span slot="label" class="fw500">证件</span>
+                    <span slot="label" class="">证件</span>
                     <span>{{ jobDetail.certificate }}</span>
                   </a-descriptions-item>
                   
                  
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">带手机</span>
+                    <span slot="label" class="">带手机</span>
                     <span>{{ jobDetail.carryTel }}</span>
                   </a-descriptions-item>-->
                   <!--  <a-descriptions-item>
-                    <span slot="label" class="fw500">体检要求</span>
+                    <span slot="label" class="">体检要求</span>
                     <span>{{ jobDetail.healthRequire || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">其它要求</span>
+                    <span slot="label" class="">其它要求</span>
                     <span>{{ jobDetail.otherRequire || "-" }}</span>
                   </a-descriptions-item>-->
                 </a-descriptions>
@@ -405,141 +421,104 @@
                 <div class="mb12 mt20">岗位说明</div>
                 <a-descriptions bordered size="small" :column="1" class="leftDesc">
                   <a-descriptions-item class="test1">
-                    <span slot="label" class="fw500">工作内容</span>
+                    <span slot="label" class>工作内容</span>
                     <span>{{ jobDetail.workContent || "-" }}</span>
                   </a-descriptions-item>
 
                   <a-descriptions-item class="test1">
-                    <span slot="label" class="fw500">工作方式</span>
+                    <span slot="label" class>工作方式</span>
                     <span>{{ jobDetail.workMode || "-" }}</span>
                   </a-descriptions-item>
 
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">班次工时</span>
+                    <span slot="label" class>班次工时</span>
                     <span>{{ jobDetail.workClasses || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">工作衣</span>
+                    <span slot="label" class>工作衣</span>
                     <span>{{ jobDetail.workClothes || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">车间</span>
+                    <span slot="label" class>车间</span>
                     <span>{{ jobDetail.securityCheck || "-" }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">保险</span>
+                    <span slot="label" class>保险</span>
                     <span>{{ jobDetail.employeeInsurance || "-" }}</span>
                   </a-descriptions-item>
                   <!-- <a-descriptions-item>
-                    <span slot="label" class="fw500">工作时长</span>
+                    <span slot="label" class="">工作时长</span>
                     <span>{{ jobDetail.workDuration }}</span>
                   </a-descriptions-item>
                   <a-descriptions-item>
-                    <span slot="label" class="fw500">倒班频次</span>
+                    <span slot="label" class="">倒班频次</span>
                     <span>{{ jobDetail.workByTurns }}</span>
                   </a-descriptions-item>-->
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">换岗调班</span>
+                  <!-- <a-descriptions-item>
+                    <span slot="label" class="">换岗调班</span>
                     <span style="white-space: break-spaces">
                       {{
                       jobDetail.otherDesp || "-"
                       }}
                     </span>
-                  </a-descriptions-item>
+                  </a-descriptions-item>-->
                 </a-descriptions>
               </div>
 
               <div class="condition" id="condition">
-                <div class="mb12 mt20">饮食住宿</div>
+                <div class="mb12 mt20">吃饭住宿</div>
                 <ul class="conditiontable">
                   <li>
-                    <div>吃饭</div>
-                    <ul>
-                      <li>
-                        <span>吃饭</span>
-                        <span>{{ jobDetail.workingLunch || "-" }}</span>
-                      </li>
-                      <!-- <li>
-                        <span>餐补</span
-                        ><span>{{ jobDetail.mealSubsidy }}</span>
-                      </li>-->
-                      <!-- <li>
-												<span>餐费</span><span>{{ jobDetail.mealFee }}</span>
-                      </li>-->
-
-                      <!-- <li>
-                        <span>餐卡押金</span
-                        ><span>{{ jobDetail.mealCardDeposit }}</span>
-                      </li>
-                      <li>
-                        <span>民族窗口</span><span>{{ jobDetail.muslim }}</span>
-                      </li>-->
-                      <!-- <li>
-                        <span>补充说明</span
-                        ><span style="white-space: break-spaces">{{
-                          jobDetail.workingLunchDesp || "-"
-                        }}</span>
-                      </li>-->
-                    </ul>
+                    <span>吃饭</span>
+                    <span>{{ jobDetail.workingLunch || "-" }}</span>
                   </li>
                   <li>
-                    <div>住宿</div>
-                    <ul>
-                      <li>
-                        <span>住宿费用</span>
-                        <span>{{ jobDetail.dormitory || "-" }}</span>
-                      </li>
-                      <li>
-                        <span>宿舍设施</span>
-                        <span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
-                      </li>
-                      <li>
-                        <span>宿舍距离</span>
-                        <span>{{ jobDetail.dormDistance || "-" }}</span>
-                      </li>
-
-                      <li>
-                        <span>厂车</span>
-                        <span>{{ jobDetail.bus || "-" }}</span>
-                      </li>
-
-                      <li>
-                        <span>住宿要求</span>
-                        <span>{{ jobDetail.dormitoryDesp || "-" }}</span>
-                      </li>
-                      <!-- <li>
+                    <span>住宿费用</span>
+                    <span>{{ jobDetail.dormitory || "-" }}</span>
+                  </li>
+                  <li>
+                    <span>宿舍设施</span>
+                    <span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
+                  </li>
+                  <li>
+                    <span>宿舍距离</span>
+                    <span>{{ jobDetail.dormDistance || "-" }}</span>
+                  </li>
+                  <li>
+                    <span>入住条件</span>
+                    <span>{{ jobDetail.dormitoryDesp || "-" }}</span>
+                  </li>
+                  <!-- <li>
                         <span>宿舍距离</span
                         ><span>{{ jobDetail.dormitoryDistance }}</span>
-                      </li>-->
-                      <!-- <li>
+                  </li>-->
+                  <!-- <li>
 												<span>住宿费</span
 												><span>{{ jobDetail.dormitoryCost }}</span>
 											</li>
-                      -->
+                  -->
 
-                      <!-- <li>
+                  <!-- <li>
                         <span>单间人数</span
                         ><span>{{ jobDetail.dormitoryPeoples }}</span>
                       </li>
                       <li>
                         <span>硬件设施</span
                         ><span>{{ jobDetail.dormitoryFacilities }}</span>
-                      </li>-->
-                      <!-- <li>
+                  </li>-->
+                  <!-- <li>
                         <span>水电费</span
                         ><span>{{ jobDetail.waterAndElec || "-" }}</span>
-                      </li>-->
-                      <!-- <li>
+                  </li>-->
+                  <!-- <li>
                         <span>班车</span><span>{{ jobDetail.regularBus }}</span>
-                      </li>-->
-                      <!--  <li>
+                  </li>-->
+                  <!--  <li>
                         <span>补充说明</span
                         ><span style="white-space: break-spaces">{{
                           jobDetail.dormitoryDesp || "-"
                         }}</span>
-                      </li>-->
-                    </ul>
-                  </li>
+                  </li>-->
                 </ul>
                 <!-- <a-descriptions
                 bordered
@@ -548,51 +527,85 @@
                 class="leftDesc"
               >
                 <a-descriptions-item class="test1">
-                  <span slot="label" class="fw500">工作餐</span>
+                  <span slot="label" class="">工作餐</span>
                   <a-descriptions size="small" :column="1">
                     <a-descriptions-item>
-                      <span slot="label" class="fw500">工作餐</span>
-                      <span class="fw500">工包早中餐作餐</span>
+                      <span slot="label" class="">工作餐</span>
+                      <span class="">工包早中餐作餐</span>
                     </a-descriptions-item>
                     <a-descriptions-item>
-                      <span slot="label" class="fw500">餐费</span>
-                      <span class="fw500">收费（先吃后扣）</span>
+                      <span slot="label" class="">餐费</span>
+                      <span class="">收费（先吃后扣）</span>
                     </a-descriptions-item>
                     <a-descriptions-item>
-                      <span slot="label" class="fw500">餐补</span>
-                      <span class="fw500">无</span>
+                      <span slot="label" class="">餐补</span>
+                      <span class="">无</span>
                     </a-descriptions-item>
                     <a-descriptions-item>
-                      <span slot="label" class="fw500">餐卡押金</span>
-                      <span class="fw500">10元</span>
+                      <span slot="label" class="">餐卡押金</span>
+                      <span class="">10元</span>
                     </a-descriptions-item>
                     <a-descriptions-item>
-                      <span slot="label" class="fw500">清真窗口</span>
-                      <span class="fw500">有</span>
+                      <span slot="label" class="">清真窗口</span>
+                      <span class="">有</span>
                     </a-descriptions-item>
                     <a-descriptions-item>
-                      <span slot="label" class="fw500">工作餐 说明</span>
-                      <span class="fw500">有肉有菜</span>
+                      <span slot="label" class="">工作餐 说明</span>
+                      <span class="">有肉有菜</span>
                     </a-descriptions-item>
                   </a-descriptions>
                 </a-descriptions-item>
                 <a-descriptions-item>
-                  <span slot="label" class="fw500">班次时间</span>
+                  <span slot="label" class="">班次时间</span>
                   <span>9:30-14:00；17:00-22:00</span>
                 </a-descriptions-item>
                 </a-descriptions>-->
               </div>
-              <div class="otherInfo" id="other">
+              <!-- <div class="otherInfo" id="other">
                 <div class="mb12 mt20">其他信息</div>
                 <div style="white-space: break-spaces">{{ jobDetail.otherInfo || "-" }}</div>
+              </div>-->
+              <div class="required" id="required">
+                <div class="mb12 mt20">对接信息</div>
+                <a-descriptions bordered size="small" :column="1" class="leftDesc">
+                  <a-descriptions-item class="test1">
+                    <span slot="label" class>面试时间</span>
+                    <span>{{jobDetail.interviewDuration || '-'}}</span>
+                  </a-descriptions-item>
+                  <a-descriptions-item class="test1">
+                    <span slot="label" class>面试地点</span>
+                    <span>{{jobPoses.interview.posContent || '-'}}</span>
+                  </a-descriptions-item>
+                  <a-descriptions-item class="test1">
+                    <span slot="label" class>宿舍地址</span>
+                    <span>{{jobPoses.room.posContent ? jobPoses.room.posContent  : '-'}}</span>
+                  </a-descriptions-item>
+                  <a-descriptions-item class="test1">
+                    <span slot="label" class>总包驻场</span>
+                    <span>{{jobDetail.onSiteInfo || '-'}}</span>
+                  </a-descriptions-item>
+                  <a-descriptions-item class="test1">
+                    <span slot="label" class>面试说明</span>
+                    <span>{{jobDetail.interviewDesp || '-'}}</span>
+                  </a-descriptions-item>
+                  <a-descriptions-item class="test1">
+                    <span slot="label" class>入职说明</span>
+                    <span>{{jobDetail.entryDesp || '-'}}</span>
+                  </a-descriptions-item>
+                  <a-descriptions-item class="test1">
+                    <span slot="label" class>离职说明</span>
+                    <span>{{jobDetail.leaveRequire || '-'}}</span>
+                  </a-descriptions-item>
+                </a-descriptions>
               </div>
             </div>
             <a-anchor @click.prevent class="navigation">
+              <a-anchor-link href="#tip" title="注意" />
               <a-anchor-link href="#pay" title="薪资" />
               <a-anchor-link href="#required" title="要求" />
               <a-anchor-link href="#contentspecial" title="岗位" />
-              <a-anchor-link href="#condition" title="食宿" />
-              <a-anchor-link href="#other" title="其他" />
+              <a-anchor-link href="#condition" title="吃住" />
+              <a-anchor-link href="#other" title="对接" />
             </a-anchor>
           </div>
 
@@ -604,27 +617,27 @@
             </div>
             <a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px">
               <a-descriptions-item class="test1">
-                <span slot="label" class="fw500">代理利润</span>
+                <span slot="label" class>代理利润</span>
                 <span>{{ jobDetail.agencyProfit || "-" }}</span>
               </a-descriptions-item>
               <!-- <a-descriptions-item>
-              <span slot="label" class="fw500">代理政策</span>
+              <span slot="label" class="">代理政策</span>
               <span>{{ jobDetail.returnFeeDesp }}</span>
               </a-descriptions-item>-->
               <a-descriptions-item>
-                <span slot="label" class="fw500">扣税说明</span>
+                <span slot="label" class>扣税说明</span>
                 <span>{{ jobDetail.deductTaxDesp || "-" }}</span>
               </a-descriptions-item>
               <!-- <a-descriptions-item>
-                <span slot="label" class="fw500">支付周期</span>
+                <span slot="label" class="">支付周期</span>
                 <span>{{ jobDetail.paymentCycle }}</span>
               </a-descriptions-item>-->
               <a-descriptions-item>
-                <span slot="label" class="fw500">出名单</span>
+                <span slot="label" class>出名单</span>
                 <span>{{ jobDetail.outListTime || "-" }}</span>
               </a-descriptions-item>
               <a-descriptions-item>
-                <span slot="label" class="fw500">结算时间</span>
+                <span slot="label" class>结算时间</span>
                 <span>{{ jobDetail.settlementTime || "-" }}</span>
               </a-descriptions-item>
             </a-descriptions>
@@ -635,7 +648,7 @@
               <div class="showInfo" style="width: unset;color: #000 !important;">
                 <div class="copy" @click="copyText($event)">复制</div>
                 <!--                {{ jobDetail.jobDesp || "-" }}-->
-                <div class="copyInfo" style="border: none; padding: 0 0; width: unset;">{{ jobDetail.jobDesp || "-" }}</div>
+                <div class="copyInfo" style="border: none; padding: 0 0; width: unset;white-space: pre-line;">{{ jobDetail.jobDesp || "-" }}</div>
               </div>
             </div>
           </div>
@@ -657,20 +670,18 @@
             <h1 class="bottombox">
               <i>企业详情</i>
             </h1>
-            <p style="text-align: center">{{ jobDetail.aliasName }}</p>
-            <div class="imgbox">
+            <!-- <p style="text-align: center">{{ jobDetail.aliasName || '-' }}</p> -->
+            <!-- <div class="imgbox">
               <img v-if="storeImage.length !== 0" :src="storeImage[0]" alt />
               <img v-else src="../../../static/img/nopicture.png" alt />
-            </div>
-            <p>
-              <!-- 我是文案我很长很长我是文案我 很长很长我是文案我很长很长我
-              是文案我很长很长我是文案我很 长很长-->
-            </p>
+            </div>-->
           </div>
-          <div class="companylocation" v-if="positionInfo.lng">
-            <h1 class="bottombox">
+          <div class="companylocation" style="text-align:center;padding:0 20px 20px" v-if="positionInfo.lng">
+            <h2 style="padding:16px 0;font-weight:600">{{store.storeName || '-'}}</h2>
+            <p style="padding-bottom:20px;border-bottom:1px solid #eee;font-size:16px;text-indent:16px;color:#4d575ecc">{{store.storeInfo || '-' }}</p>
+            <!-- <h1 class="bottombox">
               <i>企业位置</i>
-            </h1>
+            </h1>-->
             <div class="imgbox">
               <!-- <GDMap/> -->
               <GDMap :positionInfo="positionInfo"></GDMap>
@@ -697,6 +708,8 @@ import { getJobDetailApi } from '../../api/job'
 import { disposeJobListData, getSalaryClassifyValue } from '../../utils/commonUtil'
 import recommend from '../../components/FirstJob/components/recommend.vue'
 import { nationlist } from '../../utils/datalist'
+import 'swiper/dist/css/swiper.css'
+import swiper from 'swiper'
 import GDMap from '../map.vue'
 // import recordbill from "@/components/FirstJob/components/recordbill.vue";
 import Clipboard from 'clipboard'
@@ -717,7 +730,7 @@ export default {
   data() {
     return {
       relationList: [],
-      jobDetail: {},
+      jobDetail: {}, // 职位相关信息
       storeImage: [],
       storeInfo: {},
       id: this.$route.query.id,
@@ -726,6 +739,8 @@ export default {
       xiangdanVisible: false, // 详单的弹出
       confirmLoading: false, // 录单提交的loading效果
       positionInfo: {}, // 企业位置信息
+      jobPoses: {}, // 职位位置信息
+      store: {}, // 职位详情信息
       skeletonshow: true,
       tabchange: 1,
       nationlist,
@@ -751,6 +766,7 @@ export default {
       //   // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
       // },
       apply: {},
+      myswiper: null, // 存储swiper实例
     }
   },
   // 计算属性
@@ -765,8 +781,8 @@ export default {
   beforeCreate() {},
   created() {
     // console.log(this.$router.matcher.match());
-    console.log(this.$route) // 获取传过来的params数据
     this.getJobDetail()
+    console.log(this.$route) // 获取传过来的params数据
     // Object.defineProperties("window.opener", "sessionStorage", {
     //   LOGIN_DATA: {},
     // });
@@ -777,8 +793,47 @@ export default {
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
    */
   mounted() {
+    let that = this
     // console.log(this.$refs.scrollimg);
     // this.$refs.scrollimg.goTo(0, false);
+    setTimeout(() => {
+      this.myswiper = new swiper('#swiper', {
+        // loop: true,
+        // loopAdditionalSlides: 3,
+        // speed: 500,
+        // keyboard: true,
+        // allowTouchMove: false,
+        // slidesPerView: 1,
+        slidesPerView: 4,
+        slidesPerGroup: 1,
+        // loop: true,
+        // loopFillGroupWithBlank: true,
+        // pagination: {
+        //   el: ".swiper-pagination",
+        //   clickable: true,
+        // },
+        navigation: {
+          nextEl: '.swiper-button-next',
+          prevEl: '.swiper-button-prev',
+          disabledClass: 'swiper-button-disabled',
+        },
+        // spaceBetween: 100,
+        // effect: 'fade',
+        // fadeEffect: {
+        //   crossFade: true,
+        // },
+        // autoplay: {
+        //   delay: 8000,
+        //   stopOnLastSlide: false,
+        //   disableOnInteraction: false,
+        // },
+        on: {
+          // slideChangeTransitionEnd() {
+          // that.progressPercent = 0
+          // },
+        },
+      })
+    }, 1000)
   },
   // 组件方法
   methods: {
@@ -790,12 +845,15 @@ export default {
           console.log(data)
           this.jobDetail = disposeJobListData(data.data.storeJob)
           this.positionInfo = data.data.store
+          this.jobPoses = data.data.jobPoses
+          this.store = data.data.store
           this.positionInfo.desc = this.positionInfo.detailPosition
           this.positionInfo.containerName = 'mapContainer'
           this.positionInfo.name = this.positionInfo.aliasName
           this.skeletonshow = false
           this.jobDetail.district = disposeJobListData(data.data.store).district
-          console.log(this.jobDetail);
+          console.log(this.jobDetail)
+          console.log(this.jobPoses)
           let newdata = {
             id: data.data.storeJob.id,
             aliasName: data.data.store.aliasName,
@@ -804,7 +862,6 @@ export default {
           this.storeInfo = newdata
           let regs = /\.(jpg|jpeg|png)(\?.*)?$/
           data.data.storeImage.forEach((item) => {
-            console.log(item);
             if (regs.test(item.url.toLowerCase())) {
               this.storeImage.push(item.url)
             }
@@ -818,7 +875,7 @@ export default {
         // console.log(data);
         // console.log(this.jobDetail);
       } catch (error) {
-        console.log(error);
+        console.log(error)
       }
     },
     // 录单弹出层的关闭
@@ -1017,17 +1074,21 @@ export default {
     margin-right: 16px;
     text-align: left;
     .subset {
-      display: flex;
-      justify-content: space-between;
-      padding: 16px;
-      margin-bottom: 16px;
+      padding: 20px;
+      // margin-bottom: 16px;
       // width: 914px;
       background-color: #fff;
       // height: 302px;
       // border-radius: 4px;
       border: 1px solid #ededed;
+      display: flex;
+      justify-content: space-between;
       .subsetleft {
         display: flex;
+        flex-direction: column;
+        .info {
+          display: flex;
+        }
         .imgbox {
           width: 186px;
           height: 186px;
@@ -1319,12 +1380,20 @@ export default {
       background-color: #fff;
 
       h1 {
+        display: flex;
+        justify-content: space-between;
         font-size: 18px;
         // margin-bottom: 20px;
+        >span {
+          font-size: 14px;
+          color: #ff4400;
+          text-decoration: underline;
+          cursor: pointer;
+        }
         .infotitle {
+          display: flex;
           margin-top: -2px;
           border-bottom: 1px solid #eeefef;
-          display: flex;
           span {
             margin-bottom: -1px;
             height: 30px;
@@ -1451,47 +1520,35 @@ export default {
               display: flex;
               align-items: center;
               border-bottom: 1px solid #ededed;
-              > div {
-                width: 104px;
-                // font-weight: bold;
-                color: #666;
-                text-align: center;
-              }
+
               &:last-child {
                 border-bottom: 0px;
               }
-              ul {
-                display: flex;
-                flex-direction: column;
-                justify-content: space-around;
-                border-left: 1px solid #ededed;
-                flex: 1;
+            }
 
-                li {
-                  display: flex;
-                  min-height: 44px;
-                  width: 100%;
-                  span:first-child {
-                    padding: 12px 16px;
-                    width: 100px;
-                    text-align: center;
-                    border-right: 1px solid #ededed;
-                    color: #666;
-                    // font-weight: bold;
-                  }
-                  span:last-child {
-                    flex: 1;
-                    display: flex;
-                    color: #333;
-                    padding: 12px 16px;
-                    white-space: break-space;
-                    align-items: center;
-                  }
-                }
-                li:not(li:last-child) {
-                  border-bottom: 1px solid #ededed;
-                }
+            li {
+              display: flex;
+              min-height: 44px;
+              width: 100%;
+              span:first-child {
+                padding: 12px 16px;
+                width: 100px;
+                text-align: center;
+                border-right: 1px solid #ededed;
+                color: #666;
+                // font-weight: bold;
               }
+              span:last-child {
+                flex: 1;
+                display: flex;
+                color: #333;
+                padding: 12px 16px;
+                white-space: break-space;
+                align-items: center;
+              }
+            }
+            li:not(li:last-child) {
+              border-bottom: 1px solid #ededed;
             }
           }
         }
@@ -1533,7 +1590,7 @@ export default {
       width: 240px;
       overflow: hidden;
       // height: 114px;
-      padding: 0 20px 20px 20px;
+      // padding: 0 20px 20px 20px;
       // border-radius: 4px;
       background-color: #fff;
       text-align: center;
@@ -1543,18 +1600,20 @@ export default {
         color: #ff4400;
         font-weight: 600;
         margin-top: 12px;
+        padding: 20px;
       }
     }
     .companyinfo {
       overflow: hidden;
-      padding: 0 20px 20px 20px;
+      // padding: 0 20px 20px 20px;
       // border-radius: 4px;
       border: 1px solid #ededed;
       background-color: #fff;
 
       .companydetail {
-        width: 200px;
+        // width: 200px;
         p:first-of-type {
+          padding: 20px;
           font-size: 18px;
           font-weight: normal;
           text-align: left;
@@ -1584,7 +1643,7 @@ export default {
         }
       }
       .companylocation {
-        width: 200px;
+        // width: 200px;
         h1 {
           // height: 50px;
           // line-height: 50px;
@@ -1593,8 +1652,10 @@ export default {
           // border-top: 1px solid #eeefef;
         }
         .imgbox {
-          // width: 230px;
-          height: 172px;
+          width: 200px;
+          height: 200px;
+          margin-top: 20px;
+
           img {
             width: 100%;
             height: 100%;
@@ -1710,4 +1771,35 @@ export default {
   z-index: 999;
   pointer-events: none;
 }
+.swiperBox {
+  width: 350px;
+  margin-top: 20px;
+  position: relative;
+  .swiper-button-next {
+    right: 0px;
+    background-image: url(http://matripe.oss-cn-beijing.aliyuncs.com/img/right.svg);
+  }
+  .swiper-button-prev {
+    left: -10px;
+    background-image: url(http://matripe.oss-cn-beijing.aliyuncs.com/img/left.svg);
+  }
+}
+#swiper {
+  width: 340px;
+  overflow: hidden;
+  .swiper-wrapper {
+    // width: 460px;
+  }
+  .swiper-slide {
+    img {
+      width: 80px;
+      height: 45px;
+      object-fit: cover;
+      // width: 100%;
+    }
+  }
+}
+.swiper-button-disabled {
+  display: none;
+}
 </style>
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index d7c96e5..36705a3 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -236,7 +236,7 @@
         <div class="tabBar" @click="changeTab($event)">
           <div class="tabSubset" :class="{ active: signType == '' }" data-type="0">全部</div>
           <div class="tabSubset" :class="{ active: signType == 1 }" data-type="1">自营</div>
-          <div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div>
+          <!-- <div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div> -->
         </div>
         <div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style>
           <div class="filter-title" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
@@ -2613,7 +2613,7 @@ export default {
   .maincontentright {
     width: 240px;
     position: relative;
-    top: -40px;
+    top: -50px;
     > div {
       margin-bottom: 16px;
       border: 1px solid #ededed;
@@ -2631,8 +2631,9 @@ export default {
         margin-top: 0;
         margin-bottom: 0;
         // padding-top: 10px;
-        height: 40px;
-        line-height: 40px;
+        height: 50px;
+        padding: 0;
+        line-height: 50px;
         font-size: 16px;
         font-weight: 600;
         border-bottom: none;
@@ -2651,7 +2652,7 @@ export default {
       width: 240px;
       height: 160px;
       // height: 114px;
-      padding: 0 20px 20px 20px;
+      // padding: 0 20px 20px 20px;
       // border-radius: 4px;
       background-color: #fff;
       text-align: center;
diff --git a/src/style/index.less b/src/style/index.less
index 357df33..9e3744a 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -387,11 +387,11 @@ p.bottombox {
 	text-align: center;
 	// border-bottom: 1px solid #eeefef;
 	font-weight: 600;
-	margin-top: 12px;
 	font-size: 16px;
-	padding-bottom: 12px;
-	margin-bottom: 16px;
-	color: rgba(0, 0, 0, 0.85);
+	padding: 12px 0;
+	color: #ff4400;
+  background-color: #FEE9E1;
+
 	&::after {
 		content: "";
 		display: block;
diff --git a/src/style/index.wxss b/src/style/index.wxss
index 7d29e8b..dd39e17 100644
--- a/src/style/index.wxss
+++ b/src/style/index.wxss
@@ -344,10 +344,8 @@ p.bottombox {
   position: relative;
   text-align: center;
   font-weight: 600;
-  margin-top: 12px;
   font-size: 16px;
-  padding-bottom: 12px;
-  margin-bottom: 16px;
+  padding: 12px 0;
   color: rgba(0, 0, 0, 0.85);
 }
 h1.bottombox::after,
diff --git a/src/utils/request.js b/src/utils/request.js
index dd6c3ed..0c18946 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -4,10 +4,10 @@ import Cookies from "js-cookie";
 import qs from "qs";
 
 // import Vue from "vue";
-// const baseURL = "http://1shoudan.com"; // 正式环境线上
+// const baseURL = "http://1shoudan.com"; // 正式环境线上 废弃
 const baseURL = "http://idaotian.com"; // 正式环境线上
 // const baseURL = "http://idagou.cn"; // 正式环境线上
-// console.log(baseURL);
+// console.log(baseURL); 
 // const baseURL = "https://d.matripe.com.cn"; // 正式环境本地
 // const baseURL = "http://bl7.matripe.com.cn:8001"; // 测试环境本地
 // const baseURL = "http://1shoudan.renminshitang.com.cn"; // 测试环境线上
diff --git a/src/views/main.vue b/src/views/main.vue
index 7f41a47..7811bd8 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="index-container" @click="isspecialboxshow = false">
     <!-- title部分 -->
-    <div class="pagetitle" id="pay">
+    <div class="pagetitle" >
       <div class="w">
         <span> 欢迎来到伯才稻田平台！ </span>
         <span>
diff --git a/yarn.lock b/yarn.lock
index 89cef8f..48a6955 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3588,6 +3588,13 @@ dom-serializer@^1.0.1:
     domhandler "^4.2.0"
     entities "^2.0.0"
 
+dom7@^2.1.3:
+  version "2.1.5"
+  resolved "https://registry.npmmirror.com/dom7/-/dom7-2.1.5.tgz#a79411017800b31d8400070cdaebbfc92c1f6377"
+  integrity sha512-xnhwVgyOh3eD++/XGtH+5qBwYTgCm0aW91GFgPJ3XG+jlsRLyJivnbP0QmUBFhI+Oaz9FV0s7cxgXHezwOEBYA==
+  dependencies:
+    ssr-window "^2.0.0"
+
 domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz"
@@ -8376,6 +8383,16 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
+ssr-window@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/ssr-window/-/ssr-window-1.0.1.tgz#30752a6a4666e7767f0b7e6aa6fc2fdbd0d9b369"
+  integrity sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg==
+
+ssr-window@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/ssr-window/-/ssr-window-2.0.0.tgz#98c301aef99523317f8d69618f0010791096efc4"
+  integrity sha512-NXzN+/HPObKAx191H3zKlYomE5WrVIkoCB5IaSdvKokxTpjBdWfr0RaP+1Z5KOfDT0ZVz+2tdtiBkhsEQ9p+0A==
+
 ssri@^6.0.1:
   version "6.0.2"
   resolved "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz"
@@ -8647,6 +8664,14 @@ svgo@^1.0.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+swiper@^4.0.7:
+  version "4.5.1"
+  resolved "https://registry.npmmirror.com/swiper/-/swiper-4.5.1.tgz#ed43998e780ceb478610079c8d23fd425eca636f"
+  integrity sha512-se6I7PWWu950NAMXXT+ENtF/6SVb8mPyO+bTfNxbQBILSeLqsYp3Ndap+YOA0EczOIUlea274PKejT6gKZDseA==
+  dependencies:
+    dom7 "^2.1.3"
+    ssr-window "^1.0.1"
+
 symbol-observable@^1.1.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz"