From dc1057e7354806b0964c963c2fc93ae6c4bc4042 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Fri, 20 May 2022 14:03:20 +0800
Subject: [PATCH 1/3] 1

---
 src/api/userinfo.js                                | 25 +++++++++++++-------
 .../userinfo/usercenter/components/townsman.vue    | 27 +++++++++++++++-------
 src/views/main.vue                                 |  7 ++++++
 3 files changed, 43 insertions(+), 16 deletions(-)

diff --git a/src/api/userinfo.js b/src/api/userinfo.js
index b7de5c4..e5591e3 100644
--- a/src/api/userinfo.js
+++ b/src/api/userinfo.js
@@ -24,14 +24,14 @@ export function userDetailApi(data) {
     params: data,
   });
 }
-// 获取我的老乡信息
-export function userTownsmanApi(data) {
-  return request({
-    url: "/yishoudan/workorder/getLaoXiangList",
-    // method: "post",
-    params: data,
-  });
-}
+// // 获取我的老乡信息
+// export function userTownsmanApi(data) {
+//   return request({
+//     url: "/yishoudan/workorder/getLaoXiangList",
+//     // method: "post",
+//     params: data,
+//   });
+// }
 // 获取我的报名信息
 export function userBillApi(data) {
   return request({
@@ -120,3 +120,12 @@ export function uploadUserAvatarApi(data) {
     // data,
   });
 }
+// 获取我的老乡
+export function userTownsmanApi(data) {
+  return request({
+    url: "/yishoudan/agency/user/list",
+    method: "post",
+    data: data,
+    // data,
+  });
+}
diff --git a/src/components/userinfo/usercenter/components/townsman.vue b/src/components/userinfo/usercenter/components/townsman.vue
index d8c0d1d..92d725c 100644
--- a/src/components/userinfo/usercenter/components/townsman.vue
+++ b/src/components/userinfo/usercenter/components/townsman.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="townsman-container w">
     <div class="contenttitle">
-      <span>我的老乡</span>
+      <!-- <span>我的老乡</span> -->
       <div @click="getTownsman">
         <button
           @click="pagination.searchTag = 1"
@@ -107,17 +107,28 @@ export default {
           width: 90,
         },
         {
-          title: "跟进记录",
-          dataIndex: "userServeRecordDespLatest",
-          key: "userServeRecordDespLatest",
+          title: "年龄",
+          dataIndex: "age",
+          key: "age",
           ellipsis: true,
         },
         {
-          title: "更新时间",
-          dataIndex: "updateTime",
-          key: "updateTime",
+          title: "民族",
+          dataIndex: "nation",
+          key: "nation",
+          ellipsis: true,
+        },
+        {
+          title: "手机号",
+          dataIndex: "tel",
+          key: "tel",
+          ellipsis: true,
+        },
+        {
+          title: "身份证号",
+          dataIndex: "idCard",
+          key: "idCard",
           ellipsis: true,
-          width: 160,
         },
       ],
       data: [],
diff --git a/src/views/main.vue b/src/views/main.vue
index e5b38af..e263971 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -38,6 +38,13 @@
                 >我的报名
               </router-link>
             </li>
+            <!-- <li>
+              <router-link
+                to="/mytownsman"
+                :class="routertitleindex === 4 ? 'titleactiveafter' : ''"
+                >我的老乡
+              </router-link>
+            </li> -->
             <!-- <li>
               <router-link to="/serviceoutlets"
                 ><a

From 3ef90f6404d14a459a3e4d62b0f8036dc86a3d77 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Fri, 20 May 2022 16:01:25 +0800
Subject: [PATCH 2/3] 1

---
 src/api/userinfo.js                                |   2 +-
 .../userinfo/usercenter/components/townsman.vue    | 315 ++++++++++++++++++---
 src/utils/commonUtil.js                            |  25 +-
 src/views/main.vue                                 |   4 +-
 4 files changed, 304 insertions(+), 42 deletions(-)

diff --git a/src/api/userinfo.js b/src/api/userinfo.js
index e5591e3..af88eba 100644
--- a/src/api/userinfo.js
+++ b/src/api/userinfo.js
@@ -125,7 +125,7 @@ export function userTownsmanApi(data) {
   return request({
     url: "/yishoudan/agency/user/list",
     method: "post",
-    data: data,
+    params: data,
     // data,
   });
 }
diff --git a/src/components/userinfo/usercenter/components/townsman.vue b/src/components/userinfo/usercenter/components/townsman.vue
index 92d725c..4bdcd2b 100644
--- a/src/components/userinfo/usercenter/components/townsman.vue
+++ b/src/components/userinfo/usercenter/components/townsman.vue
@@ -1,23 +1,50 @@
 <template>
   <div class="townsman-container w">
     <div class="contenttitle">
-      <!-- <span>我的老乡</span> -->
-      <div @click="getTownsman">
-        <button
-          @click="pagination.searchTag = 1"
-          :class="{ townsmanactive: pagination.searchTag === 1 }"
+      <ul @click="resetpag">
+        <li
+          @click="pagination.status = 0"
+          :class="{ townsmanactive: pagination.status === 0 }"
         >
-          已在职
-        </button>
-        <button
-          @click="pagination.searchTag = 0"
-          :class="{ townsmanactive: pagination.searchTag === 0 }"
+          全部<span>{{ pagination.total ? pagination.total : "0" }}</span>
+        </li>
+        <li
+          @click="pagination.status = 1"
+          :class="{ townsmanactive: pagination.status === 1 }"
         >
-          未在职
-        </button>
-      </div>
+          空闲中<span>{{ pagination.total ? pagination.total : "0" }}</span>
+        </li>
+        <li
+          @click="pagination.status = 2"
+          :class="{ townsmanactive: pagination.status === 2 }"
+        >
+          报名中<span>{{ pagination.total ? pagination.total : "0" }}</span>
+        </li>
+        <li
+          @click="pagination.status = 3"
+          :class="{ townsmanactive: pagination.status === 3 }"
+        >
+          在职中<span>{{ pagination.total ? pagination.total : "0" }}</span>
+        </li>
+      </ul>
     </div>
     <div class="contentbody">
+      <div class="searchbox">
+        <div class="searchinput">
+          <a-input
+            placeholder="请输入老乡姓名/身份证号"
+            @keyup.enter="onSearch"
+            @input="resetsearch"
+            v-model="pagination.keys"
+            ><i slot="prefix" class="iconfont icon-sousuo"></i>
+            <button slot="suffix" @click="onSearch">搜索</button>
+          </a-input>
+        </div>
+        <div class="pagechange">
+          <button @click="changepage(-1)">上一页</button>
+          <button @click="changepage(1)">下一页</button>
+        </div>
+      </div>
       <a-table
         :columns="columns"
         :data-source="data"
@@ -37,7 +64,7 @@
         <a-pagination
           :current="+pagination.pageNum"
           :default-current="1"
-          :defaultPageSize="1"
+          :defaultPageSize="2"
           :total="pagination.total"
           @change="onChange"
         />
@@ -57,7 +84,10 @@
 
 <script>
 import { userTownsmanApi } from "../../../../api/userinfo";
-import { formatDateYMD } from "../../../../utils/commonUtil";
+import {
+  formatDateYMD,
+  getUserApplyOrderStatusById,
+} from "../../../../utils/commonUtil";
 
 export default {
   // 组件名称
@@ -85,19 +115,30 @@ export default {
       },
       pagination: {
         pageNum: 1,
-        pageSize: 1,
+        pageSize: 2,
         total: null, //分页配置
-        searchTag: 1,
+        status: 0,
+        // searchTag: 1,
       },
       isspinning: false,
-      columns: [
+      sortedInfo: null,
+
+      data: [],
+    };
+  },
+  // 计算属性
+  computed: {
+    columns() {
+      let { sortedInfo } = this;
+      sortedInfo = sortedInfo || {};
+      const columns = [
         {
           title: "序号",
           dataIndex: "index",
           key: "index",
           scopedSlots: { customRender: "index" },
           ellipsis: true,
-          width: 60,
+          width: 40,
         },
         {
           title: "老乡姓名",
@@ -111,31 +152,45 @@ export default {
           dataIndex: "age",
           key: "age",
           ellipsis: true,
+          width: 50,
         },
         {
           title: "民族",
           dataIndex: "nation",
           key: "nation",
           ellipsis: true,
+          width: 50,
         },
         {
           title: "手机号",
           dataIndex: "tel",
           key: "tel",
           ellipsis: true,
+          width: 120,
         },
         {
           title: "身份证号",
           dataIndex: "idCard",
           key: "idCard",
           ellipsis: true,
+          // width: 50,
         },
-      ],
-      data: [],
-    };
+        {
+          title: "状态",
+          dataIndex: "userApplyOrder",
+          key: "userApplyOrder",
+          sorter: (a, b) => {
+            a.userApplyOrderStatus - b.userApplyOrderStatus;
+          },
+          sortOrder:
+            sortedInfo.columnKey === "userApplyOrder" && sortedInfo.order,
+          ellipsis: true,
+          width: 120,
+        },
+      ];
+      return columns;
+    },
   },
-  // 计算属性
-  computed: {},
   // 侦听器
   watch: {},
   // 生命周期钩子   注：没用到的钩子请自行删除
@@ -154,6 +209,7 @@ export default {
   methods: {
     onChange(e) {
       this.pagination.pageNum = e;
+      console.log(this.pagination);
       this.getTownsman();
       console.log(e);
     },
@@ -177,16 +233,20 @@ export default {
       // let jobinfo = {...this.pagination , searchTag:1}
       try {
         this.isspinning = true;
+        console.log(this.pagination);
         const { data } = await userTownsmanApi(this.pagination);
-        console.log(data);
         if (data.status === 200) {
           // console.log();
           this.data = data.data.recordList;
           this.data.forEach((item, index) => {
             console.log(item);
+            item.userApplyOrder = getUserApplyOrderStatusById(
+              item.userApplyOrderStatus
+            );
             item.updateTime = formatDateYMD(item.updateTime);
             item.index = index + 1;
           });
+          console.log(data);
 
           console.log(true);
           this.pagination.total = data.data.recordCount;
@@ -205,6 +265,46 @@ export default {
         return document.body;
       }
     },
+    resetpag() {
+      this.pagination = {
+        //分页配置
+        pageNum: 1,
+        pageSize: 2,
+        total: null,
+        status: this.pagination.status,
+      };
+      this.getTownsman();
+    },
+    resetsearch(e) {
+      console.log(e);
+      if (e.target.value.length === 0) {
+        this.pagination.keys = "";
+
+        this.getTownsman();
+      }
+    },
+    onSearch() {
+      this.getTownsman();
+    },
+    changepage(num) {
+      console.log(Math.ceil(this.pagination.total / this.pagination.pageSize));
+      if (
+        (this.pagination.pageNum === 1 && num === -1) ||
+        (this.pagination.pageNum ===
+          Math.ceil(this.pagination.total / this.pagination.pageSize) &&
+          num === 1)
+      ) {
+        if (num === -1) {
+          this.$message.warning("已经到第一页了");
+        } else {
+          this.$message.warning("已经到最后一页了");
+        }
+        return;
+      } else {
+        this.pagination.pageNum += num;
+      }
+      this.getTownsman();
+    },
   },
 };
 </script>
@@ -212,23 +312,62 @@ export default {
 <style scoped lang="less">
 .townsman-container {
   padding: 0 10px;
+  background-color: #fff;
+  border: 1px solid #0000;
 }
 .contenttitle {
   display: flex;
-  padding-bottom: 16px;
+  padding-bottom: 0px;
   justify-content: space-between;
   border-bottom: 1px solid rgba(77, 87, 94, 0.1);
+
   margin-top: 16px;
   margin-bottom: 16px;
-  span {
-    font-size: 20px;
-    color: #ff6a00;
-  }
-  div {
+
+  ul {
+    display: flex;
+    height: 40px;
     .townsmanactive {
-      border-color: #ff6a00;
+      // border-color: #;
+      width: 128px;
       color: #ff6a00;
       z-index: 999;
+      border-bottom: 2px solid #ff6a00;
+      > span {
+        font-size: 16px;
+        color: #ff6a00;
+      }
+    }
+    li {
+      position: relative;
+      width: 118px;
+      font-size: 16px;
+      // height: 40px;
+      padding-bottom: 16px;
+      color: #666;
+      // line-height: 40px;
+      text-align: center;
+      transition: width 0.2s;
+      cursor: pointer;
+      > span {
+        margin-left: 12px;
+        font-size: 16px;
+        color: #666;
+      }
+      &::after {
+        content: "";
+        position: absolute;
+        display: block;
+        width: 1px;
+        height: 16px;
+        right: 0;
+        top: 5px;
+        // transform: translateY(-50%);
+        background-color: #eeeeee;
+      }
+      &:last-child::after {
+        display: none;
+      }
     }
     button {
       width: 100px;
@@ -238,7 +377,6 @@ export default {
       border: 1px solid #cccccc;
       background-color: #fff;
       margin-right: -1px;
-      // transition: all 1s;
       cursor: pointer;
       &:hover {
         color: #ff6a00;
@@ -254,6 +392,92 @@ export default {
 }
 .contentbody {
   overflow: hidden;
+  /deep/ .searchbox {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 16px;
+    .searchinput {
+      width: 326px;
+      position: relative;
+      .ant-input {
+        // width: 300px;
+        position: relative;
+        height: 32px;
+        text-indent: 10px;
+        background: #fff;
+        // border: 1px solid rgba(77, 87, 94, 0.3);
+        border-radius: 136px;
+        box-shadow: 0px 2px 4px 0px transparent;
+        font-size: 14px !important;
+        padding-right: 0;
+        border-color: #e9e9e9;
+        // z-index: ;
+        &::placeholder {
+          text-indent: 10px;
+          font-size: 14px !important;
+        }
+        &:hover {
+          border-color: #ff6a00;
+          box-shadow: none;
+        }
+        &:focus {
+          border-color: #ff6a00;
+        }
+      }
+      .ant-input-affix-wrapper {
+        .ant-input-prefix {
+          position: absolute;
+          width: 20px;
+          right: 0;
+          top: 16px;
+          i {
+            color: #c9c9c9;
+          }
+        }
+        .ant-input-suffix {
+          // position: absolute;
+          right: 0px !important;
+        }
+      }
+      button {
+        width: 70px;
+        height: 32px;
+        color: white;
+        background: #ff6a00;
+        border-color: #ff6a00;
+        border: none;
+        border-radius: 16px;
+        font-size: 14px;
+        box-shadow: none;
+        cursor: pointer;
+        outline: none;
+        &:hover {
+          background-color: #ff842b;
+        }
+        // &:focus {
+        //   border: none;
+        // }
+      }
+    }
+    .pagechange {
+      button {
+        width: 66px;
+        height: 24px;
+        border: 1px solid rgba(77, 87, 94, 0.3);
+        border-radius: 4px;
+        font-size: 14px;
+        color: #4d575e;
+        background-color: #fff;
+        &:hover {
+          border-color: #ff6a00;
+          color: #ff6a00;
+        }
+        &:first-child {
+          margin-right: 12px;
+        }
+      }
+    }
+  }
   /deep/ .ant-table-placeholder {
     min-height: 300px;
     > div {
@@ -263,5 +487,30 @@ export default {
       // transform: translateY(-50%);
     }
   }
+  /deep/ .ant-table-content {
+    .ant-table-body {
+      .ant-table-thead {
+        th {
+          padding: 16px 0;
+
+          &:not(:first-child) {
+            > span {
+              //  line-height: 22px;
+              > div {
+                //  line-height: 1;
+                border-left: 1px solid #ccc;
+                padding-left: 12px;
+              }
+            }
+          }
+        }
+      }
+      .ant-table-tbody {
+        .ant-table-row-cell-ellipsis {
+          padding: 16px 0;
+        }
+      }
+    }
+  }
 }
 </style>
diff --git a/src/utils/commonUtil.js b/src/utils/commonUtil.js
index 350dc57..5be934b 100644
--- a/src/utils/commonUtil.js
+++ b/src/utils/commonUtil.js
@@ -1198,13 +1198,26 @@ function getJobSpecialLabelNamesArray(jobSpecialLabelNames) {
  * 处理工单状态
  */
 export function userApplyOrderStatusArray() {
+  // let orderStatus = [
+  //   { id: "10", name: "审核中", value: "10", text: "审核中" },
+  //   { id: "20", name: "待面试", value: "20", text: "待面试" },
+  //   { id: "30", name: "待入职", value: "30", text: "待入职" },
+  //   { id: "40", name: "在职中", value: "40", text: "在职中" },
+  //   { id: "50", name: "待离职", value: "50", text: "待离职" },
+  //   { id: "60", name: "已完成", value: "60", text: "已完成" },
+  // ];
   let orderStatus = [
-    { id: "10", name: "审核中", value: "10", text: "审核中" },
-    { id: "20", name: "待面试", value: "20", text: "待面试" },
-    { id: "30", name: "待入职", value: "30", text: "待入职" },
-    { id: "40", name: "在职中", value: "40", text: "在职中" },
-    { id: "50", name: "待离职", value: "50", text: "待离职" },
-    { id: "60", name: "已完成", value: "60", text: "已完成" },
+    { id: "10", name: "报名审核中", value: "10", text: "报名审核中", num: 0 },
+    { id: "20", name: "审核通过", value: "20", text: "审核通过", num: 0 },
+    { id: "21", name: "审核未通过", value: "21", text: "审核未通过", num: 0 },
+    { id: "25", name: "已接到", value: "25", text: "已接到", num: 0 },
+    { id: "26", name: "未接到", value: "26", text: "未接到", num: 0 },
+    { id: "30", name: "待入职", value: "30", text: "待入职", num: 0 },
+    { id: "35", name: "面试未通过", value: "35", text: "面试未通过", num: 0 },
+    { id: "40", name: "在职中", value: "40", text: "在职中", num: 0 },
+    { id: "45", name: "未入职", value: "45", text: "未入职", num: 0 },
+    { id: "50", name: "已离职", value: "50", text: "已离职", num: 0 },
+    // { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 }
   ];
   return orderStatus;
 }
diff --git a/src/views/main.vue b/src/views/main.vue
index e263971..bd20da7 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -38,13 +38,13 @@
                 >我的报名
               </router-link>
             </li>
-            <!-- <li>
+            <li>
               <router-link
                 to="/mytownsman"
                 :class="routertitleindex === 4 ? 'titleactiveafter' : ''"
                 >我的老乡
               </router-link>
-            </li> -->
+            </li>
             <!-- <li>
               <router-link to="/serviceoutlets"
                 ><a

From 8121c172d0967d192d809b7d1e65a23de8cfeb23 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Tue, 24 May 2022 18:38:24 +0800
Subject: [PATCH 3/3] 1

---
 src/api/userinfo.js                                |  154 +-
 src/components/FirstJob/components/recommend.vue   |    6 +-
 src/components/FirstJob/detail.vue                 | 2370 +++++++-------
 src/components/FirstJob/joblist.vue                | 3364 ++++++++++----------
 src/components/FirstJob/joblist1.vue               |    2 +-
 src/components/FirstJob/recordBill.vue             | 2235 ++++++-------
 src/components/ServiceOutlets/index.vue            |    2 +-
 src/components/main/index.vue                      |    2 +-
 .../accountsetting/components/boundtel.vue         |   20 +-
 .../accountsetting/components/loginpsw.vue         |  253 +-
 src/components/userinfo/accountsetting/inedex.vue  |    4 +-
 .../userinfo/usercenter/components/mybill.vue      |   32 +-
 .../userinfo/usercenter/components/townsman.vue    |  968 +++---
 src/components/userinfo/usercenter/index.vue       |    2 +-
 src/router/index.js                                |    2 +-
 src/style/index.less                               |   63 +-
 src/utils/commonUtil.js                            |   11 +-
 src/utils/request.js                               |    4 +-
 src/views/main.vue                                 |    4 +-
 19 files changed, 4740 insertions(+), 4758 deletions(-)

diff --git a/src/api/userinfo.js b/src/api/userinfo.js
index af88eba..87bdb20 100644
--- a/src/api/userinfo.js
+++ b/src/api/userinfo.js
@@ -1,28 +1,28 @@
 import request from "../utils/request";
 // 获取卡券信息
 export function userCardApi(data) {
-  return request({
-    url: "/yishoudan/usercoupon/list",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/usercoupon/list",
+		// method: "post",
+		params: data,
+	});
 }
 // 获取用户余额信息
 export function userBalanceApi(data) {
-  return request({
-    url: "/yishoudan/wallet/info",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/wallet/info",
+		// method: "post",
+		params: data,
+	});
 }
 
 // 获取用户提现详情
 export function userDetailApi(data) {
-  return request({
-    url: "/yishoudan/wallet/withdrawal/list",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/wallet/withdrawal/list",
+		// method: "post",
+		params: data,
+	});
 }
 // // 获取我的老乡信息
 // export function userTownsmanApi(data) {
@@ -34,98 +34,106 @@ export function userDetailApi(data) {
 // }
 // 获取我的报名信息
 export function userBillApi(data) {
-  return request({
-    url: "/yishoudan/user/apply/order/list",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/apply/order/list",
+		// method: "post",
+		params: data,
+	});
 }
 // 获取用户信息
 export function userBaseInfoApi(data) {
-  return request({
-    url: "/yishoudan/user/getUserInfo",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/getUserInfo",
+		// method: "post",
+		params: data,
+	});
 }
 // 获取用户积分信息
 
 export function getPointApi(data) {
-  return request({
-    url: "/yishoudan/wallet/getPoint",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/wallet/getPoint",
+		// method: "post",
+		params: data,
+	});
 }
 // 获取用户积分使用信息
 
 export function getPointDetailApi(data) {
-  return request({
-    url: "/yishoudan/pointUseRecord/list",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/pointUseRecord/list",
+		// method: "post",
+		params: data,
+	});
 }
 // 登录状态账号设置修改密码
 
 export function setUserPswApi(data) {
-  return request({
-    url: "/yishoudan/changePassword",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/changePassword",
+		// method: "post",
+		params: data,
+	});
 }
 // 登录状态账号修改绑定手机号
 
 export function setUserTelApi(data) {
-  return request({
-    url: "/yishoudan/user/changeTel",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/changeTel",
+		// method: "post",
+		params: data,
+	});
 }
 // 账号修改绑定银行卡
 
 export function getUserBankListApi(data) {
-  return request({
-    url: "/yishoudan/user/bank/getUserBankList",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/bank/getUserBankList",
+		// method: "post",
+		params: data,
+	});
 }
 // 实名认证
 
 export function setUserRealNameApi(data) {
-  return request({
-    url: "/yishoudan/user/realNameAuth",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/realNameAuth",
+		// method: "post",
+		params: data,
+	});
 }
 // 获取用户微信绑定的二维码
 export function getUserWxApi(data) {
-  return request({
-    url: "/yishoudan/user/getMiniAppQrCodeOfBindUser",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/getMiniAppQrCodeOfBindUser",
+		// method: "post",
+		params: data,
+	});
 }
 // 上传用户头像
 export function uploadUserAvatarApi(data) {
-  return request({
-    url: "/yishoudan/user/changeUserImgsrc",
-    method: "post",
-    headers: { "Content-Type": "multipart/form-data" },
-    data: data,
-    // data,
-  });
+	return request({
+		url: "/yishoudan/user/changeUserImgsrc",
+		method: "post",
+		headers: { "Content-Type": "multipart/form-data" },
+		data: data,
+		// data,
+	});
 }
 // 获取我的老乡
 export function userTownsmanApi(data) {
-  return request({
-    url: "/yishoudan/agency/user/list",
-    method: "post",
-    params: data,
-    // data,
-  });
+	return request({
+		url: "/yishoudan/agency/user/list",
+		method: "post",
+		params: data,
+		// data,
+	});
+}
+// 我的老乡各个状态统计
+export function gettownsManCountApi(data) {
+	return request({
+		url: "/yishoudan/agency/user/listStatistics",
+		method: "post",
+		params: data,
+	});
 }
diff --git a/src/components/FirstJob/components/recommend.vue b/src/components/FirstJob/components/recommend.vue
index 51018b4..2ee10af 100644
--- a/src/components/FirstJob/components/recommend.vue
+++ b/src/components/FirstJob/components/recommend.vue
@@ -20,9 +20,9 @@
             </div>
             <div class="jobname">
               {{
-                item.aliasName !== null && item.aliasName !== ""
-                  ? item.aliasName
-                  : item.storeName
+                item.storeName !== null && item.storeName !== ""
+                  ? item.storeName
+                  : item.aliasName
               }}
             </div>
           </a>
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index bd33ba2..771c3ae 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="detail-container">
-    <!-- <a-modal
+	<div class="detail-container">
+		<!-- <a-modal
       title="报名"
       :visible="visible"
       class="modal"
@@ -91,7 +91,7 @@
       </a-form-model>
     </a-modal> -->
 
-    <!-- <a-drawer
+		<!-- <a-drawer
 			title="报名"
 			placement="right"
 			:closable="true"
@@ -103,105 +103,60 @@
 		>
 			<recordbill :visible.sync="visible" :firminfo="jobDetail"></recordbill>
 		</a-drawer> -->
-    <!-- 面包屑 -->
-    <a-breadcrumb class="w">
-      <a-breadcrumb-item href="">
-        <router-link to="/main"><a-icon type="home" /></router-link>
-      </a-breadcrumb-item>
-      <a-breadcrumb-item href="">
-        <router-link to="/list">
-          <span>一手职位</span>
-        </router-link>
-      </a-breadcrumb-item>
-      <a-breadcrumb-item href="">
-        <span>企业详情</span>
-      </a-breadcrumb-item>
-    </a-breadcrumb>
-    <!-- 主体区域 -->
-    <div class="maincontent w">
-      <div class="maincontentleft">
-        <div class="subset">
-          <a-skeleton
-            avatar
-            :loading="skeletonshow"
-            v-if="skeletonshow"
-            :paragraph="{ rows: 4 }"
-          />
+		<!-- 面包屑 -->
+		<a-breadcrumb class="w">
+			<a-breadcrumb-item href="">
+				<router-link to="/main"><a-icon type="home" /></router-link>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item href="">
+				<router-link to="/list">
+					<span>一手职位</span>
+				</router-link>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item href="">
+				<span>企业详情</span>
+			</a-breadcrumb-item>
+		</a-breadcrumb>
+		<!-- 主体区域 -->
+		<div class="maincontent w">
+			<div class="maincontentleft">
+				<div class="subset">
+					<a-skeleton avatar :loading="skeletonshow" v-if="skeletonshow" :paragraph="{ rows: 4 }" />
 
-          <div class="subsetleft" v-else>
-            <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>
-                <div
-                  slot="nextArrow"
-                  class="custom-slick-arrow"
-                  style="right: 5px; z-index: 99"
-                >
-                  <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
-                >
-              </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="
-                  display: flex;
-                  align-items: center;
-                  height: 26px;
-                  margin-top: 16px;
-                "
-              >
-                <div class="jobpricehour">
-                  <!-- <template v-if="jobDetail.hourlyPay"
+					<div class="subsetleft" v-else>
+						<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>
+								<div slot="nextArrow" class="custom-slick-arrow" style="right: 5px; z-index: 99">
+									<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>
+							</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="display: flex; align-items: center; height: 26px; margin-top: 16px">
+								<div class="jobpricehour">
+									<!-- <template v-if="jobDetail.hourlyPay"
                     ><span>{{ jobDetail.hourlyPay }}</span
                     >元/小时</template
                   >
@@ -209,22 +164,17 @@
                     ><span>{{ jobDetail.dayPay }}</span
                     >元/日</template
                   > -->
-                  {{
-                    getSalaryClassifyValue(
-                      jobDetail.salaryClassify,
-                      jobDetail.salaryClassifyValue
-                    )
-                  }}
-                </div>
-                <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
-                <div class="jobpricemonth">
-                  <span>{{ jobDetail.minMonthlyPay }}</span
-                  >-<span>{{ jobDetail.maxMonthlyPay }}</span
-                  >元/月
-                </div>
-              </div>
+									{{ getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue) }}
+								</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
@@ -239,55 +189,54 @@
                   </a-menu>
                 </a-dropdown>
               </div> -->
-            </div>
-          </div>
-          <div class="subsetright">
-            <div class="topbox">
-              <div>服务费</div>
-              <div>
-                <span>{{ jobDetail.servetype }}</span>
-              </div>
-            </div>
-            <button class="dropdown bottombox1" @click="torecord()">
-              报名
-            </button>
-          </div>
-        </div>
-        <!-- <div class="proxy">
+						</div>
+					</div>
+					<div class="subsetright">
+						<div class="topbox">
+							<div>服务费</div>
+							<div>
+								<span>{{ jobDetail.servetype }}</span>
+							</div>
+						</div>
+						<div class="bottombox">
+							<!-- <a-popover title="" trigger="click" placement="bottomRight">
+								
+								<a-button type="primary" class="jobDesp">职位详单</a-button>
+							</a-popover> -->
+							<button class="dropdown bottombox1" @click="torecord()">报名</button>
+						</div>
+					</div>
+				</div>
+				<!-- <div class="proxy">
           <h1><i>代理政策</i></h1>
           <div>{{ jobDetail.returnFeeDesp }}</div>
         </div> -->
-        <div class="jobinformationbox">
-          <h1>
-            <div class="infotitle">
-              <span
-                @click="tabchange = 1"
-                :class="tabchange === 1 ? 'active' : ''"
-                >基本信息</span
-              >
-              <span
-                @click="tabchange = 0"
-                :class="tabchange !== 1 ? 'active' : ''"
-                >财务结算</span
-              >
-            </div>
-          </h1>
-          <div v-if="tabchange === 1" style="display: flex">
-            <!-- 薪资 -->
-            <div class="baseInfoContent" v-if="tabchange === 1">
-              <div class="pay" id="tip">
-                <div class="mb12 mt20">温馨提示</div>
-                <div class="showInfo">{{ jobDetail.sweetTips || "-" }}</div>
-              </div>
-              <div class="pay" id="pay">
-                <div class="mb12 mt20">薪资待遇</div>
-                <a-descriptions
-                  bordered
-                  size="small"
-                  :column="1"
-                  class="leftDesc boubleLevel"
-                >
-                  <!-- <a-descriptions-item class="test1">
+				<div class="jobinformationbox">
+					<h1>
+						<div class="infotitle">
+							<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
+							<span @click="tabchange = 0" :class="tabchange !== 1 ? 'active' : ''">财务结算</span>
+						</div>
+						<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>
+					</h1>
+					<div v-if="tabchange === 1" style="display: flex">
+						<!-- 薪资 -->
+						<div class="baseInfoContent" v-if="tabchange === 1">
+							<div class="pay" id="tip">
+								<div class="mb12 mt20">温馨提示</div>
+								<div class="showInfo">{{ jobDetail.sweetTips || "-" }}</div>
+							</div>
+							<div class="pay" id="pay">
+								<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>{{ jobDetail.calculationUnit }}</span>
                   </a-descriptions-item>
@@ -299,21 +248,19 @@
                     <span slot="label" class="fw500">薪资明细</span>
                     <span>{{ jobDetail.salaryDetail }}</span>
                   </a-descriptions-item> -->
-                  <a-descriptions-item class="test1">
-                    <span slot="label" class="fw500">薪资明细</span>
-                    <span>{{ jobDetail.salaryDetail || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">发薪说明</span>
-                    <span>{{ jobDetail.payDay || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">补充说明</span>
-                    <span style="white-space: break-spaces">{{
-                      jobDetail.salaryDesp || "-"
-                    }}</span>
-                  </a-descriptions-item>
-                  <!-- <a-descriptions-item style="padding: 0">
+									<a-descriptions-item class="test1">
+										<span slot="label" class="fw500">薪资明细</span>
+										<span>{{ jobDetail.salaryDetail || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">发薪说明</span>
+										<span>{{ jobDetail.payDay || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">补充说明</span>
+										<span style="white-space: break-spaces">{{ jobDetail.salaryDesp || "-" }}</span>
+									</a-descriptions-item>
+									<!-- <a-descriptions-item style="padding: 0">
                     <span slot="label">薪资说明</span>
                     <a-descriptions
                       bordered
@@ -344,42 +291,33 @@
                       </a-descriptions-item>
                     </a-descriptions>
                   </a-descriptions-item> -->
-                </a-descriptions>
-              </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="fw500">性别年龄</span>
-                    <span>
-                      <span class="man" v-if="jobDetail.minAgeMan"
-                        >男 {{ jobDetail.minAgeMan }}
-                        <span v-if="jobDetail.maxAgeMan">{{
-                          "- " + jobDetail.maxAgeMan
-                        }}</span
-                        >岁 ；</span
-                      ><span class="woman" v-if="jobDetail.minAgeWoman">
-                        女 {{ jobDetail.minAgeWoman }}
-                        <span> {{ "- " + jobDetail.maxAgeWoman }}</span
-                        >岁</span
-                      >
-                    </span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">文化学历</span>
-                    <span>{{ jobDetail.education || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">面试资料</span>
-                    <span>{{ jobDetail.idCard || "-" }}</span>
-                  </a-descriptions-item>
-                  <!-- <a-descriptions-item>
+								</a-descriptions>
+							</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="fw500">性别年龄</span>
+										<span>
+											<span class="man" v-if="jobDetail.minAgeMan"
+												>男 {{ jobDetail.minAgeMan }} <span v-if="jobDetail.maxAgeMan">{{ "- " + jobDetail.maxAgeMan }}</span
+												>岁 ；</span
+											><span class="woman" v-if="jobDetail.minAgeWoman">
+												女 {{ jobDetail.minAgeWoman }} <span> {{ "- " + jobDetail.maxAgeWoman }}</span
+												>岁</span
+											>
+										</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">文化学历</span>
+										<span>{{ jobDetail.education || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">面试资料</span>
+										<span>{{ jobDetail.idCard || "-" }}</span>
+									</a-descriptions-item>
+									<!-- <a-descriptions-item>
                     <span slot="label" class="fw500">证件</span>
                     <span>{{ jobDetail.certificate }}</span>
                   </a-descriptions-item>
@@ -389,46 +327,41 @@
                     <span slot="label" class="fw500">带手机</span>
                     <span>{{ jobDetail.carryTel }}</span>
                   </a-descriptions-item> -->
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">体检要求</span>
-                    <span>{{ jobDetail.healthRequire || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">其它要求</span>
-                    <span>{{ jobDetail.otherRequire || "-" }}</span>
-                  </a-descriptions-item>
-                </a-descriptions>
-              </div>
-              <!-- 基本信息 -->
-              <div class=" " id="contentspecial">
-                <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>{{ jobDetail.workContent || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">班次时间</span>
-                    <span>{{ jobDetail.workClasses || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">工作衣</span>
-                    <span>{{ jobDetail.workClothes || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">过安检</span>
-                    <span>{{ jobDetail.securityCheck || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">员工保险</span>
-                    <span>{{ jobDetail.employeeInsurance || "-" }}</span>
-                  </a-descriptions-item>
-                  <!-- <a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">体检要求</span>
+										<span>{{ jobDetail.healthRequire || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">其它要求</span>
+										<span>{{ jobDetail.otherRequire || "-" }}</span>
+									</a-descriptions-item>
+								</a-descriptions>
+							</div>
+							<!-- 基本信息 -->
+							<div class=" " id="contentspecial">
+								<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>{{ jobDetail.workContent || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">班次时间</span>
+										<span>{{ jobDetail.workClasses || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">工作衣</span>
+										<span>{{ jobDetail.workClothes || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">过安检</span>
+										<span>{{ jobDetail.securityCheck || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">员工保险</span>
+										<span>{{ jobDetail.employeeInsurance || "-" }}</span>
+									</a-descriptions-item>
+									<!-- <a-descriptions-item>
                     <span slot="label" class="fw500">工作时长</span>
                     <span>{{ jobDetail.workDuration }}</span>
                   </a-descriptions-item>
@@ -436,70 +369,62 @@
                     <span slot="label" class="fw500">倒班频次</span>
                     <span>{{ jobDetail.workByTurns }}</span>
                   </a-descriptions-item> -->
-                  <a-descriptions-item>
-                    <span slot="label" class="fw500">补充说明</span>
-                    <span style="white-space: break-spaces">{{
-                      jobDetail.otherDesp || "-"
-                    }}</span>
-                  </a-descriptions-item>
-                </a-descriptions>
-              </div>
+									<a-descriptions-item>
+										<span slot="label" class="fw500">补充说明</span>
+										<span style="white-space: break-spaces">{{ jobDetail.otherDesp || "-" }}</span>
+									</a-descriptions-item>
+								</a-descriptions>
+							</div>
 
-              <div class="condition" id="condition">
-                <div class="mb12 mt20">饮食住宿</div>
-                <ul class="conditiontable">
-                  <li>
-                    <div>吃饭</div>
-                    <ul>
-                      <li>
-                        <span>吃饭</span
-                        ><span>{{ jobDetail.workingLunch || "-" }}</span>
-                      </li>
-                      <!-- <li>
+							<div class="condition" id="condition">
+								<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>
+											<!-- <li>
 												<span>餐费</span><span>{{ jobDetail.mealFee }}</span>
 											</li> -->
 
-                      <!-- <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>
-                  </li>
-                  <li>
-                    <div>住宿</div>
-                    <ul>
-                      <li>
-                        <span>住宿</span
-                        ><span>{{ jobDetail.dormitory || "-" }}</span>
-                      </li>
-                      <li>
-                        <span>宿舍设施</span
-                        ><span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
-                      </li>
-                      <!-- <li>
+											<li>
+												<span>补充说明</span><span style="white-space: break-spaces">{{ jobDetail.workingLunchDesp || "-" }}</span>
+											</li>
+										</ul>
+									</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.dormitoryDistance }}</span>
                       </li> -->
-                      <!-- <li>
+											<!-- <li>
 												<span>住宿费</span
 												><span>{{ jobDetail.dormitoryCost }}</span>
 											</li>
 											 -->
 
-                      <!-- <li>
+											<!-- <li>
                         <span>单间人数</span
                         ><span>{{ jobDetail.dormitoryPeoples }}</span>
                       </li>
@@ -507,23 +432,19 @@
                         <span>硬件设施</span
                         ><span>{{ jobDetail.dormitoryFacilities }}</span>
                       </li> -->
-                      <li>
-                        <span>水电费</span
-                        ><span>{{ jobDetail.waterAndElec || "-" }}</span>
-                      </li>
-                      <!-- <li>
+											<li>
+												<span>水电费</span><span>{{ jobDetail.waterAndElec || "-" }}</span>
+											</li>
+											<!-- <li>
                         <span>班车</span><span>{{ jobDetail.regularBus }}</span>
                       </li> -->
-                      <li>
-                        <span>补充说明</span
-                        ><span style="white-space: break-spaces">{{
-                          jobDetail.dormitoryDesp || "-"
-                        }}</span>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-                <!-- <a-descriptions
+											<li>
+												<span>补充说明</span><span style="white-space: break-spaces">{{ jobDetail.dormitoryDesp || "-" }}</span>
+											</li>
+										</ul>
+									</li>
+								</ul>
+								<!-- <a-descriptions
                 bordered
                 size="small"
                 :column="1"
@@ -563,362 +484,341 @@
                   <span>9:30-14:00；17:00-22:00</span>
                 </a-descriptions-item>
               </a-descriptions> -->
-              </div>
-              <div class="otherInfo" id="other">
-                <div class="mb12 mt20">其他信息</div>
-                <div style="white-space: break-spaces; color: #666">
-                  {{ jobDetail.otherInfo || "-" }}
-                </div>
-              </div>
-            </div>
-            <a-anchor @click.prevent="" class="navigation">
-              <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>
-          </div>
+							</div>
+							<div class="otherInfo" id="other">
+								<div class="mb12 mt20">其他信息</div>
+								<div style="white-space: break-spaces; color: #666">
+									{{ jobDetail.otherInfo || "-" }}
+								</div>
+							</div>
+						</div>
+						<a-anchor @click.prevent="" class="navigation">
+							<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>
+					</div>
 
-          <!-- 财务结算 -->
-          <div v-else>
-            <div class="pay" id="tip">
-              <div class="mb12 mt20">代理须知</div>
-              <div class="showInfo">{{ jobDetail.agencyStatement || "-" }}</div>
-            </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>{{ jobDetail.agencyProfit || "-" }}</span>
-              </a-descriptions-item>
-              <!-- <a-descriptions-item>
+					<!-- 财务结算 -->
+					<div v-else>
+						<div class="pay" id="tip">
+							<div class="mb12 mt20">代理须知</div>
+							<div class="showInfo">{{ jobDetail.agencyStatement || "-" }}</div>
+						</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>{{ jobDetail.agencyProfit || "-" }}</span>
+							</a-descriptions-item>
+							<!-- <a-descriptions-item>
               <span slot="label" class="fw500">代理政策</span>
               <span>{{ jobDetail.returnFeeDesp }}</span>
             </a-descriptions-item> -->
-              <a-descriptions-item>
-                <span slot="label" class="fw500">扣税说明</span>
-                <span>{{ jobDetail.deductTaxDesp || "-" }}</span>
-              </a-descriptions-item>
-              <!-- <a-descriptions-item>
+							<a-descriptions-item>
+								<span slot="label" class="fw500">扣税说明</span>
+								<span>{{ jobDetail.deductTaxDesp || "-" }}</span>
+							</a-descriptions-item>
+							<!-- <a-descriptions-item>
                 <span slot="label" class="fw500">支付周期</span>
                 <span>{{ jobDetail.paymentCycle }}</span>
               </a-descriptions-item> -->
-              <a-descriptions-item>
-                <span slot="label" class="fw500">出名单</span>
-                <span>{{ jobDetail.outListTime || "-" }}</span>
-              </a-descriptions-item>
-              <a-descriptions-item>
-                <span slot="label" class="fw500">结算时间</span>
-                <span>{{ jobDetail.settlementTime || "-" }}</span>
-              </a-descriptions-item>
-            </a-descriptions>
-          </div>
-        </div>
-      </div>
-      <div class="maincontentright">
-        <!-- <div class="hotphone">
+							<a-descriptions-item>
+								<span slot="label" class="fw500">出名单</span>
+								<span>{{ jobDetail.outListTime || "-" }}</span>
+							</a-descriptions-item>
+							<a-descriptions-item>
+								<span slot="label" class="fw500">结算时间</span>
+								<span>{{ jobDetail.settlementTime || "-" }}</span>
+							</a-descriptions-item>
+						</a-descriptions>
+					</div>
+				</div>
+			</div>
+			<div class="maincontentright">
+				<div class="hotphone">
 					<h1 class="bottombox"><i>服务热线</i></h1>
-					<p>135 2307 4549</p>
+					<p>0371-6611 3723</p>
+				</div>
+				<!-- <div class="jobDetailInfo" style="display:none">
+					<h1 class="bottombox"><i>职位详版</i> <span class="copy" @click="copyText">复制</span></h1>
+					<p class="copyInfo">{{ jobDetail.jobDesp || "-" }}</p>
 				</div> -->
-        <div class="jobDetailInfo">
-          <h1 class="bottombox">
-            <i>职位详版</i> <span class="copy" @click="copyText">复制</span>
-          </h1>
-          <p class="copyInfo">{{ jobDetail.jobDesp || "-" }}</p>
-        </div>
-        <div class="companyinfo">
-          <div class="companydetail">
-            <h1 class="bottombox"><i>企业详情</i></h1>
-            <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>
-              <!-- 我是文案我很长很长我是文案我 很长很长我是文案我很长很长我
+				<div class="companyinfo">
+					<div class="companydetail">
+						<h1 class="bottombox"><i>企业详情</i></h1>
+						<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 class="companylocation">
-            <h1 class="bottombox"><i>企业位置</i></h1>
-            <div class="imgbox">
-              <!-- <GDMap/> -->
-              <img src="../../assets/map.png" alt="" />
-            </div>
-          </div>
-        </div>
-        <recommend />
-      </div>
-    </div>
-    <div class="hotTel">
-      <i class="iconfont icon-kefu"></i>
-      <p>服务热线</p>
-      <div>
-        <p>服务热线</p>
-        <p>135 2307 4549</p>
-      </div>
-    </div>
-  </div>
+						</p>
+					</div>
+					<div class="companylocation">
+						<h1 class="bottombox"><i>企业位置</i></h1>
+						<div class="imgbox">
+							<!-- <GDMap/> -->
+							<img src="../../assets/map.png" alt="" />
+						</div>
+					</div>
+				</div>
+				<recommend />
+			</div>
+		</div>
+		<!-- <div class="hotTel">
+			<i class="iconfont icon-kefu"></i>
+			<p>服务热线</p>
+			<div>
+				<p>服务热线</p>
+				<p>0371-6611 3723</p>
+			</div>
+		</div> -->
+	</div>
 </template>
 <script>
 import { getJobDetailApi } from "../../api/job";
-import {
-  disposeJobListData,
-  getSalaryClassifyValue,
-} from "../../utils/commonUtil";
+import { disposeJobListData, getSalaryClassifyValue } from "../../utils/commonUtil";
 import recommend from "../../components/FirstJob/components/recommend.vue";
 import { nationlist } from "../../utils/datalist";
 // import GDMap from '../map.vue'
 // import recordbill from "@/components/FirstJob/components/recordbill.vue";
 import Clipboard from "clipboard";
 export default {
-  // 组件名称
-  name: "",
-  // 局部注册的组件
-  components: {
-    recommend,
-    // GDMap
-    // recordbill,
-  },
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      relationList: [],
-      jobDetail: {},
-      storeImage: [],
-      storeInfo: {},
-      id: this.$route.params.id,
-      visible: false, // 录单模态框的展示
-      confirmLoading: false, // 录单提交的loading效果
-      skeletonshow: true,
-      tabchange: 1,
-      nationlist,
-      labelColor: [
-        "pink",
-        "blue",
-        "purple",
-        "orange",
-        "green",
-        "cyan",
-        "red",
-        "purple",
-      ],
-      form: {
-        // 录单数据
-        name: "",
-        peoplecard: "",
-        gender: "",
-        nation: "",
-        location: "",
-        firm: "",
-        post: "",
-        pattern: "",
-        policy: "",
-        proxy: "",
-        facedate: "",
-      },
-      storeJob: {},
-      // rules: {
-      //   // 录单校验规则
-      //   name: [{ required: true, message: "请输入姓名", trigger: "submit" }],
-      //   // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
-      // },
-      apply: {},
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {},
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {
+		recommend,
+		// GDMap
+		// recordbill,
+	},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			relationList: [],
+			jobDetail: {},
+			storeImage: [],
+			storeInfo: {},
+			id: this.$route.params.id,
+			visible: false, // 录单模态框的展示
+			xiangdanVisible: false, // 详单的弹出
+			confirmLoading: false, // 录单提交的loading效果
+			skeletonshow: true,
+			tabchange: 1,
+			nationlist,
+			labelColor: ["pink", "blue", "purple", "orange", "green", "cyan", "red", "purple"],
+			form: {
+				// 录单数据
+				name: "",
+				peoplecard: "",
+				gender: "",
+				nation: "",
+				location: "",
+				firm: "",
+				post: "",
+				pattern: "",
+				policy: "",
+				proxy: "",
+				facedate: "",
+			},
+			storeJob: {},
+			// rules: {
+			//   // 录单校验规则
+			//   name: [{ required: true, message: "请输入姓名", trigger: "submit" }],
+			//   // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
+			// },
+			apply: {},
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
 
-  beforeCreate() {},
-  created() {
-    // console.log(this.$router.matcher.match());
-    console.log(this.$route.params); // 获取传过来的params数据
-    this.getJobDetail();
-    // Object.defineProperties("window.opener", "sessionStorage", {
-    //   LOGIN_DATA: {},
-    // });
-    // console.log(window.opener);
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {
-    // console.log(this.$refs.scrollimg);
-    // this.$refs.scrollimg.goTo(0, false);
-  },
-  // 组件方法
-  methods: {
-    async getJobDetail() {
-      try {
-        const { data } = await getJobDetailApi(this.id);
-        console.log(data);
-        if (data.status === 200) {
-          console.log(data);
-          this.jobDetail = disposeJobListData(data.data.storeJob);
-          this.skeletonshow = false;
-          this.jobDetail.district = disposeJobListData(
-            data.data.store
-          ).district;
-          let newdata = {
-            id: data.data.storeJob.id,
-            aliasName: data.data.store.aliasName,
-            jobName: data.data.storeJob.jobName,
-          };
-          this.storeInfo = newdata;
-          data.data.storeImage.forEach((item) => {
-            this.storeImage.push(item.url);
-          });
-          // console.log(this.storeImage);
-        } else {
-          this.$message.warning("数据获取失败");
-        }
+	beforeCreate() {},
+	created() {
+		// console.log(this.$router.matcher.match());
+		console.log(this.$route.params); // 获取传过来的params数据
+		this.getJobDetail();
+		// Object.defineProperties("window.opener", "sessionStorage", {
+		//   LOGIN_DATA: {},
+		// });
+		// console.log(window.opener);
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {
+		// console.log(this.$refs.scrollimg);
+		// this.$refs.scrollimg.goTo(0, false);
+	},
+	// 组件方法
+	methods: {
+		async getJobDetail() {
+			try {
+				const { data } = await getJobDetailApi(this.id);
+				console.log(data);
+				if (data.status === 200) {
+					console.log(data);
+					this.jobDetail = disposeJobListData(data.data.storeJob);
+					this.skeletonshow = false;
+					this.jobDetail.district = disposeJobListData(data.data.store).district;
+					let newdata = {
+						id: data.data.storeJob.id,
+						aliasName: data.data.store.aliasName,
+						jobName: data.data.storeJob.jobName,
+					};
+					this.storeInfo = newdata;
+					data.data.storeImage.forEach((item) => {
+						this.storeImage.push(item.url);
+					});
+					// console.log(this.storeImage);
+				} else {
+					this.$message.warning("数据获取失败");
+				}
 
-        //  = data.data.recordList;
-        // console.log(data);
-        // console.log(this.jobDetail);
-      } catch (error) {
-        // console.log(error);
-      }
-    },
-    // 录单弹出层的关闭
-    handleCancel() {
-      this.visible = false;
-      this.form = {
-        // 录单数据
-        name: "",
-        tel: "",
-        peoplecard: "",
-        username: "",
-      };
-    },
-    // 录单提交按钮的回调
-    handleOk() {
-      this.$refs.ruleForm.validate((ispass, no) => {
-        // console.log(ispass);
-        if (ispass) {
-          this.confirmLoading = true;
+				//  = data.data.recordList;
+				// console.log(data);
+				// console.log(this.jobDetail);
+			} catch (error) {
+				// console.log(error);
+			}
+		},
+		// 录单弹出层的关闭
+		handleCancel() {
+			this.visible = false;
+			this.form = {
+				// 录单数据
+				name: "",
+				tel: "",
+				peoplecard: "",
+				username: "",
+			};
+		},
+		// 录单提交按钮的回调
+		handleOk() {
+			this.$refs.ruleForm.validate((ispass, no) => {
+				// console.log(ispass);
+				if (ispass) {
+					this.confirmLoading = true;
 
-          setTimeout(() => {
-            this.confirmLoading = false;
-            this.visible = false;
-          }, 2000);
-        } else {
-          // console.log(123);
-        }
-        console.log(no);
-      });
-    },
-    // 弹出录单模态框
-    // showmodal() {
-    //   this.visible = true;
-    //   console.log(this.id);
-    // },
-    showmodal() {
-      this.visible = true;
-      // this.apply = item;
-      // console.log(this.apply);
-      // console.log(id);
-    },
-    onClose() {
-      this.visible = false;
-      this.form = {
-        // 录单数据
-        name: "",
-        peoplecard: "",
-        gender: "", // 性别
-        nation: "", // 民族
-        location: "", // 家庭住址
-        firm: "", // 公司名
-        post: "", // 岗位
-        pattern: "", // 模式
-        policy: "", // 代理政策
-        proxy: "", // 代理
-        facedate: "", // 面试时间
-      };
-    },
-    torecord(item) {
-      // 跳转到路由新页面的方法
-      console.log(item);
-      // let userinfo = JSON.stringify(item);
-      console.log(this.jobDetail);
-      console.log(this.storeInfo);
-      this.$router.push({ name: "recordbill", params: this.storeInfo });
-      sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(this.storeInfo));
-    },
-    getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
-      return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
-    },
-    copyText() {
-      console.log(123);
-      var clipboard = new Clipboard(".copy", {
-        // .copy 是点击的触发元素
-        target: function () {
-          // 通过target指定要复印的节点
-          return document.querySelector(".copyInfo"); // .copyInfo 是要复制的目标内容
-        },
-      });
-      clipboard.on("success", (e) => {
-        // success 是成功的回调 success => error 可以捕获复制失败的异常信息
-        console.log(e);
-        this.$message.success("复制成功");
-      });
-    },
-  },
+					setTimeout(() => {
+						this.confirmLoading = false;
+						this.visible = false;
+					}, 2000);
+				} else {
+					// console.log(123);
+				}
+				console.log(no);
+			});
+		},
+		// 弹出录单模态框
+		// showmodal() {
+		//   this.visible = true;
+		//   console.log(this.id);
+		// },
+		showmodal() {
+			this.visible = true;
+			// this.apply = item;
+			// console.log(this.apply);
+			// console.log(id);
+		},
+		onClose() {
+			this.visible = false;
+			this.form = {
+				// 录单数据
+				name: "",
+				peoplecard: "",
+				gender: "", // 性别
+				nation: "", // 民族
+				location: "", // 家庭住址
+				firm: "", // 公司名
+				post: "", // 岗位
+				pattern: "", // 模式
+				policy: "", // 代理政策
+				proxy: "", // 代理
+				facedate: "", // 面试时间
+			};
+		},
+		torecord(item) {
+			// 跳转到路由新页面的方法
+			console.log(item);
+			// let userinfo = JSON.stringify(item);
+			console.log(this.jobDetail);
+			console.log(this.storeInfo);
+			this.$router.push({ name: "recordbill", params: this.storeInfo });
+			sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(this.storeInfo));
+		},
+		getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
+			return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
+		},
+		copyText() {
+			console.log(123);
+			var clipboard = new Clipboard(".copy", {
+				// .copy 是点击的触发元素
+				target: function () {
+					// 通过target指定要复印的节点
+					return document.querySelector(".copyInfo"); // .copyInfo 是要复制的目标内容
+				},
+			});
+			clipboard.on("success", (e) => {
+				// success 是成功的回调 success => error 可以捕获复制失败的异常信息
+				console.log(e);
+				this.$message.success("复制成功");
+			});
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .detail-container {
-  overflow: hidden;
-  // border-top: 1px solid #eeefef;
+	overflow: hidden;
+	// border-top: 1px solid #eeefef;
 
-  background-color: #f6f6f6;
+	background-color: #f6f6f6;
 }
 /deep/ .ant-form {
-  // overflow: auto;
-  margin-bottom: 50px;
+	// overflow: auto;
+	margin-bottom: 50px;
 }
 // 录单模态框样式
 /deep/ .ant-drawer-wrapper-body {
-  // overflow: none;
-  // position: relative;
-  &::-webkit-scrollbar {
-    /*滚动条整体样式*/
-    width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
-    height: 4px;
-  }
+	// overflow: none;
+	// position: relative;
+	&::-webkit-scrollbar {
+		/*滚动条整体样式*/
+		width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
+		height: 4px;
+	}
 
-  .ant-drawer-header {
-    position: absolute;
-    width: 100%;
-    background-color: #fff;
-    padding: 12px 24px;
-    z-index: 999;
-    .ant-drawer-close {
-      height: 48px;
-      width: 48px;
-      line-height: 48px;
-    }
-  }
-  .ant-drawer-body {
-    overflow-y: auto;
-    margin-top: 47px;
-  }
+	.ant-drawer-header {
+		position: absolute;
+		width: 100%;
+		background-color: #fff;
+		padding: 12px 24px;
+		z-index: 999;
+		.ant-drawer-close {
+			height: 48px;
+			width: 48px;
+			line-height: 48px;
+		}
+	}
+	.ant-drawer-body {
+		overflow-y: auto;
+		margin-top: 47px;
+	}
 }
 // /deep/ .ant-modal {
 //   top: 30px !important;
@@ -972,602 +872,638 @@ export default {
 //   }
 // }
 /deep/ .maincontent {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 12px;
-  .maincontentleft {
-    width: 944px;
-    margin-right: 16px;
-    text-align: left;
-    .subset {
-      display: flex;
-      justify-content: space-between;
-      padding: 16px;
-      margin-bottom: 16px;
-      // width: 914px;
-      background-color: #fff;
-      // height: 302px;
-      border-radius: 4px;
-      // border: 1px solid #eeefef;
-      .subsetleft {
-        display: flex;
-        .imgbox {
-          width: 177px;
-          height: 177px;
-          margin-right: 16px;
-          overflow: hidden;
-          position: relative;
-          // .slick-active {
-          //   button {
-          //     background-color: #fe6a00 !important;
-          //   }
-          // }
-          // .slick-track {
-          // transition: all 0s ease 0s !important;
-          // }
-          img {
-            position: absolute;
-            // width: 100%;
-            // height: 100%;
-            height: 100%;
-            // width: 100%;
-            top: 50%;
-            left: 50%;
-            // left: 0;
-            // top: 0;
-            // right: 0;
-            // bottom: 0;
-            // margin: auto;
-            transform: translateX(-50%) translateY(-50%);
-          }
+	display: flex;
+	justify-content: space-between;
+	margin-top: 12px;
+	.maincontentleft {
+		width: 944px;
+		margin-right: 16px;
+		text-align: left;
+		.subset {
+			display: flex;
+			justify-content: space-between;
+			padding: 16px;
+			margin-bottom: 16px;
+			// width: 914px;
+			background-color: #fff;
+			// height: 302px;
+			border-radius: 4px;
+			// border: 1px solid #eeefef;
+			.subsetleft {
+				display: flex;
+				.imgbox {
+					width: 177px;
+					height: 177px;
+					margin-right: 16px;
+					overflow: hidden;
+					position: relative;
+					// .slick-active {
+					//   button {
+					//     background-color: #fe6a00 !important;
+					//   }
+					// }
+					// .slick-track {
+					// transition: all 0s ease 0s !important;
+					// }
+					img {
+						position: absolute;
+						// width: 100%;
+						// height: 100%;
+						height: 100%;
+						// width: 100%;
+						top: 50%;
+						left: 50%;
+						// left: 0;
+						// top: 0;
+						// right: 0;
+						// bottom: 0;
+						// margin: auto;
+						transform: translateX(-50%) translateY(-50%);
+					}
 
-          .ant-carousel {
-            .slick-slide {
-              text-align: center;
-              height: 177px;
-              // height: 160px;
-              // line-height: 160px;
-              // background: #364d79;
-              overflow: hidden;
-            }
-            .custom-slick-arrow {
-              width: 35px;
-              height: 35px;
-              font-size: 35px;
-              margin-top: -20px;
-              border-radius: 50%;
-              color: #fff;
-              background-color: rgba(31, 45, 61, 0.11);
-              opacity: 0.6;
-            }
-            .custom-slick-arrow:before {
-              // color: #ff6a00;
-              display: none;
-            }
-            .custom-slick-arrow:hover {
-              // background-color: #ff6a00cc;
-              opacity: 0.8;
-            }
-            .slick-slide h3 {
-              color: #fff;
-            }
-          }
-        }
-        .jobinfobox {
-          .jobname {
-            // margin: 12px 0;
-            font-size: 20px;
-            font-weight: 400;
-            text-align: left;
-            color: #4d575e;
-            line-height: 20px;
-            // &:hover {
-            //   color: #ff6a00;
-            // }
-          }
-          .jobinfo {
-            margin-top: 16px;
-            opacity: 0.5;
-            font-size: 16px;
-            font-weight: 400;
-            text-align: left;
-            color: #4d575e;
-            line-height: 20px;
-          }
-          .jobtag,
-          .jobtag1 {
-            margin-top: 12px;
-            text-align: left;
-            // span:first-child {
-            //   color: #ff6a00;
-            //   background: rgba(254, 97, 0, 0.1);
-            // }
-            span {
-              margin-right: 8px;
-              font-size: 16px;
-              padding: 0px 6px;
-              border: none;
-              height: 22px;
-              line-height: 21px;
-              // background: rgba(51, 51, 51, 0.06);
-              border-radius: 4px;
-            }
-          }
-          .jobtag1 {
-            span {
-              background-color: #f5f5f5;
-            }
-          }
-          .jobpricemonth {
-            // margin-top: 16px;
-            font-size: 18px;
-            font-weight: 400;
-            text-align: left;
-            color: #4d575e;
-            line-height: 26px;
-          }
-          .jobpricehour {
-            // margin-top: 16px;
-            font-size: 18px;
-            font-weight: normal;
-            text-align: left;
-            color: #ff6a00;
-            // line-height: 24px;
-            span {
-              vertical-align: baseline;
-              font-size: 20px;
-              line-height: 26px;
-            }
-          }
-          .billbutton {
-            display: flex;
-            justify-content: flex-start;
-            margin-top: 15px;
-            span {
-              padding: 0 16px;
-              height: 36px;
-              margin-right: 20px;
-              border-radius: 4px;
-              background-color: rgba(254, 97, 0, 0.1);
-              font-size: 18px;
-              font-weight: normal;
-              color: #ff6a00;
-              line-height: 34px;
-            }
-            // button {
-            //   width: 160px;
-            //   // padding: 0 16px;
-            //   height: 36px;
-            //   border: none;
-            //   background-color: #ff6a00;
-            //   color: #fff;
-            //   font-weight: normal;
-            //   font-size: 18px;
-            //   border-radius: 4px;
-            //   cursor: pointer;
-            //   &:hover {
-            //     background-color: #ff7614;
-            //   }
-            // }
-            .dropdown {
-              width: 160px;
-              padding: 0 16px;
-              height: 36px;
-              border: none;
-              background-color: #ff6a00;
-              color: #fff;
-              font-weight: normal;
-              font-size: 18px;
-              border-radius: 4px;
-              text-align: center;
-              line-height: 36px;
-              cursor: pointer;
-              &:hover {
-                color: #fff;
+					.ant-carousel {
+						.slick-slide {
+							text-align: center;
+							height: 177px;
+							// height: 160px;
+							// line-height: 160px;
+							// background: #364d79;
+							overflow: hidden;
+						}
+						.custom-slick-arrow {
+							width: 35px;
+							height: 35px;
+							font-size: 35px;
+							margin-top: -20px;
+							border-radius: 50%;
+							color: #fff;
+							background-color: rgba(31, 45, 61, 0.11);
+							opacity: 0.6;
+						}
+						.custom-slick-arrow:before {
+							// color: #ff6a00;
+							display: none;
+						}
+						.custom-slick-arrow:hover {
+							// background-color: #ff6a00cc;
+							opacity: 0.8;
+						}
+						.slick-slide h3 {
+							color: #fff;
+						}
+					}
+				}
+				.jobinfobox {
+					.jobname {
+						// margin: 12px 0;
+						font-size: 20px;
+						font-weight: 400;
+						text-align: left;
+						color: #4d575e;
+						line-height: 20px;
+						// &:hover {
+						//   color: #ff6a00;
+						// }
+					}
+					.jobinfo {
+						margin-top: 16px;
+						opacity: 0.5;
+						font-size: 16px;
+						font-weight: 400;
+						text-align: left;
+						color: #4d575e;
+						line-height: 20px;
+					}
+					.jobtag,
+					.jobtag1 {
+						margin-top: 12px;
+						text-align: left;
+						// span:first-child {
+						//   color: #ff6a00;
+						//   background: rgba(254, 97, 0, 0.1);
+						// }
+						span {
+							margin-right: 8px;
+							font-size: 16px;
+							padding: 0px 6px;
+							border: none;
+							height: 22px;
+							line-height: 21px;
+							// background: rgba(51, 51, 51, 0.06);
+							border-radius: 4px;
+						}
+					}
+					.jobtag1 {
+						span {
+							background-color: #f5f5f5;
+						}
+					}
+					.jobpricemonth {
+						// margin-top: 16px;
+						font-size: 18px;
+						font-weight: 400;
+						text-align: left;
+						color: #4d575e;
+						line-height: 26px;
+					}
+					.jobpricehour {
+						// margin-top: 16px;
+						font-size: 18px;
+						font-weight: normal;
+						text-align: left;
+						color: #ff6a00;
+						// line-height: 24px;
+						span {
+							vertical-align: baseline;
+							font-size: 20px;
+							line-height: 26px;
+						}
+					}
+					.billbutton {
+						display: flex;
+						justify-content: flex-start;
+						margin-top: 15px;
+						span {
+							padding: 0 16px;
+							height: 36px;
+							margin-right: 20px;
+							border-radius: 4px;
+							background-color: rgba(254, 97, 0, 0.1);
+							font-size: 18px;
+							font-weight: normal;
+							color: #ff6a00;
+							line-height: 34px;
+						}
+						// button {
+						//   width: 160px;
+						//   // padding: 0 16px;
+						//   height: 36px;
+						//   border: none;
+						//   background-color: #ff6a00;
+						//   color: #fff;
+						//   font-weight: normal;
+						//   font-size: 18px;
+						//   border-radius: 4px;
+						//   cursor: pointer;
+						//   &:hover {
+						//     background-color: #ff7614;
+						//   }
+						// }
+						.dropdown {
+							width: 160px;
+							padding: 0 16px;
+							height: 36px;
+							border: none;
+							background-color: #ff6a00;
+							color: #fff;
+							font-weight: normal;
+							font-size: 18px;
+							border-radius: 4px;
+							text-align: center;
+							line-height: 36px;
+							cursor: pointer;
+							&:hover {
+								color: #fff;
 
-                background-color: rgba(255, 121, 26);
-              }
-            }
-          }
-        }
-      }
-      .subsetright {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: flex-end;
-        .topbox {
-          width: 116px;
-          height: 54px;
-          text-align: center;
-          overflow: hidden;
-          background: rgba(255, 106, 0, 0.1);
-          border-radius: 4px;
-          line-height: 30px;
-          div {
-            // font-weight: normal;
-            font-size: 16px;
+								background-color: rgba(255, 121, 26);
+							}
+						}
+					}
+				}
+			}
+			.subsetright {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				align-items: flex-end;
+				.topbox {
+					width: 116px;
+					height: 54px;
+					text-align: center;
+					overflow: hidden;
+					background: rgba(255, 106, 0, 0.1);
+					border-radius: 4px;
+					line-height: 30px;
+					div {
+						// font-weight: normal;
+						font-size: 16px;
 
-            span:first-of-type {
-              font-size: 20px;
-              // font-weight: normal;
-            }
-          }
-          div:first-child {
-            height: 24px;
-            background: #ff6a00;
-            line-height: 21px;
-            font-size: 14px;
-            color: #ffffff;
-            border: 1px solid #ff6a00;
-            border-radius: 4px 4px 0px 0px;
-          }
-          div:last-child {
-            font-weight: normal;
-            background-color: #fff4e3;
-            color: #ff6a00;
-            font-size: 18px;
-            span:last-child {
-              font-size: 16px;
-            }
-          }
-        }
-        .bottombox1 {
-          width: 116px;
-          height: 32px;
-          line-height: 30px;
-          font-size: 16px;
-          // border: 1px solid rgba(77, 87, 94, 0.3);
-          border-radius: 4px;
-          border: 1px solid #ff6a00;
-          background-color: #fff;
-          color: rgba(255, 106, 0, 1);
-          cursor: pointer;
-          &:hover {
-            color: #fff;
+						span:first-of-type {
+							font-size: 20px;
+							// font-weight: normal;
+						}
+					}
+					div:first-child {
+						height: 24px;
+						background: #ff6a00;
+						line-height: 21px;
+						font-size: 14px;
+						color: #ffffff;
+						border: 1px solid #ff6a00;
+						border-radius: 4px 4px 0px 0px;
+					}
+					div:last-child {
+						font-weight: normal;
+						background-color: #fff4e3;
+						color: #ff6a00;
+						font-size: 18px;
+						span:last-child {
+							font-size: 16px;
+						}
+					}
+				}
+				.bottombox {
+					.bottombox1 {
+						width: 116px;
+						height: 32px;
+						line-height: 30px;
+						font-size: 16px;
+						// border: 1px solid rgba(77, 87, 94, 0.3);
+						border-radius: 4px;
+						border: 1px solid #ff6a00;
+						background-color: #fff;
+						color: rgba(255, 106, 0, 1);
+						cursor: pointer;
+						&:hover {
+							color: #fff;
 
-            background-color: rgba(255, 121, 26);
-          }
-        }
-      }
-    }
-    .proxy {
-      margin-bottom: 16px;
-      div {
-        white-space: break-spaces;
-      }
-      // padding: 20px !important;
-    }
-    .jobinformationbox,
-    .proxy {
-      width: 944px;
-      // border: 1px solid #eeefef;
-      overflow: hidden;
-      border-radius: 4px;
-      padding: 20px;
-      background-color: #fff;
+							background-color: rgba(255, 121, 26);
+						}
+					}
+					.jobDesp {
+						width: 116px;
+						height: 32px;
+						line-height: 30px;
+						font-size: 16px;
+						margin-right: 20px;
+						// border: 1px solid rgba(77, 87, 94, 0.3);
+						border-radius: 4px;
+						border: 1px solid #ff6a00;
+						background-color: #fff;
+						color: rgba(255, 106, 0, 1);
+						transition: none;
+						cursor: pointer;
+						&:hover {
+							color: #fff;
 
-      h1 {
-        font-size: 18px;
-        // margin-bottom: 20px;
-        .infotitle {
-          margin-top: -2px;
-          border-bottom: 1px solid #eeefef;
-          display: flex;
-          span {
-            margin-bottom: -1px;
-            height: 30px;
-            padding: 1px 12px 0 12px;
-            margin-right: 6px;
-            background-color: #fafafa;
-            border: 1px solid #e8e8e8;
-            border-bottom: none;
-            cursor: pointer;
-            border-radius: 4px 4px 0 0;
-          }
-          .active {
-            background-color: #fafafa;
-            // font-weight: bold;0
-            color: #ff6a00;
-          }
-        }
-        span {
-          height: 25px;
-        }
-      }
-    }
-    #tip,
-    #other {
-      div:last-child {
-        padding: 12px 16px;
-        font-size: 16px;
-        border: 1px solid #e8e8e8;
-      }
-    }
-    .jobinformationbox {
-      .navigation {
-        width: 55px !important;
-        margin-left: 25px;
-        margin-top: 154px;
-        .ant-affix {
-          left: calc(50% + 278px) !important; // 手动定位固定位置
-        }
-        .ant-anchor-wrapper {
-          padding-left: 5px !important;
-        }
-        .ant-anchor-ink-ball {
-          // border-color: #ff6a00;
-          width: 10px;
-          height: 10px;
-          border: 2px solid #ff6a00;
-        }
-        .ant-anchor-link {
-          padding: 7px 0 7px 12px !important;
-          a {
-            color: #787878;
-            font-size: 18px;
-          }
-        }
-        .ant-anchor-link-active {
-          a {
-            color: #ff6a00 !important;
-            // font-weight: bold;
-          }
-        }
-      }
+							background-color: rgba(255, 121, 26);
+						}
+					}
+				}
+			}
+		}
+		.proxy {
+			margin-bottom: 16px;
+			div {
+				white-space: break-spaces;
+			}
+			// padding: 20px !important;
+		}
+		.jobinformationbox,
+		.proxy {
+			width: 944px;
+			// border: 1px solid #eeefef;
+			overflow: hidden;
+			border-radius: 4px;
+			padding: 20px;
+			background-color: #fff;
 
-      .baseInfoContent {
-        width: 840px;
-        > div {
-          > div:first-child {
-            color: #4d575e;
-            font-weight: normal;
-          }
-        }
+			h1 {
+				font-size: 18px;
+				// margin-bottom: 20px;
+				.infotitle {
+					margin-top: -2px;
+					border-bottom: 1px solid #eeefef;
+					display: flex;
+					span {
+						margin-bottom: -1px;
+						height: 30px;
+						padding: 1px 12px 0 12px;
+						margin-right: 6px;
+						background-color: #fafafa;
+						border: 1px solid #e8e8e8;
+						border-bottom: none;
+						cursor: pointer;
+						border-radius: 4px 4px 0 0;
+					}
+					.active {
+						background-color: #fafafa;
+						// font-weight: bold;0
+						color: #ff6a00;
+					}
+				}
+				span {
+					height: 25px;
+				}
+			}
+		}
+		#tip,
+		#other {
+			div:last-child {
+				padding: 12px 16px;
+				font-size: 16px;
+				border: 1px solid #e8e8e8;
+			}
+		}
+		.jobinformationbox {
+			h1 {
+				position: relative;
+				.copy {
+					position: absolute;
+					padding: 0px 12px;
+					right: 0px;
+					bottom: 12px;
+					font-size: 14px;
+					border: 1px solid #ff6a00;
+					color: #ff6a00;
+					border-radius: 5px;
+					line-height: 22px;
+					text-align: center;
+					cursor: pointer;
+					&:hover {
+						color: #fff;
+						background-color: #ff6a00;
+					}
+				}
+			}
+			.navigation {
+				width: 55px !important;
+				margin-left: 25px;
+				margin-top: 154px;
+				.ant-affix {
+					left: calc(50% + 278px) !important; // 手动定位固定位置
+				}
+				.ant-anchor-wrapper {
+					padding-left: 5px !important;
+				}
+				.ant-anchor-ink-ball {
+					// border-color: #ff6a00;
+					width: 10px;
+					height: 10px;
+					border: 2px solid #ff6a00;
+				}
+				.ant-anchor-link {
+					padding: 7px 0 7px 12px !important;
+					a {
+						color: #787878;
+						font-size: 18px;
+					}
+				}
+				.ant-anchor-link-active {
+					a {
+						color: #ff6a00 !important;
+						// font-weight: bold;
+					}
+				}
+			}
 
-        .condition {
-          .conditiontable {
-            display: flex;
-            flex-direction: column;
-            font-size: 16px;
-            border: 1px solid #e8e8e8;
-            > li {
-              display: flex;
-              align-items: center;
-              border-bottom: 1px solid #e8e8e8;
-              > div {
-                width: 120px;
-                // font-weight: bold;
-                text-align: center;
-              }
-              &:last-child {
-                border-bottom: 0px;
-              }
-              ul {
-                display: flex;
-                flex-direction: column;
-                justify-content: space-around;
-                border-left: 1px solid #e8e8e8;
-                flex: 1;
+			.baseInfoContent {
+				width: 840px;
+				> div {
+					> div:first-child {
+						color: #4d575e;
+						font-weight: normal;
+					}
+				}
 
-                li {
-                  display: flex;
-                  min-height: 44px;
-                  width: 100%;
-                  span:first-child {
-                    padding: 12px 15px;
-                    width: 100px;
-                    border-right: 1px solid #e8e8e8;
-                    // font-weight: bold;
-                  }
-                  span:last-child {
-                    flex: 1;
-                    display: flex;
-                    color: #878787;
-                    padding: 12px 16px;
-                    white-space: break-space;
-                    align-items: center;
-                  }
-                }
-                li:not(li:last-child) {
-                  border-bottom: 1px solid #e8e8e8;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  .maincontentright {
-    width: 240px;
-    > div {
-      margin-bottom: 16px;
-    }
-    .jobDetailInfo {
-      width: 240px;
-      overflow: hidden;
-      // height: 114px;
-      // padding: 0 20px 0px 20px;
-      border-radius: 4px;
-      background-color: #fff;
-      text-align: left;
-      h1 {
-        position: relative;
-        text-align: center;
-        margin-bottom: 0;
+				.condition {
+					.conditiontable {
+						display: flex;
+						flex-direction: column;
+						font-size: 16px;
+						border: 1px solid #e8e8e8;
+						> li {
+							display: flex;
+							align-items: center;
+							border-bottom: 1px solid #e8e8e8;
+							> div {
+								width: 120px;
+								// font-weight: bold;
+								text-align: center;
+							}
+							&:last-child {
+								border-bottom: 0px;
+							}
+							ul {
+								display: flex;
+								flex-direction: column;
+								justify-content: space-around;
+								border-left: 1px solid #e8e8e8;
+								flex: 1;
+
+								li {
+									display: flex;
+									min-height: 44px;
+									width: 100%;
+									span:first-child {
+										padding: 12px 15px;
+										width: 100px;
+										border-right: 1px solid #e8e8e8;
+										// font-weight: bold;
+									}
+									span:last-child {
+										flex: 1;
+										display: flex;
+										color: #878787;
+										padding: 12px 16px;
+										white-space: break-space;
+										align-items: center;
+									}
+								}
+								li:not(li:last-child) {
+									border-bottom: 1px solid #e8e8e8;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+	.maincontentright {
+		width: 240px;
+		> div {
+			margin-bottom: 16px;
+		}
+		.jobDetailInfo {
+			width: 240px;
+			overflow: hidden;
+			// height: 114px;
+			// padding: 0 20px 0px 20px;
+			border-radius: 4px;
+			background-color: #fff;
+			text-align: left;
+			h1 {
+				position: relative;
+				text-align: center;
+				margin-bottom: 0;
 
-        span {
-          position: absolute;
-          right: 10px;
-          color: #ff6a00;
-        }
-      }
-      p {
-        font-size: 16px;
-        word-break: break-all;
-        white-space: break-spaces;
-        padding: 16px 20px;
-      }
-    }
-    .hotphone {
-      width: 240px;
-      overflow: hidden;
-      // height: 114px;
-      padding: 0 20px 20px 20px;
-      border-radius: 4px;
-      background-color: #fff;
-      text-align: center;
-      // border: 1px solid #eeefef;
-      p {
-        font-size: 24px;
-        color: #ff6a00;
-        // font-weight: normal;
-        margin-top: 12px;
-      }
-    }
-    .companyinfo {
-      overflow: hidden;
-      padding: 0 20px 20px 20px;
-      border-radius: 4px;
-      // border: 1px solid #eeefef;
-      background-color: #fff;
+				span {
+					position: absolute;
+					right: 10px;
+					color: #ff6a00;
+				}
+			}
+			p {
+				font-size: 16px;
+				word-break: break-all;
+				white-space: break-spaces;
+				padding: 16px 20px;
+			}
+		}
+		.hotphone {
+			width: 240px;
+			overflow: hidden;
+			// height: 114px;
+			padding: 0 20px 20px 20px;
+			border-radius: 4px;
+			background-color: #fff;
+			text-align: center;
+			// border: 1px solid #eeefef;
+			p {
+				font-size: 24px;
+				color: #ff6a00;
+				// font-weight: normal;
+				margin-top: 12px;
+			}
+		}
+		.companyinfo {
+			overflow: hidden;
+			padding: 0 20px 20px 20px;
+			border-radius: 4px;
+			// border: 1px solid #eeefef;
+			background-color: #fff;
 
-      .companydetail {
-        width: 200px;
-        p:first-of-type {
-          font-size: 18px;
-          font-weight: normal;
-          text-align: left;
-          color: #4d575e;
-          margin-bottom: 12px;
-          line-height: 22px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-        .imgbox {
-          // width: 230px;
-          height: 172px;
-          margin-bottom: 12px;
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-        p:last-of-type {
-          font-size: 16px;
-          text-align: left;
-          color: #788085;
-          line-height: 22px;
-          margin-bottom: 15px;
-        }
-      }
-      .companylocation {
-        width: 200px;
-        h1 {
-          // height: 50px;
-          // line-height: 50px;
-          padding-top: 10px;
-          text-align: center;
-          // border-top: 1px solid #eeefef;
-        }
-        .imgbox {
-          // width: 230px;
-          height: 172px;
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-      }
-    }
-  }
-  .leftDesc.ant-descriptions-bordered table {
-    // min-height: 352px !important;
-    tbody {
-      tr {
-        height: 44px;
-      }
-    }
-  }
-  .leftDesc.ant-descriptions-bordered .ant-descriptions-item-label {
-    width: 120px;
-    text-align: left;
-    font-weight: normal;
-    background-color: #fff;
-    font-size: 16px;
-    color: #4d575e;
-    letter-spacing: 1px;
-    /*vertical-align: baseline;*/
-  }
+			.companydetail {
+				width: 200px;
+				p:first-of-type {
+					font-size: 18px;
+					font-weight: normal;
+					text-align: left;
+					color: #4d575e;
+					margin-bottom: 12px;
+					line-height: 22px;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+				.imgbox {
+					// width: 230px;
+					height: 172px;
+					margin-bottom: 12px;
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+				p:last-of-type {
+					font-size: 16px;
+					text-align: left;
+					color: #788085;
+					line-height: 22px;
+					margin-bottom: 15px;
+				}
+			}
+			.companylocation {
+				width: 200px;
+				h1 {
+					// height: 50px;
+					// line-height: 50px;
+					padding-top: 10px;
+					text-align: center;
+					// border-top: 1px solid #eeefef;
+				}
+				.imgbox {
+					// width: 230px;
+					height: 172px;
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+		}
+	}
+	.leftDesc.ant-descriptions-bordered table {
+		// min-height: 352px !important;
+		tbody {
+			tr {
+				height: 44px;
+			}
+		}
+	}
+	.leftDesc.ant-descriptions-bordered .ant-descriptions-item-label {
+		width: 120px;
+		text-align: left;
+		font-weight: normal;
+		background-color: #fff;
+		font-size: 16px;
+		color: #4d575e;
+		letter-spacing: 1px;
+		/*vertical-align: baseline;*/
+	}
 
-  .leftDesc.ant-descriptions-bordered .ant-descriptions-item-content {
-    white-space: break-spaces;
-    text-align: left;
-    font-size: 16px;
-    color: #878787;
-  }
-  .boubleLevel
-    > .ant-descriptions-view
-    > table
-    > tbody
-    > .ant-descriptions-row:last-child
-    > .ant-descriptions-item-content {
-    // padding: 0 !important;
-    .noborder {
-      .ant-descriptions-view {
-        // border: 0 !important;
-      }
-    }
-  }
-  // .right
-  .showInfo {
-    white-space: pre-wrap;
-    word-break: break-all;
-    color: #ff6a00;
-  }
+	.leftDesc.ant-descriptions-bordered .ant-descriptions-item-content {
+		white-space: break-spaces;
+		text-align: left;
+		font-size: 16px;
+		color: #878787;
+	}
+	.boubleLevel > .ant-descriptions-view > table > tbody > .ant-descriptions-row:last-child > .ant-descriptions-item-content {
+		// padding: 0 !important;
+		.noborder {
+			.ant-descriptions-view {
+				// border: 0 !important;
+			}
+		}
+	}
+	// .right
+	.showInfo {
+		white-space: pre-wrap;
+		word-break: break-all;
+		color: #ff6a00;
+	}
 }
 .hotTel {
-  position: fixed;
-  top: 50%;
-  left: calc(50vw + 616px);
-  width: 104px;
-  height: 110px;
-  background-color: #fff;
-  box-shadow: 5px 0px 10px 3px #eee;
-  text-align: center;
-  padding-top: 10px;
-  > i {
-    font-size: 40px;
-  }
-  > p {
-    font-size: 16px;
-    text-align: center;
-    color: #ff6a00;
-  }
-  &:hover > div {
-    display: block;
-  }
-  div {
-    position: absolute;
-    display: none;
-    height: 110px;
-    width: 200px;
-    left: -236px;
-    bottom: 0px;
-    text-align: center;
-    box-shadow: 5px 0px 10px 3px #ddd;
-    background-color: #fff;
-    > p:first-child {
-      padding: 14px 0;
-      border-bottom: 1px solid #eee;
-    }
-    > p:last-child {
-      padding: 16px 0;
-      font-size: 24px;
-      color: #ff6a00;
-    }
-  }
+	position: fixed;
+	top: 50%;
+	left: calc(50vw + 616px);
+	width: 104px;
+	height: 110px;
+	background-color: #fff;
+	box-shadow: 5px 0px 10px 3px #eee;
+	text-align: center;
+	padding-top: 10px;
+	> i {
+		font-size: 40px;
+	}
+	> p {
+		font-size: 16px;
+		text-align: center;
+		color: #ff6a00;
+	}
+	&:hover > div {
+		display: block;
+	}
+	div {
+		position: absolute;
+		display: none;
+		height: 110px;
+		width: 200px;
+		left: -236px;
+		bottom: 0px;
+		text-align: center;
+		box-shadow: 5px 0px 10px 3px #ddd;
+		background-color: #fff;
+		> p:first-child {
+			padding: 14px 0;
+			border-bottom: 1px solid #eee;
+		}
+		> p:last-child {
+			padding: 16px 0;
+			font-size: 24px;
+			color: #ff6a00;
+		}
+	}
 }
 </style>
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index ee1db26..a58b368 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="joblist-container">
-    <!-- <div class="searchbox">
+	<div class="joblist-container">
+		<!-- <div class="searchbox">
       <div class="w">
         <span></span>
       </div>
     </div> -->
-    <!-- 录单弹出框 -->
-    <!-- <a-drawer title="报名" placement="right" :closable="true" :visible="visible" labelAlign="right" width="480" @close="onClose"> -->
-    <!-- <recordbill :visible.sync="visible" :firminfo="apply"></recordbill> -->
-    <!-- </a-drawer> -->
-    <!-- <a-modal
+		<!-- 录单弹出框 -->
+		<!-- <a-drawer title="报名" placement="right" :closable="true" :visible="visible" labelAlign="right" width="480" @close="onClose"> -->
+		<!-- <recordbill :visible.sync="visible" :firminfo="apply"></recordbill> -->
+		<!-- </a-drawer> -->
+		<!-- <a-modal
       title="报名"
       :visible="visible"
       class="modal"
@@ -22,179 +22,167 @@
       :destroyOnClose="true"
     >
     </a-modal> -->
-    <!-- 城市的弹出框 -->
-    <a-modal
-      class="cityModal"
-      v-model="visible"
-      width="680px"
-      title="请选择城市"
-      :footer="null"
-    >
-      <div class="inputBox">
-        <a-input
-          placeholder="请输入城市名称"
-          allow-clear
-          width="300px"
-          v-model="cityValue"
-        ></a-input
-        ><a-button @click="searchCity">确认</a-button>
-      </div>
-      <ul class="firstList">
-        <li @click="[(currentCity = hotCityList), (activeInd = -1)]">
-          <div :class="activeInd == -1 ? 'active' : ''">热门地区</div>
-        </li>
-        <li
-          v-for="(item, index) in hasJobCityList.firstList"
-          :key="index"
-          @click="[changeCurrentCity(index), (activeInd = index)]"
-        >
-          <div :class="activeInd == index ? 'active' : ''">
-            <span v-for="i in item" :key="i">{{ i }}</span>
-          </div>
-        </li>
-      </ul>
-      <ul class="currentCity">
-        <li v-for="(item, index) in currentCity" :key="index">
-          <div>{{ item.name }}</div>
-        </li>
-      </ul>
-    </a-modal>
-    <!-- 筛选导航 -->
-    <div class="navigation" id="navigation">
-      <div class="w">
-        <!-- 特色筛选的列表盒子 -->
-        <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
-          <div class="w">
-            <ul>
-              <li
-                v-for="(item, index) in specialList"
-                :key="index"
-                @click.stop="specialclick(index, item)"
-                :class="{
-                  'special-active': specialactive.indexOf(item.name) > -1,
-                }"
-              >
-                {{ item.name }}
-              </li>
-            </ul>
-          </div>
-        </div>
-        <ul class="filterbox">
-          <li>
-            <!-- @click="visible = true" -->
+		<!-- 城市的弹出框 -->
+		<a-modal class="cityModal" v-model="visible" width="680px" @cancel="cityModalClose" title="请选择城市" :footer="null">
+			<div class="inputBox"><a-input placeholder="请输入城市名称" allow-clear width="300px" v-model="cityValue" @keyup.enter="searchCity" @input="resetCityList"></a-input><a-button @click="searchCity">确认</a-button></div>
+			<ul class="firstList">
+				<li @click="[(currentCityList = hotCityList), (activeInd = -1)]">
+					<div :class="activeInd == -1 ? 'active' : ''">热门地区</div>
+				</li>
+				<li v-for="(item, index) in hasJobCityList.firstList" :key="index" @click="[changeCurrentCity(index), (activeInd = index)]">
+					<div :class="activeInd == index ? 'active' : ''">
+						<span v-for="i in item" :key="i">{{ i }}</span>
+					</div>
+				</li>
+			</ul>
+			<ul class="currentCity">
+				<li v-for="(item, index) in currentCityList" :key="index">
+					<div @click="searchJob(item)">{{ item.name }}</div>
+				</li>
+			</ul>
+		</a-modal>
+		<!-- 筛选导航 -->
+		<div class="navigation" id="navigation">
+			<div class="w">
+				<!-- 特色筛选的列表盒子 -->
+				<div v-if="isspecialboxshow" class="specialbox" @click.stop="">
+					<div class="w">
+						<ul>
+							<li
+								v-for="(item, index) in specialList"
+								:key="index"
+								@click.stop="specialclick(index, item)"
+								:class="{
+									'special-active': specialactive.indexOf(item.name) > -1,
+								}"
+							>
+								{{ item.name }}
+							</li>
+						</ul>
+					</div>
+				</div>
 
-            <i class="iconfont icon-dingwei"></i
-            ><a-cascader
-              :options="cityoption"
-              change-on-select
-              @change="onChange"
-              placeholder="选择城市"
-              v-model="formvalue.district"
-              popupClassName="flitercity"
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              id="city"
-              :popupStyle="{
-                transform: 'all .1s',
-              }"
-              ><i slot="suffixIcon" class="iconfont icon-xiala"></i
-            ></a-cascader>
-          </li>
-          <li>
-            <a-cascader
-              :options="options.price"
-              placeholder="工价"
-              @change="onChange"
-              popupClassName="monthlypay"
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model="formvalue.monthlyPayStr"
-              id="price"
-              ><i slot="suffixIcon" class="iconfont icon-xiala"></i
-            ></a-cascader>
-          </li>
-
-          <li>
-            <a-cascader
-              :options="options.age"
-              placeholder="年龄"
-              @change="onChange"
-              popupClassName="agestr"
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model="formvalue.ageStr"
-              id="age"
-              ><i slot="suffixIcon" class="iconfont icon-xiala"></i
-            ></a-cascader>
-          </li>
-          <li class="special">
-            <div
-              @click.stop="isspecialboxshowclick"
-              :style="isspecialboxshow ? 'color:#ff6a00' : ''"
-            >
-              <ul class="showspecial" v-if="specialactive.length !== 0">
-                <li
-                  v-for="(item, index) in specialactive"
-                  :key="index"
-                  @click.stop
-                >
-                  {{ item
-                  }}<i
-                    class="iconfont icon-guanbi"
-                    @click.stop="delmark(index)"
-                  ></i>
-                </li>
-              </ul>
-              <span v-if="specialactive.length > 3">...</span>
-              <span
-                :style="specialactive.length != 0 ? 'color:#ff6a00' : ''"
-                v-if="specialactive.length === 0"
-                >特色</span
-              ><i
-                class="iconfont icon-xiala"
-                :class="isspecialboxshow ? 'turn' : ''"
-                :style="isspecialboxshow ? 'color:#ff6a00' : ''"
-              ></i>
-            </div>
-          </li>
-          <li class="claerfilter">
-            <a
-              @click="claerfilter"
-              href="javascript:;"
-              v-if="
-                formvalue.district.length !== 0 ||
-                formvalue.monthlyPayStr.length !== 0 ||
-                formvalue.ageStr.length !== 0 ||
-                formvalue.jobSpecialLabelIds.length !== 0
-              "
-              >清空筛选</a
-            >
-          </li>
-        </ul>
-        <span>
-          <a-input
-            placeholder="搜索企业/公司"
-            @keyup.enter="onSearch"
-            @input="resetsearch"
-            v-model="searchvalue"
-            class="searchinput"
-            ><i slot="prefix" class="iconfont icon-sousuo"></i>
-            <button slot="suffix" @click="onSearch">搜索</button>
-          </a-input>
-        </span>
-      </div>
-    </div>
-    <!-- 面包屑 -->
-    <!-- <a-breadcrumb class="w">
+				<span class="searchBox">
+					<a-input placeholder="搜索企业/公司" @keyup.enter="onSearch" @input="resetsearch" v-model="formvalue.aliasName" class="searchinput" style="" allow-clear
+						><div slot="prefix" @click="visible = true">
+							<span>{{ currentCity }}</span
+							><i class="iconfont icon-sousuoxiala"></i
+							><a-input
+								class="ageinput"
+								placeholder="年龄,如20"
+								v-model="formvalue.ageStr"
+                type='number'
+                @mousewheel.prevent="()=>false"
+								@input="resetAgeSearch"
+								@keyup.enter="onSearch"
+								@click.stop="
+									() => {
+										return false;
+									}
+								"
+							></a-input>
+						</div>
+						<button slot="suffix" @click="onSearch" style="">搜索</button>
+					</a-input>
+				</span>
+				<div class="hotStore">
+					<span>热门企业：</span>
+					<ul>
+						<li v-for="(item, index) in hotStoreList" :key="index" @click="getHotStoreList(item)">
+							{{ item.storeName }}
+						</li>
+						<!-- <li @click="resetResult" style="color: #aaa">重置</li> -->
+					</ul>
+				</div>
+				<ul class="filterbox" style="">
+					<!-- @click="visible = true" -->
+					<!-- <li>
+						<i class="iconfont icon-dingwei"></i
+						><a-cascader
+							:options="cityoption"
+							change-on-select
+							@change="onChange"
+							placeholder="选择城市"
+							v-model="formvalue.district"
+							popupClassName="flitercity"
+							:getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							"
+							id="city"
+							:popupStyle="{
+								transform: 'all .1s',
+							}"
+							><i slot="suffixIcon" class="iconfont icon-xiala"></i
+						></a-cascader>
+					</li> -->
+					<li>
+						<a-cascader
+							:options="options.price"
+							placeholder="工价"
+							@change="onChange"
+							popupClassName="monthlypay"
+							:getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							"
+							v-model="formvalue.monthlyPayStr"
+							id="price"
+							><i slot="suffixIcon" class="iconfont icon-xiala"></i
+						></a-cascader>
+					</li>
+					<li>
+						<a-cascader
+							:options="options.gender"
+							placeholder="性别"
+							@change="onChange"
+							class="gender"
+							popupClassName="gender"
+							:getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							"
+							v-model="formvalue.sex"
+							id="gender"
+							><i slot="suffixIcon" class="iconfont icon-xiala"></i
+						></a-cascader>
+					</li>
+					<!-- <li>
+						<a-cascader
+							:options="options.age"
+							placeholder="年龄"
+							@change="onChange"
+							popupClassName="agestr"
+							:getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							"
+							v-model="formvalue.ageStr"
+							id="age"
+							><i slot="suffixIcon" class="iconfont icon-xiala"></i
+						></a-cascader>
+					</li> -->
+					<li class="special">
+						<div @click.stop="isspecialboxshowclick" :style="isspecialboxshow ? 'color:#ff6a00' : ''">
+							<ul class="showspecial" v-if="specialactive.length !== 0">
+								<li v-for="(item, index) in specialactive" :key="index" @click.stop>{{ item }}<i class="iconfont icon-guanbi" @click.stop="delmark(index)"></i></li>
+							</ul>
+							<span v-if="specialactive.length > 3">...</span>
+							<span :style="specialactive.length > 0 ? 'color:#ff6a00' : ''" v-if="specialactive.length === 0">特色</span><i class="iconfont icon-xiala" :class="isspecialboxshow ? 'turn' : ''" :style="isspecialboxshow ? 'color:#ff6a00' : ''"></i>
+						</div>
+					</li>
+					<li class="claerfilter">
+						<a @click="claerfilter" href="javascript:;">清空筛选条件</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<!-- 面包屑 -->
+		<!-- <a-breadcrumb class="w">
       <a-breadcrumb-item href="">
         <router-link to="/main"><a-icon type="home" /></router-link>
       </a-breadcrumb-item>
@@ -202,76 +190,56 @@
         <span>一手职位</span>
       </a-breadcrumb-item>
     </a-breadcrumb> -->
-    <!-- 主体部分 -->
-    <div class="w" id="maincontent">
-      <div class="maincontentleft">
-        <div style="text-align: center">
-          <a-spin tip="加载中..." :spinning="isspinning"></a-spin>
-        </div>
-        <!-- <div
+		<!-- 主体部分 -->
+		<div class="w" id="maincontent">
+			<div class="maincontentleft">
+				<div style="text-align: center">
+					<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
+				</div>
+				<!-- <div
           class="nodata"
           v-if="jobMainList.length === 0 && isspinning === false"
         > -->
-        <template v-if="jobMainList.length === 0 && isspinning === false">
-          <a-empty class="nodata" description="暂无符合条件的岗位" />
-        </template>
-        <!-- </div> -->
-        <div v-if="!isspinning">
-          <div class="subset" v-for="(item, index) in jobMainList" :key="index">
-            <div class="subsetleft">
-              <router-link
-                target="_blank"
-                :to="'/detail/' + item.id"
-                rel="opener"
-              >
-                <div class="imgbox" @click="totop">
-                  <img v-if="item.logo.length !== 0" :src="item.logo" />
-                  <img
-                    v-else
-                    src="../../../static/img/nopicture.png"
-                    style="height: 169px; width: "
-                  />
-                </div>
-              </router-link>
-              <div class="jobinfobox">
-                <router-link
+				<template v-if="jobMainList.length === 0 && isspinning === false">
+					<a-empty class="nodata" description="暂无符合条件的岗位" />
+				</template>
+				<!-- </div> -->
+				<div v-if="!isspinning">
+					<div class="subset" v-for="(item, index) in jobMainList" :key="index">
+						<router-link target="_blank" :to="'/detail/' + item.id" rel="opener">
+							<div class="subsetleft" @click="totop">
+								<div class="imgbox">
+									<img v-if="item.logo.length !== 0" :src="item.logo" />
+									<img v-else src="../../../static/img/nopicture.png" style="height: 169px; width: " />
+								</div>
+								<div class="jobinfobox">
+									<!-- <router-link
                   target="_blank"
                   :to="'/detail/' + item.id"
                   rel="opener"
-                >
-                  <div class="jobname" @click="totop">{{ item.jobName }}</div>
-                </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="jobpricemonth">
-                  <!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" -->
+                > -->
+									<div class="jobname">{{ item.jobName }}</div>
+									<!-- </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="jobpricemonth">
+										<!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" -->
 
-                  <span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span
-                  >-<span>{{
-                    item.maxMonthlyPay ? item.maxMonthlyPay : ""
-                  }}</span
-                  >元/月
-                </div>
-                <div class="jobpricehour">
-                  {{
-                    getSalaryClassifyValue(
-                      item.salaryClassify,
-                      item.salaryClassifyValue
-                    )
-                  }}
+										<span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span
+										>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay : "" }}</span
+										>元/月
+									</div>
+									<div class="jobpricehour">
+										{{ getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) }}
 
-                  <!-- <template v-if="item.hourlyPay"
+										<!-- <template v-if="item.hourlyPay"
                     ><span>{{ item.hourlyPay }}</span
                     >元/小时</template
                   >
@@ -279,775 +247,821 @@
                     ><span>{{ item.dayPay }}</span
                     >元/日</template
                   > -->
-                </div>
-              </div>
-            </div>
-            <div class="subsetright">
-              <div class="topContainer">
-                <div class="updateTime" style="display: none">
-                  <span
-                    >更新时间：{{ item.updateTime || "--" }} (
-                    {{ item.diffTime || "--" }} )
-                  </span>
-                </div>
-                <div class="topbox">
-                  <div>服务费</div>
-                  <div>{{ item.servetype }}</div>
-                </div>
-              </div>
-              <div class="bottombox1">
-                <router-link
-                  :to="'/detail/' + item.id"
-                  target="_blank"
-                  rel="opener"
-                  ><button>更多</button></router-link
-                >
+									</div>
+								</div>
+							</div>
+						</router-link>
+						<div class="subsetright">
+							<div class="topContainer">
+								<div class="updateTime" style="display: none">
+									<span>更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} ) </span>
+								</div>
+								<div class="topbox">
+									<div>服务费</div>
+									<div>{{ item.servetype }}</div>
+								</div>
+							</div>
+							<div class="bottombox1">
+								<!-- <a-popover title="" trigger="click" placement="bottomRight">
+									<template slot="content" class="jobDesp_content">
+										<div :class="'copy' + index" @click="copyText($event, index)">复制</div>
+										<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
+										><span v-else>暂无详单</span>
+									</template> -->
+						<router-link target="_blank" :to="'/detail/' + item.id" rel="opener">
+									<a-button type="primary" class="jobDesp">更多</a-button></router-link>
+								<!-- </a-popover> -->
 
-                <button @click="torecord(item)">报名</button>
+								<button @click="torecord(item)">报名</button>
 
-                <!-- <button @click="showmodal(item)" @click="">报名</button> -->
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="pagecontainer">
-          <a-pagination
-            :current="+formvalue.pageNum"
-            :default-current="1"
-            :defaultPageSize="8"
-            :total="formvalue.total"
-            @change="pageChange"
-          />
-          <div class="ant-pagination-options-quick-jumper">
-            跳至<input
-              ref="pageinput"
-              type="text"
-              @keyup.enter="inputpageChange"
-              @blur="inputpageChange"
-            />页
-          </div>
-        </div>
-      </div>
-      <div class="maincontentright">
-        <div class="dateinfo">
-          <h1 class="bottombox"><i>我的日历</i></h1>
-          <p
-            class="day"
-            :style="{
-              'font-size': '60px',
-              color: '#FF6A00',
-              'line-height': '80px',
-              'margin-top': '8px',
-            }"
-          >
-            {{ dateinfo.day }}
-          </p>
-          <p class="week" :style="{ 'font-size': '16px', color: '#FF6A00' }">
-            {{ dateinfo.week }}
-          </p>
-          <p class="date" :style="{ 'font-size': '16px', color: '#FF6A00' }">
-            {{ dateinfo.date }}
-          </p>
-        </div>
-        <div class="hotphone">
-          <h1 class="bottombox"><i>服务热线</i></h1>
-          <p>0371-6611 3723</p>
-        </div>
-        <!-- <div class="relationme">
+								<!-- <button @click="showmodal(item)" @click="">报名</button> -->
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="pagecontainer">
+					<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
+					<div class="ant-pagination-options-quick-jumper">跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页</div>
+				</div>
+			</div>
+			<div class="maincontentright">
+				<div class="dateinfo">
+					<h1 class="bottombox"><i>我的日历</i></h1>
+					<p
+						class="day"
+						:style="{
+							'font-size': '60px',
+							color: '#FF6A00',
+							'line-height': '80px',
+							'margin-top': '8px',
+						}"
+					>
+						{{ dateinfo.day }}
+					</p>
+					<p class="week" :style="{ 'font-size': '16px', color: '#FF6A00' }">
+						{{ dateinfo.week }}
+					</p>
+					<p class="date" :style="{ 'font-size': '16px', color: '#FF6A00' }">
+						{{ dateinfo.date }}
+					</p>
+				</div>
+				<div class="hotphone">
+					<h1 class="bottombox"><i>服务热线</i></h1>
+					<p>0371-6611 3723</p>
+				</div>
+				<!-- <div class="relationme">
           <p class="bottombox"><i>一手单合作</i></p>
           <button>发布一手单</button>
         </div> -->
-        <recommend />
-      </div>
-    </div>
-  </div>
+				<recommend />
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
 import {
-  // JobListApi,
-  getJobSpecialApi,
-  getProvinceApi,
-  getHotCityApi,
-  getCityWhichHasJobApi,
-  getHotStoreApi,
-  // getCityApi,
+	// JobListApi,
+	getJobSpecialApi,
+	getProvinceApi,
+	getHotCityApi,
+	getCityWhichHasJobApi,
+	getHotStoreApi,
+	// getCityApi,
 } from "../../api/job";
 import { moneyToFixed, getSalaryClassifyValue } from "../../utils/commonUtil";
 import recommend from "@/components/FirstJob/components/recommend.vue";
 import { nationlist } from "../../utils/datalist";
+import Clipboard from "clipboard";
 // import PinYin from '../../utils/ChinesePY'
 // import recordbill from "@/components/FirstJob/components/recordbill.vue";
 export default {
-  // 注入获取职位列表的方法
-  inject: ["getJobList", "reload"],
-  // 组件名称
-  name: "",
-  // 局部注册的组件
-  components: {
-    recommend,
-    // recordbill,
-  },
-  // 组件参数 接收来自父组件的数据
-  props: {
-    isspecialboxshow: {
-      require: true,
-    },
-    formvalue: {
-      // type: Object,
-      require: true,
-    },
-    jobMainList: {
-      require: true,
-    },
-    isspinning: {
-      require: true,
-    }, // 加载中显示
-  },
-  // 组件状态值
-  data() {
-    return {
-      // jobMainList: [], // 职位列表
-      specialList: [], // 获取的特色列表
-      searchvalue: "",
-      specialactive: [], // 点中的特色标签索引
-      specialvalue: [], // 点中的特色标签
-      visible: false, // 录单模态框的展示
-      confirmLoading: false, // 录单提交的loading效果
-      cityoption: [], // 城市列表
-      hotCityList: [], // 热门城市列表
-      hasJobCityList: {}, // 有职位的城市列表
-      currentCity: {}, // 当前首字母展示的城市列表
-      cityValue: "", // 城市输入框内容
-      activeInd: -1,
-      hotStoreList: [],
-      newFormValue: [],
-      apply: "", // 报名企业id
-      proxyinfo: JSON.parse(sessionStorage.getItem("LOGIN_DATA")),
-      nationlist: nationlist,
+	// 注入获取职位列表的方法
+	inject: ["getJobList", "reload"],
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {
+		recommend,
+		// recordbill,
+	},
+	// 组件参数 接收来自父组件的数据
+	props: {
+		isspecialboxshow: {
+			require: true,
+		},
+		formvalue: {
+			// type: Object,
+			require: true,
+		},
+		jobMainList: {
+			require: true,
+		},
+		isspinning: {
+			require: true,
+		}, // 加载中显示
+	},
+	// 组件状态值
+	data() {
+		return {
+			// jobMainList: [], // 职位列表
+			specialList: [], // 获取的特色列表
+			// searchvalue: "",
+			specialactive: [], // 点中的特色标签索引
+			specialvalue: [], // 点中的特色标签
+			visible: false, // 录单模态框的展示
+			confirmLoading: false, // 录单提交的loading效果
+			cityoption: [], // 城市列表
+			hotCityList: [], // 热门城市列表
+			hasJobCityList: {}, // 有职位的城市列表
+			currentCityList: {}, // 当前首字母展示的城市列表
+			currentCity: "全国",
+			cityValue: "", // 城市输入框内容
+			activeInd: -1,
+			hotStoreList: [],
+			newFormValue: [],
+			apply: "", // 报名企业id
+			proxyinfo: JSON.parse(sessionStorage.getItem("LOGIN_DATA")),
+			nationlist: nationlist,
 
-      dateinfo: {
-        day: "",
-        week: "",
-        date: "",
-      },
+			dateinfo: {
+				day: "",
+				week: "",
+				date: "",
+			},
 
-      options: {
-        //
-        price: [
-          {
-            value: "3000-4000",
-            label: "3000-4000元",
-            uid: 1,
-          },
-          {
-            value: "4000-5000",
-            label: "4000-5000元",
-            uid: 1,
-          },
-          {
-            value: "5000-6000",
-            label: "5000-6000元",
-            uid: 1,
-          },
-          {
-            value: "6000-7000",
-            label: "6000-7000元",
-            uid: 1,
-          },
-        ],
-        age: [
-          {
-            value: "16-45",
-            label: "16-45岁",
-            uid: 2,
-          },
-          {
-            value: "18-35",
-            label: "18-35岁",
-            uid: 2,
-          },
-          {
-            value: "45-58",
-            label: "45-58岁",
-            uid: 2,
-          },
-          {
-            value: "58",
-            label: "58岁以上",
-            uid: 2,
-          },
-        ],
-      },
-      relationList: [],
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {
-    formvalue: {
-      handler(e) {
-        // console.log(e);
-        // 筛选列表数据处理
-        // if(e.city !== undefined){
-        if (e.district.length === 0) {
-          document.getElementById("city").style.width = 85 + "px";
-        } else {
-          const result = e.district.join("");
-          // console.log(result);
-          if (result.length > 6) {
-            document.getElementById("city").style.width =
-              (result.length + 3) * 14 + "px";
-            document.getElementById("city").style.maxWidth = "210px";
-            document.querySelector("#city").nextElementSibling.style.width =
-              (result.length + 3) * 14 + "px"; // 获取下一个兄弟元素s
-            document.getElementById("city").nextElementSibling.style.maxWidth =
-              "210px";
-          } else if (result.length > 5) {
-            document.getElementById("city").style.width =
-              (result.length + 2.8) * 14 + "px";
-            document.querySelector("#city").nextElementSibling.style.width =
-              (result.length + 2.6) * 14 + "px";
-          } else if (result.length > 4) {
-            document.getElementById("city").style.width =
-              (result.length + 2.4) * 14 + "px";
-            document.querySelector("#city").nextElementSibling.style.width =
-              (result.length + 2.4) * 14 + "px";
-          } else {
-            document.getElementById("city").style.width =
-              (result.length + 1.5) * 14 + "px";
-            document.getElementById("city").style.minWidth = 72 + "px";
-            document.querySelector("#city").nextElementSibling.style.width =
-              (result.length + 1.5) * 14 + "px";
-          }
-        }
-        // }
-        // 工价的判断
-        if (e.monthlyPayStr.length === 0) {
-          document.getElementById("price").style.width = 60 + "px";
-        } else {
-          const result = e.monthlyPayStr.join("");
-          if (result.length >= 0) {
-            document.getElementById("price").style.width = "120px";
-            document.getElementById("price").nextElementSibling.style.width =
-              "130px";
-            // document.querySelector(".ant-cascader-picker-label").style.width =
-            // "150px";
-          }
-        }
-        // 年龄筛选长度的判断
-        if (e.ageStr.length === 0) {
-          document.getElementById("age").style.width = 60 + "px";
-        } else {
-          const result = e.ageStr.join("");
-          if (result.length >= 0) {
-            document.getElementById("age").style.width = "90px";
-            document.getElementById("age").nextElementSibling.style.width =
-              "90px";
-            // document.querySelector(".ant-cascader-picker-label").style.width =
-            // "150px";
-          }
-        }
-      },
-      deep: true,
-    },
-    $route: {
-      handler(to, from) {
-        console.log("ischange");
-        console.log(to);
-        console.log(from);
-      },
-      deep: true,
-    },
-  },
-  // 组件
+			options: {
+				//
+				price: [
+					{
+						value: "3000-4000",
+						label: "3000-4000元",
+						uid: 1,
+					},
+					{
+						value: "4000-5000",
+						label: "4000-5000元",
+						uid: 1,
+					},
+					{
+						value: "5000-6000",
+						label: "5000-6000元",
+						uid: 1,
+					},
+					{
+						value: "6000-7000",
+						label: "6000-7000元",
+						uid: 1,
+					},
+				],
+				age: [
+					{
+						value: "16-45",
+						label: "16-45岁",
+						uid: 2,
+					},
+					{
+						value: "18-35",
+						label: "18-35岁",
+						uid: 2,
+					},
+					{
+						value: "45-58",
+						label: "45-58岁",
+						uid: 2,
+					},
+					{
+						value: "58",
+						label: "58岁以上",
+						uid: 2,
+					},
+				],
+				gender: [
+					{
+						value: "1",
+						label: "男",
+						uid: 3,
+					},
+					{
+						value: "2",
+						label: "女",
+						uid: 3,
+					},
+					{
+						value: "-1",
+						label: "男女不限",
+						uid: 3,
+					},
+				],
+			},
+			relationList: [],
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {
+		formvalue: {
+			handler(e) {
+				console.log(e);
+				// 筛选列表数据处理
+				// if(e.city !== undefined){
+				// if (e.district.length === 0) {
+				// 	document.getElementById("city").style.width = 85 + "px";
+				// } else {
+				// 	const result = e.district.join("");
+				// 	// console.log(result);
+				// 	if (result.length > 6) {
+				// 		document.getElementById("city").style.width = (result.length + 3) * 14 + "px";
+				// 		document.getElementById("city").style.maxWidth = "210px";
+				// 		document.querySelector("#city").nextElementSibling.style.width = (result.length + 3) * 14 + "px"; // 获取下一个兄弟元素s
+				// 		document.getElementById("city").nextElementSibling.style.maxWidth = "210px";
+				// 	} else if (result.length > 5) {
+				// 		document.getElementById("city").style.width = (result.length + 2.8) * 14 + "px";
+				// 		document.querySelector("#city").nextElementSibling.style.width = (result.length + 2.6) * 14 + "px";
+				// 	} else if (result.length > 4) {
+				// 		document.getElementById("city").style.width = (result.length + 2.4) * 14 + "px";
+				// 		document.querySelector("#city").nextElementSibling.style.width = (result.length + 2.4) * 14 + "px";
+				// 	} else {
+				// 		document.getElementById("city").style.width = (result.length + 1.5) * 14 + "px";
+				// 		document.getElementById("city").style.minWidth = 72 + "px";
+				// 		document.querySelector("#city").nextElementSibling.style.width = (result.length + 1.5) * 14 + "px";
+				// 	}
+				// }
+				// }
+				// 工价的判断
+				if (e.monthlyPayStr.length == 0) {
+					document.getElementById("price").style.width = 60 + "px";
+					document.getElementById("price").style.minWidth = 60 + "px";
+				} else {
+					const result = e.monthlyPayStr.join("");
+					if (result.length >= 0) {
+						document.getElementById("price").style.width = "120px";
+						document.getElementById("price").nextElementSibling.style.width = "130px";
+						// document.querySelector(".ant-cascader-picker-label").style.width =
+						// "150px";
+					}
+				}
+				if (e.monthlyPayStr.length == 0) {
+					document.getElementById("price").style.width = 60 + "px";
+					document.getElementById("price").style.minWidth = 60 + "px";
+				} else {
+					const result = e.monthlyPayStr.join("");
+					if (result.length >= 0) {
+						document.getElementById("price").style.width = "120px";
+						document.getElementById("price").nextElementSibling.style.width = "130px";
+						// document.querySelector(".ant-cascader-picker-label").style.width =
+						// "150px";
+					}
+				}
+				// 年龄筛选长度的判断
+				// if (e.ageStr.length === 0) {
+				// 	document.getElementById("age").style.width = 60 + "px";
+				// } else {
+				// 	const result = e.ageStr.join("");
+				// 	if (result.length >= 0) {
+				// 		document.getElementById("age").style.width = "90px";
+				// 		document.getElementById("age").nextElementSibling.style.width = "90px";
+				// 		// document.querySelector(".ant-cascader-picker-label").style.width =
+				// 		// "150px";
+				// 	}
+				// }
+			},
+			deep: true,
+		},
+		$route: {
+			handler(to, from) {
+				console.log("ischange");
+				console.log(to);
+				console.log(from);
+			},
+			deep: true,
+		},
+	},
+	// 组件
 
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    console.log(this.proxyinfo);
-    // this.reload();
-    this.getJobList();
-    this.getJobSpecial();
-    this.getProvince();
-    this.getdateinfo();
-    this.getHotCity();
-    this.getCityWhichHasJob();
-    this.getHotStore();
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {
-    // this.$nextTick(() => {
-    //   console.log(this.isspecialboxshow);
-    // });
-    // document.querySelector(".ant-pagination-options-quick-jumper").innerHTML =
-    //   "跳至<input  type='text'>页";
-    console.log(this.formvalue);
-    console.log(this.$route);
-  },
-  // 组件方法
-  methods: {
-    // 处理筛选框的定位
-    // filterbox() {
-    //   return () => {
-    //     return document.getElementById("filterbox")[0];
-    //     // return document.body;
-    //   };
-    // },
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		console.log(this.proxyinfo);
+		// this.reload();
+		this.getJobList();
+		this.getJobSpecial();
+		this.getProvince();
+		this.getdateinfo();
+		this.getHotCity();
+		this.getCityWhichHasJob();
+		this.getHotStore();
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {
+		this.$nextTick(() => {});
+		setTimeout(() => {
+			console.log(this.jobMainList);
+		}, 200);
+		// document.querySelector(".ant-pagination-options-quick-jumper").innerHTML =
+		//   "跳至<input  type='text'>页";
+		console.log(this.formvalue);
+		console.log(this.$route);
+	},
+	// 组件方法
+	methods: {
+		// 处理筛选框的定位
+		// filterbox() {
+		//   return () => {
+		//     return document.getElementById("filterbox")[0];
+		//     // return document.body;
+		//   };
+		// },
 
-    //搜索企业名称
-    onSearch(e) {
-      console.log(e);
-      // if (typeof e === "string" || typeof e === "number") {
-      //   if (e.length !== 0) {
-      //     console.log("zifuchuan ");
-      //     this.formvalue.aliasName = e;
-      //     this.getJobList();
-      //   }
-      // } else
-      this.formvalue.pageNum = 1;
-      if (e.target.value.trim() !== "") {
-        console.log("search");
-        this.formvalue.aliasName = e.target.value.trim();
-        this.getJobList();
-      } else if (this.searchvalue.trim() !== "") {
-        console.log("search1");
-        this.formvalue.aliasName = this.searchvalue;
-        this.getJobList();
-      }
+		//搜索企业名称
+		onSearch(e) {
+			console.log(e);
+			// if (typeof e === "string" || typeof e === "number") {
+			//   if (e.length !== 0) {
+			//     console.log("zifuchuan ");
+			//     this.formvalue.aliasName = e;
+			//     this.getJobList();
+			//   }
+			// } else
+			this.formvalue.pageNum = 1;
+			if (this.formvalue.aliasName.trim() !== "" || this.formvalue.ageStr.trim() !== "") {
+				// console.log("search1");
+				// this.formvalue.aliasName = this.searchvalue;
+				console.log(this.formvalue);
+				this.getJobList();
+			}
 
-      // this.$router.push("/list").catch((err) => {
-      //   console.log(err);
-      // });
-    },
-    // 获取职位特色
-    async getJobSpecial() {
-      try {
-        const { data } = await getJobSpecialApi();
-        console.log(data);
-        this.specialList = data.data;
-      } catch (error) {
-        console.log(error);
-      }
-    },
+			// this.$router.push("/list").catch((err) => {
+			//   console.log(err);
+			// });
+		},
+		// 获取职位特色
+		async getJobSpecial() {
+			try {
+				const { data } = await getJobSpecialApi();
+				console.log(data);
+				this.specialList = data.data;
+			} catch (error) {
+				console.log(error);
+			}
+		},
 
-    // 获取省份列表
-    async getProvince() {
-      // const that = this;
-      try {
-        const { data } = await getProvinceApi();
-        // console.log(data);
-        data.data.pop();
-        this.cityoption = data.data;
+		// 获取省份列表
+		async getProvince() {
+			// const that = this;
+			try {
+				const { data } = await getProvinceApi();
+				// console.log(data);
+				data.data.pop();
+				this.cityoption = data.data;
 
-        // console.log(this.cityoption);
-        // console.log(data);
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    // 筛选职位
-    onChange(e, item) {
-      console.log(e);
-      console.log(item);
-      if (item) {
-        if (item.uid === 1) {
-          console.log(1);
-          this.formvalue.monthlyPayStr = item[0];
-        } else if (item.uid === 2) {
-          this.formvalue.ageStr = item[0];
-        } else if (item[0].id) {
-          console.log(e.join());
-          this.formvalue.district = e;
-        }
-      }
-      this.getJobList();
-    },
-    pageChange(e) {
-      console.log(e);
-      this.formvalue.pageNum = e;
-      this.$refs.pageinput.value = "";
-      this.getJobList();
-    },
-    inputpageChange(e) {
-      const pagenumcount = this.formvalue.total / this.formvalue.pageSize;
-      console.log(pagenumcount);
-      if (e.target.value) {
-        if (e.target.value > pagenumcount) {
-          this.formvalue.pageNum = Math.ceil(pagenumcount);
-        } else {
-          this.formvalue.pageNum = e.target.value;
-        }
-      } else {
-        this.formvalue.pageNum = 1;
-      }
-      this.getJobList();
-      console.log(e);
-    },
-    handleChange() {},
-    claerfilter() {
-      const { pageNum, pageSize, total } = this.formvalue;
-      // this.formvalue = {  // 改变引用地址不会使vue侦听到数据的变化,
-      //   district: [],
-      //   monthlyPayStr: [],
-      //   ageStr: [],
-      //   jobSpecialLabelIds: [],
-      //   pageNum,
-      //   pageSize,
-      //   total, //分页配置
-      // };
-      this.formvalue.district = [];
-      this.formvalue.monthlyPayStr = [];
-      this.formvalue.ageStr = [];
-      this.formvalue.jobSpecialLabelIds = [];
-      this.formvalue.pageNum = pageNum;
-      this.formvalue.pageSize = pageSize;
-      this.formvalue.total = total;
-      console.log(this.formvalue);
-      this.specialactive = [];
-      this.specialvalue = [];
-      this.getJobList();
-    },
-    specialclick(index, item) {
-      console.log(item);
-      console.log(index);
-      let arrIndex = this.specialactive.indexOf(item.name);
-      if (arrIndex > -1) {
-        this.specialactive.splice(arrIndex, 1);
-        this.specialvalue.splice(arrIndex, 1);
-      } else {
-        this.specialactive.push(item.name);
-        this.specialvalue.push(item.id);
-      }
-      this.formvalue.jobSpecialLabelIds = this.specialvalue;
-      // console.log(this.specialactive);
-      this.getJobList();
-      console.log(this.specialvalue);
-      console.log(this.formvalue);
-      // console.log(index);
-    },
-    isspecialboxshowclick() {
-      this.$emit("update:isspecialboxshow", !this.isspecialboxshow);
-    },
-    totop() {
-      // console.log(window);
-      document.body.scrollTop = 0;
-      document.documentElement.scrollTop = 0;
-      // window.body.scrollY = 0;
-    },
-    moneyToFixed(value) {
-      return moneyToFixed(value);
-    },
-    // 重置搜索结果
-    resetsearch(e) {
-      // console.log(e);
-      if (e.target.value.length === 0) {
-        this.formvalue.aliasName = "";
+				// console.log(this.cityoption);
+				// console.log(data);
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		// 筛选职位
+		onChange(e, item) {
+			console.log(e);
+			console.log(item);
+			console.log(this.formvalue);
+			// if (item) {
+			// 	if (item.uid === 1) {
+			// 		console.log(1);
+			// 		this.formvalue.monthlyPayStr = item[0];
+			// 	} else if (item.uid === 2) {
+			// 		this.formvalue.ageStr = item[0];
+			// 	} else if (item[0].id) {
+			// 		console.log(e.join());
+			// 		this.formvalue.district = e;
+			// 	} else
+			// if (item[0].uid == 3){
+			// 		this.formvalue.sex = item[0].value;
 
-        this.getJobList();
-      }
-      // this.$router.push("/list").catch((err) => {
-      //   console.log(err);
-      // });
-    },
-    // 录单弹出层的关闭
-    // handleCancel() {
-    // 	this.visible = false;
-    // 	this.form = {
-    // 		// 录单数据
-    // 		name: "",
-    // 		peoplecard: "",
-    // 		gender: "",
-    // 		nation: "",
-    // 		location: "",
-    // 		firm: "",
-    // 		post: "",
-    // 		pattern: "",
-    // 		policy: "",
-    // 		proxy: "",
-    // 		facedate: "",
-    // 	};
-    // },
-    // 录单提交按钮的回调
+			//   }
+			// }
+			this.getJobList();
+		},
+		pageChange(e) {
+			console.log(e);
+			this.formvalue.pageNum = e;
+			this.$refs.pageinput.value = "";
+			this.getJobList();
+		},
+		inputpageChange(e) {
+			const pagenumcount = this.formvalue.total / this.formvalue.pageSize;
+			console.log(pagenumcount);
+			if (e.target.value) {
+				if (e.target.value > pagenumcount) {
+					this.formvalue.pageNum = Math.ceil(pagenumcount);
+				} else {
+					this.formvalue.pageNum = e.target.value;
+				}
+			} else {
+				this.formvalue.pageNum = 1;
+			}
+			this.getJobList();
+			console.log(e);
+		},
+		handleChange() {},
+		claerfilter() {
+			const { pageNum, pageSize, total } = this.formvalue;
+			// this.formvalue = {  // 改变引用地址不会使vue侦听到数据的变化,
+			//   district: [],
+			//   monthlyPayStr: [],
+			//   ageStr: [],
+			//   jobSpecialLabelIds: [],
+			//   pageNum,
+			//   pageSize,
+			//   total, //分页配置
+			// };
+			this.formvalue.district = [];
+			this.formvalue.monthlyPayStr = [];
+			this.formvalue.ageStr = "";
+			this.formvalue.jobSpecialLabelIds = [];
+			this.formvalue.aliasName = "";
+			this.formvalue.cityName = "";
+			this.formvalue.sex = [];
+			this.formvalue.levelType = "";
+			this.formvalue.hotStoreId = "";
+			this.currentCity = "全国";
+			this.formvalue.pageNum = pageNum;
+			this.formvalue.pageSize = pageSize;
+			this.formvalue.total = total;
+			// console.log(this.formvalue);
+			this.specialactive = [];
+			this.specialvalue = [];
+			this.getJobList();
+		},
+		specialclick(index, item) {
+			console.log(item);
+			console.log(index);
+			let arrIndex = this.specialactive.indexOf(item.name);
+			if (arrIndex > -1) {
+				this.specialactive.splice(arrIndex, 1);
+				this.specialvalue.splice(arrIndex, 1);
+			} else {
+				this.specialactive.push(item.name);
+				this.specialvalue.push(item.id);
+			}
+			this.formvalue.jobSpecialLabelIds = this.specialvalue;
+			// console.log(this.specialactive);
+			this.getJobList();
+			console.log(this.specialvalue);
+			console.log(this.formvalue);
+			// console.log(index);
+		},
+		isspecialboxshowclick() {
+			this.$emit("update:isspecialboxshow", !this.isspecialboxshow);
+		},
+		totop() {
+			// console.log(window);
+			document.body.scrollTop = 0;
+			document.documentElement.scrollTop = 0;
+			// window.body.scrollY = 0;
+		},
+		moneyToFixed(value) {
+			console.log(value);
+			return moneyToFixed(value);
+		},
+		// 重置搜索结果
+		resetsearch(e) {
+			// console.log(e);
+			if (e.target.value.length === 0) {
+				this.formvalue.aliasName = "";
 
-    // 弹出录单模态框
-    // showmodal(item) {
-    // 	this.visible = true;
-    // 	this.apply = item;
-    // 	console.log(this.apply);
-    // 	// console.log(id);
-    // },
-    // onClose() {
-    // 	console.log(123);
-    // 	this.visible = false;
-    // 	this.form = {
-    // 		// 录单数据
-    // 		name: "",
-    // 		peoplecard: "",
-    // 		gender: "", // 性别
-    // 		nation: "", // 民族
-    // 		location: "", // 家庭住址
-    // 		firm: "", // 公司名
-    // 		post: "", // 岗位
-    // 		pattern: "", // 模式
-    // 		policy: "", // 代理政策
-    // 		proxy: "", // 代理
-    // 		facedate: "", // 面试时间
-    // 	};
-    // },
-    // 获取日期信息
-    getdateinfo() {
-      const date = new Date();
-      // console.log(date);
-      // console.log(date.getDate());
-      // console.log(date.getDay());
-      // console.log(date.getFullYear());
-      // console.log(date.getMonth());
-      if (date.getDay() === 1) {
-        this.dateinfo.week = "星期一";
-      } else if (date.getDay() === 2) {
-        this.dateinfo.week = "星期二";
-      } else if (date.getDay() === 3) {
-        this.dateinfo.week = "星期三";
-      } else if (date.getDay() === 4) {
-        this.dateinfo.week = "星期四";
-      } else if (date.getDay() === 5) {
-        this.dateinfo.week = "星期五";
-      } else if (date.getDay() === 6) {
-        this.dateinfo.week = "星期六";
-      } else if (date.getDay() === 7) {
-        this.dateinfo.week = "星期日";
-      }
-      // console.log(date.getDate());
-      // console.log(date.getDate().length);
-      if (date.getDate().toString().length <= 1) {
-        this.dateinfo.day = "0" + date.getDate();
-        console.log(this.dateinfo.day);
-      } else {
-        this.dateinfo.day = date.getDate();
-        console.log(this.dateinfo.day);
-      }
-      this.dateinfo.date = date.getFullYear() + "." + (date.getMonth() + 1);
-    },
-    delmark(index) {
-      console.log(index);
-      this.specialactive.splice(index, 1);
-      this.specialvalue.splice(index, 1);
-      this.getJobList();
-    },
-    torecord(item) {
-      // 跳转到路由新页面的方法
-      console.log(item);
-      // let userinfo = JSON.stringify(item);
+				this.getJobList();
+			}
+			// this.$router.push("/list").catch((err) => {
+			//   console.log(err);
+			// });
+		},
+		resetAgeSearch(e) {
+			if (e.target.value.length === 0) {
+				this.formvalue.ageStr = "";
 
-      this.$router.push({ name: "recordbill", params: item });
-      sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(item));
-    },
-    getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
-      return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
-    },
-    async getHotCity() {
-      try {
-        const { data } = await getHotCityApi();
-        console.log(data);
-        if (data.status == 200) {
-          this.hotCityList = data.data;
-          this.currentCity = this.hotCityList;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    async getCityWhichHasJob() {
-      try {
-        const { data } = await getCityWhichHasJobApi();
-        console.log(data);
-        if (data.status == 200) {
-          let pinyinList = [];
-          data.data.forEach((item) => {
-            if (pinyinList.indexOf(item.firstLetter) == -1) {
-              pinyinList.push(item.firstLetter);
-            }
-          });
-          pinyinList.sort(); // 拼音首字母排序
-          let firstList = [];
-          let cityList = [];
-          let num = -1;
+				this.getJobList();
+			}
+		},
+		cityModalClose() {
+			// 城市选择弹出框关闭
+			this.cityValue = "";
+      this.searchCity()
+		},
 
-          pinyinList.forEach((item, i) => {
-            if (i % 5 == 0) {
-              num++;
-              firstList[num] = [];
-            }
-            firstList[num].push(item);
-          });
-          firstList.forEach((item, i) => {
-            cityList[i] = [];
+		// 获取日期信息
+		getdateinfo() {
+			const date = new Date();
+			// console.log(date);
+			// console.log(date.getDate());
+			// console.log(date.getDay());
+			// console.log(date.getFullYear());
+			// console.log(date.getMonth());
+			if (date.getDay() === 1) {
+				this.dateinfo.week = "星期一";
+			} else if (date.getDay() === 2) {
+				this.dateinfo.week = "星期二";
+			} else if (date.getDay() === 3) {
+				this.dateinfo.week = "星期三";
+			} else if (date.getDay() === 4) {
+				this.dateinfo.week = "星期四";
+			} else if (date.getDay() === 5) {
+				this.dateinfo.week = "星期五";
+			} else if (date.getDay() === 6) {
+				this.dateinfo.week = "星期六";
+			} else if (date.getDay() === 7) {
+				this.dateinfo.week = "星期日";
+			}
+			// console.log(date.getDate());
+			// console.log(date.getDate().length);
+			if (date.getDate().toString().length <= 1) {
+				this.dateinfo.day = "0" + date.getDate();
+				console.log(this.dateinfo.day);
+			} else {
+				this.dateinfo.day = date.getDate();
+				console.log(this.dateinfo.day);
+			}
+			this.dateinfo.date = date.getFullYear() + "." + (date.getMonth() + 1);
+		},
+		delmark(index) {
+			console.log(index);
+			this.specialactive.splice(index, 1);
+			this.specialvalue.splice(index, 1);
+			this.getJobList();
+		},
+		torecord(item) {
+			// 跳转到路由新页面的方法
+			console.log(item);
+			// let userinfo = JSON.stringify(item);
 
-            item.forEach((item1) => {
-              data.data.forEach((item2) => {
-                if (item2.firstLetter == item1) {
-                  cityList[i].push(item2);
-                }
-              });
-            });
-          });
-          this.hasJobCityList.firstList = firstList;
-          this.hasJobCityList.cityList = cityList;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    async getHotStore() {
-      try {
-        const { data } = await getHotStoreApi();
-        console.log(data);
-        if (data.status == 200) {
-          this.hotStoreList = data.data;
-          console.log(this.hotStoreList);
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    changeCurrentCity(index) {
-      this.currentCity = this.hasJobCityList.cityList[index];
-      console.log(index);
-    },
-    searchCity() {
-      if (this.cityValue) {
-        this.currentCity = [];
-        this.hotCityList.forEach((item) => {
-          console.log(item);
-          console.log(item.name.indexOf(this.cityValue));
-          if (item.name.indexOf(this.cityValue) > -1) {
-            console.log(123);
-            this.currentCity.push(item);
-          }
-        });
-        console.log(this.currentCity);
-      }
-    },
-    // todetail(item) {
-    //   const routeURL = this.$router.resolve({
-    //     name: "Detail",
-    //     query: item.id,
-    //   });
-    //   window.open(routeURL.href, "_blank");
-    //   console.log(item);
-    // },
-  },
+			this.$router.push({ name: "recordbill", params: item });
+			sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(item));
+		},
+		getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
+			return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
+		},
+		async getHotCity() {
+			try {
+				const { data } = await getHotCityApi();
+				console.log(data);
+				if (data.status == 200) {
+					this.hotCityList = data.data;
+					this.currentCityList = this.hotCityList;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getCityWhichHasJob() {
+			try {
+				const { data } = await getCityWhichHasJobApi();
+				console.log(data);
+				if (data.status == 200) {
+					let pinyinList = [];
+					data.data.forEach((item) => {
+						if (pinyinList.indexOf(item.firstLetter) == -1) {
+							pinyinList.push(item.firstLetter);
+						}
+					});
+					pinyinList.sort(); // 拼音首字母排序
+					let firstList = [];
+					let cityList = [];
+					let num = -1;
+
+					pinyinList.forEach((item, i) => {
+						if (i % 5 == 0) {
+							num++;
+							firstList[num] = [];
+						}
+						firstList[num].push(item);
+					});
+					firstList.forEach((item, i) => {
+						cityList[i] = [];
+
+						item.forEach((item1) => {
+							data.data.forEach((item2) => {
+								if (item2.firstLetter == item1) {
+									cityList[i].push(item2);
+								}
+							});
+						});
+					});
+					this.hasJobCityList.firstList = firstList;
+					this.hasJobCityList.cityList = cityList;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getHotStore() {
+			try {
+				const { data } = await getHotStoreApi();
+				console.log(data);
+				if (data.status == 200) {
+					let middle = [];
+					this.hotStoreList = data.data;
+					this.hotStoreList.forEach((item, index) => {
+						if (index <= 4) {
+							middle.push(item);
+						}
+					});
+					this.hotStoreList = middle;
+					// console.log(this.hotStoreList);
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		changeCurrentCity(index) {
+			this.currentCityList = this.hasJobCityList.cityList[index];
+			console.log(index);
+		},
+		searchCity() {
+				this.currentCityList = [];
+			if (this.cityValue) {
+				this.hotCityList.forEach((item) => {
+					// console.log(item);
+					// console.log(item.name.indexOf(this.cityValue));
+					if (item.name.indexOf(this.cityValue) > -1) {
+						console.log(123);
+						this.currentCityList.push(item);
+					}
+				});
+			
+			}
+      	if (this.currentCityList.length == 0) {
+					this.currentCityList = this.hotCityList;
+				}
+		},
+		resetCityList(e) {
+			if (e.target.value.length === 0) {
+				this.cityValue = "";
+				this.currentCityList = this.hotCityList;
+			}
+		},
+		searchJob(item) {
+			console.log(item);
+			this.formvalue.cityName = item.name;
+			this.formvalue.levelType = item.levelType;
+			this.currentCity = item.name;
+			this.getJobList();
+			this.visible = false;
+		},
+		getHotStoreList(item) {
+			console.log(item);
+			this.formvalue.aliasName = item.storeName;
+			// this.formvalue.hotStoreId = item.storeId;
+			this.getJobList();
+		},
+		resetResult() {
+			this.formvalue.cityName = "";
+			this.formvalue.levelType = "";
+			this.formvalue.hotStoreId = "";
+			this.currentCity = "全国";
+			console.log(this.formvalue);
+			this.getJobList();
+		},
+		copyText(event, ind) {
+			// 复制文本内容
+			var clipboard = new Clipboard(".copy" + ind, {
+				// .copy 是点击的触发元素
+				target: function () {
+					// 通过target指定要复印的节点
+					return document.querySelector(".copyInfo" + ind); // .copyInfo 是要复制的目标内容
+				},
+			});
+			console.log(clipboard);
+			// if(){
+
+			// }
+			clipboard.on("success", (e) => {
+				// success 是成功的回调 success => error 可以捕获复制失败的异常信息
+				console.log(123);
+				console.log(e);
+				this.$message.success("复制成功");
+				clipboard.destroy();
+			});
+		},
+		// todetail(item) {
+		//   const routeURL = this.$router.resolve({
+		//     name: "Detail",
+		//     query: item.id,
+		//   });
+		//   window.open(routeURL.href, "_blank");
+		//   console.log(item);
+		// },
+	},
 };
 </script>
 
 <style scoped lang="less">
 .dropdown {
-  display: inline-block;
-  width: 100px;
-  height: 32px;
-  line-height: 30px;
-  font-size: 16px;
-  // border: 1px solid rgba(77, 87, 94, 0.3);
-  border-radius: 4px;
-  margin-left: 16px;
-  border: 1px solid #ff6a00;
-  background-color: #fff;
-  color: rgba(255, 106, 0, 1);
-  text-align: center;
-  cursor: pointer;
-  &:hover {
-    color: #fff;
+	display: inline-block;
+	width: 100px;
+	height: 32px;
+	line-height: 30px;
+	font-size: 16px;
+	// border: 1px solid rgba(77, 87, 94, 0.3);
+	border-radius: 4px;
+	margin-left: 16px;
+	border: 1px solid #ff6a00;
+	background-color: #fff;
+	color: rgba(255, 106, 0, 1);
+	text-align: center;
+	cursor: pointer;
+	&:hover {
+		color: #fff;
 
-    background-color: rgba(255, 121, 26);
-  }
+		background-color: rgba(255, 121, 26);
+	}
 }
 /deep/ .ant-drawer-content {
-  box-sizing: border-box;
+	box-sizing: border-box;
 }
 // 录单模态框样式
 /deep/ .ant-drawer-wrapper-body {
-  // overflow: none;
-  // position: relative;
-  &::-webkit-scrollbar {
-    /*滚动条整体样式*/
-    width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
-    height: 4px;
-  }
+	// overflow: none;
+	// position: relative;
+	&::-webkit-scrollbar {
+		/*滚动条整体样式*/
+		width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
+		height: 4px;
+	}
 
-  .ant-drawer-header {
-    position: absolute;
-    width: 100%;
-    background-color: #fff;
-    padding: 12px 24px;
-    z-index: 999;
-    .ant-drawer-close {
-      height: 48px;
-      width: 48px;
-      line-height: 48px;
-    }
-  }
-  .ant-drawer-body {
-    overflow-y: auto;
-    margin-top: 47px;
-  }
+	.ant-drawer-header {
+		position: absolute;
+		width: 100%;
+		background-color: #fff;
+		padding: 12px 24px;
+		z-index: 999;
+		.ant-drawer-close {
+			height: 48px;
+			width: 48px;
+			line-height: 48px;
+		}
+	}
+	.ant-drawer-body {
+		overflow-y: auto;
+		margin-top: 47px;
+	}
 }
 
 /deep/ .ant-form {
-  // overflow: auto;
-  margin-bottom: 50px;
+	// overflow: auto;
+	margin-bottom: 50px;
 }
 
 /deep/ .ant-form-item {
-  // margin-bottom: 0;
-  display: flex;
-  justify-content: start;
-  align-items: middle;
-  margin-top: -8px;
-  .ant-form-item-label {
-    line-height: 40px;
-    // font-weight: bold;
-  }
+	// margin-bottom: 0;
+	display: flex;
+	justify-content: start;
+	align-items: middle;
+	margin-top: -8px;
+	.ant-form-item-label {
+		line-height: 40px;
+		// font-weight: bold;
+	}
 
-  .ant-input {
-    // width: 430px;
-    height: 40px;
-    // border: none;
-    border: 1px solid #dddddd;
-    box-shadow: none !important;
-    // background-color: #f6f6f6;
-  }
-  .ant-select-selection__rendered,
-  .ant-select-selection--single,
-  .ant-select {
-    height: 40px;
-    // border: none;
-    // border: 1px solid #dddddd;
-    line-height: 40px;
-    box-shadow: none !important;
-    border-color: #d9d9d9;
-    /deep/ .ant-form-item-children {
-      line-height: 40px;
-      // .ant-radio-checked {
-      // }
-      // display: flex !important;
-    }
-    // &:hover {
-    //   border-color: #d9d9d9;
-    // }
-    // &:focus {
-    //   border-color: #d9d9d9;
-    // }
-    // &:active {
-    //   border-color: #d9d9d9;
-    // }
-  }
+	.ant-input {
+		// width: 430px;
+		height: 40px;
+		// border: none;
+		border: 1px solid #dddddd;
+		box-shadow: none !important;
+		// background-color: #f6f6f6;
+	}
+	.ant-select-selection__rendered,
+	.ant-select-selection--single,
+	.ant-select {
+		height: 40px;
+		// border: none;
+		// border: 1px solid #dddddd;
+		line-height: 40px;
+		box-shadow: none !important;
+		border-color: #d9d9d9;
+		/deep/ .ant-form-item-children {
+			line-height: 40px;
+			// .ant-radio-checked {
+			// }
+			// display: flex !important;
+		}
+		// &:hover {
+		//   border-color: #d9d9d9;
+		// }
+		// &:focus {
+		//   border-color: #d9d9d9;
+		// }
+		// &:active {
+		//   border-color: #d9d9d9;
+		// }
+	}
 }
 // /deep/ .ant-modal-footer {
 //   padding: 10px 24px;
@@ -1071,683 +1085,793 @@ export default {
 //   }
 // }
 /deep/ .ant-modal-header {
-  .ant-modal-title {
-    font-size: 20px;
-    // font-weight: normal;
-  }
+	.ant-modal-title {
+		font-size: 20px;
+		// font-weight: normal;
+	}
 }
 /deep/ .ant-drawer-body {
-  overflow: auto;
-  padding: 20px 16px 8px 16px;
+	overflow: auto;
+	padding: 20px 16px 8px 16px;
 }
 
 /deep/ .navigation {
-  // margin-top: -1px;
-  width: 100vw;
-  background-color: #fff;
-  border: 1px solid #f6f6f6;
-  height: 72px;
-  // margin-bottom: 10px;
-  // line-height: 100px;
+	// margin-top: -1px;
+	width: 100vw;
+	background-color: #fff;
+	border: 1px solid #f6f6f6;
+	// height: 72px;
+	// margin-bottom: 10px;
+	// line-height: 100px;
 
-  position: relative;
-  z-index: 999;
-  .special-active {
-    color: rgb(254, 97, 0) !important;
-    background-color: rgba(255, 106, 0, 0.1) !important;
-  }
-  .ant-cascader-picker-focused {
-    input {
-      transition: all 0.3s;
-    }
-    input::placeholder {
-      color: rgb(255, 106, 0) !important;
-    }
-    i {
-      color: rgb(255, 106, 0) !important;
-    }
-  }
-  > .w {
-    height: 72px;
-    display: flex;
-    justify-content: flex-start;
-    > span {
-      margin-top: 19px;
-      // margin-right: 285px;
-      i {
-        font-size: 18px;
-        margin-left: 4px;
-        color: #adadad;
-      }
-      .ant-input-affix-wrapper {
-        position: relative;
-        .ant-input-prefix {
-          position: absolute;
-          left: 8px;
-          top: 16px;
-          i {
-            color: #c9c9c9;
-          }
-        }
-        .ant-input-suffix {
-          right: 0 !important;
-        }
-      }
-      .ant-input {
-        width: 300px;
-        height: 32px;
-        text-indent: 10px;
-        background: #fff;
-        // border: 1px solid rgba(77, 87, 94, 0.3);
-        border-radius: 136px;
-        box-shadow: 0px 2px 4px 0px transparent;
-        font-size: 14px !important;
-        padding-right: 0;
-        border-color: #e9e9e9;
-        &::placeholder {
-          text-indent: 10px;
-          font-size: 14px !important;
-        }
-        &:hover {
-          border-color: #ff6a00;
-          box-shadow: none;
-        }
-        &:focus {
-          border-color: #ff6a00;
-        }
-      }
-      button {
-        width: 70px;
-        height: 32px;
-        color: white;
-        background: #ff6a00;
-        border-color: #ff6a00;
-        border: none;
-        border-radius: 16px;
-        font-size: 14px;
-        box-shadow: none;
-        cursor: pointer;
-        outline: none;
-        &:hover {
-          background-color: #ff842b;
-        }
-        // &:focus {
-        //   border: none;
-        // }
-      }
-    }
-    .specialbox {
-      position: absolute;
-      border-bottom: 1px solid #f6f6f6;
-      box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
-      // display: ;
-      transition: all 0.4s;
-      left: 0;
-      top: 71px;
-      width: 100vw;
-      background-color: #fff;
-      z-index: 999;
-      ul {
-        overflow: hidden;
-        padding: 20px 0 8px 0;
-        li {
-          padding: 4px 16px;
-          margin: 0px 16px 12px 0;
-          cursor: pointer;
-          float: left;
-          background: rgba(216, 216, 216, 0.3);
-          border-radius: 15px;
-          font-size: 14px;
-          color: #4d575e;
-          line-height: 22px;
-          &:hover {
-            color: rgb(254, 97, 0);
-            background-color: rgba(255, 106, 0, 0.1);
+	position: relative;
+	z-index: 999;
+	.special-active {
+		color: rgb(254, 97, 0) !important;
+		background-color: rgba(255, 106, 0, 0.1) !important;
+	}
+	.ant-cascader-picker-focused {
+		input {
+			transition: all 0.3s;
+		}
+		input::placeholder {
+			color: rgb(255, 106, 0) !important;
+		}
+		i {
+			color: rgb(255, 106, 0) !important;
+		}
+	}
+	> .w {
+		// height: 72px;
+		display: flex;
+		justify-content: flex-start;
+		flex-direction: column;
+		.searchinput {
+			margin-top: 19px;
+			// margin-right: 285px;
+			width: 1200px;
+			height: 44px;
+			&.ant-input-affix-wrapper {
+				position: relative;
+				.ant-input-prefix {
+					position: absolute;
+					left: 8px;
+					top: 50%;
+					background-color: #fff;
+					transform: translateY(-50%);
+					> div {
+						> span {
+							display: inline-block;
+							width: 50px;
+						}
+					}
+					i {
+						font-size: 12px;
+						// margin-left: 15px;
+						color: #adadad;
+					}
+				}
+				.ant-input-suffix {
+					right: 0px !important;
+          .ant-input-clear-icon{
+            margin-right: 20px;
+            width: 1.5em !important;
+            height: 1.5em !important;
+            >svg {
+              width: 100%;
+              height: 100%;
+            }
           }
-        }
-      }
+				}
+			}
+			> .ant-input {
+				width: 100%;
+				height: 44px;
+				text-indent: 170px;
+				background: #fff;
+				// border: 1px solid rgba(77, 87, 94, 0.3);
+				// border-radius: 136px;
+				box-shadow: 0px 2px 4px 0px transparent;
+				font-size: 14px !important;
+				padding-right: 0;
+				border-color: #e9e9e9;
+				&::placeholder {
+					// text-indent: 30px;
+					font-size: 14px !important;
+				}
+				&:hover {
+					border-color: #ff6a00;
+					box-shadow: none;
+				}
+				&:focus {
+					border-color: #ff6a00;
+				}
+			}
+			button {
+				width: 120px;
+				height: 44px;
+				color: white;
+				background: #ff6a00;
+				border-color: #ff6a00;
+				border: none;
+				// border-radius: 16px;
+				font-size: 18px;
+				box-shadow: none;
+				cursor: pointer;
+				outline: none;
+				&:hover {
+					background-color: #ff842b;
+				}
+				// &:focus {
+				//   border: none;
+				// }
+			}
+			.ageinput {
+				padding: 0;
+				margin: 0 15px;
+				height: 32px;
+				width: 100px;
+				border-radius: 0;
+				text-indent: 10px;
+				border-color: #e9e9e9;
+				border-top-color: transparent;
+				border-bottom-color: transparent;
+         &::-webkit-inner-spin-button {
+        -webkit-appearance: none;
     }
-    .filterbox {
-      display: flex;
-      justify-content: flex-start;
-      min-width: 645px;
-      > li {
-        margin-top: 22px;
-        font-size: 14px;
-        color: #4d575e;
-        margin-right: 4px;
-        .ant-cascader-picker {
-          width: auto;
-          position: relative;
-          transform: translateY(-2px);
-          .anticon-close-circle {
-            font-size: 14px;
-          }
-          .icon-xiala {
-            font-size: 12px;
-            transform: translateY(1px) scale(0.5);
-          }
-          .ant-cascader-input {
-            width: 60px;
-            // margin-top: -5px;
-            // max-width: 150px !important;
-            border: none;
-            padding: 0;
-            // margin-bottom: 6px;
-            box-shadow: none;
+				&:hover {
+					border-left-color: #e9e9e9;
+					border-right-color: #e9e9e9;
+				}
+				&:focus {
+					box-shadow: none;
+					border-left-color: #e9e9e9;
+					border-right-color: #e9e9e9;
+				}
+			}
+		}
+		.specialbox {
+			position: absolute;
+			border-bottom: 1px solid #f6f6f6;
+			box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+			// display: ;
+			transition: all 0.4s;
+			left: 0;
+			top: 144px;
+			width: 100vw;
+			background-color: #fff;
+			z-index: 999;
+			ul {
+				overflow: hidden;
+				padding: 20px 0 8px 0;
+				li {
+					padding: 4px 16px;
+					margin: 0px 16px 12px 0;
+					cursor: pointer;
+					float: left;
+					background: rgba(216, 216, 216, 0.3);
+					border-radius: 15px;
+					font-size: 14px;
+					color: #4d575e;
+					line-height: 22px;
+					&:hover {
+						color: rgb(254, 97, 0);
+						background-color: rgba(255, 106, 0, 0.1);
+					}
+				}
+			}
+		}
+		.hotStore {
+			margin: 8px 0 12px 0;
+			font-size: 14px;
+			line-height: 2;
+			display: flex;
+			> span {
+				width: 80px;
+			}
+			ul {
+				display: flex;
+				flex-wrap: wrap;
+				flex: 1;
+				li {
+					color: #ff6a00;
+					margin-right: 20px;
+					overflow: hidden;
+					cursor: pointer;
+					&:hover {
+						color: #ff8f3f;
+					}
+					&:active {
+						color: #e24f00;
+					}
+					// &:nth-child(-n + 5) {
+					// 	display: none;
+					// }
+				}
+			}
+		}
+		.filterbox {
+			display: flex;
+			justify-content: flex-start;
+			min-width: 645px;
+			> li {
+				// margin-top: 22px;
+				font-size: 14px;
+				color: #4d575e;
+				margin-right: 4px;
+				.ant-cascader-picker {
+					width: auto;
+					position: relative;
+					transform: translateY(-2px);
+					.anticon-close-circle {
+						font-size: 14px;
+					}
+					.icon-xiala {
+						font-size: 12px;
+						transform: translateY(1px) scale(0.5);
+					}
+					.ant-cascader-input {
+						width: 60px;
+						// margin-top: -5px;
+						// max-width: 150px !important;
+						border: none;
+						padding: 0;
+						// margin-bottom: 6px;
+						box-shadow: none;
 
-            &::placeholder {
-              // width: auto;
-              // text-indent: 20px;
-              color: #4d575ecc;
-              line-height: 20px;
-              font-size: 14px;
-            }
-          }
+						&::placeholder {
+							// width: auto;
+							// text-indent: 20px;
+							color: #4d575ecc;
+							line-height: 20px;
+							font-size: 14px;
+						}
+					}
 
-          span {
-            width: 60px;
-            // max-width: 150px;
-            color: rgb(255, 106, 0) !important;
-            font-size: 14px;
-            padding: 0 20px 0 0;
-            text-align: left;
-            line-height: 22px !important;
-          }
-        }
-      }
-      > li:first-child {
-        > i {
-          position: relative;
-          display: inline-block;
-          width: 12px;
-          height: 15px;
-          margin-right: 6px;
-          font-size: 14px;
-          color: #ff6a00;
-          // margin-top: -9px;
-          &::before {
-            position: absolute;
-            left: 0;
-            top: -2px;
-          }
-        }
-        .ant-cascader-picker {
-          width: auto;
-          position: relative;
-          .ant-cascader-input {
-            min-width: 85px;
-            &:hover &::placeholder {
-              color: #ff6a00;
-            }
-          }
+					span {
+						width: 60px;
+						// max-width: 150px;
+						color: rgb(255, 106, 0) !important;
+						font-size: 14px;
+						padding: 0 20px 0 0;
+						text-align: left;
+						line-height: 22px !important;
+					}
+				}
+			}
+			> li:first-child {
+				> i {
+					position: relative;
+					display: inline-block;
+					width: 12px;
+					height: 15px;
+					margin-right: 6px;
+					font-size: 14px;
+					color: #ff6a00;
+					// margin-top: -9px;
+					&::before {
+						position: absolute;
+						left: 0;
+						top: -2px;
+					}
+				}
+				.ant-cascader-picker {
+					width: auto;
+					position: relative;
+					.ant-cascader-input {
+						min-width: 85px;
+						&:hover &::placeholder {
+							color: #ff6a00;
+						}
+					}
 
-          .ant-cascader-input::placeholder {
-            // width: auto;
-            color: #4d575ecc;
-            text-indent: 0;
-            line-height: 20px;
-            font-size: 14px;
-          }
-          span {
-            // width: auto;
-            // max-width: 150px;
-            // min-width: 140px;
-            text-align: left;
-          }
-        }
-      }
-      .special {
-        position: relative;
-        div:first-child {
-          height: 32px;
-          margin-top: -2px;
-          line-height: 32px;
-          color: #4d575ecc;
-          display: flex;
-          cursor: pointer;
-          > .showspecial {
-            height: 32px;
-            overflow: hidden;
-            li {
-              margin: 6px 5px 0 0;
-              float: left;
-              height: 20px;
-              line-height: 19px;
-              padding: 0 8px;
-              color: #fff;
-              background-color: #ff6a00;
-              border-radius: 999px;
-              i {
-                display: inline-block;
-                font-size: 12px;
-                height: 12px;
-                position: relative;
-                margin-left: 3px;
+					.ant-cascader-input::placeholder {
+						// width: auto;
+						color: #4d575ecc;
+						text-indent: 0;
+						line-height: 20px;
+						font-size: 14px;
+					}
+					span {
+						// width: auto;
+						// max-width: 150px;
+						// min-width: 140px;
+						text-align: left;
+					}
+				}
+			}
+			.special {
+				position: relative;
+				div:first-child {
+					height: 32px;
+					margin-top: -2px;
+					line-height: 32px;
+					color: #4d575ecc;
+					display: flex;
+					cursor: pointer;
+					> .showspecial {
+						height: 32px;
+						overflow: hidden;
+						li {
+							margin: 6px 5px 0 0;
+							float: left;
+							height: 20px;
+							line-height: 19px;
+							padding: 0 8px;
+							color: #fff;
+							background-color: #ff6a00;
+							border-radius: 999px;
+							i {
+								display: inline-block;
+								font-size: 12px;
+								height: 12px;
+								position: relative;
+								margin-left: 3px;
 
-                transform: scale(0.8);
-                // vertical-align: middle;
-              }
-              &:nth-child(n + 4) {
-                display: none;
-              }
-            }
-          }
-          .icon-xiala {
-            transition: all 0.2s;
-            position: relative;
-            // float: left;
-            color: #c5c5c5;
-            margin-left: 4px;
-            display: inline-block;
-            font-size: 12px;
-            transform: translateY(0px) scale(0.5);
-          }
-          // .turn {
-          //   transform: translateY(-1px) scale(0.6) rotate(180deg);
-          // }
-        }
-      }
-      > li:last-child {
-        position: relative;
-        color: #8c8d8f;
-        font-size: 14px;
-        margin: 28px 25px 0 20px;
-        // color: rgba(78, 88, 95, 0.8);
-        transform: translateY(-1px);
-        // margin-left: 25px;
-        a {
-          transition: all 0.5s;
-          line-height: 14px;
-
-          &:active {
-            color: rgb(255, 106, 0);
-            transition: none;
-          }
-        }
-      }
-    }
-  }
+								transform: scale(0.8);
+								// vertical-align: middle;
+							}
+							&:nth-child(n + 4) {
+								display: none;
+							}
+						}
+					}
+					.icon-xiala {
+						transition: all 0.2s;
+						position: relative;
+						// float: left;
+						color: #c5c5c5;
+						margin-left: 4px;
+						display: inline-block;
+						font-size: 12px;
+						transform: translateY(0px) scale(0.5);
+					}
+					// .turn {
+					//   transform: translateY(-1px) scale(0.6) rotate(180deg);
+					// }
+				}
+			}
+			> li:last-child {
+				position: relative;
+				color: #8c8d8f;
+				font-size: 14px;
+				margin: 0px 25px 0 20px;
+				// color: rgba(78, 88, 95, 0.8);
+				transform: translateY(-1px);
+				// margin-left: 25px;
+				a {
+					display: inline-block;
+					margin-top: 7px;
+					transition: all 0.5s;
+					line-height: 14px;
+					&:active {
+						color: rgb(255, 106, 0);
+						transition: none;
+					}
+				}
+			}
+		}
+	}
 }
 
 /deep/ #maincontent {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 16px;
-  .maincontentleft {
-    width: 944px;
-    margin-right: 16px;
-    text-align: left;
-    .nodata {
-      overflow: hidden;
-      height: 230px;
-      padding-top: 30px;
-      text-align: center;
-      background-color: #fff;
-      border-radius: 5px;
-      margin: 0 auto;
-      color: #00000066;
-      margin-bottom: 20px;
-      p {
-        position: relative;
-        transform: translateY(35px);
-      }
-    }
-    .subset {
-      display: flex;
-      justify-content: space-between;
-      // width: 944px;
-      // height: 212px;
-      padding: 20px;
-      margin-bottom: 16px;
-      background: #ffffff;
-      border-radius: 4px;
-      transition: all 0.2s;
+	display: flex;
+	justify-content: space-between;
+	margin-top: 16px;
+	.maincontentleft {
+		width: 944px;
+		margin-right: 16px;
+		text-align: left;
+		.nodata {
+			overflow: hidden;
+			height: 230px;
+			padding-top: 30px;
+			text-align: center;
+			background-color: #fff;
+			border-radius: 5px;
+			margin: 0 auto;
+			color: #00000066;
+			margin-bottom: 20px;
+			p {
+				position: relative;
+				transform: translateY(35px);
+			}
+		}
+		.subset {
+			display: flex;
+			justify-content: space-between;
+			// width: 944px;
+			// height: 212px;
+			padding: 20px;
+			margin-bottom: 16px;
+			background: #ffffff;
+			border-radius: 4px;
+			transition: all 0.2s;
 
-      &:hover {
-        // position: relative;
-        box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.1);
-        // transform: translateY(-0.5px);
-      }
-      .subsetleft {
-        display: flex;
-        .imgbox {
-          width: 169px;
-          height: 169px;
-          margin-right: 16px;
-          position: relative;
-          overflow: hidden;
-          img {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translateX(-50%) translateY(-50%);
+			&:hover {
+				// position: relative;
+				box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.1);
+				// transform: translateY(-0.5px);
+			}
+			.subsetleft {
+				display: flex;
+				.imgbox {
+					width: 169px;
+					height: 169px;
+					margin-right: 16px;
+					position: relative;
+					overflow: hidden;
+					img {
+						position: absolute;
+						top: 50%;
+						left: 50%;
+						transform: translateX(-50%) translateY(-50%);
 
-            // width: 100%;
-            height: 100%;
-          }
-        }
-        .jobinfobox {
-          .jobname {
-            // margin: 12px 0;
-            font-size: 20px;
-            // font-weight: 400;
-            text-align: left;
-            color: #4d575e;
-            line-height: 20px;
-            &:hover {
-              color: #ff6a00;
-            }
-          }
-          .jobinfo {
-            margin-top: 16px;
-            opacity: 0.5;
-            font-size: 16px;
-            font-weight: 400;
-            text-align: left;
-            color: #4d575e;
-            line-height: 20px;
-          }
-          .jobtag {
-            margin-top: 14px;
-            text-align: left;
-            // span:first-child {
-            //   color: #ff6a00;
-            //   background: rgba(254, 97, 0, 0.1);
-            // }
-            span {
-              margin-right: 8px;
-              font-size: 16px;
-              padding: 2px 10px;
-              background: rgba(51, 51, 51, 0.06);
-              border-radius: 4px;
-            }
-          }
-          .jobpricemonth {
-            margin-top: 12px;
-            font-size: 16px;
-            font-weight: 400;
-            text-align: left;
-            color: #4d575e;
-            line-height: 22px;
-          }
-          .jobpricehour {
-            margin-top: 12px;
-            font-size: 16px;
-            font-weight: normal;
-            text-align: left;
-            color: #ff6a00;
-            // line-height: 24px;
-            span {
-              vertical-align: baseline;
-              font-size: 20px;
-              line-height: 24px;
-            }
-          }
-        }
-      }
-      .subsetright {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: flex-end;
-        .topContainer {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          align-items: flex-end;
-          margin-top: -8px;
-        }
-        .updateTime {
-          line-height: 1;
-          font-size: 14px;
-          color: #999;
-        }
-        .topbox {
-          width: 116px;
-          height: 54px;
-          margin-top: 8px;
-          overflow: hidden;
-          text-align: center;
-          background: rgba(255, 106, 0, 0.1);
-          border-radius: 4px;
-          line-height: 30px;
-          div {
-            // font-weight: normal;
-            font-size: 16px;
-            span {
-              font-size: 20px;
-              // font-weight: normal;
-            }
-          }
-          div:first-child {
-            height: 24px;
-            background: #ff6a00;
-            line-height: 21px;
-            font-size: 14px;
-            color: #ffffff;
-            border: 1px solid #ff6a00;
-            border-radius: 4px 4px 0px 0px;
-          }
-          div:last-child {
-            font-weight: normal;
-            background-color: #fff4e3;
-            color: #ff6a00 !important;
-          }
-        }
-        .bottombox1 {
-          display: flex;
-          align-items: center;
-          button {
-            width: 100px;
-            height: 32px;
-            font-size: 16px;
-            // border: 1px solid rgba(77, 87, 94, 0.3);
-            border-radius: 4px;
-          }
-          a {
-            button:first-child {
-              border: 1px solid #d9d9d9;
-              // border-radius: 4px;
-              color: #4d575e;
-              background-color: #fff;
-              cursor: pointer;
-              &:hover {
-                color: #ff7614;
-                border-color: #ff7614;
-              }
-            }
-          }
+						// width: 100%;
+						height: 100%;
+					}
+				}
+				.jobinfobox {
+					.jobname {
+						// margin: 12px 0;
+						font-size: 20px;
+						// font-weight: 400;
+						text-align: left;
+						color: #4d575e;
+						line-height: 20px;
+						&:hover {
+							color: #ff6a00;
+						}
+					}
+					.jobinfo {
+						margin-top: 16px;
+						opacity: 0.5;
+						font-size: 16px;
+						font-weight: 400;
+						text-align: left;
+						color: #4d575e;
+						line-height: 20px;
+					}
+					.jobtag {
+						margin-top: 14px;
+						text-align: left;
+						// span:first-child {
+						//   color: #ff6a00;
+						//   background: rgba(254, 97, 0, 0.1);
+						// }
+						span {
+							margin-right: 8px;
+							font-size: 16px;
+							padding: 2px 10px;
+							background: rgba(51, 51, 51, 0.06);
+							border-radius: 4px;
+						}
+					}
+					.jobpricemonth {
+						margin-top: 12px;
+						font-size: 16px;
+						font-weight: 400;
+						text-align: left;
+						color: #4d575e;
+						line-height: 22px;
+					}
+					.jobpricehour {
+						margin-top: 12px;
+						font-size: 16px;
+						font-weight: normal;
+						text-align: left;
+						color: #ff6a00;
+						// line-height: 24px;
+						span {
+							vertical-align: baseline;
+							font-size: 20px;
+							line-height: 24px;
+						}
+					}
+				}
+			}
+			.subsetright {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				align-items: flex-end;
+				.topContainer {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+					align-items: flex-end;
+					margin-top: -8px;
+				}
+				.updateTime {
+					line-height: 1;
+					font-size: 14px;
+					color: #999;
+				}
+				.topbox {
+					width: 116px;
+					height: 54px;
+					margin-top: 8px;
+					overflow: hidden;
+					text-align: center;
+					background: rgba(255, 106, 0, 0.1);
+					border-radius: 4px;
+					line-height: 30px;
+					div {
+						// font-weight: normal;
+						font-size: 16px;
+						span {
+							font-size: 20px;
+							// font-weight: normal;
+						}
+					}
+					div:first-child {
+						height: 24px;
+						background: #ff6a00;
+						line-height: 21px;
+						font-size: 14px;
+						color: #ffffff;
+						border: 1px solid #ff6a00;
+						border-radius: 4px 4px 0px 0px;
+					}
+					div:last-child {
+						font-weight: normal;
+						background-color: #fff4e3;
+						color: #ff6a00 !important;
+					}
+				}
+				.bottombox1 {
+					display: flex;
+					align-items: center;
+					.jobDesp {
+						border: 1px solid #ff6a00;
+						background-color: #fff;
+						color: rgba(255, 106, 0, 1);
+						transition: none;
+            box-shadow: none ;
+            text-shadow:none;
+						cursor: pointer;
+						&:hover {
+							color: #fff;
 
-          > button:last-child {
-            margin-left: 16px;
-            border: 1px solid #ff6a00;
-            background-color: #fff;
-            color: rgba(255, 106, 0, 1);
-            cursor: pointer;
-            &:hover {
-              color: #fff;
+							background-color: rgba(255, 121, 26);
+						}
+					}
+					button {
+						width: 100px;
+						height: 32px;
+						font-size: 16px;
+						// border: 1px solid rgba(77, 87, 94, 0.3);
+						border-radius: 4px;
+					}
+				>	a {
+						button:first-child {
+							border: 1px solid #d9d9d9;
+							// border-radius: 4px;
+							color: #4d575e;
+							background-color: #fff;
+							cursor: pointer;
+							&:hover {
+								color: #ff7614;
+								border-color: #ff7614;
+                background-color: #fff ;
+							}
+						}
+					}
 
-              background-color: rgba(255, 121, 26);
-            }
-          }
-        }
-      }
-    }
-    // .pagecontainer {
-    //   display: flex;
-    //   justify-content: center;
-    //   text-align: center;
-    //   margin-bottom: 30px;
-    //   .ant-pagination-options-quick-jumper {
-    //     margin-left: 10px;
-    //     font-size: 16px;
-    //   }
-    //   .ant-pagination-disabled {
-    //     a:hover {
-    //       color: #c5c5c5 !important;
-    //     }
-    //   }
-    //   .ant-pagination-next,
-    //   .ant-pagination-prev {
-    //     a:hover {
-    //       color: #ff6a00;
-    //     }
-    //   }
-    //   input[type="text"] {
-    //     box-shadow: none;
-    //     &:focus {
-    //       border: 1px solid #ff6a00;
-    //     }
-    //     &:hover {
-    //       border: 1px solid #ff6a00;
-    //     }
-    //   }
-    //   .ant-pagination-item {
-    //     border: none;
-    //     a:hover {
-    //       color: #ff6a00;
-    //     }
-    //   }
-    //   .ant-pagination-item-active {
-    //     background: #ff6a00;
-    //     a {
-    //       color: white;
-    //     }
-    //     a:hover {
-    //       color: white;
-    //     }
-    //   }
-    //   .ant-pagination-item-link {
-    //     border: none;
-    //   }
-    // }
-  }
-  .maincontentright {
-    width: 240px;
-    > div {
-      margin-bottom: 16px;
-    }
-    .dateinfo {
-      text-align: center;
-      overflow: hidden;
-      border-radius: 4px;
-      position: relative;
-      padding-bottom: 10px;
-      background-color: #fff4e3;
-      .bottombox {
-        position: relative;
-        margin-top: 0;
-        margin-bottom: 0;
-        padding-top: 10px;
-        font-size: 16px;
-        border-bottom: none;
-        color: #fff;
-        background-color: #ff6a00;
-        &::after {
-          left: 0;
-          display: none;
-        }
-      }
-    }
-    .hotphone {
-      overflow: hidden;
-      position: relative;
-      width: 240px;
-      height: 160px;
-      // height: 114px;
-      padding: 0 20px 20px 20px;
-      border-radius: 4px;
-      background-color: #fff;
-      text-align: center;
-      p {
-        position: absolute;
-        width: 100%;
-        font-size: 24px;
-        color: #ff6a00;
-        // font-weight: normal;
-        top: 65%;
-        left: 50%;
-        transform: translateX(-50%) translateY(-50%);
-      }
-    }
-    .relationme {
-      overflow: hidden;
-      position: relative;
-      width: 240px;
-      height: 160px;
-      padding: 0 20px 20px;
-      background: #ffffff;
-      text-align: center;
-      button {
-        position: absolute;
-        width: 120px;
-        height: 32px;
-        margin-top: 16px;
-        font-size: 16px;
-        line-height: 20px;
-        border-radius: 999px;
-        border: 0;
-        background-color: #ff6a00;
-        color: #fff;
-        top: 55%;
-        left: 50%;
-        transform: translateX(-50%) translateY(-50%);
-      }
-    }
-  }
+					> button:last-child {
+						margin-left: 16px;
+						border: 1px solid #ff6a00;
+						background-color: #fff;
+						color: rgba(255, 106, 0, 1);
+						cursor: pointer;
+						&:hover {
+							color: #fff;
+
+							background-color: rgba(255, 121, 26);
+						}
+					}
+				}
+			}
+		}
+		// .pagecontainer {
+		//   display: flex;
+		//   justify-content: center;
+		//   text-align: center;
+		//   margin-bottom: 30px;
+		//   .ant-pagination-options-quick-jumper {
+		//     margin-left: 10px;
+		//     font-size: 16px;
+		//   }
+		//   .ant-pagination-disabled {
+		//     a:hover {
+		//       color: #c5c5c5 !important;
+		//     }
+		//   }
+		//   .ant-pagination-next,
+		//   .ant-pagination-prev {
+		//     a:hover {
+		//       color: #ff6a00;
+		//     }
+		//   }
+		//   input[type="text"] {
+		//     box-shadow: none;
+		//     &:focus {
+		//       border: 1px solid #ff6a00;
+		//     }
+		//     &:hover {
+		//       border: 1px solid #ff6a00;
+		//     }
+		//   }
+		//   .ant-pagination-item {
+		//     border: none;
+		//     a:hover {
+		//       color: #ff6a00;
+		//     }
+		//   }
+		//   .ant-pagination-item-active {
+		//     background: #ff6a00;
+		//     a {
+		//       color: white;
+		//     }
+		//     a:hover {
+		//       color: white;
+		//     }
+		//   }
+		//   .ant-pagination-item-link {
+		//     border: none;
+		//   }
+		// }
+	}
+	.maincontentright {
+		width: 240px;
+		> div {
+			margin-bottom: 16px;
+		}
+		.dateinfo {
+			text-align: center;
+			overflow: hidden;
+			border-radius: 4px;
+			position: relative;
+			padding-bottom: 10px;
+			background-color: #fff4e3;
+			.bottombox {
+				position: relative;
+				margin-top: 0;
+				margin-bottom: 0;
+				padding-top: 10px;
+				font-size: 16px;
+				border-bottom: none;
+				color: #fff;
+				background-color: #ff6a00;
+				&::after {
+					left: 0;
+					display: none;
+				}
+			}
+		}
+		.hotphone {
+			overflow: hidden;
+			position: relative;
+			width: 240px;
+			height: 160px;
+			// height: 114px;
+			padding: 0 20px 20px 20px;
+			border-radius: 4px;
+			background-color: #fff;
+			text-align: center;
+			p {
+				position: absolute;
+				width: 100%;
+				font-size: 24px;
+				color: #ff6a00;
+				// font-weight: normal;
+				top: 65%;
+				left: 50%;
+				transform: translateX(-50%) translateY(-50%);
+			}
+		}
+		.relationme {
+			overflow: hidden;
+			position: relative;
+			width: 240px;
+			height: 160px;
+			padding: 0 20px 20px;
+			background: #ffffff;
+			text-align: center;
+			button {
+				position: absolute;
+				width: 120px;
+				height: 32px;
+				margin-top: 16px;
+				font-size: 16px;
+				line-height: 20px;
+				border-radius: 999px;
+				border: 0;
+				background-color: #ff6a00;
+				color: #fff;
+				top: 55%;
+				left: 50%;
+				transform: translateX(-50%) translateY(-50%);
+			}
+		}
+	}
 }
 .cityModal {
-  .inputBox {
-    display: flex;
-  }
-  .ant-input-affix-wrapper {
-    flex: 1;
-    margin-right: 30px;
-  }
-  button {
-    width: 60px;
-    height: 32px;
-  }
-  .firstList {
-    display: flex;
-    justify-content: start;
-    margin: 30px 0;
-    li {
-      width: 16.6%;
-      text-align: center;
-      div {
-        width: 60%;
-        padding-bottom: 5px;
-      }
-      .active {
-        color: #ff6a00;
-        // position: relative;
-        // &::after {
-        //   content:'';
-        //   display: block;
-        //   position: absolute;
-        //   height: 2px;
-        //   width: 50px;
-        //   bottom: 0;
-        //   left: 0;
-        //   background-color: #ff6a00;
-        // }
-        border-bottom: 2px solid #ff6a00;
-      }
-    }
-  }
-  .currentCity {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-      width: 16.6%;
-      margin-bottom: 20px;
-      text-align: center;
-      div {
-        width: 60%;
-      }
-    }
-  }
+	.inputBox {
+		display: flex;
+	}
+	/deep/ .ant-input-affix-wrapper {
+		flex: 1;
+		margin-right: 30px;
+		.ant-input {
+			&:hover {
+				border-color: #ff6a00;
+			}
+			&:focus {
+				border-color: #ff6a00;
+				box-shadow: none;
+			}
+		}
+	}
+	.ant-btn {
+		&:hover {
+			border-color: #ff6a00;
+			color: #ff6a00;
+		}
+		&:active {
+			border-color: #ee3f00;
+			color: #ee3f00;
+		}
+		&:focus {
+			border-color: #ff6a00;
+			color: #ff6a00;
+		}
+	}
+	button {
+		width: 60px;
+		height: 32px;
+	}
+	.firstList {
+		display: flex;
+		justify-content: start;
+		margin: 30px 0;
+		li {
+			width: 16.6%;
+			text-align: center;
+			div {
+				width: 60%;
+				padding-bottom: 5px;
+				cursor: pointer;
+			}
+			.active {
+				color: #ff6a00;
+				// position: relative;
+				// &::after {
+				//   content:'';
+				//   display: block;
+				//   position: absolute;
+				//   height: 2px;
+				//   width: 50px;
+				//   bottom: 0;
+				//   left: 0;
+				//   background-color: #ff6a00;
+				// }
+				border-bottom: 2px solid #ff6a00;
+			}
+		}
+	}
+	.currentCity {
+		display: flex;
+		flex-wrap: wrap;
+		li {
+			width: 16.6%;
+			margin-bottom: 20px;
+			text-align: center;
+			cursor: pointer;
+			div {
+				width: 60%;
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/FirstJob/joblist1.vue b/src/components/FirstJob/joblist1.vue
index a001144..2cbd726 100644
--- a/src/components/FirstJob/joblist1.vue
+++ b/src/components/FirstJob/joblist1.vue
@@ -1312,7 +1312,7 @@ export default {
       // display: ;
       transition: all 0.4s;
       left: 0;
-      top: 164px;
+      top: 144px;
       width: 100vw;
       background-color: #fff;
       z-index: 999;
diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue
index e477f52..c8158c3 100644
--- a/src/components/FirstJob/recordBill.vue
+++ b/src/components/FirstJob/recordBill.vue
@@ -1,36 +1,29 @@
 <template>
-  <div class="recordBill-container w">
-    <!-- 面包屑 -->
-    <a-breadcrumb class="w">
-      <a-breadcrumb-item href="">
-        <router-link to="/main"><a-icon type="home" /></router-link>
-      </a-breadcrumb-item>
-      <a-breadcrumb-item href="">
-        <router-link to="/list" @click.native="toList">
-          <span>一手职位</span>
-        </router-link>
-      </a-breadcrumb-item>
-      <a-breadcrumb-item>
-        <router-link :to="'/detail/' + firminfo.id">
-          <!-- <span @click="$router.back(-1)">企业详情</span> -->
-          <span>企业详情</span>
-        </router-link>
-      </a-breadcrumb-item>
-      <a-breadcrumb-item href="">
-        <span>报名</span>
-      </a-breadcrumb-item>
-    </a-breadcrumb>
-    <div class="content">
-      <a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
-        <a-form-model-item
-          ref="proxy"
-          label="代理"
-          prop=""
-          :wrapperCol="{ span: 18 }"
-          :labelCol="{ span: 4 }"
-          style="height: 30px; margin-bottom: 18px"
-        >
-          <!-- <a-input
+	<div class="recordBill-container w">
+		<!-- 面包屑 -->
+		<a-breadcrumb class="w">
+			<a-breadcrumb-item href="">
+				<router-link to="/main"><a-icon type="home" /></router-link>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item href="">
+				<router-link to="/list" @click.native="toList">
+					<span>一手职位</span>
+				</router-link>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item>
+				<router-link :to="'/detail/' + firminfo.id">
+					<!-- <span @click="$router.back(-1)">企业详情</span> -->
+					<span>企业详情</span>
+				</router-link>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item href="">
+				<span>报名</span>
+			</a-breadcrumb-item>
+		</a-breadcrumb>
+		<div class="content">
+			<a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
+				<a-form-model-item ref="proxy" label="代理" prop="" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
+					<!-- <a-input
             :value="
               proxyinfo.userName !== '' &&
               proxyinfo.userName !== null &&
@@ -40,152 +33,72 @@
             "
             :disabled="true"
           /> -->
-          <div class="pzbox" style="width: 100%">
-            <span v-if="proxyStatus === ''">
-              {{
-                proxyinfo.userName !== "" &&
-                proxyinfo.userName !== null &&
-                proxyinfo.userName !== undefined
-                  ? proxyinfo.userName
-                  : proxyinfo.tel
-              }}</span
-            >
-            <a-select
-              v-if="proxyStatus === 'proxy'"
-              mode="combobox"
-              auto-focus
-              style="width: calc(100% - 200px)"
-              placeholder="请选择代理"
-              @blur="proxyStatus = ''"
-            >
-              <a-select-option
-                v-for="i in proxyList"
-                :key="i.userName"
-                @click="proxyChange(i)"
-              >
-                {{ i.userName }}
-              </a-select-option>
-            </a-select>
-            <span
-              @click="proxyStatus = 'proxy'"
-              :style="{
-                color: '#ff6a00',
-                marginLeft: '10px',
-                cursor: 'pointer',
-              }"
-              v-if="isMaster && proxyStatus !== 'proxy'"
-              >修改</span
-            >
-          </div>
-        </a-form-model-item>
-        <a-form-model-item
-          ref="username"
-          label="报名企业"
-          prop="username"
-          :wrapperCol="{ span: 18 }"
-          :labelCol="{ span: 4 }"
-          style="height: 30px; margin-bottom: 18px"
-        >
-          <!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
-          <div class="pzbox" style="width: 100%">
-            <span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
-            <a-select
-              v-if="storeStatus === 'store'"
-              show-search
-              auto-focus
-              mode="combobox"
-              placeholder="请选择企业"
-              style="width: calc(100% - 200px)"
-              :default-active-first-option="false"
-              :show-arrow="false"
-              :filter-option="false"
-              :not-found-content="null"
-              @search="storeSearch"
-              @blur="storeStatus = ''"
-            >
-              <a-select-option
-                v-for="i in storeList"
-                :key="i.id + ''"
-                @click="storeChange(i)"
-              >
-                {{ i.aliasName }}
-              </a-select-option>
-            </a-select>
-            <span
-              @click="storeStatus = 'store'"
-              :style="{
-                color: '#ff6a00',
-                marginLeft: '10px',
-                cursor: 'pointer',
-              }"
-              v-if="isMaster && storeStatus !== 'store'"
-              >修改</span
-            >
-          </div>
-        </a-form-model-item>
-        <a-form-model-item
-          ref="username"
-          label="岗位"
-          prop="username"
-          :wrapperCol="{ span: 18 }"
-          :labelCol="{ span: 4 }"
-          style="height: 30px"
-        >
-          <!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
-          <div class="pzbox" style="width: 100%">
-            <span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span>
-            <a-select
-              v-if="jobnameStatus === 'jobname'"
-              show-search
-              auto-focus
-              placeholder="请选择岗位"
-              option-filter-prop="children"
-              style="width: 200px"
-              @blur="jobnameStatus = ''"
-            >
-              <a-select-option
-                v-for="i in storeJobList"
-                :key="i.id"
-                @click="storeJobChange(i)"
-              >
-                {{ i.aliasName }}
-              </a-select-option>
-            </a-select>
-            <span
-              @click="selected"
-              :style="{
-                color: '#ff6a00',
-                marginLeft: '10px',
-                cursor: 'pointer',
-              }"
-              v-if="isMaster && jobnameStatus !== 'jobname'"
-              >修改</span
-            >
-          </div>
-        </a-form-model-item>
-        <a-form-model-item
-          ref="interviewTime"
-          label="面试时间"
-          prop="interviewTime"
-          :wrapperCol="{ span: 18 }"
-          :labelCol="{ span: 4 }"
-        >
-          <timepicker
-            :isShow.sync="isShow"
-            :datetime.sync="form.interviewTime"
-          ></timepicker>
-          <a-input
-            v-model="form.interviewTime"
-            placeholder="请选择面试时间"
-            @input="verify"
-            @click="getDateinfo"
-            ><i
-              class="iconfont icon-rili"
-              slot="suffix"
-              @click="getDateinfo"
-            ></i
-          ></a-input>
-          <!-- <a-date-picker
+					<div class="pzbox" style="width: 100%">
+						<span v-if="proxyStatus === ''"> {{ proxyinfo.userName !== "" && proxyinfo.userName !== null && proxyinfo.userName !== undefined ? proxyinfo.userName : proxyinfo.tel }}</span>
+						<a-select v-if="proxyStatus === 'proxy'" mode="combobox" auto-focus style="width: calc(100% - 200px)" placeholder="请选择代理" @blur="proxyStatus = ''">
+							<a-select-option v-for="i in proxyList" :key="i.userName" @click="proxyChange(i)">
+								{{ i.userName }}
+							</a-select-option>
+						</a-select>
+						<span
+							@click="proxyStatus = 'proxy'"
+							:style="{
+								color: '#ff6a00',
+								marginLeft: '10px',
+								cursor: 'pointer',
+							}"
+							v-if="isMaster && proxyStatus !== 'proxy'"
+							>修改</span
+						>
+					</div>
+				</a-form-model-item>
+				<a-form-model-item ref="username" label="报名企业" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
+					<!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
+					<div class="pzbox" style="width: 100%">
+						<span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
+						<a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
+							<a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">
+								{{ i.aliasName }}
+							</a-select-option>
+						</a-select>
+						<span
+							@click="storeStatus = 'store'"
+							:style="{
+								color: '#ff6a00',
+								marginLeft: '10px',
+								cursor: 'pointer',
+							}"
+							v-if="isMaster && storeStatus !== 'store'"
+							>修改</span
+						>
+					</div>
+				</a-form-model-item>
+				<a-form-model-item ref="username" label="岗位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px">
+					<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
+					<div class="pzbox" style="width: 100%">
+						<span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span>
+						<a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
+							<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">
+								{{ i.aliasName }}
+							</a-select-option>
+						</a-select>
+						<span
+							@click="selected"
+							:style="{
+								color: '#ff6a00',
+								marginLeft: '10px',
+								cursor: 'pointer',
+							}"
+							v-if="isMaster && jobnameStatus !== 'jobname'"
+							>修改</span
+						>
+					</div>
+				</a-form-model-item>
+
+				<a-form-model-item ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime"></timepicker>
+					<a-input v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
+					<!-- <a-date-picker
             :showToday="false"
             format="YYYY-MM-DD HH:mm"
             :disabledDate="interviewTimeDisabledDate"
@@ -203,125 +116,16 @@
             style="width: 100%"
             @click="isShow = true"
           /> -->
-        </a-form-model-item>
-        <a-row class="specialbox">
-          <a-col :span="12">
-            <a-form-model-item
-              ref="userName"
-              label="姓名"
-              prop="userName"
-              :wrapperCol="{ span: 15 }"
-              :labelCol="{ span: 8 }"
-            >
-              <a-input
-                v-model="form.userName"
-                placeholder="请输入老乡姓名"
-                class="special-input"
-              />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="12">
-            <a-form-model-item
-              ref="sex"
-              label="性别"
-              prop="sex"
-              :wrapperCol="{ span: 18 }"
-              :labelCol="{ span: 5 }"
-            >
-              <a-radio-group
-                v-model="form.sex"
-                defaultValue="nan"
-                class="radiobox"
-              >
-                <a-radio value="1"> 男 </a-radio>
-                <a-radio value="2"> 女 </a-radio>
-              </a-radio-group>
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-row>
-          <a-col :span="12">
-            <!-- :offset="2" -->
-            <a-form-model-item
-              ref="age"
-              label="年龄"
-              prop="age"
-              :wrapperCol="{ span: 15 }"
-              :labelCol="{ span: 8 }"
-            >
-              <a-input
-                v-model="form.age"
-                placeholder="请输入年龄"
-                class="special-input"
-              />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="12">
-            <a-form-model-item
-              ref="peoplecard"
-              label="民族"
-              prop="peoplecard"
-              :wrapperCol="{ span: 15 }"
-              :labelCol="{ span: 5 }"
-            >
-              <a-select
-                v-model="form.nation"
-                placeholder="请选择民族"
-                class="special-input"
-              >
-                <a-select-option
-                  v-for="item in nationlist"
-                  :key="item.id"
-                  :value="item.name"
-                  >{{ item.name }}</a-select-option
-                >
-              </a-select>
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-form-model-item
-          ref="tel"
-          label="电话"
-          prop="tel"
-          :wrapperCol="{ span: 18 }"
-          :labelCol="{ span: 4 }"
-          style="margin-bottom: 18px"
-        >
-          <a-input
-            v-model="form.tel"
-            placeholder="请输入电话号"
-            :max-length="11"
-          />
-        </a-form-model-item>
-        <a-row>
-          <a-col :span="20">
-            <a-form-model-item
-              ref="idCard"
-              label="身份证号"
-              prop="idCard"
-              :wrapperCol="{ span: 16 }"
-              :labelCol="{ span: 5 }"
-            >
-              <a-input
-                v-model="form.idCard"
-                @change="getIdInfo($event)"
-                placeholder="请输入老乡身份证号"
-                :max-length="18"
-              />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="4" class="idCardUpload"
-            ><a-upload
-              :customRequest="customRequestFun"
-              list-type="picture-card"
-              :file-list="fileList"
-              @change="handleChange"
-              @preview="handlePreview"
-              style="margin-left: -50px"
-              :beforeUpload="beforeUpload"
-              :data="dataObj"
-            >
-              <!-- <div
+				</a-form-model-item>
+				<a-row>
+					<a-col :span="20">
+						<a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }">
+							<a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入老乡身份证号" :max-length="18" />
+						</a-form-model-item>
+					</a-col>
+					<a-col :span="4" class="idCardUpload"
+						><a-upload :customRequest="customRequestFun" list-type="picture-card" :file-list="fileList" @change="handleChange" @preview="handlePreview" style="margin-left: -50px" :beforeUpload="beforeUpload" :data="dataObj">
+							<!-- <div
                 v-if="fileList.length < 1"
                 style="
                   display: flex;
@@ -332,115 +136,98 @@
                 <a-icon type="upload" />
                 <div class="ant-upload-text">上传证件</div>
               </div> -->
-              <!-- <img
+							<!-- <img
                 v-if="form.idCardImageUrl"
                 :src="form.idCardImageUrl"
                 alt="avatar"
               /> -->
-              <div
-                v-if="fileList.length == 0"
-                style="
-                  display: flex;
-                  justify-content: center;
-                  align-items: center;
-                "
-                class="nloding"
-              >
-                <a-icon type="plus" />
-                <div class="ant-upload-text">上传证件</div>
-              </div>
-            </a-upload>
-            <div
-              v-if="loading"
-              style="
-                display: flex;
-                justify-content: center;
-                align-items: center;
-              "
-              class="uploading"
-            >
-              <a-icon
-                :type="loading ? 'loading' : 'plus'"
-                style="margin-right: 10px"
-              />
-              <div class="ant-upload-text">上传中</div>
-            </div>
-            <i
-              class="iconfont icon-guanbi"
-              v-if="fileList.length !== 0 && !loading"
-              @click="fileList = []"
-            ></i
-          ></a-col>
-        </a-row>
-        <a-form-model-item
-          ref="peoplecard"
-          label="家庭住址"
-          prop="peoplecard"
-          :wrapperCol="{ span: 18 }"
-          :labelCol="{ span: 4 }"
-        >
-          <a-input v-model="form.address" placeholder="请输入家庭住址" />
-        </a-form-model-item>
+							<div v-if="fileList.length == 0" style="display: flex; justify-content: center; align-items: center" class="nloding">
+								<a-icon type="plus" />
+								<div class="ant-upload-text">上传证件</div>
+							</div>
+						</a-upload>
+						<div v-if="loading" style="display: flex; justify-content: center; align-items: center" class="uploading">
+							<a-icon :type="loading ? 'loading' : 'plus'" style="margin-right: 10px" />
+							<div class="ant-upload-text">上传中</div>
+						</div>
+						<i class="iconfont icon-guanbi" v-if="fileList.length !== 0 && !loading" @click="fileList = []"></i
+					></a-col>
+				</a-row>
+				<a-row class="specialbox">
+					<a-col :span="12">
+						<a-form-model-item ref="userName" label="姓名" prop="userName" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
+							<a-input v-model="form.userName" placeholder="请输入老乡姓名" class="special-input" />
+						</a-form-model-item>
+					</a-col>
+					<a-col :span="12">
+						<a-form-model-item ref="sex" label="性别" prop="sex" :wrapperCol="{ span: 18 }" :labelCol="{ span: 5 }">
+							<a-radio-group v-model="form.sex" defaultValue="nan" class="radiobox">
+								<a-radio value="1"> 男 </a-radio>
+								<a-radio value="2"> 女 </a-radio>
+							</a-radio-group>
+						</a-form-model-item>
+					</a-col>
+				</a-row>
+				<a-row>
+					<a-col :span="12">
+						<!-- :offset="2" -->
+						<a-form-model-item ref="age" label="年龄" prop="age" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
+							<a-input v-model="form.age" placeholder="请输入年龄" class="special-input" />
+						</a-form-model-item>
+					</a-col>
+					<a-col :span="12">
+						<a-form-model-item ref="peoplecard" label="民族" prop="peoplecard" :wrapperCol="{ span: 15 }" :labelCol="{ span: 5 }">
+							<a-select v-model="form.nation" placeholder="请选择民族" class="special-input">
+								<a-select-option v-for="item in nationlist" :key="item.id" :value="item.name">{{ item.name }}</a-select-option>
+							</a-select>
+						</a-form-model-item>
+					</a-col>
+				</a-row>
+				<a-form-model-item ref="tel" label="电话" prop="tel" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="margin-bottom: 18px">
+					<a-input v-model="form.tel" placeholder="请输入电话号" :max-length="11" />
+				</a-form-model-item>
+
+				<a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<a-input v-model="form.address" placeholder="请输入家庭住址" />
+				</a-form-model-item>
 
-        <!-- <a-form-model-item ref="username" label="模式" prop="username">
+				<!-- <a-form-model-item ref="username" label="模式" prop="username">
           <a-select v-model="form.pattern" placeholder="请选择民族">
             <a-select-option :value="apply.id">{{ apply.id }}</a-select-option>
           </a-select>
         </a-form-model-item> -->
-        <a-form-model-item
-          ref="policy"
-          label="政策"
-          prop="policy"
-          :wrapperCol="{ span: 18 }"
-          :labelCol="{ span: 4 }"
-        >
-          <a-input
-            v-model="form.policy"
-            style="min-height: 150px; max-height: 200px"
-            type="textarea"
-          />
-        </a-form-model-item>
-      </a-form-model>
+				<a-form-model-item ref="policy" label="政策" prop="policy" class="policyContainer" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<!-- <a-input v-model="form.policy" type='textarea'/> -->
+					<div class="policy" style="">
+						{{form.policy}}
+					</div>
+          <div class="openContral"><span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)">收起</span></div>
+				</a-form-model-item>
+			</a-form-model>
 
-      <div class="upline">
-        <div>
-          <a-button
-            type="primary"
-            @click="onClose"
-            :style="{
-              color: '#666',
-              backgroundColor: '#fafafa',
-              borderColor: '#ddd',
-              boxShadow: 'none',
-              textShadow: 'none',
-            }"
-          >
-            取消
-          </a-button>
-          <a-button
-            style="
-              margin-left: 10px;
-              color: #fff;
-              background-color: #ff6a00;
-              border-color: #ff6a00;
-            "
-            @click="handleOk"
-            :loading="confirmLoading"
-          >
-            提交
-          </a-button>
-        </div>
-      </div>
-    </div>
-    <a-modal
-      title="预览"
-      :visible="previewVisible"
-      :footer="null"
-      @cancel="previewVisible = false"
-    >
-      <img alt="example" :src="form.idCardImageUrl" />
-    </a-modal>
-  </div>
+			<div class="upline">
+				<div>
+					<a-button
+						type="primary"
+						@click="onClose"
+						:style="{
+							color: '#666',
+							backgroundColor: '#fafafa',
+							borderColor: '#ddd',
+							boxShadow: 'none',
+							textShadow: 'none',
+						}"
+					>
+						取消
+					</a-button>
+					<a-button style="margin-left: 10px; color: #fff; background-color: #ff6a00; border-color: #ff6a00" @click="handleOk" :loading="confirmLoading"> 提交 </a-button>
+				</div>
+			</div>
+		</div>
+		<a-modal title="预览" :visible="previewVisible" :footer="null" @cancel="previewVisible = false">
+			<img alt="example" :src="form.idCardImageUrl" />
+		</a-modal>
+	</div>
 </template>
 
 <script>
@@ -449,862 +236,908 @@ import { nationlist } from "../../utils/datalist";
 import moment from "moment";
 import { isEmptyCheck, getAgeFromBirthday } from "../../utils/commonUtil";
 import timepicker from "./components/timepicker.vue";
-import {
-  recordBillApi,
-  getProxyInfoApi,
-  getStoreAliasApi,
-  getStoreJobApi,
-  getPolicyByJobIdApi,
-} from "@/api/job";
+import { recordBillApi, getProxyInfoApi, getStoreAliasApi, getStoreJobApi, getPolicyByJobIdApi } from "@/api/job";
 import request from "@/utils/request";
 // import axios from "axios";
 import $ from "jquery";
 // import axiosUpload from "axios";
 export default {
-  inject: ["reload"],
-  // 组件名称
-  name: "recordBill",
-  // 局部注册的组件
-  components: {
-    // recordbill,
-    timepicker,
-  },
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      // facetimedate: "",
-      previewVisible: false,
-      proxyStatus: "", // 代理选择的控制
-      storeStatus: "", // 企业选择的控制
-      jobnameStatus: "", // 岗位选择的控制
-      previewImage: "",
-      isMaster: true,
-      isShow: false,
-      nationlist,
-      moment,
-      loading: false,
-      confirmLoading: false,
-      fetching: false,
-      proxyList: [],
-      storeList: [],
-      storeJobList: [],
-      userinfo: {},
-      fileList: [],
-      dataObj: {
-        policy: "",
-        signature: "",
-        key: "",
-        ossaccessKeyId: "",
-        dir: "",
-        host: "",
-        // callback:'',
-      },
-      rules: {
-        // 录单校验规则
-        interviewTime: [
-          {
-            required: true,
-            message: "请选择面试时间",
-            trigger: "blur",
-          },
-        ],
-        userName: [
-          {
-            required: true,
-            message: "请输入姓名",
-            trigger: "blur",
-          },
-          {
-            pattern:
-              // /^((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F](·)*$/, // 姓名校验规则
-              /^(((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F][^·]{1,12})$/, // 姓名校验规则
-            message: "请输入正确的姓名",
-            trigger: "blur",
-          },
-        ],
-        sex: [
-          {
-            required: true,
-            message: "请选择性别",
-            trigger: "change",
-          },
-        ],
-        age: [
-          {
-            required: true,
-            message: "请输入年龄",
-            trigger: "blur",
-          },
-          {
-            pattern: /^\d{2}$/,
-            message: "请输入正确的年龄",
-            trigger: "blur",
-          },
-        ],
-        idCard: [
-          // {
-          //   required: true,
-          //   message: "请输入年龄",
-          //   trigger: "blur",
-          // },
-          {
-            min: 18,
-            max: 18,
-            message: "请输入正确的身份证号",
-            trigger: "blur",
-          },
-        ],
-        tel: [
-          //   {
-          //   required: true,
-          //   message: "请输入年龄",
-          //   trigger: "blur",
-          // },
-          {
-            pattern:
-              /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
-            message: "请输入正确的手机号",
-            trigger: "blur",
-          },
-        ],
-        // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
-      },
-      form: {
-        // 录单数据
-        userName: "",
-        idCard: "",
-        sex: "", // 性别
-        age: "", // 年龄
-        agencyId: "", // 代理id
-        storeJobId: "", // 职位id
-        qiyeId: "", // 企业id
-        nation: undefined, // 民族
-        address: "", // 家庭住址
-        policy: "", // 代理政策
-        interviewTime: "", // 面试时间
-        idCardImageUrl: "",
-      },
-      proxyinfo: {},
+	inject: ["reload"],
+	// 组件名称
+	name: "recordBill",
+	// 局部注册的组件
+	components: {
+		// recordbill,
+		timepicker,
+	},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			// facetimedate: "",
+			previewVisible: false,
+			proxyStatus: "", // 代理选择的控制
+			storeStatus: "", // 企业选择的控制
+			jobnameStatus: "", // 岗位选择的控制
+      isContainerShow:false, // 政策展示控制按钮是否显示
+      isFold:false,
+			previewImage: "",
+			isMaster: true,
+			isShow: false,
+			nationlist,
+			moment,
+			loading: false,
+			confirmLoading: false,
+			fetching: false,
+			proxyList: [],
+			storeList: [],
+			storeJobList: [],
+			userinfo: {},
+			fileList: [],
+			dataObj: {
+				policy: "",
+				signature: "",
+				key: "",
+				ossaccessKeyId: "",
+				dir: "",
+				host: "",
+				// callback:'',
+			},
+			rules: {
+				// 录单校验规则
+				interviewTime: [
+					{
+						required: true,
+						message: "请选择面试时间",
+						trigger: "blur",
+					},
+				],
+				userName: [
+					{
+						required: true,
+						message: "请输入姓名",
+						trigger: "blur",
+					},
+					{
+						pattern:
+							// /^((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F](·)*$/, // 姓名校验规则
+							/^(((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F][^·]{1,12})$/, // 姓名校验规则
+						message: "请输入正确的姓名",
+						trigger: "blur",
+					},
+				],
+				sex: [
+					{
+						required: true,
+						message: "请选择性别",
+						trigger: "change",
+					},
+				],
+				age: [
+					{
+						required: true,
+						message: "请输入年龄",
+						trigger: "blur",
+					},
+					{
+						pattern: /^\d{2}$/,
+						message: "请输入正确的年龄",
+						trigger: "blur",
+					},
+				],
+				idCard: [
+					// {
+					//   required: true,
+					//   message: "请输入年龄",
+					//   trigger: "blur",
+					// },
+					{
+						min: 18,
+						max: 18,
+						message: "请输入正确的身份证号",
+						trigger: "blur",
+					},
+				],
+				tel: [
+					//   {
+					//   required: true,
+					//   message: "请输入年龄",
+					//   trigger: "blur",
+					// },
+					{
+						pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
+						message: "请输入正确的手机号",
+						trigger: "blur",
+					},
+				],
+				// tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
+			},
+			form: {
+				// 录单数据
+				userName: "",
+				idCard: "",
+				sex: "", // 性别
+				age: "", // 年龄
+				agencyId: "", // 代理id
+				storeJobId: "", // 职位id
+				qiyeId: "", // 企业id
+				nation: undefined, // 民族
+				address: "", // 家庭住址
+				policy: "", // 代理政策
+				interviewTime: "", // 面试时间
+				idCardImageUrl: "",
+			},
+			proxyinfo: {},
 
-      firminfo: {},
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {
-    facetimedate() {
-      console.log(this.facetimedate);
-    },
-  },
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    if (JSON.stringify(this.$route.params) == "{}") {
-      this.firminfo = JSON.parse(sessionStorage.getItem("CURRENT_FIRM"));
-    } else {
-      this.firminfo = this.$route.params;
-    }
+			firminfo: {},
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {
+		facetimedate() {
+			console.log(this.facetimedate);
+		},
+	},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		if (JSON.stringify(this.$route.params) == "{}") {
+			this.firminfo = JSON.parse(sessionStorage.getItem("CURRENT_FIRM"));
+		} else {
+			this.firminfo = this.$route.params;
+		}
 
-    // this.userinfo = JSON.parse(userinfo);
-    this.proxyinfo = JSON.parse(sessionStorage.getItem("LOGIN_DATA"));
-    if (this.proxyinfo.roleOfPmd) {
-      this.isMaster = true;
-    }
-    this.getProxyInfo(this.proxyinfo.id);
-    this.getJob(this.firminfo);
-    this.getPolicyByJobId(this.firminfo.id);
-    console.log(this.proxyinfo);
-    // sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(userinfo));
-    console.log(this.firminfo);
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    async getJob(value) {
-      try {
-        const { data } = await getStoreJobApi(value.id);
-        console.log(data);
-        if (data.status === 200) {
-          this.storeJobList = data.data;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    async getPolicyByJobId(value) {
-      try {
-        const { data } = await getPolicyByJobIdApi(value);
-        console.log(data);
-        if (data.status === 200) {
-          this.form.policy = data.data;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    onClose() {
-      this.form = {
-        // 录单数据
-        userName: "",
-        idCard: "",
-        sex: "", // 性别
-        age: "", // 年龄
-        nation: undefined, // 民族
-        address: "", // 家庭住址
-        policy: "", // 代理政策
-        interviewTime: "", // 面试时间
-        idCardImageUrl: "",
-      };
-      this.$router.push("/detail/" + this.firminfo.id);
-    },
-    handleOk() {
-      this.$refs.ruleForm.validate(async (ispass, no) => {
-        console.log(this.form);
-        console.log(ispass);
-        console.log(no);
-        this.confirmLoading = true;
+		// this.userinfo = JSON.parse(userinfo);
+		this.proxyinfo = JSON.parse(sessionStorage.getItem("LOGIN_DATA"));
+		if (this.proxyinfo.roleOfPmd) {
+			this.isMaster = true;
+		}
+		this.getProxyInfo(this.proxyinfo.id);
+		this.getJob(this.firminfo);
+		this.getPolicyByJobId(this.firminfo.id);
+		console.log(this.proxyinfo);
+		// sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(userinfo));
+		console.log(this.firminfo);
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {
+    let that = this
+		const policy = document.querySelector(".policy");
+		// this.$nextTick(()=>{
+		setTimeout(() => {
+			console.log(policy.offsetHeight);
+			if (policy.offsetHeight >= 230) {
+				policy.style.maxHeight = "230px";
+        	policy.style.marginBottom = '24px'
+          that.isContainerShow = true
+          that.isFold = true
+			} else {
+				policy.style.minHeight = "230px";
+          that.isContainerShow = false
+          that.isFold = false
+			}
+		}, 200);
+		// })
+	},
+	// 组件方法
+	methods: {
+		async getJob(value) {
+			try {
+				const { data } = await getStoreJobApi(value.id);
+				console.log(data);
+				if (data.status === 200) {
+					this.storeJobList = data.data;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getPolicyByJobId(value) {
+			try {
+				const { data } = await getPolicyByJobIdApi(value);
+				console.log(data);
+				if (data.status === 200) {
+					this.form.policy = data.data;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		onClose() {
+			this.form = {
+				// 录单数据
+				userName: "",
+				idCard: "",
+				sex: "", // 性别
+				age: "", // 年龄
+				nation: undefined, // 民族
+				address: "", // 家庭住址
+				policy: "", // 代理政策
+				interviewTime: "", // 面试时间
+				idCardImageUrl: "",
+			};
+			this.$router.push("/detail/" + this.firminfo.id);
+		},
+		handleOk() {
+			this.$refs.ruleForm.validate(async (ispass, no) => {
+				console.log(this.form);
+				console.log(ispass);
+				console.log(no);
+				this.confirmLoading = true;
 
-        if (ispass) {
-          console.log(this.form);
-          const { data } = await recordBillApi({
-            ...this.form,
-            storeJobId: this.firminfo.id,
-          });
-          console.log(data);
-          if (data.status === 200) {
-            console.log(data);
-            // this.$message.success("提交成功");
-            setTimeout(() => {
-              this.confirmLoading = false;
+				if (ispass) {
+					console.log(this.form);
+					const { data } = await recordBillApi({
+						...this.form,
+						storeJobId: this.firminfo.id,
+					});
+					console.log(data);
+					if (data.status === 200) {
+						console.log(data);
+						// this.$message.success("提交成功");
+						setTimeout(() => {
+							this.confirmLoading = false;
 
-              this.$router.push("/recordsuccess");
-            }, 1000);
-          } else {
-            this.$message.error(data.msg);
-          }
-          // setTimeout(() => {
-          //   this.confirmLoading = false;
-          //   this.form = {
-          //     // 录单数据置空
-          //     name: "",
-          //     tel: "",
-          //     peoplecard: "",
-          //     username: "",
-          //   };
-          //   this.visible = false;
-          // }, 2000);
-        } else {
-          this.confirmLoading = false;
-          this.$message.error(no);
+							this.$router.push("/recordsuccess");
+						}, 1000);
+					} else {
+						this.$message.error(data.msg);
+					}
+					// setTimeout(() => {
+					//   this.confirmLoading = false;
+					//   this.form = {
+					//     // 录单数据置空
+					//     name: "",
+					//     tel: "",
+					//     peoplecard: "",
+					//     username: "",
+					//   };
+					//   this.visible = false;
+					// }, 2000);
+				} else {
+					this.confirmLoading = false;
+					this.$message.error(no);
 
-          console.log(123);
-        }
-        console.log(no);
-      });
-    },
-    // interviewTimeDisabledDate(current) {
-    //   // Can not select days before today and today
-    //   return (
-    //     current < moment().startOf("day") || current > moment().add(100, "days")
-    //   );
-    // },
-    // interviewTimeDisabledDateTime() {
-    //   return {
-    //     disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 22, 23],
-    //     disabledMinutes: () =>
-    //       this.range(0, 60)
-    //         .splice(1, 29)
-    //         .concat(this.range(0, 60).splice(31, 59)),
-    //     disabledSeconds: () => this.range(1, 60),
-    //   };
-    // },
-    range(start, end) {
-      const result = [];
-      for (let i = start; i < end; i++) {
-        result.push(i);
-      }
-      return result;
-    },
+					console.log(123);
+				}
+				console.log(no);
+			});
+		},
+		// interviewTimeDisabledDate(current) {
+		//   // Can not select days before today and today
+		//   return (
+		//     current < moment().startOf("day") || current > moment().add(100, "days")
+		//   );
+		// },
+		// interviewTimeDisabledDateTime() {
+		//   return {
+		//     disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 22, 23],
+		//     disabledMinutes: () =>
+		//       this.range(0, 60)
+		//         .splice(1, 29)
+		//         .concat(this.range(0, 60).splice(31, 59)),
+		//     disabledSeconds: () => this.range(1, 60),
+		//   };
+		// },
+		range(start, end) {
+			const result = [];
+			for (let i = start; i < end; i++) {
+				result.push(i);
+			}
+			return result;
+		},
 
-    getDom() {
-      console.log(1);
-    },
-    getDateinfo() {
-      this.isShow = true;
-      console.log(this.form.interviewTime);
-    },
-    verify() {
-      if (this.form.interviewTime !== "") {
-        this.form.interviewTime = "";
-      }
-    },
-    handleChange({ fileList }) {
-      console.log(fileList);
-      console.log(fileList[0]);
-      this.fileList = fileList;
+		getDom() {
+			console.log(1);
+		},
+		getDateinfo() {
+			this.isShow = true;
+			console.log(this.form.interviewTime);
+		},
+		verify() {
+			if (this.form.interviewTime !== "") {
+				this.form.interviewTime = "";
+			}
+		},
+		handleChange({ fileList }) {
+			console.log(fileList);
+			console.log(fileList[0]);
+			this.fileList = fileList;
 
-      // try {
-      //   const { data } = await getIdCardInfoApi(formData);
-      //   console.log(data);
-      // } catch (error) {
-      //   console.log(error);
-      // }
-    },
-    // getBase64(file) {
-    //   return new Promise((resolve, reject) => {
-    //     const reader = new FileReader();
-    //     console.log(reader);
-    //     reader.readAsDataURL(file);
-    //     reader.onload = () => resolve(reader.result);
-    //     reader.onerror = (error) => reject(error);
-    //   });
-    // },
-    beforeUpload(e, data) {
-      let that = this;
-      console.log(e);
-      console.log(data);
-      //resolve()
-      return new Promise((resolve, reject) => {
-        //resolve()
-        new Promise((resolve) => {
-          request({
-            url: "/oss/policy",
-            method: "get",
-          })
-            .then(({ data }) => {
-              console.log(data);
-              // console.log(data.msg);
-              resolve(data.data);
-            })
-            .catch((err) => {
-              console.log(err);
-            });
-        })
-          .then((response) => {
-            console.log("响应的数据", response);
-            that.dataObj.policy = response.data.policy;
-            that.dataObj.signature = response.data.signature;
-            that.dataObj.ossaccessKeyId = response.data.accessid;
-            that.dataObj.key =
-              response.data.dir + that.getUUID() + "_${filename}";
-            that.dataObj.dir = response.data.dir;
-            that.dataObj.host = response.data.host;
-            console.log("响应的数据222。。。", that.dataObj);
-            resolve(true);
-          })
-          .catch((err) => {
-            console.log(err);
-            reject(false);
-          });
-      });
-    },
-    getUUID() {
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-        return (
-          c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8"
-        ).toString(16);
-      });
-    },
-    async customRequestFun(file) {
-      console.dir(file.onSuccess);
-      let _self = this;
-      this.loading = true;
-      var formData = new FormData();
+			// try {
+			//   const { data } = await getIdCardInfoApi(formData);
+			//   console.log(data);
+			// } catch (error) {
+			//   console.log(error);
+			// }
+		},
+		// getBase64(file) {
+		//   return new Promise((resolve, reject) => {
+		//     const reader = new FileReader();
+		//     console.log(reader);
+		//     reader.readAsDataURL(file);
+		//     reader.onload = () => resolve(reader.result);
+		//     reader.onerror = (error) => reject(error);
+		//   });
+		// },
+		beforeUpload(e, data) {
+			let that = this;
+			console.log(e);
+			console.log(data);
+			//resolve()
+			return new Promise((resolve, reject) => {
+				//resolve()
+				new Promise((resolve) => {
+					request({
+						url: "/oss/policy",
+						method: "get",
+					})
+						.then(({ data }) => {
+							console.log(data);
+							// console.log(data.msg);
+							resolve(data.data);
+						})
+						.catch((err) => {
+							console.log(err);
+						});
+				})
+					.then((response) => {
+						console.log("响应的数据", response);
+						that.dataObj.policy = response.data.policy;
+						that.dataObj.signature = response.data.signature;
+						that.dataObj.ossaccessKeyId = response.data.accessid;
+						that.dataObj.key = response.data.dir + that.getUUID() + "_${filename}";
+						that.dataObj.dir = response.data.dir;
+						that.dataObj.host = response.data.host;
+						console.log("响应的数据222。。。", that.dataObj);
+						resolve(true);
+					})
+					.catch((err) => {
+						console.log(err);
+						reject(false);
+					});
+			});
+		},
+		getUUID() {
+			return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+				return (c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8").toString(16);
+			});
+		},
+		async customRequestFun(file) {
+			console.dir(file.onSuccess);
+			let _self = this;
+			this.loading = true;
+			var formData = new FormData();
 
-      //注意formData里append添加的键的大小写
-      formData.append("key", _self.dataObj.key); //存储在oss的文件路径
-      formData.append("OSSAccessKeyId", _self.dataObj.ossaccessKeyId); //accessKeyId
-      formData.append("policy", _self.dataObj.policy); //policy
-      formData.append("Signature", _self.dataObj.signature); //签名
-      formData.append("success_action_status", "200"); // 上传成功返回的状态码，不设置则是204
-      formData.append("file", file.file); // 一定在最后
-      console.log(formData);
-      let formData1 = new FormData();
-      console.log(file.file);
-      console.log(formData1);
-      formData1.append("uploadFile", file.file); // 一定在最后
-      // try {
-      //   const { data } = await getIdCardInfoApi(formData1);
-      //   console.log(data);
-      // } catch (err) {
-      //   console.log(err);
-      // }
-      request({
-        method: "post",
-        url: "/yishoudan/commons/idCardOcrRecognize",
-        data: formData1,
-        withCredentials: true,
-        // headers: {'Content-Type': 'application/x-www-form-urlencoded'}
+			//注意formData里append添加的键的大小写
+			formData.append("key", _self.dataObj.key); //存储在oss的文件路径
+			formData.append("OSSAccessKeyId", _self.dataObj.ossaccessKeyId); //accessKeyId
+			formData.append("policy", _self.dataObj.policy); //policy
+			formData.append("Signature", _self.dataObj.signature); //签名
+			formData.append("success_action_status", "200"); // 上传成功返回的状态码，不设置则是204
+			formData.append("file", file.file); // 一定在最后
+			console.log(formData);
+			let formData1 = new FormData();
+			console.log(file.file);
+			console.log(formData1);
+			formData1.append("uploadFile", file.file); // 一定在最后
+			// try {
+			//   const { data } = await getIdCardInfoApi(formData1);
+			//   console.log(data);
+			// } catch (err) {
+			//   console.log(err);
+			// }
+			request({
+				method: "post",
+				url: "/yishoudan/commons/idCardOcrRecognize",
+				data: formData1,
+				withCredentials: true,
+				// headers: {'Content-Type': 'application/x-www-form-urlencoded'}
 
-        headers: {
-          "Content-Type":
-            "multipart/form-data;boundary = " + new Date().getTime(),
-        },
-      })
-        .then(({ data }) => {
-          this.loading = false;
+				headers: {
+					"Content-Type": "multipart/form-data;boundary = " + new Date().getTime(),
+				},
+			})
+				.then(({ data }) => {
+					this.loading = false;
 
-          console.log(data);
-          if (data.status === 200) {
-            // console.log(this.$message);
-            if (data.data.success) {
-              if (!isEmptyCheck(data.data.num)) {
-                this.form.idCard = data.data.num;
-                this.form.age = data.data.age;
-                if (data.data.sex === "男") {
-                  this.form.sex = "1";
-                } else {
-                  this.form.sex = "2";
-                }
-                console.log(this.form.sex);
-                this.form.nation = data.data.nationality + "族";
-                this.form.userName = data.data.name;
-                this.form.address = data.data.address;
-              }
-            } else {
-              this.$message.error("身份证识别失败,请重新上传图片");
-            }
-          } else {
-            this.$message.error("上传失败,请重新上传");
-          }
-          console.log(data);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-      file.onProgress();
+					console.log(data);
+					if (data.status === 200) {
+						// console.log(this.$message);
+						if (data.data.success) {
+							if (!isEmptyCheck(data.data.num)) {
+								this.form.idCard = data.data.num;
+								this.form.age = data.data.age;
+								if (data.data.sex === "男") {
+									this.form.sex = "1";
+								} else {
+									this.form.sex = "2";
+								}
+								console.log(this.form.sex);
+								this.form.nation = data.data.nationality + "族";
+								this.form.userName = data.data.name;
+								this.form.address = data.data.address;
+							}
+						} else {
+							this.$message.error("身份证识别失败,请重新上传图片");
+						}
+					} else {
+						this.$message.error("上传失败,请重新上传");
+					}
+					console.log(data);
+				})
+				.catch((err) => {
+					console.log(err);
+				});
+			file.onProgress();
 
-      $.ajax({
-        type: "post",
-        url: "http://matripe-cms.oss-cn-beijing.aliyuncs.com",
-        data: formData,
-        contentType: false, // 不设置Content-Type请求头
-        processData: false,
-        success: function (data) {
-          file.onSuccess();
+			$.ajax({
+				type: "post",
+				url: "http://matripe-cms.oss-cn-beijing.aliyuncs.com",
+				data: formData,
+				contentType: false, // 不设置Content-Type请求头
+				processData: false,
+				success: function (data) {
+					file.onSuccess();
 
-          console.log(document.querySelector(".ant-upload-list-item-info"));
+					console.log(document.querySelector(".ant-upload-list-item-info"));
 
-          _self.uploadFileFlag = true;
-          console.log(data);
-          var img =
-            _self.dataObj.host +
-            "/" +
-            _self.dataObj.key.replace("${filename}", file.file.name);
-          _self.form.idCardImageUrl = img;
-          console.log(_self.form.idCardImageUrl);
-        },
-        fail: function (err) {
-          console.log(err);
-        },
-      });
-    },
-    async handlePreview(file) {
-      console.log(file);
-      if (!file.url && !file.preview) {
-        file.preview = await this.getBase64(file.originFileObj);
-      }
-      this.previewImage = file.url || file.preview;
-      this.previewVisible = true;
-    },
-    getBase64(file) {
-      return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.readAsDataURL(file);
-        reader.onload = () => resolve(reader.result);
-        reader.onerror = (error) => reject(error);
-      });
-    },
-    async getProxyInfo(id) {
-      const { data } = await getProxyInfoApi(id);
-      // console.log(data);
-      if (data.status === 200) {
-        this.proxyList = data.data;
-        this.proxyList.forEach((item) => {
-          // console.log(item);
-          let data1 = item.agencyName;
-          if (!isEmptyCheck(item.userName)) {
-            item.userName = data1 + "/" + item.userName;
-          }
-          if (!isEmptyCheck(item.tel)) {
-            item.userName = item.userName + item.tel.slice(7, 12);
-          }
-        });
-        console.log(this.proxyList);
-      }
-      console.log(data);
-    },
-    proxyChange(value) {
-      console.log(value);
-      this.form.agencyId = value.id;
-      this.proxyinfo.userName = value.userName;
-      this.proxyStatus = "";
-      console.log(this.form);
-    },
-    async storeSearch(value) {
-      // 企业名称搜索
-      console.log(value);
-      const { data } = await getStoreAliasApi(value);
-      if (data.status === 200) {
-        this.storeList = data.data;
-      }
-      console.log(data);
-    },
-    async storeChange(value) {
-      console.log(value);
-      this.storeList = [];
-      this.firminfo.aliasName = value.aliasName;
-      this.form.qiyeId = value.id;
-      this.storeStatus = "";
-      try {
-        const { data } = await getStoreJobApi(value.id);
-        console.log(data);
-        if (data.status === 200) {
-          this.storeJobList = data.data;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-      console.log(this.form);
-      console.log(value);
-    },
-    selected() {
-      // if (!isEmptyCheck(this.form.qiyeId)) {
-      this.jobnameStatus = "jobname";
-      // } else {
-      // this.$message.warning("请先选择企业");
-      // }
-    },
-    storeJobChange(value) {
-      console.log(value);
-      // this.storeJobList = [];
-      // if(!isEmptyCheck(this.form.qiyeId)){
-      this.getPolicyByJobId(value.id);
-      this.form.storeJobId = value.id;
-      this.jobnameStatus = "";
-      this.firminfo.jobName = value.jobName;
-      console.log(this.form);
-      // } else {
+					_self.uploadFileFlag = true;
+					console.log(data);
+					var img = _self.dataObj.host + "/" + _self.dataObj.key.replace("${filename}", file.file.name);
+					_self.form.idCardImageUrl = img;
+					console.log(_self.form.idCardImageUrl);
+				},
+				fail: function (err) {
+					console.log(err);
+				},
+			});
+		},
+		async handlePreview(file) {
+			console.log(file);
+			if (!file.url && !file.preview) {
+				file.preview = await this.getBase64(file.originFileObj);
+			}
+			this.previewImage = file.url || file.preview;
+			this.previewVisible = true;
+		},
+		getBase64(file) {
+			return new Promise((resolve, reject) => {
+				const reader = new FileReader();
+				reader.readAsDataURL(file);
+				reader.onload = () => resolve(reader.result);
+				reader.onerror = (error) => reject(error);
+			});
+		},
+		async getProxyInfo(id) {
+			const { data } = await getProxyInfoApi(id);
+			// console.log(data);
+			if (data.status === 200) {
+				this.proxyList = data.data;
+				this.proxyList.forEach((item) => {
+					// console.log(item);
+					let data1 = item.agencyName;
+					if (!isEmptyCheck(item.userName)) {
+						item.userName = data1 + "/" + item.userName;
+					}
+					if (!isEmptyCheck(item.tel)) {
+						item.userName = item.userName + item.tel.slice(7, 12);
+					}
+				});
+				console.log(this.proxyList);
+			}
+			console.log(data);
+		},
+		proxyChange(value) {
+			console.log(value);
+			this.form.agencyId = value.id;
+			this.proxyinfo.userName = value.userName;
+			this.proxyStatus = "";
+			console.log(this.form);
+		},
+		async storeSearch(value) {
+			// 企业名称搜索
+			console.log(value);
+			const { data } = await getStoreAliasApi(value);
+			if (data.status === 200) {
+				this.storeList = data.data;
+			}
+			console.log(data);
+		},
+		async storeChange(value) {
+			console.log(value);
+			this.storeList = [];
+			this.firminfo.aliasName = value.aliasName;
+			this.form.qiyeId = value.id;
+			this.storeStatus = "";
+			try {
+				const { data } = await getStoreJobApi(value.id);
+				console.log(data);
+				if (data.status === 200) {
+					this.storeJobList = data.data;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+			console.log(this.form);
+			console.log(value);
+		},
+		selected() {
+			// if (!isEmptyCheck(this.form.qiyeId)) {
+			this.jobnameStatus = "jobname";
+			// } else {
+			// this.$message.warning("请先选择企业");
+			// }
+		},
+		storeJobChange(value) {
+			console.log(value);
+			// this.storeJobList = [];
+			// if(!isEmptyCheck(this.form.qiyeId)){
+			this.getPolicyByJobId(value.id);
+			this.form.storeJobId = value.id;
+			this.jobnameStatus = "";
+			this.firminfo.jobName = value.jobName;
+			console.log(this.form);
+			// } else {
+
+			// }
+		},
+		toList() {
+			// this.$router.go(0);
+			// window.location.reload();
+			this.reload();
+		},
+		getIdInfo(e) {
+			if (e.target.value.length == 18) {
+				let bir = getAgeFromBirthday(e.target.value);
+				if (!isEmptyCheck(bir.gender)) {
+					this.form.sex = bir.gender;
+				}
+				if (!isEmptyCheck(bir.age)) {
+					this.form.age = bir.age;
+				}
+			}
+		},
+    toFold(value){
+      let policy = document.querySelector('.policy')
+      if(value == 1){
+        this.isFold = false
+        policy.style.maxHeight = 'unset'
+      } else {
+        this.isFold = true
+        policy.style.maxHeight = '230px'
 
-      // }
-    },
-    toList() {
-      // this.$router.go(0);
-      // window.location.reload();
-      this.reload();
-    },
-    getIdInfo(e) {
-      if (e.target.value.length == 18) {
-        let bir = getAgeFromBirthday(e.target.value);
-        if (!isEmptyCheck(bir.gender)) {
-          this.form.sex = bir.gender;
-        }
-        if (!isEmptyCheck(bir.age)) {
-          this.form.age = bir.age;
-        }
       }
-    },
-  },
+    }
+	},
 };
 </script>
 
 <style scoped lang="less">
 .recordBill-container {
-  // height: 100%;
+	// height: 100%;
 
-  box-sizing: border-box;
-  .content {
-    margin-top: 12px;
-    padding: 30px 0 20px 300px;
-    position: relative;
-    background-color: #fff;
-    text-align: left;
-    .ant-form {
-      width: 640px;
-    }
-  }
-  .upline {
-    position: relative !important;
-    box-shadow: none;
-    // transform: translateX(-10px);
-    margin-top: 12px;
-    > div {
-      margin-left: 107px;
-      display: flex;
-      justify-content: start;
-      button {
-        transition: none;
-      }
-      button:first-child {
-        &:hover {
-          border-color: #ff6a00 !important;
-          color: #ff6a00 !important;
-        }
-      }
-      button:last-child {
-        &:hover {
-          background-color: #ff7c1f !important;
-          border-color: #ff7c1f !important;
-        }
-      }
-      // button::after {
-      //   // display: none;
-      // }
-    }
-  }
+	box-sizing: border-box;
+	.content {
+		margin-top: 12px;
+		padding: 30px 0 20px 300px;
+		position: relative;
+		background-color: #fff;
+		text-align: left;
+		.ant-form {
+			width: 640px;
+		}
+		
+	}
+	.upline {
+		position: relative !important;
+		box-shadow: none;
+		// transform: translateX(-10px);
+		margin-top: 12px;
+		> div {
+			margin-left: 107px;
+			display: flex;
+			justify-content: start;
+			button {
+				transition: none;
+			}
+			button:first-child {
+				&:hover {
+					border-color: #ff6a00 !important;
+					color: #ff6a00 !important;
+				}
+			}
+			button:last-child {
+				&:hover {
+					background-color: #ff7c1f !important;
+					border-color: #ff7c1f !important;
+				}
+			}
+			// button::after {
+			//   // display: none;
+			// }
+		}
+	}
 }
 /deep/ .ant-radio-wrapper {
-  margin-right: 16px;
-  span:last-child {
-    padding: 0 2px;
-  }
+	margin-right: 16px;
+	span:last-child {
+		padding: 0 2px;
+	}
 }
 /deep/ .ant-radio {
-  border-color: #d9d9d9;
-  box-shadow: none;
-  &:after {
-    display: none;
-  }
-  &:hover .ant-radio-inner {
-    border-color: #ff6a00 !important;
-    box-shadow: none;
-  }
+	border-color: #d9d9d9;
+	box-shadow: none;
+	&:after {
+		display: none;
+	}
+	&:hover .ant-radio-inner {
+		border-color: #ff6a00 !important;
+		box-shadow: none;
+	}
 }
 /deep/ .ant-radio-checked {
-  .ant-radio-input:focus {
-    box-shadow: none;
-  }
-  .ant-radio-inner {
-    border-color: #ff6a00;
-    box-shadow: none;
-    &::after {
-      background-color: #ff6a00 !important;
-    }
-  }
+	.ant-radio-input:focus {
+		box-shadow: none;
+	}
+	.ant-radio-inner {
+		border-color: #ff6a00;
+		box-shadow: none;
+		&::after {
+			background-color: #ff6a00 !important;
+		}
+	}
 }
 .ant-col {
-  .ant-form-item {
-    margin-top: 0;
-    margin-bottom: 16px !important;
-  }
+	.ant-form-item {
+		margin-top: 0;
+		margin-bottom: 16px !important;
+	}
 }
 .idCardUpload {
-  // 上传身份证关闭按钮的样式
-  position: relative;
-  .icon-guanbi {
-    position: absolute;
-    top: -3px;
-    right: 52px;
-    height: 16px;
-    width: 16px;
-    text-align: center;
-    line-height: 16px;
-    font-size: 12px;
-    font-weight: 900;
-    border-radius: 50%;
-    background-color: #999;
-    color: #fff;
-    z-index: 99;
-    &::before {
-      display: inline-block;
-      transform: scale(0.6);
-    }
-  }
+	// 上传身份证关闭按钮的样式
+	position: relative;
+	.icon-guanbi {
+		position: absolute;
+		top: -3px;
+		right: 52px;
+		height: 16px;
+		width: 16px;
+		text-align: center;
+		line-height: 16px;
+		font-size: 12px;
+		font-weight: 900;
+		border-radius: 50%;
+		background-color: #999;
+		color: #fff;
+		z-index: 99;
+		&::before {
+			display: inline-block;
+			transform: scale(0.6);
+		}
+	}
 }
 .specialbox {
-  margin-top: -8px;
+	margin-top: -8px;
 }
 /deep/ .ant-upload-picture-card-wrapper {
-  width: 100px !important;
-  height: 40px !important;
-  // border: 1px solid #ddd !important;
-  // box-sizing: border-box;
-  .ant-upload.ant-upload-select-picture-card,
-  .ant-upload-list-item,
-  .ant-upload-list-picture-card-container {
-    width: 100px !important;
-    height: 40px !important;
-    min-width: 100px !important;
-    min-height: 40px !important;
-    font-size: 12px;
-    padding: 0;
-    border-color: #dddddd !important;
-    box-sizing: border-box;
-    border-radius: 2px;
-    &:hover {
-      border-color: #ff6a00 !important;
-    }
+	width: 100px !important;
+	height: 40px !important;
+	// border: 1px solid #ddd !important;
+	// box-sizing: border-box;
+	.ant-upload.ant-upload-select-picture-card,
+	.ant-upload-list-item,
+	.ant-upload-list-picture-card-container {
+		width: 100px !important;
+		height: 40px !important;
+		min-width: 100px !important;
+		min-height: 40px !important;
+		font-size: 12px;
+		padding: 0;
+		border-color: #dddddd !important;
+		box-sizing: border-box;
+		border-radius: 2px;
+		&:hover {
+			border-color: #ff6a00 !important;
+		}
 
-    .ant-upload {
-      padding: 0;
-    }
-    .ant-upload-list-item-progress {
-      display: none;
-    }
-    // .ant-upload-list-item-uploading {
-    //   display: none;
-    // }
-    .ant-upload-select {
-      background-color: #f5f5f5 !important;
-    }
-    .ant-upload-text {
-      font-size: 12px;
-      margin: 0 0 0 6px;
-    }
-    .ant-upload-list-item-uploading-text {
-      // display: none;
-      text-align: center !important;
-      line-height: 40px !important;
-      width: 100px !important;
-      height: 40px !important;
-      margin-top: 0;
-      // overflow: hidden;
-    }
-    .ant-upload-list-item-actions {
-      > i {
-        display: none;
-      }
-      > a {
-        text-align: center;
-      }
-    }
-  }
-  // .ant-upload-select {
-  // display: none !important;
-  // }
+		.ant-upload {
+			padding: 0;
+		}
+		.ant-upload-list-item-progress {
+			display: none;
+		}
+		// .ant-upload-list-item-uploading {
+		//   display: none;
+		// }
+		.ant-upload-select {
+			background-color: #f5f5f5 !important;
+		}
+		.ant-upload-text {
+			font-size: 12px;
+			margin: 0 0 0 6px;
+		}
+		.ant-upload-list-item-uploading-text {
+			// display: none;
+			text-align: center !important;
+			line-height: 40px !important;
+			width: 100px !important;
+			height: 40px !important;
+			margin-top: 0;
+			// overflow: hidden;
+		}
+		.ant-upload-list-item-actions {
+			> i {
+				display: none;
+			}
+			> a {
+				text-align: center;
+			}
+		}
+	}
+	// .ant-upload-select {
+	// display: none !important;
+	// }
 }
 .uploading {
-  position: absolute;
-  width: 98px !important;
-  height: 38px !important;
-  top: 1px;
-  left: -49px;
-  background-color: #f5f5f5;
+	position: absolute;
+	width: 98px !important;
+	height: 38px !important;
+	top: 1px;
+	left: -49px;
+	background-color: #f5f5f5;
 }
 /deep/ .ant-form-item {
-  // margin-bottom: 0;
-  margin-top: -8px;
-  .ant-col-5 {
-    width: 20%;
-  }
+	// margin-bottom: 0;
+	margin-top: -8px;
+	.ant-col-5 {
+		width: 20%;
+	}
 
-  .ant-form-item-label {
-    // line-height: 22px;
-    > label {
-      font-weight: 400;
-      color: #333;
-    }
-  }
-  .ant-input-affix-wrapper {
-    &:hover .ant-input {
-      border-color: #d9d9d9;
-    }
-  }
-  .radiobox {
-    height: 40px;
-    display: flex;
-    align-items: center;
-  }
+	.ant-form-item-label {
+		// line-height: 22px;
+		> label {
+			font-weight: 400;
+			color: #333;
+		}
+	}
+	.ant-input-affix-wrapper {
+		&:hover .ant-input {
+			border-color: #d9d9d9;
+		}
+	}
+	.radiobox {
+		height: 40px;
+		display: flex;
+		align-items: center;
+	}
 
-  .ant-form-item-children {
-    .pzbox {
-      // display: flex !important;
-      color: #666;
-      span {
-        display: inline-block;
-        &:first-child {
-          min-width: 50px;
-        }
-        // &:last-child {
-        //   cursor: pointer;
-        //   margin-left: 10px;
-        //   color: #ff6a00;
-        // }
-      }
-      // &::before {
-      //   content: "";
-      //   display: block;
-      //   position: absolute;
-      //   height: 1px;
-      //   width: 588px;
-      //   left: -428px;
-      //   top: -20px;
-      //   background-color: #d5d5d5;
-      // }
-    }
-  }
+	.ant-form-item-children {
+		.pzbox {
+			// display: flex !important;
+			color: #666;
+			span {
+				display: inline-block;
+				&:first-child {
+					min-width: 50px;
+				}
+				// &:last-child {
+				//   cursor: pointer;
+				//   margin-left: 10px;
+				//   color: #ff6a00;
+				// }
+			}
+			// &::before {
+			//   content: "";
+			//   display: block;
+			//   position: absolute;
+			//   height: 1px;
+			//   width: 588px;
+			//   left: -428px;
+			//   top: -20px;
+			//   background-color: #d5d5d5;
+			// }
+		}
+	}
 
-  .ant-input {
-    // width: 430px;
-    height: 38px;
-    // color: rgba(77, 87, 94, 0.7);
-    color: #666;
-    // border: none;
-    border: 1px solid #dddddd;
-    box-shadow: none !important;
-    // background-color: #f6f6f6;
-    &::placeholder {
-      color: #cdcdcd;
-    }
-  }
-  .ant-select-selection__rendered,
-  .ant-select-selection--single,
-  .ant-select {
-    height: 38px;
-    line-height: 38px;
-    // border: none;
-    // border: 1px solid #dddddd;
-    box-shadow: none !important;
-    border-color: #d9d9d9;
-    .ant-select-selection__placeholder {
-      line-height: 17px;
-      color: #cdcdcd;
-    }
-    .ant-select-selection-selected-value {
-      line-height: 37px;
-      color: #666;
-    }
-    &:hover {
-      border-color: #d9d9d9;
-    }
-    // &:focus {
-    //   border-color: #d9d9d9;
-    // }
-    // &:active {
-    //   border-color: #d9d9d9;
-    // }
-  }
+	.ant-input {
+		// width: 430px;
+		height: 38px;
+		// color: rgba(77, 87, 94, 0.7);
+		color: #666;
+		// border: none;
+		border: 1px solid #dddddd;
+		box-shadow: none !important;
+		// background-color: #f6f6f6;
+		&::placeholder {
+			color: #cdcdcd;
+		}
+	}
+	.ant-select-selection__rendered,
+	.ant-select-selection--single,
+	.ant-select {
+		height: 38px;
+		line-height: 38px;
+		// border: none;
+		// border: 1px solid #dddddd;
+		box-shadow: none !important;
+		border-color: #d9d9d9;
+		.ant-select-selection__placeholder {
+			line-height: 17px;
+			color: #cdcdcd;
+		}
+		.ant-select-selection-selected-value {
+			line-height: 37px;
+			color: #666;
+		}
+		&:hover {
+			border-color: #d9d9d9;
+		}
+		// &:focus {
+		//   border-color: #d9d9d9;
+		// }
+		// &:active {
+		//   border-color: #d9d9d9;
+		// }
+	}
 }
 /deep/ .ant-modal-content {
-  .ant-modal-header {
-    border-bottom: 1px solid transparent;
-    padding-top: 14px;
-    padding-bottom: 14px;
-  }
-  .ant-modal-body {
-    padding: 24px;
-    padding-top: 0;
-    img {
-      display: block;
-      width: 100%;
+	.ant-modal-header {
+		border-bottom: 1px solid transparent;
+		padding-top: 14px;
+		padding-bottom: 14px;
+	}
+	.ant-modal-body {
+		padding: 24px;
+		padding-top: 0;
+		img {
+			display: block;
+			width: 100%;
+		}
+	}
+	.ant-modal-close-x {
+		height: 50px;
+		line-height: 50px;
+		// .anticon-close {
+		//   vertical-align: 10px;
+		//   margin-right: -4px;
+		// }
+	}
+}
+/deep/ .policyContainer {
+  position: relative;
+  .ant-form-item-children{
+    position: unset;
+ .policy {
+			padding: 0 16px;
+      // padding-bottom: 24px;
+			white-space: pre-wrap;
+			// border: 1px solid #ddd;
+			border-radius: 4px;
+      overflow: hidden;
+     line-height: 2;
+		}
+    .openContral{
+      position: absolute;
+      height: 20px;
+      line-height: 20px;
+      bottom: 0;
+      right: 10px;
+      cursor: pointer;
+      &:hover {
+        color: #ff6a00;
+      }
     }
   }
-  .ant-modal-close-x {
-    height: 50px;
-    line-height: 50px;
-    // .anticon-close {
-    //   vertical-align: 10px;
-    //   margin-right: -4px;
-    // }
-  }
+ 
+  // background-color: #ff6a00;
 }
 </style>
diff --git a/src/components/ServiceOutlets/index.vue b/src/components/ServiceOutlets/index.vue
index 84b3d04..dfb135c 100644
--- a/src/components/ServiceOutlets/index.vue
+++ b/src/components/ServiceOutlets/index.vue
@@ -54,7 +54,7 @@
       <div class="maincontentright">
         <div class="hotphone">
           <h1 class="bottombox"><i>服务热线</i></h1>
-          <p>0371-6666 6666</p>
+          <p>0371-6611 3723</p>
         </div>
         <!-- <div class="relationme">
           <p class="bottombox"><i>一手单合作</i></p>
diff --git a/src/components/main/index.vue b/src/components/main/index.vue
index 5509dcc..0ee547b 100644
--- a/src/components/main/index.vue
+++ b/src/components/main/index.vue
@@ -105,7 +105,7 @@
           <div class="left">
             <p>总部地址：河南省郑州市郑东新区升龙广场2号楼A座</p>
             <p>接待地址：河南省郑州市航空港区相州街29-60号</p>
-            <p>联系电话：135 2307 4549</p>
+            <p>联系电话：0371-6611 3723</p>
           </div>
           <div class="right">
             <span
diff --git a/src/components/userinfo/accountsetting/components/boundtel.vue b/src/components/userinfo/accountsetting/components/boundtel.vue
index 8eeff3a..60504ee 100644
--- a/src/components/userinfo/accountsetting/components/boundtel.vue
+++ b/src/components/userinfo/accountsetting/components/boundtel.vue
@@ -4,7 +4,8 @@
       <span v-if="!istelshow">绑定手机</span>
       <span v-else>已绑定手机</span>
     </div>
-    <div class="contentbody" v-if="!istelshow">
+    <div v-if="isShow">
+      <div class="contentbody" v-if="!istelshow">
       <div class="warninginfo">
         您的账号可能存在安全风险，为了确保为您本人操作，请先进行安全验证
       </div>
@@ -33,6 +34,7 @@
         更换手机号
       </button>
     </div>
+    </div>
   </div>
 </template>
 
@@ -68,27 +70,37 @@ export default {
         timmer: null,
       },
       istelshow: false,
+      isShow :false
     };
   },
   // 计算属性
   computed: {},
   // 侦听器
-  watch: {},
+  watch: {
+  },
   // 生命周期钩子   注：没用到的钩子请自行删除
   /**
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
   created() {
+   setTimeout(()=>{
+     console.log(this.userinfo);
     if (this.userinfo.tel) {
       this.istelshow = true;
-      console.log(this.istelshow);
+      // console.log(this.istelshow);
     }
+    this.isShow = true
+    
+   },100)
   },
   /**
    * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
    */
-  mounted() {},
+  mounted() {
+  
+    
+  },
   // 组件方法
   methods: {
     async submit() {
diff --git a/src/components/userinfo/accountsetting/components/loginpsw.vue b/src/components/userinfo/accountsetting/components/loginpsw.vue
index 8dd2b99..6458ab2 100644
--- a/src/components/userinfo/accountsetting/components/loginpsw.vue
+++ b/src/components/userinfo/accountsetting/components/loginpsw.vue
@@ -1,131 +1,150 @@
 <template>
-  <div class="loginpsw-container">
-    <div class="contenttitle">
-      <span>设置新的密码</span>
-    </div>
-    <div class="contentbody">
-      <div class="username">
-        <div>用户名</div>
-        <input type="text" :value="username" disabled="disabled" />
-      </div>
-      <div class="password">
-        <div>密码</div>
-        <input type="password" v-model.trim="password" />
-      </div>
-      <button @click="submit">确定</button>
-    </div>
-  </div>
+	<div class="loginpsw-container">
+		<div class="contenttitle">
+			<span>设置新的密码</span>
+		</div>
+		<div class="contentbody">
+			<div class="username">
+				<div>用户名</div>
+				<input type="text" :value="username" disabled="disabled" />
+			</div>
+			<div class="password">
+				<div>密码</div>
+				<input type="password" v-model.trim="password" class="passwordInp"/>
+				<i class="iconfont icon-biyan1" @click="changeStatus"></i>
+			</div>
+			<button @click="submit">确定</button>
+		</div>
+	</div>
 </template>
 
 <script>
 import { setUserPswApi } from "../../../../api/userinfo";
 export default {
-  // 组件名称
-  name: "",
-  // 局部注册的组件
-  components: {},
-  // 组件参数 接收来自父组件的数据
-  props: {
-    userinfo: {
-      require: true,
-    },
-  },
-  // 组件状态值
-  data() {
-    return {
-      username: "",
-      password: null,
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {
-    userinfo() {
-      this.$nextTick(() => {
-        console.log(this.userinfo);
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {},
+	// 组件参数 接收来自父组件的数据
+	props: {
+		userinfo: {
+			require: true,
+		},
+	},
+	// 组件状态值
+	data() {
+		return {
+			username: "",
+			password: null,
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {
+		userinfo() {
+			this.$nextTick(() => {
+				console.log(this.userinfo);
 
-        // this.username = this.userinfo.tel;
-        console.log(this.username);
-      });
-    },
-  },
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    console.log(this.userinfo.hidename);
-    this.username =
-      this.userinfo.userName || this.userinfo.nickName || this.userinfo.tel;
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    async submit() {
-      if (this.password === null || this.password.length === 0) {
-        this.$message.warning("请输入密码");
-      } else {
-        try {
-          const { data } = await setUserPswApi({ password: this.password });
-          console.log(data);
-          if (data.status === 200) {
-            this.$message.success("密码修改成功");
-          }
-        } catch (error) {
-          console.log(error);
-        }
-      }
-      console.log(this.password);
-    },
-  },
+				// this.username = this.userinfo.tel;
+				console.log(this.username);
+			});
+		},
+	},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		console.log(this.userinfo.hidename);
+		this.username = this.userinfo.userName || this.userinfo.nickName || this.userinfo.tel;
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {},
+	// 组件方法
+	methods: {
+		async submit() {
+			if (this.password === null || this.password.length === 0) {
+				this.$message.warning("请输入密码");
+			} else {
+				try {
+					const { data } = await setUserPswApi({ password: this.password });
+					console.log(data);
+					if (data.status === 200) {
+						this.$message.success("密码修改成功");
+					}
+				} catch (error) {
+					console.log(error);
+				}
+			}
+			console.log(this.password);
+		},
+		changeStatus(e) {
+			// console.log(e);
+      let pas = document.querySelector('.passwordInp')
+      // console.dir(pas);
+			if (e.target.className == "iconfont icon-biyan1") {
+				e.target.className = "iconfont icon-zhengyan1";
+        pas.attributes[1].nodeValue = 'text'
+			} else {
+				e.target.className = "iconfont icon-biyan1";
+        pas.attributes[1].nodeValue = 'password'
+			}
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .loginpsw-container {
-  .contentbody {
-    .username,
-    .password {
-      margin-top: 16px;
-      div {
-        font-size: 16px;
-        line-height: 16px;
-        margin-bottom: 8px;
-      }
-      input {
-        outline: none;
-        width: 430px;
-        height: 40px;
-        text-indent: 10px;
-        font-size: 16px;
-        background: #eeeeee;
-        border: 1px solid #dddddd;
-        border-radius: 4px;
-      }
-    }
-    .password {
-      input {
-        background-color: #fff;
-      }
-    }
-    button {
-      width: 64px;
-      height: 32px;
-      margin-top: 21px;
-      background: #ff6a00;
-      border-radius: 4px;
-      border: none;
-      font-size: 14px;
-      color: #fff;
-      &:hover {
-        background-color: #fe8034;
-      }
-    }
-  }
+	.contentbody {
+		.username,
+		.password {
+			margin-top: 16px;
+			div {
+				font-size: 16px;
+				line-height: 16px;
+				margin-bottom: 8px;
+			}
+			input {
+				outline: none;
+				width: 430px;
+				height: 40px;
+				text-indent: 10px;
+				font-size: 16px;
+				background: #eeeeee;
+				border: 1px solid #dddddd;
+				border-radius: 4px;
+			}
+		}
+		.password {
+			position: relative;
+			input {
+				background-color: #fff;
+			}
+			.iconfont {
+				position: absolute;
+				font-size: 14px;
+				right: 48%;
+				top: 36px;
+			}
+		}
+		button {
+			width: 64px;
+			height: 32px;
+			margin-top: 21px;
+			background: #ff6a00;
+			border-radius: 4px;
+			border: none;
+			font-size: 14px;
+			color: #fff;
+			&:hover {
+				background-color: #fe8034;
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/userinfo/accountsetting/inedex.vue b/src/components/userinfo/accountsetting/inedex.vue
index 3a4e6c2..7f35219 100644
--- a/src/components/userinfo/accountsetting/inedex.vue
+++ b/src/components/userinfo/accountsetting/inedex.vue
@@ -78,7 +78,7 @@
           <div class="username" v-else>Hi,{{ userinfo.hidetel }}</div>
         </div>
         <div class="priceinfo">
-          <ul>
+          <ul style="display:none">
             <li
               @click="pushto('/accountsetting/myintegral')"
               :class="{ tagactive: activelist === 6 }"
@@ -140,6 +140,7 @@
           <li
             @click="pushto('/accountsetting/boundbankcard')"
             :class="{ tagactive: activelist === 3 }"
+            style="display:none"
           >
             <span
               ><i class="iconfont icon-bangdingyinhangka"></i>绑定银行卡</span
@@ -163,6 +164,7 @@
           <li
             @click="pushto('/accountsetting/realname')"
             :class="{ tagactive: activelist === 4 }"
+            style="display:none"
           >
             <span><i class="iconfont icon-shimingrenzheng"></i>实名认证</span
             ><span
diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index d072dad..c56b8f2 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -21,10 +21,16 @@
           待面试
         </li>
         <li
+          @click="pagination.status = 25"
+          :class="{ townsmanactive: pagination.status === 25 }"
+        >
+          已接到
+        </li>
+         <li
           @click="pagination.status = 30"
           :class="{ townsmanactive: pagination.status === 30 }"
         >
-          待入职
+          面试通过
         </li>
         <li
           @click="pagination.status = 40"
@@ -33,17 +39,12 @@
           在职中
         </li>
         <li
-          @click="pagination.status = 50"
-          :class="{ townsmanactive: pagination.status === 50 }"
-        >
-          待离职
-        </li>
-        <li
-          @click="pagination.status = 60"
-          :class="{ townsmanactive: pagination.status === 60 }"
+          @click="pagination.status = 999"
+          :class="{ townsmanactive: pagination.status === 999 }"
         >
-          已完成
+          报名结束
         </li>
+        
         <!-- <li
           @click="pagination.status = 70"
           :class="{ townsmanactive: pagination.status === 70 }"
@@ -352,8 +353,8 @@ export default {
               // console.log(parent.offsetHeight);
               // console.log(sibling.offsetHeight);
               // console.log(window.getComputedStyle(parent).height);
-              console.log("子元素高度", sibling.offsetHeight);
-              console.log("父元素高度", parent.offsetHeight);
+              // console.log("子元素高度", sibling.offsetHeight);
+              // console.log("父元素高度", parent.offsetHeight);
               if (sibling.offsetHeight > parent.offsetHeight) {
                 // sibling.style.height = "100%";
                 sibling.style.overflow = "hidden";
@@ -363,14 +364,15 @@ export default {
                 item.isunfold = false;
               }
               item.controlUnfold = true;
+              console.log(item.status);
               // setTimeout(() => {
-              if (item.status == 10 || item.status == 20 || item.status == 30) {
+              if (item.status == 10 || item.status == 20 || item.status == 21 || item.status == 25 || item.status == 26|| item.status == 30|| item.status == 35|| item.status == 45) {
                 item.statusTimeInfo = "面试时间";
                 item.statusShowTime = item.interviewTime;
-              } else if (item.status == 40 || item.status == 50) {
+              } else if (item.status == 40) {
                 item.statusTimeInfo = "入职时间";
                 item.statusShowTime = item.entryTime;
-              } else {
+              } else if (item.status == 50) {
                 item.statusTimeInfo = "离职时间";
                 item.statusShowTime = item.leaveTime;
               }
diff --git a/src/components/userinfo/usercenter/components/townsman.vue b/src/components/userinfo/usercenter/components/townsman.vue
index 4bdcd2b..ca8a5ec 100644
--- a/src/components/userinfo/usercenter/components/townsman.vue
+++ b/src/components/userinfo/usercenter/components/townsman.vue
@@ -1,516 +1,502 @@
 <template>
-  <div class="townsman-container w">
-    <div class="contenttitle">
-      <ul @click="resetpag">
-        <li
-          @click="pagination.status = 0"
-          :class="{ townsmanactive: pagination.status === 0 }"
-        >
-          全部<span>{{ pagination.total ? pagination.total : "0" }}</span>
-        </li>
-        <li
-          @click="pagination.status = 1"
-          :class="{ townsmanactive: pagination.status === 1 }"
-        >
-          空闲中<span>{{ pagination.total ? pagination.total : "0" }}</span>
-        </li>
-        <li
-          @click="pagination.status = 2"
-          :class="{ townsmanactive: pagination.status === 2 }"
-        >
-          报名中<span>{{ pagination.total ? pagination.total : "0" }}</span>
-        </li>
-        <li
-          @click="pagination.status = 3"
-          :class="{ townsmanactive: pagination.status === 3 }"
-        >
-          在职中<span>{{ pagination.total ? pagination.total : "0" }}</span>
-        </li>
-      </ul>
-    </div>
-    <div class="contentbody">
-      <div class="searchbox">
-        <div class="searchinput">
-          <a-input
-            placeholder="请输入老乡姓名/身份证号"
-            @keyup.enter="onSearch"
-            @input="resetsearch"
-            v-model="pagination.keys"
-            ><i slot="prefix" class="iconfont icon-sousuo"></i>
-            <button slot="suffix" @click="onSearch">搜索</button>
-          </a-input>
-        </div>
-        <div class="pagechange">
-          <button @click="changepage(-1)">上一页</button>
-          <button @click="changepage(1)">下一页</button>
-        </div>
-      </div>
-      <a-table
-        :columns="columns"
-        :data-source="data"
-        :pagination="false"
-        @change="onChange"
-        :loading="{
-          spinning: isspinning,
-          tip: '加载中',
-          wrapperClassName: 'spinstyle',
-        }"
-        :locale="tablenodata"
-        :rowKey="(record) => record.index"
-      >
-        <a slot="name" slot-scope="text">{{ text }}</a>
-      </a-table>
-      <div class="pagecontainer">
-        <a-pagination
-          :current="+pagination.pageNum"
-          :default-current="1"
-          :defaultPageSize="2"
-          :total="pagination.total"
-          @change="onChange"
-        />
-        <div class="ant-pagination-options-quick-jumper">
-          跳至<input
-            ref="pageinput"
-            type="text"
-            @keyup.enter="inputpageChange"
-            @blur="inputpageChange"
-            :style="{ 'background-Color': '#f6f6f6' }"
-          />页
-        </div>
-      </div>
-    </div>
-  </div>
+	<div class="townsman-container w">
+		<div class="contenttitle">
+			<ul @click="resetpag">
+				<li @click="pagination.status = 0" :class="{ townsmanactive: pagination.status === 0 }">
+					全部<span>{{ statusNum.num0 }}</span>
+				</li>
+				<li @click="pagination.status = 1" :class="{ townsmanactive: pagination.status === 1 }">
+					空闲中<span>{{ statusNum.num1 }}</span>
+				</li>
+				<li @click="pagination.status = 2" :class="{ townsmanactive: pagination.status === 2 }">
+					报名中<span>{{ statusNum.num2 }}</span>
+				</li>
+				<li @click="pagination.status = 3" :class="{ townsmanactive: pagination.status === 3 }">
+					在职中<span>{{ statusNum.num3 }}</span>
+				</li>
+			</ul>
+		</div>
+		<div class="contentbody">
+			<div class="searchbox">
+				<div class="searchinput">
+					<a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys"
+						><i slot="prefix" class="iconfont icon-sousuo"></i>
+						<button slot="suffix" @click="onSearch">搜索</button>
+					</a-input>
+				</div>
+				<div class="pagechange">
+					<button @click="changepage(-1)">上一页</button>
+					<button @click="changepage(1)">下一页</button>
+				</div>
+			</div>
+			<a-table
+				:columns="columns"
+				:data-source="data"
+				:pagination="false"
+				@change="onChange"
+				:loading="{
+					spinning: isspinning,
+					tip: '加载中',
+					wrapperClassName: 'spinstyle',
+				}"
+				:locale="tablenodata"
+				:rowKey="(record) => record.index"
+			>
+				<a slot="name" slot-scope="text">{{ text }}</a>
+			</a-table>
+			<div class="pagecontainer">
+				<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
+				<div class="ant-pagination-options-quick-jumper">跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" :style="{ 'background-Color': '#f6f6f6' }" />页</div>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
-import { userTownsmanApi } from "../../../../api/userinfo";
-import {
-  formatDateYMD,
-  getUserApplyOrderStatusById,
-} from "../../../../utils/commonUtil";
+import { userTownsmanApi, gettownsManCountApi } from "../../../../api/userinfo";
+import { formatDateYMD, getUserApplyOrderStatusById } from "../../../../utils/commonUtil";
 
 export default {
-  // 组件名称
-  name: "",
-  // 局部注册的组件
-  components: {},
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      tablenodata: {
-        // 空状态文本内容
-        emptyText: () => (
-          <div>
-            <div>
-              <img
-                src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png"
-                style="width:105px;height:90px;marginTop:20px"
-              />
-            </div>
-            <div style="marginBottom:20px">暂无数据</div>
-          </div>
-        ),
-      },
-      pagination: {
-        pageNum: 1,
-        pageSize: 2,
-        total: null, //分页配置
-        status: 0,
-        // searchTag: 1,
-      },
-      isspinning: false,
-      sortedInfo: null,
-
-      data: [],
-    };
-  },
-  // 计算属性
-  computed: {
-    columns() {
-      let { sortedInfo } = this;
-      sortedInfo = sortedInfo || {};
-      const columns = [
-        {
-          title: "序号",
-          dataIndex: "index",
-          key: "index",
-          scopedSlots: { customRender: "index" },
-          ellipsis: true,
-          width: 40,
-        },
-        {
-          title: "老乡姓名",
-          dataIndex: "userName",
-          key: "userName",
-          ellipsis: true,
-          width: 90,
-        },
-        {
-          title: "年龄",
-          dataIndex: "age",
-          key: "age",
-          ellipsis: true,
-          width: 50,
-        },
-        {
-          title: "民族",
-          dataIndex: "nation",
-          key: "nation",
-          ellipsis: true,
-          width: 50,
-        },
-        {
-          title: "手机号",
-          dataIndex: "tel",
-          key: "tel",
-          ellipsis: true,
-          width: 120,
-        },
-        {
-          title: "身份证号",
-          dataIndex: "idCard",
-          key: "idCard",
-          ellipsis: true,
-          // width: 50,
-        },
-        {
-          title: "状态",
-          dataIndex: "userApplyOrder",
-          key: "userApplyOrder",
-          sorter: (a, b) => {
-            a.userApplyOrderStatus - b.userApplyOrderStatus;
-          },
-          sortOrder:
-            sortedInfo.columnKey === "userApplyOrder" && sortedInfo.order,
-          ellipsis: true,
-          width: 120,
-        },
-      ];
-      return columns;
-    },
-  },
-  // 侦听器
-  watch: {},
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    this.getTownsman();
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    onChange(e) {
-      this.pagination.pageNum = e;
-      console.log(this.pagination);
-      this.getTownsman();
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			tablenodata: {
+				// 空状态文本内容
+				emptyText: () => (
+					<div>
+						<div>
+							<img src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png" style="width:105px;height:90px;marginTop:20px" />
+						</div>
+						<div style="marginBottom:20px">暂无数据</div>
+					</div>
+				),
+			},
+			pagination: {
+				pageNum: 1,
+				pageSize: 8,
+				total: null, //分页配置
+				status: 0,
+        keys:null,
+				// searchTag: 1,
+			},
+			isspinning: false,
+			sortedInfo: null,
+			statusNum: {
+				num0: 0,
+				num1: 0,
+				num2: 0,
+				num3: 0,
+			},
+			data: [],
+		};
+	},
+	// 计算属性
+	computed: {
+		columns() {
+			let { sortedInfo } = this;
+			sortedInfo = sortedInfo || {};
+			const columns = [
+				{
+					title: "序号",
+					dataIndex: "index",
+					key: "index",
+					scopedSlots: { customRender: "index" },
+					ellipsis: true,
+					width: 40,
+				},
+				{
+					title: "老乡姓名",
+					dataIndex: "userName",
+					key: "userName",
+					ellipsis: true,
+					width: 90,
+				},
+				{
+					title: "年龄",
+					dataIndex: "age",
+					key: "age",
+					ellipsis: true,
+					width: 50,
+				},
+				{
+					title: "民族",
+					dataIndex: "nation",
+					key: "nation",
+					ellipsis: true,
+					width: 50,
+				},
+				{
+					title: "手机号",
+					dataIndex: "tel",
+					key: "tel",
+					ellipsis: true,
+					width: 120,
+				},
+				{
+					title: "身份证号",
+					dataIndex: "IDCard",
+					key: "IDCard",
+					ellipsis: true,
+					// width: 50,
+				},
+				{
+					title: "状态",
+					dataIndex: "userApplyOrder",
+					key: "userApplyOrder",
+					sorter: (a, b) =>  a.userApplyOrder.localeCompare(b.userApplyOrder),
+         
+					// sortOrder: sortedInfo.columnKey == "userApplyOrder" && sortedInfo.order,
+					// ellipsis: true,
+					width: 120,
+				},
+			];
+      console.log(sortedInfo);
+			return columns;
+		},
+	},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		this.getTownsman();
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {
+		this.gettownsManCount();
+	},
+	// 组件方法
+	methods: {
+		onChange(e,e1,e2) {
       console.log(e);
-    },
-    inputpageChange(e) {
-      const pagenumcount = this.pagination.total / this.pagination.pageSize;
-      console.log(pagenumcount);
-      if (e.target.value) {
-        if (e.target.value > pagenumcount) {
-          this.pagination.pageNum = Math.ceil(pagenumcount);
-        } else {
-          this.pagination.pageNum = e.target.value;
-        }
-      } else {
-        this.pagination.pageNum = 1;
+      console.log(e1);
+      console.log(e2);
+      if (typeof e ==  'number') {
+			this.pagination.pageNum = e;
+			this.getTownsman();
+        
       }
-      // this.getJobList();
-      this.getTownsman();
-      console.log(e);
-    },
-    async getTownsman() {
-      // let jobinfo = {...this.pagination , searchTag:1}
-      try {
-        this.isspinning = true;
-        console.log(this.pagination);
-        const { data } = await userTownsmanApi(this.pagination);
-        if (data.status === 200) {
-          // console.log();
-          this.data = data.data.recordList;
-          this.data.forEach((item, index) => {
-            console.log(item);
-            item.userApplyOrder = getUserApplyOrderStatusById(
-              item.userApplyOrderStatus
-            );
-            item.updateTime = formatDateYMD(item.updateTime);
-            item.index = index + 1;
-          });
-          console.log(data);
+		},
+		inputpageChange(e) {
+			const pagenumcount = this.pagination.total / this.pagination.pageSize;
+			console.log(pagenumcount);
+			if (e.target.value) {
+				if (e.target.value > pagenumcount) {
+					this.pagination.pageNum = Math.ceil(pagenumcount);
+				} else {
+					this.pagination.pageNum = e.target.value;
+				}
+			} else {
+				this.pagination.pageNum = 1;
+			}
+			// this.getJobList();
+			this.getTownsman();
+			console.log(e);
+		},
+		async getTownsman() {
+			// let jobinfo = {...this.pagination , searchTag:1}
+			try {
+				this.isspinning = true;
+				console.log(this.pagination);
+				const { data } = await userTownsmanApi(this.pagination);
+				if (data.status === 200) {
+					// console.log();
+					this.data = data.data.recordList;
+					this.data.forEach((item, index) => {
+						// console.log(item);
+						item.userApplyOrder = getUserApplyOrderStatusById(item.userApplyOrderStatus);
+						item.updateTime = formatDateYMD(item.updateTime);
+						item.index = index + 1;
+					});
+					console.log(data);
 
-          console.log(true);
-          this.pagination.total = data.data.recordCount;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-      this.isspinning = false;
-    },
-    getPopupContainer(el, dialogContext) {
-      console.log(el);
-      console.log(dialogContext);
-      if (dialogContext) {
-        return dialogContext.getDialogWrap();
-      } else {
-        return document.body;
-      }
-    },
-    resetpag() {
-      this.pagination = {
-        //分页配置
-        pageNum: 1,
-        pageSize: 2,
-        total: null,
-        status: this.pagination.status,
-      };
-      this.getTownsman();
-    },
-    resetsearch(e) {
-      console.log(e);
-      if (e.target.value.length === 0) {
-        this.pagination.keys = "";
+					console.log(true);
+					this.pagination.total = data.data.recordCount;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+			this.isspinning = false;
+		},
+		async gettownsManCount() {
+			try {
+				const { data } = await gettownsManCountApi(this.pagination);
+				console.log(data);
+				if (data.status == 200) {
+					console.log("yes");
+					this.statusNum = data.data;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		getPopupContainer(el, dialogContext) {
+			console.log(el);
+			console.log(dialogContext);
+			if (dialogContext) {
+				return dialogContext.getDialogWrap();
+			} else {
+				return document.body;
+			}
+		},
+		resetpag() {
+			this.pagination = {
+				//分页配置
+				pageNum: 1,
+				pageSize: 8,
+				total: null,
+				status: this.pagination.status,
+        keys: null
+			};
+			this.getTownsman();
+		},
+		resetsearch(e) {
+			console.log(e);
+			if (e.target.value.length === 0) {
+				this.pagination.keys = "";
+
+		this.gettownsManCount();
+				this.getTownsman();
+			}
+		},
+		onSearch() {
+      if(this.pagination.keys != null && this.pagination.keys.length != 0){
+			this.getTownsman();
+		this.gettownsManCount();
 
-        this.getTownsman();
-      }
-    },
-    onSearch() {
-      this.getTownsman();
-    },
-    changepage(num) {
-      console.log(Math.ceil(this.pagination.total / this.pagination.pageSize));
-      if (
-        (this.pagination.pageNum === 1 && num === -1) ||
-        (this.pagination.pageNum ===
-          Math.ceil(this.pagination.total / this.pagination.pageSize) &&
-          num === 1)
-      ) {
-        if (num === -1) {
-          this.$message.warning("已经到第一页了");
-        } else {
-          this.$message.warning("已经到最后一页了");
-        }
-        return;
-      } else {
-        this.pagination.pageNum += num;
       }
-      this.getTownsman();
-    },
-  },
+		},
+		changepage(num) {
+			console.log(Math.ceil(this.pagination.total / this.pagination.pageSize));
+			if ((this.pagination.pageNum === 1 && num === -1) || (this.pagination.pageNum === Math.ceil(this.pagination.total / this.pagination.pageSize) && num === 1)) {
+				if (num === -1) {
+					this.$message.warning("已经到第一页了");
+				} else {
+					this.$message.warning("已经到最后一页了");
+				}
+				return;
+			} else {
+				this.pagination.pageNum += num;
+			}
+			this.getTownsman();
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .townsman-container {
-  padding: 0 10px;
-  background-color: #fff;
-  border: 1px solid #0000;
+	padding: 0 10px;
+	background-color: #fff;
+	border: 1px solid #0000;
 }
 .contenttitle {
-  display: flex;
-  padding-bottom: 0px;
-  justify-content: space-between;
-  border-bottom: 1px solid rgba(77, 87, 94, 0.1);
+	display: flex;
+	padding-bottom: 0px;
+	justify-content: space-between;
+	border-bottom: 1px solid rgba(77, 87, 94, 0.1);
 
-  margin-top: 16px;
-  margin-bottom: 16px;
+	margin-top: 16px;
+	margin-bottom: 16px;
 
-  ul {
-    display: flex;
-    height: 40px;
-    .townsmanactive {
-      // border-color: #;
-      width: 128px;
-      color: #ff6a00;
-      z-index: 999;
-      border-bottom: 2px solid #ff6a00;
-      > span {
-        font-size: 16px;
-        color: #ff6a00;
-      }
-    }
-    li {
-      position: relative;
-      width: 118px;
-      font-size: 16px;
-      // height: 40px;
-      padding-bottom: 16px;
-      color: #666;
-      // line-height: 40px;
-      text-align: center;
-      transition: width 0.2s;
-      cursor: pointer;
-      > span {
-        margin-left: 12px;
-        font-size: 16px;
-        color: #666;
-      }
-      &::after {
-        content: "";
-        position: absolute;
-        display: block;
-        width: 1px;
-        height: 16px;
-        right: 0;
-        top: 5px;
-        // transform: translateY(-50%);
-        background-color: #eeeeee;
-      }
-      &:last-child::after {
-        display: none;
-      }
-    }
-    button {
-      width: 100px;
-      height: 28px;
-      position: relative;
-      font-size: 14px;
-      border: 1px solid #cccccc;
-      background-color: #fff;
-      margin-right: -1px;
-      cursor: pointer;
-      &:hover {
-        color: #ff6a00;
-      }
-    }
-    button:first-child {
-      border-radius: 4px 0px 0px 4px;
-    }
-    button:last-child {
-      border-radius: 0px 4px 4px 0px;
-    }
-  }
+	ul {
+		display: flex;
+		height: 40px;
+		.townsmanactive {
+			// border-color: #;
+			width: 128px;
+			color: #ff6a00;
+			z-index: 999;
+			border-bottom: 2px solid #ff6a00;
+			> span {
+				font-size: 16px;
+				color: #ff6a00;
+			}
+		}
+		li {
+			position: relative;
+			width: 118px;
+			font-size: 16px;
+			// height: 40px;
+			padding-bottom: 16px;
+			color: #666;
+			// line-height: 40px;
+			text-align: center;
+			transition: width 0.2s;
+			cursor: pointer;
+			> span {
+				margin-left: 12px;
+				font-size: 16px;
+				color: #666;
+			}
+			&::after {
+				content: "";
+				position: absolute;
+				display: block;
+				width: 1px;
+				height: 16px;
+				right: 0;
+				top: 5px;
+				// transform: translateY(-50%);
+				background-color: #eeeeee;
+			}
+			&:last-child::after {
+				display: none;
+			}
+		}
+		button {
+			width: 100px;
+			height: 28px;
+			position: relative;
+			font-size: 14px;
+			border: 1px solid #cccccc;
+			background-color: #fff;
+			margin-right: -1px;
+			cursor: pointer;
+			&:hover {
+				color: #ff6a00;
+			}
+		}
+		button:first-child {
+			border-radius: 4px 0px 0px 4px;
+		}
+		button:last-child {
+			border-radius: 0px 4px 4px 0px;
+		}
+	}
 }
 .contentbody {
-  overflow: hidden;
-  /deep/ .searchbox {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 16px;
-    .searchinput {
-      width: 326px;
-      position: relative;
-      .ant-input {
-        // width: 300px;
-        position: relative;
-        height: 32px;
-        text-indent: 10px;
-        background: #fff;
-        // border: 1px solid rgba(77, 87, 94, 0.3);
-        border-radius: 136px;
-        box-shadow: 0px 2px 4px 0px transparent;
-        font-size: 14px !important;
-        padding-right: 0;
-        border-color: #e9e9e9;
-        // z-index: ;
-        &::placeholder {
-          text-indent: 10px;
-          font-size: 14px !important;
-        }
-        &:hover {
-          border-color: #ff6a00;
-          box-shadow: none;
-        }
-        &:focus {
-          border-color: #ff6a00;
-        }
-      }
-      .ant-input-affix-wrapper {
-        .ant-input-prefix {
-          position: absolute;
-          width: 20px;
-          right: 0;
-          top: 16px;
-          i {
-            color: #c9c9c9;
-          }
-        }
-        .ant-input-suffix {
-          // position: absolute;
-          right: 0px !important;
-        }
-      }
-      button {
-        width: 70px;
-        height: 32px;
-        color: white;
-        background: #ff6a00;
-        border-color: #ff6a00;
-        border: none;
-        border-radius: 16px;
-        font-size: 14px;
-        box-shadow: none;
-        cursor: pointer;
-        outline: none;
-        &:hover {
-          background-color: #ff842b;
-        }
-        // &:focus {
-        //   border: none;
-        // }
-      }
-    }
-    .pagechange {
-      button {
-        width: 66px;
-        height: 24px;
-        border: 1px solid rgba(77, 87, 94, 0.3);
-        border-radius: 4px;
-        font-size: 14px;
-        color: #4d575e;
-        background-color: #fff;
-        &:hover {
-          border-color: #ff6a00;
-          color: #ff6a00;
-        }
-        &:first-child {
-          margin-right: 12px;
-        }
-      }
-    }
-  }
-  /deep/ .ant-table-placeholder {
-    min-height: 300px;
-    > div {
-      position: relative;
-      height: 131px;
-      top: 30px;
-      // transform: translateY(-50%);
-    }
-  }
-  /deep/ .ant-table-content {
-    .ant-table-body {
-      .ant-table-thead {
-        th {
-          padding: 16px 0;
+	overflow: hidden;
+	/deep/ .searchbox {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 16px;
+		.searchinput {
+			width: 326px;
+			position: relative;
+			.ant-input {
+				// width: 300px;
+				position: relative;
+				height: 32px;
+				text-indent: 10px;
+				background: #fff;
+				// border: 1px solid rgba(77, 87, 94, 0.3);
+				border-radius: 136px;
+				box-shadow: 0px 2px 4px 0px transparent;
+				font-size: 14px !important;
+				padding-right: 0;
+				border-color: #e9e9e9;
+				// z-index: ;
+				&::placeholder {
+					text-indent: 10px;
+					font-size: 14px !important;
+				}
+				&:hover {
+					border-color: #ff6a00;
+					box-shadow: none;
+				}
+				&:focus {
+					border-color: #ff6a00;
+				}
+			}
+			.ant-input-affix-wrapper {
+				.ant-input-prefix {
+					position: absolute;
+					width: 20px;
+					right: 0;
+					top: 16px;
+					i {
+						color: #c9c9c9;
+					}
+				}
+				.ant-input-suffix {
+					// position: absolute;
+					right: 0px !important;
+				}
+			}
+			button {
+				width: 70px;
+				height: 32px;
+				color: white;
+				background: #ff6a00;
+				border-color: #ff6a00;
+				border: none;
+				border-radius: 16px;
+				font-size: 14px;
+				box-shadow: none;
+				cursor: pointer;
+				outline: none;
+				&:hover {
+					background-color: #ff842b;
+				}
+				// &:focus {
+				//   border: none;
+				// }
+			}
+		}
+		.pagechange {
+			button {
+				width: 66px;
+				height: 24px;
+				border: 1px solid rgba(77, 87, 94, 0.3);
+				border-radius: 4px;
+				font-size: 14px;
+				color: #4d575e;
+				background-color: #fff;
+				&:hover {
+					border-color: #ff6a00;
+					color: #ff6a00;
+				}
+				&:first-child {
+					margin-right: 12px;
+				}
+			}
+		}
+	}
+	/deep/ .ant-table-placeholder {
+		min-height: 300px;
+		> div {
+			position: relative;
+			height: 131px;
+			top: 30px;
+			// transform: translateY(-50%);
+		}
+	}
+	/deep/ .ant-table-content {
+		.ant-table-body {
+			.ant-table-thead {
+				th {
+					padding: 16px 0;
 
-          &:not(:first-child) {
-            > span {
-              //  line-height: 22px;
-              > div {
-                //  line-height: 1;
-                border-left: 1px solid #ccc;
-                padding-left: 12px;
-              }
-            }
-          }
-        }
-      }
-      .ant-table-tbody {
-        .ant-table-row-cell-ellipsis {
-          padding: 16px 0;
-        }
-      }
-    }
-  }
+					&:not(:first-child) {
+						> span {
+							//  line-height: 22px;
+							> div {
+								//  line-height: 1;
+								border-left: 1px solid #ccc;
+								padding-left: 12px;
+							}
+						}
+					}
+				}
+			}
+			.ant-table-tbody {
+				.ant-table-row-cell-ellipsis {
+					padding: 16px 0;
+				}
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/userinfo/usercenter/index.vue b/src/components/userinfo/usercenter/index.vue
index d846075..bc69a5d 100644
--- a/src/components/userinfo/usercenter/index.vue
+++ b/src/components/userinfo/usercenter/index.vue
@@ -21,7 +21,7 @@
           </ul>
         </div> -->
         <div class="priceinfo">
-          <ul>
+          <ul style="">
             <li
               @click="pushto('/userinfo/usercenter/myintegral')"
               :class="{ tagactive: activelist === 3 }"
diff --git a/src/router/index.js b/src/router/index.js
index 2e06db6..b9f8c9f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -110,7 +110,7 @@ const routes = [
         name: "accountsetting",
         component: () =>
           import("../components/userinfo/accountsetting/inedex.vue"),
-        redirect: "accountsetting/myintegral",
+        redirect: "accountsetting/boundtel",
         children: [
           {
             path: "loginpsw",
diff --git a/src/style/index.less b/src/style/index.less
index 356eb42..ece92fb 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -1,3 +1,4 @@
+@import "http://at.alicdn.com/t/font_3135652_fha9d3mzga5.css";
 // 初始化页面样式
 body,
 h1,
@@ -133,7 +134,6 @@ i {
 	fill: currentColor;
 	overflow: hidden;
 }
-@import "http://at.alicdn.com/t/font_3135652_onj5dmqt30d.css";
 // 字体图标
 // @font-face {
 // 	font-family: "iconfont"; /* Project id 3135652 */
@@ -466,7 +466,7 @@ i {
   // border-top: 1px solid #000;
 	width: 100vw;
 	margin: 0 auto;
-	top: 164px !important;
+	top: 144px !important;
 	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
 	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
 	transition: none !important;
@@ -657,3 +657,62 @@ p.bottombox {
 .ant-spin-text {
 	color: #fda21d;
 }
+ .ant-popover {
+	.ant-popover-content {
+		.ant-popover-inner-content {
+      position: relative;
+      width: 600px;
+			white-space: pre-wrap !important;
+      >div{
+        position: absolute;
+        width: 44px;
+        height: 22px;
+        right: 10px;
+        top: 10px;
+        border: 1px solid #ff6a00;
+        color: #ff6a00;
+        border-radius: 999px;
+        line-height:22px;
+        text-align: center;
+        cursor: pointer;
+        &:hover {
+          background-color: #ff6a00;
+          color: #fff;
+        }
+      }
+		}
+	}
+}
+.xiangdan{
+  .ant-modal-content{
+    width: 600px;
+    max-height: calc(100vh - 40px);
+    .ant-modal-body{
+      padding-top: 36px;
+      position: relative;
+      min-height: 480px;
+			white-space: pre-wrap !important;
+     
+      // max-height: ;
+      // background-color: #000;
+      .copy {
+        position: absolute;
+        padding: 0px 12px;
+        right: 20px;
+        top: 7px;
+        font-size: 14px;
+        border: 1px solid #ff6a00;
+        color: #ff6a00;
+        border-radius: 5px;
+        line-height: 22px;
+        text-align: center;
+        cursor: pointer;
+        &:hover {
+          color: #fff;
+          background-color: #ff6a00;
+        }
+      }
+    }
+  }
+ 
+}
\ No newline at end of file
diff --git a/src/utils/commonUtil.js b/src/utils/commonUtil.js
index 5be934b..50470c1 100644
--- a/src/utils/commonUtil.js
+++ b/src/utils/commonUtil.js
@@ -1207,18 +1207,19 @@ export function userApplyOrderStatusArray() {
   //   { id: "60", name: "已完成", value: "60", text: "已完成" },
   // ];
   let orderStatus = [
+
     { id: "10", name: "报名审核中", value: "10", text: "报名审核中", num: 0 },
     { id: "20", name: "审核通过", value: "20", text: "审核通过", num: 0 },
     { id: "21", name: "审核未通过", value: "21", text: "审核未通过", num: 0 },
     { id: "25", name: "已接到", value: "25", text: "已接到", num: 0 },
     { id: "26", name: "未接到", value: "26", text: "未接到", num: 0 },
-    { id: "30", name: "待入职", value: "30", text: "待入职", num: 0 },
+    { id: "30", name: "面试通过", value: "30", text: "面试通过", num: 0 },
     { id: "35", name: "面试未通过", value: "35", text: "面试未通过", num: 0 },
-    { id: "40", name: "在职中", value: "40", text: "在职中", num: 0 },
-    { id: "45", name: "未入职", value: "45", text: "未入职", num: 0 },
-    { id: "50", name: "已离职", value: "50", text: "已离职", num: 0 },
+    { id: "40", name: "已入职", value: "40", text: "已入职", num: 0 },
+    { id: "45", name: "通过未入职", value: "45", text: "通过未入职", num: 0 },
+    { id: "50", name: "已离职", value: "50", text: "已离职", num: 0 }
     // { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 }
-  ];
+];
   return orderStatus;
 }
 
diff --git a/src/utils/request.js b/src/utils/request.js
index 3d9915c..03ab9a0 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -13,8 +13,8 @@ console.log(baseURL);
 axios.defaults.withCredentials = true; //添加这行代码
 // console.log(axios);
 const service = axios.create({
-  baseURL: "/api_prod", // url = base url + request url
-  // baseURL: baseURL, //  baseURL: "/api", // url = base url + request url
+  // baseURL: "/api_prod", // url = base url + request url
+  baseURL: baseURL, //  baseURL: "/api", // url = base url + request url
   withCredentials: true, // send cookies when cross-domain requests
   timeout: 10000, // request timeout
   crossDomain: true,
diff --git a/src/views/main.vue b/src/views/main.vue
index bd20da7..8420bd4 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -41,7 +41,7 @@
             <li>
               <router-link
                 to="/mytownsman"
-                :class="routertitleindex === 4 ? 'titleactiveafter' : ''"
+                :class="routertitleindex == 4 ? 'titleactive' : ''"
                 >我的老乡
               </router-link>
             </li>
@@ -576,7 +576,7 @@ export default {
     },
     toList() {
       console.log(this.$router);
-      // this.$router.go(0);
+      // this.$router.go(0); 
       // window.location.reload();
       this.reload();
     },