From 911d91240fc1fb1151048d4ec78fba93c21563e4 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Mon, 24 Apr 2023 11:35:52 +0800
Subject: [PATCH] 1

---
 package.json                                       |    4 +-
 src/api/job.js                                     |  115 +-
 src/api/login.js                                   |   14 +-
 src/api/userinfo.js                                |  238 +-
 src/components/FirstJob/detail.vue                 |  491 +-
 src/components/FirstJob/joblist.vue                | 5310 ++++++++++----------
 src/components/FirstJob/recordBill.vue             | 2605 +++++-----
 src/components/Login/login.vue                     |  888 ++--
 src/components/main/index.vue                      |  966 ++--
 src/components/userinfo/accountsetting/inedex.vue  | 1418 +++---
 .../userinfo/usercenter/components/mybill.vue      | 2959 ++++++-----
 .../userinfo/usercenter/components/townsman.vue    | 1063 +++-
 src/permission.js                                  |    7 +-
 src/style/index.less                               |   13 +-
 src/style/index.wxss                               |   13 +-
 src/utils/datalist.js                              |  464 +-
 src/utils/request.js                               |   93 +-
 src/views/main.vue                                 |   18 +-
 src/views/userinfo.vue                             |   13 +-
 test.html                                          |   17 +
 yarn.lock                                          |   18 +
 21 files changed, 8570 insertions(+), 8157 deletions(-)
 create mode 100644 test.html

diff --git a/package.json b/package.json
index 24c1b52..8accad7 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "js-cookie": "^3.0.1",
     "moment": "^2.29.1",
     "popmotion": "^9.3.5",
+    "v-viewer": "^1.6.4",
     "vue": "^2.6.11",
     "vue-amap": "^0.5.10",
     "vue-cropper": "^0.5.8",
@@ -45,8 +46,7 @@
     "prettier": "^2.2.1",
     "vue-template-compiler": "^2.6.11"
   },
-  "gitHooks": {
-  },
+  "gitHooks": {},
   "lint-staged": {
     "*.{js,jsx,vue}": [
       "vue-cli-service lint",
diff --git a/src/api/job.js b/src/api/job.js
index 1c4249f..0c0f9e5 100644
--- a/src/api/job.js
+++ b/src/api/job.js
@@ -1,97 +1,106 @@
 import request from "../utils/request";
+import qs from "qs";
+let setqs = function (data) {
+	return qs.stringify(data);
+};
 // 获取职位列表
 export function JobListApi(data) {
-  return request({
-    url: "/yishoudan/store/job/list",
-    method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/store/job/list",
+		method: "post",
+		// data: setqs(data),
+		// headers: { "Content-Type": "application/x-www-form-urlencoded" },
+		data: setqs(data),
+	});
 }
 // 获取职位详情
 export function getJobDetailApi(data) {
-  return request({
-    url: `/yishoudan/store/job/getStoreJobDetailById?storeJobId=${data}`,
-    method: "get",
-  });
+	return request({
+		url: `/yishoudan/store/job/getStoreJobDetailById?storeJobId=${data}`,
+		method: "get",
+	});
 }
 // 获取职位特色
 export function getJobSpecialApi() {
-  return request({
-    url: `/yishoudan/labels/getListByTypeAndIndustry?type=90&industry=2`,
-    method: "get",
-  });
+	return request({
+		url: `/yishoudan/labels/getListByTypeAndIndustry?type=90&industry=2`,
+		method: "get",
+	});
 }
 // 获取省份
 export function getProvinceApi() {
-  return request({
-    url: `/yishoudan/city/getCityTree`,
-    method: "get",
-  });
+	return request({
+		url: `/yishoudan/city/getCityTree`,
+		method: "get",
+	});
 }
 // 获取市县
 export function getCityApi(id) {
-  return request({
-    url: `/yishoudan/city/getCityByPid?pid=${id}`,
-    method: "get",
-  });
+	return request({
+		url: `/yishoudan/city/getCityByPid?pid=${id}`,
+		method: "get",
+	});
 }
 // 录单报名
 export function recordBillApi(data) {
-  return request({
-    url: "/yishoudan/user/apply/order/addByAgency",
-    method: "post",
-    params: data,
-  });
+	console.log(data);
+
+	return request({
+		url: "/yishoudan/user/apply/order/addByAgency",
+		method: "post",
+		data,
+		headers: { "Content-Type": "application/x-www-form-urlencoded" },
+	});
 }
 // 报名上传识别身份证信息
 export function getIdCardInfoApi(data) {
-  return request({
-    url: "/yishoudan/commons/idCardOcrRecognize",
-    method: "post",
-    data: data,
-    headers: { "Content-Type": "multipart/form-data" },
-  });
+	return request({
+		url: "/yishoudan/commons/idCardOcrRecognize",
+		method: "post",
+		data,
+		headers: { "Content-Type": "multipart/form-data" },
+	});
 }
 // 获取渠道经理对应代理id
 export function getProxyInfoApi(data) {
-  return request({
-    url: `/yishoudan/agency/getByPmdUserId?pmdUserId=${data}`,
-  });
+	return request({
+		url: `/yishoudan/agency/getByPmdUserId?pmdUserId=${data}`,
+	});
 }
 // 根据关键字获取企业的列表
 export function getStoreAliasApi(data) {
-  return request({
-    url: `/yishoudan/store/getAllStoreAliasName?keys=${data}`,
-  });
+	return request({
+		url: `/yishoudan/store/getAllStoreAliasName?keys=${data}`,
+	});
 }
 // 根据关键字获取企业的列表
 export function getStoreJobApi(data) {
-  return request({
-    url: `/yishoudan/store/job/getJobNameByStoreId?storeId=${data}`,
-  });
+	return request({
+		url: `/yishoudan/store/job/getJobNameByStoreId?storeId=${data}`,
+	});
 }
 // 根据岗位id获取政策
 export function getPolicyByJobIdApi(data) {
-  return request({
-    url: `/yishoudan/store/job/getPolicyByStoreJobId?storeJobId=${data}`,
-  });
+	return request({
+		url: `/yishoudan/store/job/getPolicyByStoreJobId?storeJobId=${data}`,
+	});
 }
 // 获取热门职位城市
 export function getHotCityApi() {
-  return request({
-    url: `/yishoudan/city/getHotCity`,
-  });
+	return request({
+		url: `/yishoudan/city/getHotCity`,
+	});
 }
 
 // 获取热门职位城市
 export function getCityWhichHasJobApi() {
-  return request({
-    url: `/yishoudan/city/getCityHasOnlineJob`,
-  });
+	return request({
+		url: `/yishoudan/city/getCityHasOnlineJob`,
+	});
 }
 // 获取热门企业
 export function getHotStoreApi() {
-  return request({
-    url: `/yishoudan/store/getHotStore`,
-  });
+	return request({
+		url: `/yishoudan/store/getHotStore`,
+	});
 }
diff --git a/src/api/login.js b/src/api/login.js
index d0659c7..7728ae3 100644
--- a/src/api/login.js
+++ b/src/api/login.js
@@ -1,10 +1,14 @@
 import request from "../utils/request";
+import qs from "qs";
+let setqs = function (data) {
+	return qs.stringify(data);
+};
 // 登录相关接口
 export function loginApi(data) {
   return request({
     url: "/yishoudan/login",
     method: "post",
-    params: data,
+    data: setqs(data),
   });
 }
 // 获取验证码
@@ -12,7 +16,7 @@ export function getPhoneCodeApi(data) {
   return request({
     url: "/yishoudan/commons/sendMsgCode",
     method: "post",
-    params: data,
+    data: setqs(data),
   });
 }
 // 注册接口
@@ -20,14 +24,14 @@ export function registerApi(data) {
   return request({
     url: "/yishoudan/register",
     method: "post",
-    params: data,
+    data: setqs(data),
   });
 }
 // 退出登录
 export function logoutApi() {
   return request({
     url: "/yishoudan/logout",
-    // params: data,
+    // data: data,
   });
 }
 // 修改密码
@@ -35,6 +39,6 @@ export function logoutApi() {
 export function updatePswApi(data) {
   return request({
     url: "/yishoudan/updatePassword",
-    params: data,
+    data: data,
   });
 }
diff --git a/src/api/userinfo.js b/src/api/userinfo.js
index 78649b9..62ae994 100644
--- a/src/api/userinfo.js
+++ b/src/api/userinfo.js
@@ -1,179 +1,211 @@
 import request from "../utils/request";
+import qs from "qs";
+let setqs = function (data) {
+	return qs.stringify(data);
+};
 // 获取卡券信息
 export function userCardApi(data) {
-  return request({
-    url: "/yishoudan/usercoupon/list",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/usercoupon/list",
+		// method: "post",
+		data: data,
+	});
 }
 // 获取用户余额信息
 export function userBalanceApi(data) {
-  return request({
-    url: "/yishoudan/wallet/info",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/wallet/info",
+		// method: "post",
+		data: 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",
+		data: data,
+	});
 }
 // // 获取我的老乡信息
 // export function userTownsmanApi(data) {
 //   return request({
 //     url: "/yishoudan/workorder/getLaoXiangList",
 //     // method: "post",
-//     params: data,
+//     data: 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",
+		data: setqs(data),
+	});
 }
 // 获取我的报名状态数量
 export function userBillNumberApi(data) {
-  return request({
-    url: "/yishoudan/user/apply/order/listStatisticsNum",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/apply/order/listStatisticsNum",
+		// method: "post",
+		data: data,
+	});
 }
 // 获取跟进记录详情
 export function userBillDetailApi(data) {
-  return request({
-    url: "/yishoudan/user/apply/order/details?orderId=" + data,
-    // method: "post",
-  });
+	return request({
+		url: "/yishoudan/user/apply/order/details?orderId=" + data,
+		// method: "post",
+	});
 }
 // 获取用户信息
 export function userBaseInfoApi(data) {
-  return request({
-    url: "/yishoudan/user/getUserInfo",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/getUserInfo",
+		// method: "post",
+		data: data,
+	});
 }
 // 获取用户积分信息
 
 export function getPointApi(data) {
-  return request({
-    url: "/yishoudan/wallet/getPoint",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/wallet/getPoint",
+		// method: "post",
+		data: data,
+	});
 }
 // 获取用户积分使用信息
 
 export function getPointDetailApi(data) {
-  return request({
-    url: "/yishoudan/pointUseRecord/list",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/pointUseRecord/list",
+		// method: "post",
+		data: data,
+	});
 }
 // 登录状态账号设置修改密码
 
 export function setUserPswApi(data) {
-  return request({
-    url: "/yishoudan/changePassword",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/changePassword",
+		method: "post",
+		data: setqs(data),
+	});
 }
 // 登录状态账号修改绑定手机号
 
 export function setUserTelApi(data) {
-  return request({
-    url: "/yishoudan/user/changeTel",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/changeTel",
+		// method: "post",
+		data: 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",
+		data: data,
+	});
 }
 // 实名认证
 
 export function setUserRealNameApi(data) {
-  return request({
-    url: "/yishoudan/user/realNameAuth",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/realNameAuth",
+		// method: "post",
+		data: data,
+	});
 }
 // 获取用户微信绑定的二维码
 export function getUserWxApi(data) {
-  return request({
-    url: "/yishoudan/user/getMiniAppQrCodeOfBindUser",
-    // method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/getMiniAppQrCodeOfBindUser",
+		// method: "post",
+		data: 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",
+		data: setqs(data),
+		// data,
+	});
+}
+// 获取点击的老乡详情
+export function townsmanDetailApi(data) {
+	return request({
+		url: "/yishoudan/agency/user/details/" + data,
+		// data,
+	});
+}
+// 获取点击的老乡图片
+export function townsmanDetailImgsApi(data) {
+	return request({
+		url: "/imgs/list/" + data + "?type=20",
+		// data,
+	});
+}
+// 删除图片
+export function delTowmsmanDetailImgApi(data) {
+	return request({
+		url: "/imgs/del/" + data,
+	});
+}
+// 提交老乡的信息
+export function updateTownsmanInfoApi(data) {
+	return request({
+		url: "/user/updateInfo",
+		method: "post",
+		data: data,
+	});
 }
 // 我的老乡各个状态统计
 export function gettownsManCountApi(data) {
-  return request({
-    url: "/yishoudan/agency/user/listStatistics",
-    method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/agency/user/listStatistics",
+		method: "post",
+		data: data,
+	});
 }
 // 成员管理:获取成员列表
 export function getMemberListApi(data) {
-  return request({
-    url: "/yishoudan/user/getAgencyCorpUsers",
-    method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/getAgencyCorpUsers",
+		method: "post",
+		data: data,
+	});
 }
 // 成员管理:删除成员
 export function deleteMemberApi(data) {
-  return request({
-    url: "/yishoudan/user/delAgencyCorpUser",
-    method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/delAgencyCorpUser",
+		method: "post",
+		data: data,
+	});
 }
 
 // 成员管理:添加成员
 export function addMemberApi(data) {
-  return request({
-    url: "/yishoudan/user/addAgencyUser",
-    method: "post",
-    params: data,
-  });
+	return request({
+		url: "/yishoudan/user/addAgencyUser",
+		method: "post",
+		data: data,
+	});
 }
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 085aba7..85946c4 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -89,7 +89,7 @@
           </a-select>
         </a-form-model-item>
       </a-form-model>
-    </a-modal> -->
+    </a-modal>-->
 
     <!-- <a-drawer
 			title="报名"
@@ -102,20 +102,20 @@
 			@close="onClose"
 		>
 			<recordbill :visible.sync="visible" :firminfo="jobDetail"></recordbill>
-		</a-drawer> -->
+    </a-drawer>-->
     <!-- 面包屑 -->
     <a-breadcrumb class="w">
-      <a-breadcrumb-item href="">
+      <a-breadcrumb-item href>
         <router-link to="/main">
           <a-icon type="home" />
         </router-link>
       </a-breadcrumb-item>
-      <a-breadcrumb-item href="">
+      <a-breadcrumb-item href>
         <a @click="toList">
           <span>一手职位</span>
         </a>
       </a-breadcrumb-item>
-      <a-breadcrumb-item href="">
+      <a-breadcrumb-item href>
         <span style="color: #333">企业详情</span>
       </a-breadcrumb-item>
     </a-breadcrumb>
@@ -123,45 +123,19 @@
     <div class="maincontent w">
       <div class="maincontentleft">
         <div class="subset">
-          <a-skeleton
-            avatar
-            active
-            class="skeleton1"
-            v-show="skeletonshow"
-            :paragraph="{ rows: 4 }"
-          />
+          <a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
           <div class="subsetleft" v-show="!skeletonshow">
             <div class="imgbox">
-              <a-carousel
-                arrows
-                :autoplay="true"
-                effect="fade"
-                :dots="true"
-                ref="scrollimg"
-                v-if="storeImage.length !== 0"
-              >
-                <div
-                  slot="prevArrow"
-                  class="custom-slick-arrow"
-                  style="left: 5px; z-index: 99"
-                >
+              <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"
-                >
+                <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=""
-                />
+                <img v-for="(item, index) in storeImage" :key="index" :src="item" alt />
               </a-carousel>
-              <img v-else src="../../../static/img/nopicture.png" alt="" />
+              <img v-else src="../../../static/img/nopicture.png" alt />
             </div>
             <div class="jobinfobox">
               <div class="jobname">{{ jobDetail.jobName }}</div>
@@ -172,52 +146,30 @@
               </div>
               <div class="jobtag">
                 <!-- <span>返费</span> -->
-                <a-tag
-                  :color="labelColor[index % labelColor.length]"
-                  v-for="(item, index) in jobDetail.jobRequestLabelNames"
-                  :key="index"
-                  >{{ item }}</a-tag
-                >
+                <a-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"
-              >
+              <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
-                >
+                <a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
               </div>
-              <div
-                style="height: 27px"
-                v-if="!jobDetail.jobSpecialLabelNames"
-                class="jobtag"
-              >
+              <div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
                 <a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
               </div>
-              <div
-                style="
+              <div style="
                   display: flex;
                   align-items: center;
                   height: 26px;
                   margin-top: 16px;
-                "
-              >
-                <div
-                  class="jobpricehour"
-                  v-html="
+                ">
+                <div class="jobpricehour" v-html="
                     getSalaryClassifyValue(
                       jobDetail.salaryClassify,
                       jobDetail.salaryClassifyValue
                     )
-                  "
-                >
+                  ">
                   <!-- <template v-if="jobDetail.hourlyPay"
                     ><span>{{ jobDetail.hourlyPay }}</span
                     >元/小时</template
@@ -225,13 +177,12 @@
                   <template v-else-if="jobDetail.dayPay"
                     ><span>{{ jobDetail.dayPay }}</span
                     >元/日</template
-                  > -->
+                  >-->
                 </div>
                 <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
                 <div class="jobpricemonth">
-                  <span>{{ jobDetail.minMonthlyPay }}</span
-                  >-<span>{{ jobDetail.maxMonthlyPay }}</span
-                  >元/月
+                  <span>{{ jobDetail.minMonthlyPay }}</span>-
+                  <span>{{ jobDetail.maxMonthlyPay }}</span>元/月
                 </div>
               </div>
 
@@ -249,7 +200,7 @@
                     <a-menu-item @click="torecord"> 新页面</a-menu-item>
                   </a-menu>
                 </a-dropdown>
-              </div> -->
+              </div>-->
             </div>
           </div>
           <div class="subsetright">
@@ -263,14 +214,8 @@
               <!-- <a-popover title="" trigger="click" placement="bottomRight">
 								
 								<a-button type="primary" class="jobDesp">职位详单</a-button>
-							</a-popover> -->
-              <button
-                class="dropdown bottombox1"
-                @click="torecord()"
-                v-if="jobDetail.recruitment == '1'"
-              >
-                报名
-              </button>
+              </a-popover>-->
+              <button class="dropdown bottombox1" @click="torecord()" v-if="jobDetail.recruitment == '1'">报名</button>
               <button class="norecruitment bottombox1" v-else>暂时停招</button>
             </div>
           </div>
@@ -278,60 +223,37 @@
         <!-- <div class="proxy">
           <h1><i>代理政策</i></h1>
           <div>{{ jobDetail.returnFeeDesp }}</div>
-        </div> -->
+        </div>-->
         <div class="jobinformationbox">
           <h1>
             <div class="infotitle">
-              <span
-                @click="tabchange = 1"
-                :class="tabchange === 1 ? 'active' : ''"
-                >基本信息</span
-              >
-              <span
-                @click="tabchange = 0"
-                :class="tabchange === 0 ? 'active' : ''"
-                >财务结算</span
-              >
-              <span
-                  @click="tabchange = 2"
-                  :class="tabchange === 2 ? 'active' : ''"
-              >职位通告</span
-              >
+              <span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
+              <span @click="tabchange = 0" :class="tabchange === 0 ? 'active' : ''">财务结算</span>
+              <span @click="tabchange = 2" :class="tabchange === 2 ? 'active' : ''">职位通告</span>
             </div>
-<!--             <div class="copy" @click="xiangdanVisible = true">通告</div>-->
-            <a-modal
-              v-model="xiangdanVisible"
-              title="通告"
-              class="xiangdan"
-              :footer="null"
-              @ok="handleOk"
-            >
+            <!--             <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">{{
+              <span v-if="jobDetail.jobDesp" class="copyInfo">
+                {{
                 jobDetail.jobDesp
-              }}</span
-              ><span v-else>暂无详单</span>
+                }}
+              </span>
+              <span v-else>暂无详单</span>
               <!-- </template> -->
             </a-modal>
           </h1>
           <div class="pay" id="tip" v-show="tabchange === 1">
             <div class="mb12 mt20 titlestyle">温馨提示</div>
-            <div class="showInfo" style="width: unset">
-              {{ jobDetail.notes || "-" }}
-            </div>
+            <div class="showInfo" style="width: unset">{{ jobDetail.notes || "-" }}</div>
           </div>
           <div v-if="tabchange === 1" style="display: flex">
             <!-- 薪资 -->
             <div class="baseInfoContent" v-if="tabchange === 1">
               <div class="pay" id="pay">
                 <div class="mb12 mt20">薪资待遇</div>
-                <a-descriptions
-                  bordered
-                  size="small"
-                  :column="1"
-                  class="leftDesc boubleLevel"
-                >
+                <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>
@@ -343,7 +265,7 @@
                   <a-descriptions-item>
                     <span slot="label" class="fw500">薪资明细</span>
                     <span>{{ jobDetail.salaryDetail }}</span>
-                  </a-descriptions-item> -->
+                  </a-descriptions-item>-->
                   <a-descriptions-item class="test1">
                     <span slot="label" class="fw500">薪资明细</span>
                     <span>{{ jobDetail.salaryDetail || "-" }}</span>
@@ -374,9 +296,11 @@
                   </a-descriptions-item>
                   <a-descriptions-item>
                     <span slot="label" class="fw500">薪资说明</span>
-                    <span style="white-space: break-spaces">{{
+                    <span style="white-space: break-spaces">
+                      {{
                       jobDetail.salaryDesp || "-"
-                    }}</span>
+                      }}
+                    </span>
                   </a-descriptions-item>
                   <!-- <a-descriptions-item style="padding: 0">
                     <span slot="label">薪资说明</span>
@@ -408,32 +332,28 @@
                         <span v-html="jobDetail.salaryDesp"></span>
                       </a-descriptions-item>
                     </a-descriptions>
-                  </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 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">{{
+                      <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">
+                          }}
+                        </span>岁 ；
+                      </span>
+                      <span class="woman" v-if="jobDetail.minAgeWoman">
                         女 {{ jobDetail.minAgeWoman }}
-                        <span> {{ "- " + jobDetail.maxAgeWoman }}</span
-                        >岁</span
-                      >
+                        <span>{{ "- " + jobDetail.maxAgeWoman }}</span>岁
+                      </span>
                     </span>
                   </a-descriptions-item>
                   <a-descriptions-item>
@@ -459,7 +379,7 @@
                   <!--    <a-descriptions-item>
                     <span slot="label" class="fw500">面试资料</span>
                     <span>{{ jobDetail.idCard || "-" }}</span>
-                  </a-descriptions-item> -->
+                  </a-descriptions-item>-->
                   <!-- <a-descriptions-item>
                     <span slot="label" class="fw500">证件</span>
                     <span>{{ jobDetail.certificate }}</span>
@@ -469,7 +389,7 @@
                   <a-descriptions-item>
                     <span slot="label" class="fw500">带手机</span>
                     <span>{{ jobDetail.carryTel }}</span>
-                  </a-descriptions-item> -->
+                  </a-descriptions-item>-->
                   <!--  <a-descriptions-item>
                     <span slot="label" class="fw500">体检要求</span>
                     <span>{{ jobDetail.healthRequire || "-" }}</span>
@@ -477,18 +397,13 @@
                   <a-descriptions-item>
                     <span slot="label" class="fw500">其它要求</span>
                     <span>{{ jobDetail.otherRequire || "-" }}</span>
-                  </a-descriptions-item> -->
+                  </a-descriptions-item>-->
                 </a-descriptions>
               </div>
               <!-- 基本信息 -->
-              <div class=" " id="contentspecial">
+              <div class id="contentspecial">
                 <div class="mb12 mt20">岗位说明</div>
-                <a-descriptions
-                  bordered
-                  size="small"
-                  :column="1"
-                  class="leftDesc"
-                >
+                <a-descriptions bordered size="small" :column="1" class="leftDesc">
                   <a-descriptions-item class="test1">
                     <span slot="label" class="fw500">工作内容</span>
                     <span>{{ jobDetail.workContent || "-" }}</span>
@@ -522,12 +437,14 @@
                   <a-descriptions-item>
                     <span slot="label" class="fw500">倒班频次</span>
                     <span>{{ jobDetail.workByTurns }}</span>
-                  </a-descriptions-item> -->
+                  </a-descriptions-item>-->
                   <a-descriptions-item>
                     <span slot="label" class="fw500">换岗调班</span>
-                    <span style="white-space: break-spaces">{{
+                    <span style="white-space: break-spaces">
+                      {{
                       jobDetail.otherDesp || "-"
-                    }}</span>
+                      }}
+                    </span>
                   </a-descriptions-item>
                 </a-descriptions>
               </div>
@@ -539,16 +456,16 @@
                     <div>吃饭</div>
                     <ul>
                       <li>
-                        <span>吃饭</span
-                        ><span>{{ jobDetail.workingLunch || "-" }}</span>
+                        <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
@@ -556,48 +473,49 @@
                       </li>
                       <li>
                         <span>民族窗口</span><span>{{ jobDetail.muslim }}</span>
-                      </li> -->
+                      </li>-->
                       <!-- <li>
                         <span>补充说明</span
                         ><span style="white-space: break-spaces">{{
                           jobDetail.workingLunchDesp || "-"
                         }}</span>
-                      </li> -->
+                      </li>-->
                     </ul>
                   </li>
                   <li>
                     <div>住宿</div>
                     <ul>
                       <li>
-                        <span>住宿费用</span
-                        ><span>{{ jobDetail.dormitory || "-" }}</span>
+                        <span>住宿费用</span>
+                        <span>{{ jobDetail.dormitory || "-" }}</span>
                       </li>
                       <li>
-                        <span>宿舍设施</span
-                        ><span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
+                        <span>宿舍设施</span>
+                        <span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
                       </li>
                       <li>
-                        <span>宿舍距离</span
-                        ><span>{{ jobDetail.dormDistance || "-" }}</span>
+                        <span>宿舍距离</span>
+                        <span>{{ jobDetail.dormDistance || "-" }}</span>
                       </li>
 
                       <li>
-                        <span>厂车</span><span>{{ jobDetail.bus || "-" }}</span>
+                        <span>厂车</span>
+                        <span>{{ jobDetail.bus || "-" }}</span>
                       </li>
 
                       <li>
-                        <span>住宿要求</span
-                        ><span>{{ jobDetail.dormitoryDesp || "-" }}</span>
+                        <span>住宿要求</span>
+                        <span>{{ jobDetail.dormitoryDesp || "-" }}</span>
                       </li>
                       <!-- <li>
                         <span>宿舍距离</span
                         ><span>{{ jobDetail.dormitoryDistance }}</span>
-                      </li> -->
+                      </li>-->
                       <!-- <li>
 												<span>住宿费</span
 												><span>{{ jobDetail.dormitoryCost }}</span>
 											</li>
-											 -->
+                      -->
 
                       <!-- <li>
                         <span>单间人数</span
@@ -606,20 +524,20 @@
                       <li>
                         <span>硬件设施</span
                         ><span>{{ jobDetail.dormitoryFacilities }}</span>
-                      </li> -->
+                      </li>-->
                       <!-- <li>
                         <span>水电费</span
                         ><span>{{ jobDetail.waterAndElec || "-" }}</span>
-                      </li> -->
+                      </li>-->
                       <!-- <li>
                         <span>班车</span><span>{{ jobDetail.regularBus }}</span>
-                      </li> -->
+                      </li>-->
                       <!--  <li>
                         <span>补充说明</span
                         ><span style="white-space: break-spaces">{{
                           jobDetail.dormitoryDesp || "-"
                         }}</span>
-                      </li> -->
+                      </li>-->
                     </ul>
                   </li>
                 </ul>
@@ -662,16 +580,14 @@
                   <span slot="label" class="fw500">班次时间</span>
                   <span>9:30-14:00；17:00-22:00</span>
                 </a-descriptions-item>
-              </a-descriptions> -->
+                </a-descriptions>-->
               </div>
               <div class="otherInfo" id="other">
                 <div class="mb12 mt20">其他信息</div>
-                <div style="white-space: break-spaces">
-                  {{ jobDetail.otherInfo || "-" }}
-                </div>
+                <div style="white-space: break-spaces">{{ jobDetail.otherInfo || "-" }}</div>
               </div>
             </div>
-            <a-anchor @click.prevent="" class="navigation">
+            <a-anchor @click.prevent class="navigation">
               <a-anchor-link href="#pay" title="薪资" />
               <a-anchor-link href="#required" title="要求" />
               <a-anchor-link href="#contentspecial" title="岗位" />
@@ -684,17 +600,9 @@
           <div v-else-if="tabchange == 0">
             <div class="pay" id="tip">
               <div class="mb12 mt20 titlestyle">代理须知</div>
-              <div class="showInfo" style="width: 640px">
-                {{ jobDetail.agencyStatement || "-" }}
-              </div>
+              <div class="showInfo" style="width: 640px">{{ jobDetail.agencyStatement || "-" }}</div>
             </div>
-            <a-descriptions
-              bordered
-              size="small"
-              :column="1"
-              class="leftDesc mt20"
-              style="width: 900px"
-            >
+            <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>
@@ -702,7 +610,7 @@
               <!-- <a-descriptions-item>
               <span slot="label" class="fw500">代理政策</span>
               <span>{{ jobDetail.returnFeeDesp }}</span>
-            </a-descriptions-item> -->
+              </a-descriptions-item>-->
               <a-descriptions-item>
                 <span slot="label" class="fw500">扣税说明</span>
                 <span>{{ jobDetail.deductTaxDesp || "-" }}</span>
@@ -710,7 +618,7 @@
               <!-- <a-descriptions-item>
                 <span slot="label" class="fw500">支付周期</span>
                 <span>{{ jobDetail.paymentCycle }}</span>
-              </a-descriptions-item> -->
+              </a-descriptions-item>-->
               <a-descriptions-item>
                 <span slot="label" class="fw500">出名单</span>
                 <span>{{ jobDetail.outListTime || "-" }}</span>
@@ -726,7 +634,7 @@
               <div class="mb12 mt20 titlestyle">职位通告</div>
               <div class="showInfo" style="width: unset;color: #000 !important;">
                 <div class="copy" @click="copyText($event)">复制</div>
-<!--                {{ jobDetail.jobDesp || "-" }}-->
+                <!--                {{ jobDetail.jobDesp || "-" }}-->
                 <div class="copyInfo" style="border: none; padding: 0 0; width: unset;">{{ jobDetail.jobDesp || "-" }}</div>
               </div>
             </div>
@@ -735,28 +643,34 @@
       </div>
       <div class="maincontentright">
         <div class="hotphone">
-          <h1 class="bottombox"><i>服务热线</i></h1>
+          <h1 class="bottombox">
+            <i>服务热线</i>
+          </h1>
           <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>-->
         <div class="companyinfo">
           <div class="companydetail">
-            <h1 class="bottombox"><i>企业详情</i></h1>
+            <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="" />
+              <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" v-if="positionInfo.lng">
-            <h1 class="bottombox"><i>企业位置</i></h1>
+            <h1 class="bottombox">
+              <i>企业位置</i>
+            </h1>
             <div class="imgbox">
               <!-- <GDMap/> -->
               <GDMap :positionInfo="positionInfo"></GDMap>
@@ -774,25 +688,22 @@
 				<p>服务热线</p>
 				<p>0371-6611 3723</p>
 			</div>
-		</div> -->
+    </div>-->
     <div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
   </div>
 </template>
 <script>
-import { getJobDetailApi } from "../../api/job";
-import {
-  disposeJobListData,
-  getSalaryClassifyValue,
-} from "../../utils/commonUtil";
-import recommend from "../../components/FirstJob/components/recommend.vue";
-import { nationlist } from "../../utils/datalist";
-import GDMap from "../map.vue";
+import { getJobDetailApi } from '../../api/job'
+import { disposeJobListData, getSalaryClassifyValue } from '../../utils/commonUtil'
+import recommend from '../../components/FirstJob/components/recommend.vue'
+import { nationlist } from '../../utils/datalist'
+import GDMap from '../map.vue'
 // import recordbill from "@/components/FirstJob/components/recordbill.vue";
-import Clipboard from "clipboard";
+import Clipboard from 'clipboard'
 // import map from '../map.vue'
 export default {
   // 组件名称
-  name: "",
+  name: '',
   // 局部注册的组件
   components: {
     recommend,
@@ -818,29 +729,20 @@ export default {
       skeletonshow: true,
       tabchange: 1,
       nationlist,
-      labelColor: [
-        "pink",
-        "blue",
-        "purple",
-        "orange",
-        "green",
-        "cyan",
-        "red",
-        "purple",
-      ],
+      labelColor: ['pink', 'blue', 'purple', 'orange', 'green', 'cyan', 'red', 'purple'],
       form: {
         // 录单数据
-        name: "",
-        peoplecard: "",
-        gender: "",
-        nation: "",
-        location: "",
-        firm: "",
-        post: "",
-        pattern: "",
-        policy: "",
-        proxy: "",
-        facedate: "",
+        name: '',
+        peoplecard: '',
+        gender: '',
+        nation: '',
+        location: '',
+        firm: '',
+        post: '',
+        pattern: '',
+        policy: '',
+        proxy: '',
+        facedate: '',
       },
       storeJob: {},
       // rules: {
@@ -849,7 +751,7 @@ export default {
       //   // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
       // },
       apply: {},
-    };
+    }
   },
   // 计算属性
   computed: {},
@@ -863,8 +765,8 @@ export default {
   beforeCreate() {},
   created() {
     // console.log(this.$router.matcher.match());
-    console.log(this.$route); // 获取传过来的params数据
-    this.getJobDetail();
+    console.log(this.$route) // 获取传过来的params数据
+    this.getJobDetail()
     // Object.defineProperties("window.opener", "sessionStorage", {
     //   LOGIN_DATA: {},
     // });
@@ -882,35 +784,33 @@ export default {
   methods: {
     async getJobDetail() {
       try {
-        const { data } = await getJobDetailApi(this.id);
-        console.log(data);
+        const { data } = await getJobDetailApi(this.id)
+        console.log(data)
         if (data.status === 200) {
-          console.log(data);
-          this.jobDetail = disposeJobListData(data.data.storeJob);
-          this.positionInfo = data.data.store;
-          this.positionInfo.desc = this.positionInfo.detailPosition;
-          this.positionInfo.containerName = "mapContainer";
-          this.positionInfo.name = this.positionInfo.aliasName;
-          this.skeletonshow = false;
-          this.jobDetail.district = disposeJobListData(
-            data.data.store
-          ).district;
+          console.log(data)
+          this.jobDetail = disposeJobListData(data.data.storeJob)
+          this.positionInfo = data.data.store
+          this.positionInfo.desc = this.positionInfo.detailPosition
+          this.positionInfo.containerName = 'mapContainer'
+          this.positionInfo.name = this.positionInfo.aliasName
+          this.skeletonshow = false
+          this.jobDetail.district = disposeJobListData(data.data.store).district
           let newdata = {
             id: data.data.storeJob.id,
             aliasName: data.data.store.aliasName,
             jobName: data.data.storeJob.jobName,
-          };
-          this.storeInfo = newdata;
+          }
+          this.storeInfo = newdata
 
-          let regs = /\.(jpg|jpeg|png)(\?.*)?$/;
+          let regs = /\.(jpg|jpeg|png)(\?.*)?$/
           data.data.storeImage.forEach((item) => {
             if (regs.test(item.url.toLowerCase())) {
-              this.storeImage.push(item.url);
+              this.storeImage.push(item.url)
             }
-          });
+          })
           // console.log(this.storeImage);
         } else {
-          this.$message.warning("数据获取失败");
+          this.$message.warning('数据获取失败')
         }
 
         //  = data.data.recordList;
@@ -922,31 +822,31 @@ export default {
     },
     // 录单弹出层的关闭
     handleCancel() {
-      this.visible = false;
+      this.visible = false
       this.form = {
         // 录单数据
-        name: "",
-        tel: "",
-        peoplecard: "",
-        username: "",
-      };
+        name: '',
+        tel: '',
+        peoplecard: '',
+        username: '',
+      }
     },
     // 录单提交按钮的回调
     handleOk() {
       this.$refs.ruleForm.validate((ispass, no) => {
         // console.log(ispass);
         if (ispass) {
-          this.confirmLoading = true;
+          this.confirmLoading = true
 
           setTimeout(() => {
-            this.confirmLoading = false;
-            this.visible = false;
-          }, 2000);
+            this.confirmLoading = false
+            this.visible = false
+          }, 2000)
         } else {
           // console.log(123);
         }
-        console.log(no);
-      });
+        console.log(no)
+      })
     },
     // 弹出录单模态框
     // showmodal() {
@@ -954,68 +854,68 @@ export default {
     //   console.log(this.id);
     // },
     showmodal() {
-      this.visible = true;
+      this.visible = true
       // this.apply = item;
       // console.log(this.apply);
       // console.log(id);
     },
     onClose() {
-      this.visible = false;
+      this.visible = false
       this.form = {
         // 录单数据
-        name: "",
-        peoplecard: "",
-        gender: "", // 性别
-        nation: "", // 民族
-        location: "", // 家庭住址
-        firm: "", // 公司名
-        post: "", // 岗位
-        pattern: "", // 模式
-        policy: "", // 代理政策
-        proxy: "", // 代理
-        facedate: "", // 面试时间
-      };
+        name: '',
+        peoplecard: '',
+        gender: '', // 性别
+        nation: '', // 民族
+        location: '', // 家庭住址
+        firm: '', // 公司名
+        post: '', // 岗位
+        pattern: '', // 模式
+        policy: '', // 代理政策
+        proxy: '', // 代理
+        facedate: '', // 面试时间
+      }
     },
     torecord(item) {
       // 跳转到路由新页面的方法
-      console.log(item);
+      console.log(item)
       // let userinfo = JSON.stringify(item);
-      console.log(this.jobDetail);
-      console.log(this.storeInfo);
-      this.storeInfo.currentPageNum = this.currentPageNum;
-      console.log(this.storeInfo);
-      this.$router.push({ name: "recordbill", params: this.storeInfo });
-      sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(this.storeInfo));
+      console.log(this.jobDetail)
+      console.log(this.storeInfo)
+      this.storeInfo.currentPageNum = this.currentPageNum
+      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);
+      return getSalaryClassifyValue(salaryClassify, salaryClassifyValue)
     },
     copyText() {
-      console.log(123);
-      var clipboard = new Clipboard(".copy", {
+      console.log(123)
+      var clipboard = new Clipboard('.copy', {
         // .copy 是点击的触发元素
         target: function () {
           // 通过target指定要复印的节点
-          return document.querySelector(".copyInfo"); // .copyInfo 是要复制的目标内容
+          return document.querySelector('.copyInfo') // .copyInfo 是要复制的目标内容
         },
-      });
-      clipboard.on("success", (e) => {
+      })
+      clipboard.on('success', (e) => {
         // success 是成功的回调 success => error 可以捕获复制失败的异常信息
-        console.log(e);
-        this.$message.success("复制成功");
-      });
+        console.log(e)
+        this.$message.success('复制成功')
+      })
     },
     toList() {
       // 跳转到列表页
       this.$router.push({
-        name: "JobList",
+        name: 'JobList',
         params: {
           pagenum: this.currentPageNum,
         },
-      });
+      })
     },
   },
-};
+}
 </script>
 
 <style scoped lang="less">
@@ -1740,12 +1640,7 @@ export default {
     font-size: 16px;
     color: #333;
   }
-  .boubleLevel
-    > .ant-descriptions-view
-    > table
-    > tbody
-    > .ant-descriptions-row:last-child
-    > .ant-descriptions-item-content {
+  .boubleLevel > .ant-descriptions-view > table > tbody > .ant-descriptions-row:last-child > .ant-descriptions-item-content {
     // padding: 0 !important;
     .noborder {
       .ant-descriptions-view {
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 188e086..d3dc4eb 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,64 +22,42 @@
       :destroyOnClose="true"
     >
     </a-modal> -->
-    <!-- 城市的弹出框 -->
-    <a-modal
-      class="cityModal"
-      transitionName=""
-      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">
-      <div class="w" id="navigation">
-        <span>
-          <!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
-          <router-link to="/main">
-            <!--   <svg class="icon" aria-hidden="true">
+		<!-- 城市的弹出框 -->
+		<a-modal class="cityModal" transitionName="" 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">
+			<div class="w" id="navigation">
+				<span>
+					<!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
+					<router-link to="/main">
+						<!--   <svg class="icon" aria-hidden="true">
               <use xlink:href="#icon-yishoudanlogo"></use></svg
           > -->
-            <img
-              src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png"
-              class="icon"
-            />
-          </router-link>
-        </span>
-        <!-- 特色筛选的列表盒子 -->
-        <!-- <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
+						<img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png" class="icon" />
+					</router-link>
+				</span>
+				<!-- 特色筛选的列表盒子 -->
+				<!-- <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
 					<div class="w">
 						<ul>
 							<li
@@ -95,7 +73,7 @@
 						</ul>
 					</div>
 				</div> -->
-        <!-- <ul class="filterbox">
+				<!-- <ul class="filterbox">
 					<li>
 						<i class="iconfont icon-dingwei"></i>
 						<a-cascader
@@ -211,80 +189,48 @@
 						</div>
 					</li>
 				</ul> -->
-        <div
-          class="searchBox"
-          @blur="hidedownHotStore"
-          @focus="showHotStore"
-          tabindex="0"
-          outline="0"
-          hidefocus="true"
-        >
-          <a-input
-            placeholder="搜索职位、企业名称、年龄要求"
-            @keyup.enter="onSearch"
-            @input="resetsearch"
-            @blur="hidedownHotStore"
-            @focus="showHotStore"
-            tabindex="0"
-            v-model="searchValue"
-            class="searchinput"
-            style=""
-            allow-clear
-          >
-            <div
-              slot="prefix"
-              @focus.stop=""
-              tabindex="0"
-              @click.stop="visible = true"
-            >
-              <span>{{ currentCity }}</span
-              ><i class="iconfont icon-sousuoxiala"></i
-              ><i
-                class="iconfont icon-guanbishixin"
-                v-show="currentCity != '全国'"
-                @click.stop="resetCity"
-              ></i>
-            </div>
-            <button slot="suffix" @click="onSearch" style="">搜索</button>
-          </a-input>
-          <!-- v-show="isdownHotStoreShow" -->
-          <!-- <ul class="downHotStore" style="display: none">
+				<div class="searchBox" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
+					<a-input placeholder="搜索职位、企业名称、年龄要求" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput" style="" allow-clear>
+						<div slot="prefix" @focus.stop="" tabindex="0" @click.stop="visible = true">
+							<span>{{ currentCity }}</span
+							><i class="iconfont icon-sousuoxiala"></i><i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i>
+						</div>
+						<button slot="suffix" @click="onSearch" style="">搜索</button>
+					</a-input>
+					<!-- v-show="isdownHotStoreShow" -->
+					<!-- <ul class="downHotStore" style="display: none">
 						<div>热门企业</div>
 						<li v-for="(item, index) in hotStoreList" :key="index" @click="getHotStoreList(item)">
 							{{ item.storeName }}
 						</li>
 					</ul> -->
-          <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>
-        </div>
-        <ul class="hotTag" style="display: none">
-          <div>热门：</div>
-          <li
-            v-for="(item, index) in specialHotTag"
-            :key="index"
-            @click="specialclick(index, item)"
-            :class="{
-              active: filterObj.specialactive.indexOf(item) > -1,
-            }"
-          >
-            {{ item.name }}
-          </li>
-        </ul>
-      </div>
-    </div>
-    <!-- 面包屑 -->
-    <!-- <a-breadcrumb class="w">
+					<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>
+				</div>
+				<ul class="hotTag" style="display: none">
+					<div>热门：</div>
+					<li
+						v-for="(item, index) in specialHotTag"
+						:key="index"
+						@click="specialclick(index, item)"
+						:class="{
+							active: filterObj.specialactive.indexOf(item) > -1,
+						}"
+					>
+						{{ item.name }}
+					</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>
@@ -292,320 +238,240 @@
         <span>一手职位</span>
       </a-breadcrumb-item>
     </a-breadcrumb> -->
-    <!-- 主体部分 -->
-    <div class="w" id="maincontent">
-      <div class="maincontentleft" style="padding-top: 50px">
-        <div class="tabBar" @click="changeTab($event)">
-          <div
-            class="tabSubset"
-            :class="{ active: signType == '' }"
-            data-type="0"
-          >
-            全部
-          </div>
-          <div
-            class="tabSubset"
-            :class="{ active: signType == 1 }"
-            data-type="1"
-          >
-            自营
-          </div>
-          <div
-            class="tabSubset"
-            :class="{ active: signType == 2 }"
-            data-type="2"
-          >
-            三方
-          </div>
-        </div>
-        <div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="">
-          <div
-            class="filter-title"
-            :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }"
-          >
-            <span
-              ><span>所有筛选<i class="iconfont icon-youjiantou"></i></span>
-              <span class="filter-show">
-                <span
-                  @click="delFilter($event, 'price')"
-                  v-show="filterObj.price"
-                  >{{ filterObj.price
-                  }}<i
-                    class="iconfont icon-guanbi2"
-                    v-show="filterObj.price"
-                  ></i
-                ></span>
-                <span
-                  @click="delFilter($event, 'gender')"
-                  v-show="filterObj.gender"
-                  >{{ filterObj.gender
-                  }}<i
-                    class="iconfont icon-guanbi2"
-                    v-show="filterObj.gender"
-                  ></i
-                ></span>
-                <span
-                  @click="delFilter($event, 'special', item)"
-                  v-for="(item, index) in filterObj.specialactive"
-                  :key="index"
-                  >{{ item.name }}<i class="iconfont icon-guanbi2"></i
-                ></span>
-                <i v-show="showDotted" style="line-height: 24px">...</i>
-              </span>
-            </span>
-            <span @click="hideFilterContent"
-              >{{ filterStatus == 0 ? "收起筛选" : "展开筛选"
-              }}<i
-                class="iconfont icon-sousuoxiala"
-                :style="{
-                  transform:
-                    filterStatus == 0 ? 'rotate(180deg) scale(.6)' : '',
-                }"
-              ></i
-            ></span>
-          </div>
-          <div class="filter-content" style="transition: height 0.2s">
-            <dl class="price">
-              <dt>工价：</dt>
-              <dd>
-                <div class="ageinputbox">
-                  <!-- <div> -->
-                  <a-input
-                    class="ageinput"
-                    v-model="minMonthlyPay"
-                    type="text"
-                    allow-clear
-                    prefix="￥"
-                    @input="resetAgeSearch"
-                    @click.stop="
-                      () => {
-                        return false;
-                      }
-                    "
-                  ></a-input
-                  ><span class="middle-line"> - </span>
-                  <a-input
-                    class="ageinput"
-                    v-model="maxMonthlyPay"
-                    type="text"
-                    allow-clear
-                    prefix="￥"
-                    @input="resetAgeSearch"
-                    @click.stop="
-                      () => {
-                        return false;
-                      }
-                    "
-                  ></a-input>
-                  <div class="confirm">
-                    <button @click="searchPrice">确定</button>
-                  </div>
-                  <!-- </div> -->
-                </div>
-                <i @click="searchPrice"
-                  ><span
-                    :style="{
-                      color: filterObj.price == '3000-4000' ? '#ff4400' : '',
-                    }"
-                    >3000-4000</span
-                  >
-                  <span
-                    :style="{
-                      color: filterObj.price == '4000-5000' ? '#ff4400' : '',
-                    }"
-                    >4000-5000</span
-                  >
-                  <span
-                    :style="{
-                      color: filterObj.price == '5000-6000' ? '#ff4400' : '',
-                    }"
-                    >5000-6000</span
-                  >
-                  <span
-                    :style="{
-                      color: filterObj.price == '6000-7000' ? '#ff4400' : '',
-                    }"
-                    >6000-7000</span
-                  ></i
-                >
-              </dd>
-            </dl>
-            <dl>
-              <dt>性别：</dt>
-              <dd @click="searchGender">
-                <span
-                  :style="{ color: filterObj.gender == '男' ? '#ff4400' : '' }"
-                  >男</span
-                ><span
-                  :style="{ color: filterObj.gender == '女' ? '#ff4400' : '' }"
-                  >女</span
-                ><span
-                  :style="{
-                    color: filterObj.gender == '男女不限' ? '#ff4400' : '',
-                  }"
-                  >男女不限</span
-                >
-              </dd>
-            </dl>
-            <dl>
-              <dt>薪资福利：</dt>
-              <dd>
-                <span
-                  v-for="(item, index) in tagArray1"
-                  :key="index"
-                  :class="{
-                    'special-active':
-                      filterObj.specialactive.indexOf(item) > -1,
-                  }"
-                  @click.stop="specialclick(index, item)"
-                  >{{ item.name }}</span
-                >
-              </dd>
-            </dl>
-            <dl>
-              <dt>宿舍保障：</dt>
-              <dd>
-                <span
-                  v-for="(item, index) in tagArray3"
-                  :key="index"
-                  :class="{
-                    'special-active':
-                      filterObj.specialactive.indexOf(item) > -1,
-                  }"
-                  @click.stop="specialclick(index, item)"
-                  >{{ item.name }}</span
-                >
-              </dd>
-            </dl>
-            <dl>
-              <dt>班制休息：</dt>
-              <dd>
-                <span
-                  v-for="(item, index) in tagArray0"
-                  :key="index"
-                  :class="{
-                    'special-active':
-                      filterObj.specialactive.indexOf(item) > -1,
-                  }"
-                  @click.stop="specialclick(index, item)"
-                  >{{ item.name }}</span
-                >
-              </dd>
-            </dl>
-            <dl>
-              <dt>面试特色：</dt>
-              <dd>
-                <span
-                  v-for="(item, index) in tagArray4"
-                  :key="index"
-                  :class="{
-                    'special-active':
-                      filterObj.specialactive.indexOf(item) > -1,
-                  }"
-                  @click.stop="specialclick(index, item)"
-                  >{{ item.name }}</span
-                >
-              </dd>
-            </dl>
-            <dl>
-              <dt>其他特色：</dt>
-              <dd>
-                <span
-                  v-for="(item, index) in tagArray2"
-                  :key="index"
-                  :class="{
-                    'special-active':
-                      filterObj.specialactive.indexOf(item) > -1,
-                  }"
-                  @click.stop="specialclick(index, item)"
-                  >{{ item.name }}</span
-                >
-              </dd>
-            </dl>
-          </div>
-        </div>
-        <div style="text-align: center">
-          <a-spin tip="加载中..." :spinning="isspinning"></a-spin>
-        </div>
-        <!-- <div
+		<!-- 主体部分 -->
+		<div class="w" id="maincontent">
+			<div class="maincontentleft" style="padding-top: 50px">
+				<div class="tabBar" @click="changeTab($event)">
+					<div class="tabSubset" :class="{ active: signType == '' }" data-type="0">全部</div>
+					<div class="tabSubset" :class="{ active: signType == 1 }" data-type="1">自营</div>
+					<div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div>
+				</div>
+				<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="">
+					<div class="filter-title" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
+						<span
+							><span>所有筛选<i class="iconfont icon-youjiantou"></i></span>
+							<span class="filter-show">
+								<span @click="delFilter($event, 'price')" v-show="filterObj.price">{{ filterObj.price }}<i class="iconfont icon-guanbi2" v-show="filterObj.price"></i></span>
+								<span @click="delFilter($event, 'gender')" v-show="filterObj.gender">{{ filterObj.gender }}<i class="iconfont icon-guanbi2" v-show="filterObj.gender"></i></span>
+								<span @click="delFilter($event, 'special', item)" v-for="(item, index) in filterObj.specialactive" :key="index">{{ item.name }}<i class="iconfont icon-guanbi2"></i></span>
+								<i v-show="showDotted" style="line-height: 24px">...</i>
+							</span>
+						</span>
+						<span @click="hideFilterContent"
+							>{{ filterStatus == 0 ? "收起筛选" : "展开筛选"
+							}}<i
+								class="iconfont icon-sousuoxiala"
+								:style="{
+									transform: filterStatus == 0 ? 'rotate(180deg) scale(.6)' : '',
+								}"
+							></i
+						></span>
+					</div>
+					<div class="filter-content" style="transition: height 0.2s">
+						<dl class="price">
+							<dt>工价：</dt>
+							<dd>
+								<div class="ageinputbox">
+									<!-- <div> -->
+									<a-input
+										class="ageinput"
+										v-model="minMonthlyPay"
+										type="text"
+										allow-clear
+										prefix="￥"
+										@input="resetAgeSearch"
+										@click.stop="
+											() => {
+												return false;
+											}
+										"
+									></a-input
+									><span class="middle-line"> - </span>
+									<a-input
+										class="ageinput"
+										v-model="maxMonthlyPay"
+										type="text"
+										allow-clear
+										prefix="￥"
+										@input="resetAgeSearch"
+										@click.stop="
+											() => {
+												return false;
+											}
+										"
+									></a-input>
+									<div class="confirm">
+										<button @click="searchPrice">确定</button>
+									</div>
+									<!-- </div> -->
+								</div>
+								<i @click="searchPrice"
+									><span
+										:style="{
+											color: filterObj.price == '3000-4000' ? '#ff4400' : '',
+										}"
+										>3000-4000</span
+									>
+									<span
+										:style="{
+											color: filterObj.price == '4000-5000' ? '#ff4400' : '',
+										}"
+										>4000-5000</span
+									>
+									<span
+										:style="{
+											color: filterObj.price == '5000-6000' ? '#ff4400' : '',
+										}"
+										>5000-6000</span
+									>
+									<span
+										:style="{
+											color: filterObj.price == '6000-7000' ? '#ff4400' : '',
+										}"
+										>6000-7000</span
+									></i
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>性别：</dt>
+							<dd @click="searchGender">
+								<span :style="{ color: filterObj.gender == '男' ? '#ff4400' : '' }">男</span><span :style="{ color: filterObj.gender == '女' ? '#ff4400' : '' }">女</span
+								><span
+									:style="{
+										color: filterObj.gender == '男女不限' ? '#ff4400' : '',
+									}"
+									>男女不限</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>薪资福利：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray1"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>宿舍保障：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray3"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>班制休息：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray0"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>面试特色：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray4"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>其他特色：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray2"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+					</div>
+				</div>
+				<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> -->
+				<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"
-            :style="{
-              background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
-            }"
-          >
-            <router-link
-              target="_blank"
-              :to="
-                '/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum
-              "
-              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" />
-                </div>
-                <div class="jobinfobox">
-                  <!-- <router-link
+				<div v-if="!isspinning">
+					<div
+						class="subset"
+						v-for="(item, index) in jobMainList"
+						:key="index"
+						:style="{
+							background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+						}"
+					>
+						<router-link target="_blank" :to="'/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum" 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" />
+								</div>
+								<div class="jobinfobox">
+									<!-- <router-link
                   target="_blank"
                   :to="'/detail/' + item.id"
                   rel="opener"
-                > -->
-                  <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> -->
-                    <i
-                      class="iconfont icon-ziying"
-                      v-if="item.signType == 1"
-                      style=""
-                    ></i>
-                    <span
-                      v-for="(item1, index) in item.jobSpecialLabelNames"
-                      :key="index"
-                      >{{ item1 }}</span
-                    ><span v-if="item.jobSpecialLabelNames.length == 0"
-                      >暂无特色</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> -->
+										<i class="iconfont icon-ziying" v-if="item.signType == 1" style=""></i>
+										<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span
+										><span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</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"
-                    v-html="
-                      getSalaryClassifyValue(
-                        item.salaryClassify,
-                        item.salaryClassifyValue
-                      )
-                    "
-                  >
-                    <!-- <template v-if="item.hourlyPay"
+										<span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span
+										>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay : "" }}</span
+										>元/月
+									</div>
+									<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)">
+										<!-- <template v-if="item.hourlyPay"
                     ><span>{{ item.hourlyPay }}</span
                     >元/小时</template
                   >
@@ -613,135 +479,98 @@
                     ><span>{{ item.dayPay }}</span
                     >元/日</template
                   > -->
-                  </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">
+									</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?' +
-                    'id=' +
-                    item.id +
-                    '&' +
-                    'page=' +
-                    formvalue.pageNum
-                  "
-                  rel="opener"
-                >
-                  <button
-                    type="primary"
-                    class="jobDesp"
-                    :style="{
-                      background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
-                    }"
-                  >
-                    更多
-                  </button>
-                </router-link>
-                <!-- </a-popover> -->
-                <button
-                  class="apply"
-                  @click="torecord(item)"
-                  v-if="item.recruitment == '1'"
-                >
-                  报名
-                </button>
-                <button class="norecruitment" v-else>暂时停招</button>
+								<router-link target="_blank" :to="'/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum" rel="opener">
+									<button
+										type="primary"
+										class="jobDesp"
+										:style="{
+											background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+										}"
+									>
+										更多
+									</button>
+								</router-link>
+								<!-- </a-popover> -->
+								<button class="apply" @click="torecord(item)" v-if="item.recruitment == '1'">报名</button>
+								<button class="norecruitment" v-else>暂时停招</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: '#ff4400',
-              'line-height': '80px',
-              'margin-top': '8px',
-            }"
-          >
-            {{ dateinfo.day }}
-          </p>
-          <p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">
-            {{ dateinfo.week }}
-          </p>
-          <p class="date" :style="{ 'font-size': '16px', color: '#ff4400' }">
-            {{ 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: '#ff4400',
+							'line-height': '80px',
+							'margin-top': '8px',
+						}"
+					>
+						{{ dateinfo.day }}
+					</p>
+					<p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">
+						{{ dateinfo.week }}
+					</p>
+					<p class="date" :style="{ 'font-size': '16px', color: '#ff4400' }">
+						{{ 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,
-  isNotEmptyCheck,
-} from "../../utils/commonUtil";
+import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck } from "../../utils/commonUtil";
 import recommend from "@/components/FirstJob/components/recommend.vue";
 import { nationlist } from "../../utils/datalist";
 import Clipboard from "clipboard";
@@ -749,925 +578,892 @@ 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: "",
-      specialvalue: [], // 点中的特色标签
-      filterObj: {
-        price: "", // 选中的价格搜索
-        gender: "", // 选中的性别搜索
-        specialactive: [], // 点中的特色标签索引
-      },
-      showDotted: false,
-      visible: false, // 录单模态框的展示
-      confirmLoading: false, // 录单提交的loading效果
-      cityoption: [], // 城市列表
-      hotCityList: [], // 热门城市列表
-      hasJobCityList: {}, // 有职位的城市列表
-      currentCityList: {}, // 当前首字母展示的城市列表
-      minMonthlyPay: "",
-      maxMonthlyPay: "",
-      isdownHotStoreShow: false, // 热门企业下拉显示
-      currentPage: "",
-      currentCity: "全国",
-      cityValue: "", // 城市输入框内容
-      activeInd: -1,
-      hotStoreList: [],
-      newFormValue: [],
-      apply: "", // 报名企业id
-      filterStatus: 0, // 筛选开合状态
-      filterHeight: "", // 筛选盒子高度
-      signType: 0, // 自营三方类型(0全部,1自营,2三方)
-      tagArray0: [],
-      tagArray1: [],
-      tagArray2: [],
-      tagArray3: [],
-      tagArray4: [],
-      proxyinfo: JSON.parse(sessionStorage.getItem("LOGIN_DATA")),
-      nationlist: nationlist,
-      specialHotTag: [],
-      dateinfo: {
-        day: "",
-        week: "",
-        date: "",
-      },
+	// 注入获取职位列表的方法
+	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: "",
+			specialvalue: [], // 点中的特色标签
+			filterObj: {
+				price: "", // 选中的价格搜索
+				gender: "", // 选中的性别搜索
+				specialactive: [], // 点中的特色标签索引
+			},
+			showDotted: false,
+			visible: false, // 录单模态框的展示
+			confirmLoading: false, // 录单提交的loading效果
+			cityoption: [], // 城市列表
+			hotCityList: [], // 热门城市列表
+			hasJobCityList: {}, // 有职位的城市列表
+			currentCityList: {}, // 当前首字母展示的城市列表
+			minMonthlyPay: "",
+			maxMonthlyPay: "",
+			isdownHotStoreShow: false, // 热门企业下拉显示
+			currentPage: "",
+			currentCity: "全国",
+			cityValue: "", // 城市输入框内容
+			activeInd: -1,
+			hotStoreList: [],
+			newFormValue: [],
+			apply: "", // 报名企业id
+			filterStatus: 0, // 筛选开合状态
+			filterHeight: "", // 筛选盒子高度
+			signType: 0, // 自营三方类型(0全部,1自营,2三方)
+			tagArray0: [],
+			tagArray1: [],
+			tagArray2: [],
+			tagArray3: [],
+			tagArray4: [],
+			proxyinfo: JSON.parse(localStorage.getItem("LOGIN_DATA")),
+			nationlist: nationlist,
+			specialHotTag: [],
+			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,
-          },
-        ],
-        gender: [
-          {
-            value: "1",
-            label: "男",
-            uid: 3,
-          },
-          {
-            value: "2",
-            label: "女",
-            uid: 3,
-          },
-          {
-            value: "-1",
-            label: "男女不限",
-            uid: 3,
-          },
-        ],
-      },
-      relationList: [],
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {
-    formvalue: {
-      handler() {
-        // console.log(e);
-        // 筛选列表数据处理
-        // if (e.district !== 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.sex.length == 0) {
-        // 	document.getElementById("gender").style.width = 60 + "px";
-        // 	document.getElementById("gender").style.minWidth = 60 + "px";
-        // } else {
-        // 	const result = e.sex.join("");
-        // 	if (result.length >= 2) {
-        // 		document.getElementById("gender").style.width = "90px";
-        // 		document.getElementById("gender").nextElementSibling.style.width = "100px";
-        // 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() {
-        // console.log("ischange");
-        // console.log(to);
-        // console.log(from);
-      },
-      deep: true,
-    },
-    filterObj: {
-      handler(newv) {
-        var arr = Object.keys(newv);
-        console.log(arr.length);
-        if (arr.length + newv.specialactive.length - 1 > 6) {
-          this.showDotted = true;
-        } else {
-          this.showDotted = false;
-        }
-      },
-      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() {
+				// console.log(e);
+				// 筛选列表数据处理
+				// if (e.district !== 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.sex.length == 0) {
+				// 	document.getElementById("gender").style.width = 60 + "px";
+				// 	document.getElementById("gender").style.minWidth = 60 + "px";
+				// } else {
+				// 	const result = e.sex.join("");
+				// 	if (result.length >= 2) {
+				// 		document.getElementById("gender").style.width = "90px";
+				// 		document.getElementById("gender").nextElementSibling.style.width = "100px";
+				// 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() {
+				// console.log("ischange");
+				// console.log(to);
+				// console.log(from);
+			},
+			deep: true,
+		},
+		filterObj: {
+			handler(newv) {
+				var arr = Object.keys(newv);
+				console.log(arr.length);
+				if (arr.length + newv.specialactive.length - 1 > 6) {
+					this.showDotted = true;
+				} else {
+					this.showDotted = false;
+				}
+			},
+			deep: true,
+		},
+	},
+	// 组件
 
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    // console.log(this.proxyinfo);
-    // console.log(this.$route);
-    this.currentPage = this.$route.params.pagenum;
-    if (this.currentPage) {
-      // console.log(this.currentPage);
-      this.formvalue.pageNum = this.currentPage;
-    }
-    // this.reload();
-    this.getJobList();
-    this.getJobSpecial();
-    this.getProvince();
-    this.getdateinfo();
-    this.getHotCity();
-    this.getCityWhichHasJob();
-    this.getHotStore();
-    this.hideFilterContent();
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    // 处理筛选框的定位
-    // filterbox() {
-    //   return () => {
-    //     return document.getElementById("filterbox")[0];
-    //     // return document.body;
-    //   };
-    // },
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		// console.log(this.proxyinfo);
+		// console.log(this.$route);
+		this.currentPage = this.$route.params.pagenum;
+		if (this.currentPage) {
+			// console.log(this.currentPage);
+			this.formvalue.pageNum = this.currentPage;
+		}
+		// this.reload();
+		this.getJobList();
+		this.getJobSpecial();
+		this.getProvince();
+		this.getdateinfo();
+		this.getHotCity();
+		this.getCityWhichHasJob();
+		this.getHotStore();
+		this.hideFilterContent();
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {},
+	// 组件方法
+	methods: {
+		// 处理筛选框的定位
+		// filterbox() {
+		//   return () => {
+		//     return document.getElementById("filterbox")[0];
+		//     // return document.body;
+		//   };
+		// },
 
-    //搜索企业名称
-    onSearch() {
-      // console.log(e);
-      // if (typeof e === "string" || typeof e === "number") {
-      //   if (e.length !== 0) {
-      // console.log("zifuchuan ");
-      //     this.formvalue.aliasName = e;
-      //     this.getJobList();
-      //   }
-      // } else
-      console.log(typeof this.searchValue.trim());
-      if (this.searchValue.trim() !== "") {
-        this.formvalue.pageNum = 1;
-        if (
-          typeof +this.searchValue.trim() == "number" &&
-          !isNaN(+this.searchValue.trim())
-        ) {
-          this.formvalue.ageStr = this.searchValue.trim();
-        } else {
-          this.formvalue.aliasName = this.searchValue.trim();
-        }
-        // console.log("search1");
-        // this.formvalue.aliasName = this.searchValue;
-        // console.log(this.formvalue);
-        this.getJobList();
-        this.isdownHotStoreShow = false;
-      }
+		//搜索企业名称
+		onSearch() {
+			// console.log(e);
+			// if (typeof e === "string" || typeof e === "number") {
+			//   if (e.length !== 0) {
+			// console.log("zifuchuan ");
+			//     this.formvalue.aliasName = e;
+			//     this.getJobList();
+			//   }
+			// } else
+			console.log(typeof this.searchValue.trim());
+			if (this.searchValue.trim() !== "") {
+				this.formvalue.pageNum = 1;
+				if (typeof +this.searchValue.trim() == "number" && !isNaN(+this.searchValue.trim())) {
+					this.formvalue.ageStr = this.searchValue.trim();
+				} else {
+					this.formvalue.aliasName = this.searchValue.trim();
+				}
+				// console.log("search1");
+				// this.formvalue.aliasName = this.searchValue;
+				// console.log(this.formvalue);
+				this.getJobList();
+				this.isdownHotStoreShow = false;
+			}
 
-      // this.$router.push("/list").catch((err) => {
-      // console.log(err);
-      // });
-    },
-    // 搜索工价
-    searchPrice(e) {
-      console.log(e);
-      if (e.target.nodeName == "SPAN") {
-        if (e.target.textContent == this.filterObj.price) {
-          this.formvalue.monthlyPayStr = "";
-          this.filterObj.price = "";
-        } else {
-          this.formvalue.monthlyPayStr = e.target.textContent;
-          this.filterObj.price = this.formvalue.monthlyPayStr;
-        }
+			// this.$router.push("/list").catch((err) => {
+			// console.log(err);
+			// });
+		},
+		// 搜索工价
+		searchPrice(e) {
+			console.log(e);
+			if (e.target.nodeName == "SPAN") {
+				if (e.target.textContent == this.filterObj.price) {
+					this.formvalue.monthlyPayStr = "";
+					this.filterObj.price = "";
+				} else {
+					this.formvalue.monthlyPayStr = e.target.textContent;
+					this.filterObj.price = this.formvalue.monthlyPayStr;
+				}
 
-        this.getJobList();
-      } else if (e.target.nodeName == "BUTTON") {
-        console.log(this.minMonthlyPay);
-        console.log(this.maxMonthlyPay);
-        if (
-          this.minMonthlyPay.length != 0 &&
-          this.maxMonthlyPay.length != 0 &&
-          typeof +this.minMonthlyPay == "number" &&
-          typeof +this.maxMonthlyPay == "number" &&
-          !isNaN(+this.minMonthlyPay) &&
-          !isNaN(+this.maxMonthlyPay)
-        ) {
-          this.formvalue.monthlyPayStr =
-            this.minMonthlyPay + "-" + this.maxMonthlyPay;
-          this.filterObj.price = this.formvalue.monthlyPayStr;
-          this.getJobList();
-        }
-      }
-    },
-    // 搜索性别
-    searchGender(e) {
-      console.log(e);
-      if (e.target.tagName == "SPAN") {
-        if (e.target.textContent == "男") {
-          if (this.filterObj.gender == "男") {
-            this.filterObj.gender = "";
-            this.formvalue.sex = "";
-          } else {
-            this.filterObj.gender = "男";
-            this.formvalue.sex = 1;
-          }
-        } else if (e.target.textContent == "女") {
-          if (this.filterObj.gender == "女") {
-            this.filterObj.gender = "";
-            this.formvalue.sex = "";
-          } else {
-            this.filterObj.gender = "女";
-            this.formvalue.sex = 2;
-          }
-        } else {
-          if (this.filterObj.gender == "男女不限") {
-            this.filterObj.gender = "";
-            this.formvalue.sex = "";
-          } else {
-            this.filterObj.gender = "男女不限";
-            this.formvalue.sex = -1;
-          }
-        }
-        this.getJobList();
-      }
-    },
-    // 获取职位特色
-    getJobSpecial() {
-      // var timestamp = new Date().getTime();
-      console.log(
-        new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST"))
-      );
-      console.log(
-        new Date(
-          new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST"))
-        )
-      );
-      let diffTime =
-        new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST"));
-      if (isNotEmptyCheck(localStorage.getItem("SPECIALLIST"))) {
-        if (diffTime / 3600000 > 2) {
-          console.log("======================", "needRequest");
-          this.getJobSpecialList().then((res) => {
-            this.specialList = res;
-            this.specialList.forEach((item) => {
-              if (item.typeClassify == "0") {
-                this.tagArray0.push(item);
-              } else if (item.typeClassify == "1") {
-                this.tagArray1.push(item);
-              } else if (item.typeClassify == "2") {
-                this.tagArray2.push(item);
-              } else if (item.typeClassify == "3") {
-                this.tagArray3.push(item);
-              } else if (item.typeClassify == "4") {
-                this.tagArray4.push(item);
-              }
-              if (
-                item.name == "大龄工" ||
-                item.name == "暑假工" ||
-                item.name == "长白班"
-              ) {
-                this.specialHotTag.push(item);
-              }
-            });
-            this.$nextTick(() => {
-              let fileterContent = document.querySelector(".filter-content");
-              this.filterHeight = fileterContent.scrollHeight;
-              // fileterContent.style.height = this.filterHeight + "px";
-            });
-          });
-        } else {
-          this.specialList = JSON.parse(
-            localStorage.getItem("SPECIALLIST")
-          ).data;
-          this.specialList.forEach((item) => {
-            if (item.typeClassify == "0") {
-              this.tagArray0.push(item);
-            } else if (item.typeClassify == "1") {
-              this.tagArray1.push(item);
-            } else if (item.typeClassify == "2") {
-              this.tagArray2.push(item);
-            } else if (item.typeClassify == "3") {
-              this.tagArray3.push(item);
-            } else if (item.typeClassify == "4") {
-              this.tagArray4.push(item);
-            }
-            if (
-              item.name == "大龄工" ||
-              item.name == "暑假工" ||
-              item.name == "长白班"
-            ) {
-              this.specialHotTag.push(item);
-            }
-          });
-          this.$nextTick(() => {
-            let fileterContent = document.querySelector(".filter-content");
-            this.filterHeight = fileterContent.scrollHeight;
-            // fileterContent.style.height = this.filterHeight + "px";
-          });
-        }
-      } else {
-        this.getJobSpecialList().then((res) => {
-          this.specialList = res;
-          this.specialList.forEach((item) => {
-            if (item.typeClassify == "0") {
-              this.tagArray0.push(item);
-            } else if (item.typeClassify == "1") {
-              this.tagArray1.push(item);
-            } else if (item.typeClassify == "2") {
-              this.tagArray2.push(item);
-            } else if (item.typeClassify == "3") {
-              this.tagArray3.push(item);
-            } else if (item.typeClassify == "4") {
-              this.tagArray4.push(item);
-            }
-            if (
-              item.name == "大龄工" ||
-              item.name == "暑假工" ||
-              item.name == "长白班"
-            ) {
-              this.specialHotTag.push(item);
-            }
-          });
-          this.$nextTick(() => {
-            let fileterContent = document.querySelector(".filter-content");
-            this.filterHeight = fileterContent.scrollHeight;
-            // fileterContent.style.height = this.filterHeight + "px";
-          });
-        });
-      }
-    },
-    // 改变自营三方类型
-    changeTab(e) {
-      console.log(e.target.dataset.type);
-      if (e.target.dataset.type != 0) {
-        this.formvalue.signType = this.signType = e.target.dataset.type;
-      } else {
-        this.formvalue.signType = this.signType = "";
-      }
-      this.formvalue.pageNum = 1;
-      this.getJobList();
-    },
-    async getJobSpecialList() {
-      const { data } = await getJobSpecialApi();
-      console.log(data);
-      if (data.status == 200) {
-        let container = {
-          data: data.data,
-          // timestamp: new Date().getTime(),
-        };
-        // console.log(container.timestamp);
-        localStorage.setItem("SPECIALLIST", JSON.stringify(container));
-        return data.data;
-      }
-    },
-    // 获取省份列表
-    async getProvince() {
-      // const that = this;
-      try {
-        const { data } = await getProvinceApi();
-        // console.log(data);
-        data.data.pop();
-        this.cityoption = data.data;
+				this.getJobList();
+			} else if (e.target.nodeName == "BUTTON") {
+				console.log(this.minMonthlyPay);
+				console.log(this.maxMonthlyPay);
+				if (this.minMonthlyPay.length != 0 && this.maxMonthlyPay.length != 0 && typeof +this.minMonthlyPay == "number" && typeof +this.maxMonthlyPay == "number" && !isNaN(+this.minMonthlyPay) && !isNaN(+this.maxMonthlyPay)) {
+					this.formvalue.monthlyPayStr = this.minMonthlyPay + "-" + this.maxMonthlyPay;
+					this.filterObj.price = this.formvalue.monthlyPayStr;
+					this.getJobList();
+				}
+			}
+		},
+		// 搜索性别
+		searchGender(e) {
+			console.log(e);
+			if (e.target.tagName == "SPAN") {
+				if (e.target.textContent == "男") {
+					if (this.filterObj.gender == "男") {
+						this.filterObj.gender = "";
+						this.formvalue.sex = "";
+					} else {
+						this.filterObj.gender = "男";
+						this.formvalue.sex = 1;
+					}
+				} else if (e.target.textContent == "女") {
+					if (this.filterObj.gender == "女") {
+						this.filterObj.gender = "";
+						this.formvalue.sex = "";
+					} else {
+						this.filterObj.gender = "女";
+						this.formvalue.sex = 2;
+					}
+				} else {
+					if (this.filterObj.gender == "男女不限") {
+						this.filterObj.gender = "";
+						this.formvalue.sex = "";
+					} else {
+						this.filterObj.gender = "男女不限";
+						this.formvalue.sex = -1;
+					}
+				}
+				this.getJobList();
+			}
+		},
+		// 获取职位特色
+		getJobSpecial() {
+			// var timestamp = new Date().getTime();
+			console.log(new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST")));
+			console.log(new Date(new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST"))));
+			let diffTime = new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST"));
+			if (isNotEmptyCheck(localStorage.getItem("SPECIALLIST"))) {
+				if (diffTime / 3600000 > 2) {
+					console.log("======================", "needRequest");
+					this.getJobSpecialList().then((res) => {
+						this.specialList = res;
+						this.specialList.forEach((item) => {
+							if (item.typeClassify == "0") {
+								this.tagArray0.push(item);
+							} else if (item.typeClassify == "1") {
+								this.tagArray1.push(item);
+							} else if (item.typeClassify == "2") {
+								this.tagArray2.push(item);
+							} else if (item.typeClassify == "3") {
+								this.tagArray3.push(item);
+							} else if (item.typeClassify == "4") {
+								this.tagArray4.push(item);
+							}
+							if (item.name == "大龄工" || item.name == "暑假工" || item.name == "长白班") {
+								this.specialHotTag.push(item);
+							}
+						});
+						this.$nextTick(() => {
+							let fileterContent = document.querySelector(".filter-content");
+							this.filterHeight = fileterContent.scrollHeight;
+							// fileterContent.style.height = this.filterHeight + "px";
+						});
+					});
+				} else {
+					this.specialList = JSON.parse(localStorage.getItem("SPECIALLIST")).data;
+					this.specialList.forEach((item) => {
+						if (item.typeClassify == "0") {
+							this.tagArray0.push(item);
+						} else if (item.typeClassify == "1") {
+							this.tagArray1.push(item);
+						} else if (item.typeClassify == "2") {
+							this.tagArray2.push(item);
+						} else if (item.typeClassify == "3") {
+							this.tagArray3.push(item);
+						} else if (item.typeClassify == "4") {
+							this.tagArray4.push(item);
+						}
+						if (item.name == "大龄工" || item.name == "暑假工" || item.name == "长白班") {
+							this.specialHotTag.push(item);
+						}
+					});
+					this.$nextTick(() => {
+						let fileterContent = document.querySelector(".filter-content");
+						this.filterHeight = fileterContent.scrollHeight;
+						// fileterContent.style.height = this.filterHeight + "px";
+					});
+				}
+			} else {
+				this.getJobSpecialList().then((res) => {
+					this.specialList = res;
+					this.specialList.forEach((item) => {
+						if (item.typeClassify == "0") {
+							this.tagArray0.push(item);
+						} else if (item.typeClassify == "1") {
+							this.tagArray1.push(item);
+						} else if (item.typeClassify == "2") {
+							this.tagArray2.push(item);
+						} else if (item.typeClassify == "3") {
+							this.tagArray3.push(item);
+						} else if (item.typeClassify == "4") {
+							this.tagArray4.push(item);
+						}
+						if (item.name == "大龄工" || item.name == "暑假工" || item.name == "长白班") {
+							this.specialHotTag.push(item);
+						}
+					});
+					this.$nextTick(() => {
+						let fileterContent = document.querySelector(".filter-content");
+						this.filterHeight = fileterContent.scrollHeight;
+						// fileterContent.style.height = this.filterHeight + "px";
+					});
+				});
+			}
+		},
+		// 改变自营三方类型
+		changeTab(e) {
+			console.log(e.target.dataset.type);
+			if (e.target.dataset.type != undefined) {
+				if (e.target.dataset.type != 0) {
+					this.formvalue.signType = this.signType = e.target.dataset.type;
+				} else {
+					this.formvalue.signType = this.signType = "";
+				}
+				this.formvalue.pageNum = 1;
+				this.getJobList();
+			}
+		},
+		async getJobSpecialList() {
+			const { data } = await getJobSpecialApi();
+			console.log(data);
+			if (data.status == 200) {
+				let container = {
+					data: data.data,
+					// timestamp: new Date().getTime(),
+				};
+				// console.log(container.timestamp);
+				localStorage.setItem("SPECIALLIST", JSON.stringify(container));
+				return 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() {
-      // 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;
+				// console.log(this.cityoption);
+				// console.log(data);
+			} catch (error) {
+				// console.log(error);
+			}
+		},
+		// 筛选职位
+		onChange() {
+			// 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();
-    },
-    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.filterObj.specialactive = [];
-      this.specialvalue = [];
-      this.getJobList();
-    },
-    specialclick(index, item) {
-      // console.log(item);
-      // console.log(index);
-      let arrIndex = this.filterObj.specialactive.indexOf(item);
-      if (arrIndex > -1) {
-        this.filterObj.specialactive.splice(arrIndex, 1);
-        this.specialvalue.splice(arrIndex, 1);
-      } else {
-        this.filterObj.specialactive.push(item);
-        this.specialvalue.push(item.id);
-      }
-      this.formvalue.jobSpecialLabelIds = this.specialvalue;
-      // console.log(this.filterObj.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 = "";
-        this.formvalue.ageStr = "";
-        this.getJobList();
-      }
-      // this.$router.push("/list").catch((err) => {
-      // console.log(err);
-      // });
-    },
-    delFilter(e, value, items) {
-      console.log(e);
-      console.log(items);
-      if (value == "price") {
-        this.filterObj.price = "";
-        this.formvalue.monthlyPayStr = "";
-      } else if (value == "gender") {
-        this.filterObj.gender = "";
-        this.formvalue.sex = "";
-      } else {
-        this.filterObj.specialactive.splice(
-          this.filterObj.specialactive.indexOf(items),
-          1
-        );
-        this.specialvalue.splice(this.specialvalue.indexOf(items.id), 1);
-        this.formvalue.jobSpecialLabelIds = this.specialvalue;
+			//   }
+			// }
+			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.filterObj.specialactive = [];
+			this.specialvalue = [];
+			this.getJobList();
+		},
+		specialclick(index, item) {
+			// console.log(item);
+			// console.log(index);
+			let arrIndex = this.filterObj.specialactive.indexOf(item);
+			if (arrIndex > -1) {
+				this.filterObj.specialactive.splice(arrIndex, 1);
+				this.specialvalue.splice(arrIndex, 1);
+			} else {
+				this.filterObj.specialactive.push(item);
+				this.specialvalue.push(item.id);
+			}
+			this.formvalue.jobSpecialLabelIds = this.specialvalue;
+			// console.log(this.filterObj.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 = "";
+				this.formvalue.ageStr = "";
+				this.getJobList();
+			}
+			// this.$router.push("/list").catch((err) => {
+			// console.log(err);
+			// });
+		},
+		delFilter(e, value, items) {
+			console.log(e);
+			console.log(items);
+			if (value == "price") {
+				this.filterObj.price = "";
+				this.formvalue.monthlyPayStr = "";
+			} else if (value == "gender") {
+				this.filterObj.gender = "";
+				this.formvalue.sex = "";
+			} else {
+				this.filterObj.specialactive.splice(this.filterObj.specialactive.indexOf(items), 1);
+				this.specialvalue.splice(this.specialvalue.indexOf(items.id), 1);
+				this.formvalue.jobSpecialLabelIds = this.specialvalue;
 
-        // if(this.filterObj.specialactive.indexOf(items) > -1){
-        // }
-      }
-      this.getJobList();
-    },
-    resetAgeSearch(e) {
-      // console.log(e.target.value);
-      // console.log(+e.target.value);
-      if (this.minMonthlyPay.length == 0 && this.maxMonthlyPay.length == 0) {
-        this.formvalue.monthlyPayStr = "";
-        this.filterObj.price = "";
-        this.getJobList();
-      } else if (typeof +e.target.value != "number" || isNaN(+e.target.value)) {
-        this.$message.warning("请输入正确的价格");
-      }
-    },
-    cityModalClose() {
-      // 城市选择弹出框关闭
-      this.cityValue = "";
-      this.searchCity();
-    },
+				// if(this.filterObj.specialactive.indexOf(items) > -1){
+				// }
+			}
+			this.getJobList();
+		},
+		resetAgeSearch(e) {
+			// console.log(e.target.value);
+			// console.log(+e.target.value);
+			if (this.minMonthlyPay.length == 0 && this.maxMonthlyPay.length == 0) {
+				this.formvalue.monthlyPayStr = "";
+				this.filterObj.price = "";
+				this.getJobList();
+			} else if (typeof +e.target.value != "number" || isNaN(+e.target.value)) {
+				this.$message.warning("请输入正确的价格");
+			}
+		},
+		cityModalClose() {
+			// 城市选择弹出框关闭
+			this.cityValue = "";
+			this.searchCity();
+		},
 
-    // 获取日期信息
-    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);
+		// 获取日期信息
+		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.$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;
+			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] = [];
+					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.searchValue = item.storeName;
-      this.formvalue.aliasName = item.storeName;
+						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.searchValue = item.storeName;
+			this.formvalue.aliasName = item.storeName;
 
-      this.isdownHotStoreShow = false;
-      // 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(){
+			this.isdownHotStoreShow = false;
+			// 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", () => {
-        // success 是成功的回调 success => error 可以捕获复制失败的异常信息
-        // console.log(123);
-        // console.log(e);
-        this.$message.success("复制成功");
-        clipboard.destroy();
-      });
-    },
-    showHotStore() {
-      // 显示热门企业下拉
-      // console.log("isinner");
-      this.isdownHotStoreShow = true;
-    },
-    hidedownHotStore() {
-      // console.log("isdown");
-      this.isdownHotStoreShow = false;
-    },
-    resetCity() {
-      // 重置当前城市
-      this.currentCity = "全国";
-      this.formvalue.cityName = "";
-      this.formvalue.levelType = "";
-      this.getJobList();
-    },
-    // todetail(item) {
-    //   const routeURL = this.$router.resolve({
-    //     name: "Detail",
-    //     query: item.id,
-    //   });
-    //   window.open(routeURL.href, "_blank");
-    // console.log(item);
-    // },
-    hideFilterContent() {
-      setTimeout(() => {
-        let fileterContent = document.querySelector(".filter-content");
-        console.log(fileterContent);
-        // fileterContent.style.transition = 'all .2s'
-        if (this.filterStatus == 0) {
-          console.log("is in the 0 zone");
-          this.filterStatus = 1;
-          fileterContent.style.height = "0px";
-        } else {
-          console.log("is in the 1 zone");
+			// }
+			clipboard.on("success", () => {
+				// success 是成功的回调 success => error 可以捕获复制失败的异常信息
+				// console.log(123);
+				// console.log(e);
+				this.$message.success("复制成功");
+				clipboard.destroy();
+			});
+		},
+		showHotStore() {
+			// 显示热门企业下拉
+			// console.log("isinner");
+			this.isdownHotStoreShow = true;
+		},
+		hidedownHotStore() {
+			// console.log("isdown");
+			this.isdownHotStoreShow = false;
+		},
+		resetCity() {
+			// 重置当前城市
+			this.currentCity = "全国";
+			this.formvalue.cityName = "";
+			this.formvalue.levelType = "";
+			this.getJobList();
+		},
+		// todetail(item) {
+		//   const routeURL = this.$router.resolve({
+		//     name: "Detail",
+		//     query: item.id,
+		//   });
+		//   window.open(routeURL.href, "_blank");
+		// console.log(item);
+		// },
+		hideFilterContent() {
+			setTimeout(() => {
+				let fileterContent = document.querySelector(".filter-content");
+				console.log(fileterContent);
+				// fileterContent.style.transition = 'all .2s'
+				if (this.filterStatus == 0) {
+					console.log("is in the 0 zone");
+					this.filterStatus = 1;
+					fileterContent.style.height = "0px";
+				} else {
+					console.log("is in the 1 zone");
 
-          this.filterStatus = 0;
-          fileterContent.style.height = this.filterHeight + "px";
-        }
-      }, 0);
-    },
-  },
+					this.filterStatus = 0;
+					fileterContent.style.height = this.filterHeight + "px";
+				}
+			}, 0);
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .joblist-container {
-  background-color: #fff;
+	background-color: #fff;
 }
 // .dropdown {
 // 	display: inline-block;
@@ -1690,85 +1486,85 @@ export default {
 // 	}
 // }
 /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;
@@ -1792,1269 +1588,1269 @@ 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;
-  padding: 25px 0 64px 0;
-  background-color: #fff;
-  // border: 1px solid #f6f6f6;
-  // height: 72px;
-  // margin-bottom: 10px;
-  // line-height: 100px;
+	// margin-top: -1px;
+	width: 100vw;
+	padding: 25px 0 64px 0;
+	background-color: #fff;
+	// border: 1px solid #f6f6f6;
+	// height: 72px;
+	// margin-bottom: 10px;
+	// line-height: 100px;
 
-  position: relative;
-  z-index: 9;
-  .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;
-    background-color: #fff;
-    display: flex;
-    justify-content: start;
-    // flex-direction: column;
-    .icon {
-      width: 90px;
-      height: auto;
-      margin-top: 6px;
-    }
-    .searchBox {
-      position: relative;
-      margin-left: 100px;
-      line-height: 44px;
-      z-index: 10;
-      .hotStore {
-        position: absolute;
-        top: 46px;
-        left: 0px;
-        line-height: 24px;
-        // margin: 8px 0 12px 0;
-        font-size: 14px;
-        display: flex;
-        > span {
-          width: 80px;
-        }
-        ul {
-          display: flex;
-          flex-wrap: wrap;
-          flex: 1;
-          li {
-            color: #ff4400;
-            margin-right: 20px;
-            overflow: hidden;
-            cursor: pointer;
-            &:hover {
-              color: #ff8f3f;
-            }
-            &:active {
-              color: #e24f00;
-            }
-            // &:nth-child(-n + 5) {
-            // 	display: none;
-            // }
-          }
-        }
-      }
-      .downHotStore {
-        position: absolute;
-        width: 685px;
-        top: 44px;
-        left: 0;
-        z-index: 99;
-        // border-radius: 8px;
-        background-color: #fff;
-        border: 1px solid #eee;
-        div {
-          padding: 0 12px;
-        }
-        li {
-          height: 42px;
-          line-height: 42px;
-          padding: 0 12px;
-          font-size: 14px;
-          cursor: pointer;
-          &:hover {
-            color: #ff4400;
-          }
-        }
-        li:not(:last-child) {
-          border-bottom: 1px solid #eee;
-        }
-      }
-    }
-    .searchinput {
-      // margin-top: 19px;
-      // margin-right: 285px;
-      width: 685px;
-      // height: 44px;
-      &.ant-input-affix-wrapper {
-        position: relative;
-        .ant-input-prefix {
-          position: absolute;
-          height: 86%;
-          width: 80px;
-          left: 2px;
-          top: 50%;
-          background-color: #fff;
-          transform: translateY(-50%);
-          cursor: pointer;
-          &::after {
-            content: "";
-            position: absolute;
-            width: 1px;
-            height: 50%;
-            background-color: #eee;
-            right: 0px;
-            top: 50%;
-            transform: translateY(-50%);
-          }
-          > div {
-            position: relative;
-            &:hover .icon-guanbishixin {
-              opacity: 1;
-            }
-            &:hover {
-              opacity: 0.6;
-            }
-            > span {
-              display: inline-block;
-              text-align: center;
-              user-select: none;
-              width: 60px;
-            }
-            i {
-              display: inline-block;
-              transform: scale(0.6);
-              transition: opacity 0.1s;
-              font-size: 12px;
-              color: #c5c5c5;
-            }
-            .icon-guanbishixin {
-              position: absolute;
-              right: 0;
-              top: 3px;
-              opacity: 0;
-              transform: scale(1.4);
-            }
-          }
-        }
-        .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: 607px;
-        height: 36px;
-        text-indent: 60px;
-        background: #fff;
-        border: 2px solid #ff4400;
-        border-radius: 0px;
-        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: #ff6933;
-          box-shadow: none;
-        }
-        &:focus {
-          border-color: #ff6933;
-        }
-      }
-      button {
-        width: 80px;
-        height: 36px;
-        color: white;
-        background: #ff4400;
-        border-color: #ff4400;
-        border: none;
-        // border-radius: 999px;
-        font-size: 16px;
-        box-shadow: none;
-        cursor: pointer;
-        outline: none;
-        &:hover {
-          background-color: rgba(255, 68, 0, 0.8);
-        }
-        // &: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: 45px;
-      width: 100vw;
-      background-color: #fff;
-      z-index: 99;
-      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: 9;
+	.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;
+		background-color: #fff;
+		display: flex;
+		justify-content: start;
+		// flex-direction: column;
+		.icon {
+			width: 90px;
+			height: auto;
+			margin-top: 6px;
+		}
+		.searchBox {
+			position: relative;
+			margin-left: 100px;
+			line-height: 44px;
+			z-index: 10;
+			.hotStore {
+				position: absolute;
+				top: 46px;
+				left: 0px;
+				line-height: 24px;
+				// margin: 8px 0 12px 0;
+				font-size: 14px;
+				display: flex;
+				> span {
+					width: 80px;
+				}
+				ul {
+					display: flex;
+					flex-wrap: wrap;
+					flex: 1;
+					li {
+						color: #ff4400;
+						margin-right: 20px;
+						overflow: hidden;
+						cursor: pointer;
+						&:hover {
+							color: #ff8f3f;
+						}
+						&:active {
+							color: #e24f00;
+						}
+						// &:nth-child(-n + 5) {
+						// 	display: none;
+						// }
+					}
+				}
+			}
+			.downHotStore {
+				position: absolute;
+				width: 685px;
+				top: 44px;
+				left: 0;
+				z-index: 99;
+				// border-radius: 8px;
+				background-color: #fff;
+				border: 1px solid #eee;
+				div {
+					padding: 0 12px;
+				}
+				li {
+					height: 42px;
+					line-height: 42px;
+					padding: 0 12px;
+					font-size: 14px;
+					cursor: pointer;
+					&:hover {
+						color: #ff4400;
+					}
+				}
+				li:not(:last-child) {
+					border-bottom: 1px solid #eee;
+				}
+			}
+		}
+		.searchinput {
+			// margin-top: 19px;
+			// margin-right: 285px;
+			width: 685px;
+			// height: 44px;
+			&.ant-input-affix-wrapper {
+				position: relative;
+				.ant-input-prefix {
+					position: absolute;
+					height: 86%;
+					width: 80px;
+					left: 2px;
+					top: 50%;
+					background-color: #fff;
+					transform: translateY(-50%);
+					cursor: pointer;
+					&::after {
+						content: "";
+						position: absolute;
+						width: 1px;
+						height: 50%;
+						background-color: #eee;
+						right: 0px;
+						top: 50%;
+						transform: translateY(-50%);
+					}
+					> div {
+						position: relative;
+						&:hover .icon-guanbishixin {
+							opacity: 1;
+						}
+						&:hover {
+							opacity: 0.6;
+						}
+						> span {
+							display: inline-block;
+							text-align: center;
+							user-select: none;
+							width: 60px;
+						}
+						i {
+							display: inline-block;
+							transform: scale(0.6);
+							transition: opacity 0.1s;
+							font-size: 12px;
+							color: #c5c5c5;
+						}
+						.icon-guanbishixin {
+							position: absolute;
+							right: 0;
+							top: 3px;
+							opacity: 0;
+							transform: scale(1.4);
+						}
+					}
+				}
+				.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: 607px;
+				height: 36px;
+				text-indent: 60px;
+				background: #fff;
+				border: 2px solid #ff4400;
+				border-radius: 0px;
+				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: #ff6933;
+					box-shadow: none;
+				}
+				&:focus {
+					border-color: #ff6933;
+				}
+			}
+			button {
+				width: 80px;
+				height: 36px;
+				color: white;
+				background: #ff4400;
+				border-color: #ff4400;
+				border: none;
+				// border-radius: 999px;
+				font-size: 16px;
+				box-shadow: none;
+				cursor: pointer;
+				outline: none;
+				&:hover {
+					background-color: rgba(255, 68, 0, 0.8);
+				}
+				// &: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: 45px;
+			width: 100vw;
+			background-color: #fff;
+			z-index: 99;
+			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);
+					}
+				}
+			}
+		}
 
-    .filterbox {
-      display: flex;
-      justify-content: flex-start;
-      min-width: 664px;
-      > li {
-        // margin-top: 22px;
-        font-size: 14px;
-        color: #4d575e;
-        margin-right: 4px;
-        line-height: 44px;
-        .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;
-            height: 40px;
-            // line-height: 40px;
-            // margin-top: -5px;
-            // max-width: 150px !important;
-            border: none;
-            padding: 0;
-            // margin-bottom: 6px;
-            box-shadow: none;
+		.filterbox {
+			display: flex;
+			justify-content: flex-start;
+			min-width: 664px;
+			> li {
+				// margin-top: 22px;
+				font-size: 14px;
+				color: #4d575e;
+				margin-right: 4px;
+				line-height: 44px;
+				.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;
+						height: 40px;
+						// line-height: 40px;
+						// 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:not(.ageinputbox) {
-        padding-top: 4px;
-      }
-      .ageinputbox {
-        position: relative;
+					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:not(.ageinputbox) {
+				padding-top: 4px;
+			}
+			.ageinputbox {
+				position: relative;
 
-        &:hover .confirm {
-          display: block;
-        }
+				&:hover .confirm {
+					display: block;
+				}
 
-        .ageinput {
-          position: relative;
-          z-index: 3;
-          padding: 0;
-          padding-top: 8px;
-          margin: 0 5px;
-          height: 32px;
-          width: 90px;
-          text-indent: 10px;
-          border-color: #e9e9e9;
-          &:hover {
-            input {
-              border-color: #ff4400;
-            }
-          }
-          input {
-            // border-radius: 999px;
-            padding-right: unset;
-            &::placeholder {
-              // text-indent: 30px;
-              font-size: 14px !important;
-            }
-            &:hover {
-              border-color: #ff4400;
-              box-shadow: none;
-            }
-            &:focus {
-              border-color: #ff4400;
-              box-shadow: none;
-            }
-          }
-          .ant-input-suffix {
-            right: 0px;
-            top: 76%;
-          }
-        }
-        .confirm {
-          position: absolute;
-          display: none;
-          width: 160px;
-          height: 48px;
-          line-height: 44px;
-          left: 8px;
-          top: 0;
-          z-index: 1;
-          border: 1px solid #eee;
-          background-color: #fff;
-          box-shadow: 0 5px 10px 5px #eee;
-          button {
-            position: relative;
-            width: 44px;
-            height: 28px;
-            line-height: 26px;
-            top: 50%;
-            transform: translateY(-50%);
-            margin-right: 8px;
-            float: right;
-            background-color: rgba(255, 68, 0, 0.9);
-            border: none;
-            color: #fff;
-            &:hover {
-              background-color: rgba(255, 68, 0, 0.75);
-            }
-            &:active {
-              background-color: rgba(255, 68, 0, 1);
-            }
-          }
-        }
-      }
-      > li:first-child {
-        > div {
-          display: flex;
-          // line-height: 40px;
-          margin-top: -2px;
-          margin-right: 12px;
-          cursor: pointer;
-          span {
-            margin-right: 12px;
-          }
-        }
-        //  i {
-        // position: relative;
-        // display: inline-block;
-        // width: 12px;
-        // height: 15px;
-        // line-height: 44px;
-        // margin-right: 6px;
-        // font-size: 12px;
-        // color: #c5c5c5;
-        // margin-top: -9px;
-        // &::before {
-        // position: relative;
-        // left: 0;
-        // top: -2px;
-        // }
-        // }
-        // .ant-cascader-picker {
-        // 	width: auto;
-        // 	position: relative;
-        // 	.ant-cascader-input {
-        // 		&:hover &::placeholder {
-        // 			font-size: 14px;
-        // 			color: #ff4400;
-        // 		}
-        // 	}
+				.ageinput {
+					position: relative;
+					z-index: 3;
+					padding: 0;
+					padding-top: 8px;
+					margin: 0 5px;
+					height: 32px;
+					width: 90px;
+					text-indent: 10px;
+					border-color: #e9e9e9;
+					&:hover {
+						input {
+							border-color: #ff4400;
+						}
+					}
+					input {
+						// border-radius: 999px;
+						padding-right: unset;
+						&::placeholder {
+							// text-indent: 30px;
+							font-size: 14px !important;
+						}
+						&:hover {
+							border-color: #ff4400;
+							box-shadow: none;
+						}
+						&:focus {
+							border-color: #ff4400;
+							box-shadow: none;
+						}
+					}
+					.ant-input-suffix {
+						right: 0px;
+						top: 76%;
+					}
+				}
+				.confirm {
+					position: absolute;
+					display: none;
+					width: 160px;
+					height: 48px;
+					line-height: 44px;
+					left: 8px;
+					top: 0;
+					z-index: 1;
+					border: 1px solid #eee;
+					background-color: #fff;
+					box-shadow: 0 5px 10px 5px #eee;
+					button {
+						position: relative;
+						width: 44px;
+						height: 28px;
+						line-height: 26px;
+						top: 50%;
+						transform: translateY(-50%);
+						margin-right: 8px;
+						float: right;
+						background-color: rgba(255, 68, 0, 0.9);
+						border: none;
+						color: #fff;
+						&:hover {
+							background-color: rgba(255, 68, 0, 0.75);
+						}
+						&:active {
+							background-color: rgba(255, 68, 0, 1);
+						}
+					}
+				}
+			}
+			> li:first-child {
+				> div {
+					display: flex;
+					// line-height: 40px;
+					margin-top: -2px;
+					margin-right: 12px;
+					cursor: pointer;
+					span {
+						margin-right: 12px;
+					}
+				}
+				//  i {
+				// position: relative;
+				// display: inline-block;
+				// width: 12px;
+				// height: 15px;
+				// line-height: 44px;
+				// margin-right: 6px;
+				// font-size: 12px;
+				// color: #c5c5c5;
+				// margin-top: -9px;
+				// &::before {
+				// position: relative;
+				// left: 0;
+				// top: -2px;
+				// }
+				// }
+				// .ant-cascader-picker {
+				// 	width: auto;
+				// 	position: relative;
+				// 	.ant-cascader-input {
+				// 		&:hover &::placeholder {
+				// 			font-size: 14px;
+				// 			color: #ff4400;
+				// 		}
+				// 	}
 
-        // 	.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: 44px;
-      // 		// line-height: 44px;
-      // 		margin-top: -2px;
-      // 		color: #4d575ecc;
-      // 		display: flex;
-      // 		cursor: pointer;
-      // 		> .showspecial {
-      // 			height: 44px;
-      // 			overflow: hidden;
-      // 			li {
-      // 				margin: 12px 5px 0 0;
-      // 				float: left;
-      // 				height: 20px;
-      // 				line-height: 19px;
-      // 				padding: 0 8px;
-      // 				color: #fff;
-      // 				background-color: #ff4400;
-      // 				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: 44px;
+			// 		// line-height: 44px;
+			// 		margin-top: -2px;
+			// 		color: #4d575ecc;
+			// 		display: flex;
+			// 		cursor: pointer;
+			// 		> .showspecial {
+			// 			height: 44px;
+			// 			overflow: hidden;
+			// 			li {
+			// 				margin: 12px 5px 0 0;
+			// 				float: left;
+			// 				height: 20px;
+			// 				line-height: 19px;
+			// 				padding: 0 8px;
+			// 				color: #fff;
+			// 				background-color: #ff4400;
+			// 				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 + 3) {
-      // 					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);
-      // 		// }
-      // 	}
-      // }
+			// 					transform: scale(0.8);
+			// 					// vertical-align: middle;
+			// 				}
+			// 				&:nth-child(n + 3) {
+			// 					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);
+			// 		// }
+			// 	}
+			// }
 
-      .claerfilter {
-        position: relative;
-        color: #8c8d8f;
-        font-size: 14px;
-        margin: 0px 10px 0 10px;
-        // color: rgba(78, 88, 95, 0.8);
-        transform: translateY(-1px);
-        // margin-left: 25px;
-        a {
-          display: inline-block;
-          // margin-top: 4px;
-          transition: all 0.5s;
-          // line-height: 14px;
-          &:active {
-            color: #ff6a00;
-            transition: none;
-          }
-        }
-      }
-    }
-    .hotTag {
-      display: flex;
-      line-height: 44px;
-      margin-left: 18px;
-      div {
-        font-size: 14px;
-      }
-      li {
-        margin-right: 12px;
-        color: #ff6a00;
-        font-size: 14px;
-        cursor: pointer;
-      }
-      > .active {
-        text-decoration: underline;
-      }
-    }
-  }
+			.claerfilter {
+				position: relative;
+				color: #8c8d8f;
+				font-size: 14px;
+				margin: 0px 10px 0 10px;
+				// color: rgba(78, 88, 95, 0.8);
+				transform: translateY(-1px);
+				// margin-left: 25px;
+				a {
+					display: inline-block;
+					// margin-top: 4px;
+					transition: all 0.5s;
+					// line-height: 14px;
+					&:active {
+						color: #ff6a00;
+						transition: none;
+					}
+				}
+			}
+		}
+		.hotTag {
+			display: flex;
+			line-height: 44px;
+			margin-left: 18px;
+			div {
+				font-size: 14px;
+			}
+			li {
+				margin-right: 12px;
+				color: #ff6a00;
+				font-size: 14px;
+				cursor: pointer;
+			}
+			> .active {
+				text-decoration: underline;
+			}
+		}
+	}
 }
 
 /deep/ #maincontent {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 10px;
-  .maincontentleft {
-    width: 944px;
-    margin-right: 16px;
-    text-align: left;
-    position: relative;
-    .tabBar {
-      position: absolute;
-      display: flex;
-      justify-content: start;
-      align-items: center;
-      width: 100%;
-      top: -40px;
-      text-align: center;
-      line-height: 40px;
-      border-bottom: 2px solid #f40;
-      z-index: 999;
-      font-size: 16px;
-      .tabSubset {
-        width: 96px;
-        height: 40px;
-        cursor: pointer;
-        &.active {
-          background-color: #f40;
-          color: #fff;
-        }
-      }
-    }
-    .filter {
-      position: relative;
-      width: 100%;
-      top: -10px;
-      margin-top: 10px;
-      margin-bottom: 6px;
-      box-sizing: border-box;
-      border: 1px solid #ededed;
-      // background-color: pink;
-      padding: 0 12px;
-      .filter-title {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        font-size: 14px;
-        width: 100%;
-        top: -34px;
-        left: 0;
-        padding-left: 20px;
-        z-index: 10;
-        span i {
-          font-size: 12px;
-        }
-        > span:last-child {
-          height: 24px;
-          padding: 0px 2px 0 4px;
-          line-height: 22px;
-          border: 1px solid #ededed;
-          background-color: #f5f5f5;
-          border-radius: 0px;
-          color: #666;
-          cursor: pointer;
-          user-select: none;
-          i {
-            // line-height: 28px;
-            height: 100%;
-            line-height: 22px;
-            display: inline-block;
-            transform-origin: center;
-            transform: scale(0.6);
-            margin-left: 2px;
-          }
-        }
-        > span:first-child {
-          display: flex;
-          align-items: center;
-          justify-content: start;
-          line-height: 22px;
-          > span:first-child {
-            margin-right: 14px;
-            i {
-              margin-left: 4px;
-            }
-          }
-        }
-        .filter-show {
-          display: flex;
-          line-height: 1;
-          color: #666;
-          > span:nth-child(-n + 6) {
-            display: inline-block;
-          }
-          > span {
-            display: none;
-            height: 24px;
-            line-height: 22px;
-            padding: 0 2px 0 4px;
-            background-color: #f5f5f5;
-            border: 1px solid #ededed;
-            margin-right: 8px;
-            user-select: none;
-            cursor: pointer;
-            &:hover {
-              border-color: #f40;
-              background: #fff3ef;
-              color: #f40;
-              i {
-                color: #ff4400;
-              }
-            }
-            i {
-              font-size: 14px;
-              margin-left: 4px;
-              color: #666;
-            }
-          }
-        }
-      }
-      .filter-content {
-        overflow: hidden;
-        // background-color: skyblue;
-        dl {
-          display: flex;
-          justify-content: start;
-          padding: 8px 8px 4px 8px;
-          font-size: 14px;
-          line-height: 1.5;
-          user-select: none;
+	display: flex;
+	justify-content: space-between;
+	margin-top: 10px;
+	.maincontentleft {
+		width: 944px;
+		margin-right: 16px;
+		text-align: left;
+		position: relative;
+		.tabBar {
+			position: absolute;
+			display: flex;
+			justify-content: start;
+			align-items: center;
+			width: 100%;
+			top: -40px;
+			text-align: center;
+			line-height: 40px;
+			border-bottom: 2px solid #f40;
+			z-index: 999;
+			font-size: 16px;
+			.tabSubset {
+				width: 96px;
+				height: 40px;
+				cursor: pointer;
+				&.active {
+					background-color: #f40;
+					color: #fff;
+				}
+			}
+		}
+		.filter {
+			position: relative;
+			width: 100%;
+			top: -10px;
+			margin-top: 10px;
+			margin-bottom: 6px;
+			box-sizing: border-box;
+			border: 1px solid #ededed;
+			// background-color: pink;
+			padding: 0 12px;
+			.filter-title {
+				position: absolute;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 14px;
+				width: 100%;
+				top: -34px;
+				left: 0;
+				padding-left: 20px;
+				z-index: 10;
+				span i {
+					font-size: 12px;
+				}
+				> span:last-child {
+					height: 24px;
+					padding: 0px 2px 0 4px;
+					line-height: 22px;
+					border: 1px solid #ededed;
+					background-color: #f5f5f5;
+					border-radius: 0px;
+					color: #666;
+					cursor: pointer;
+					user-select: none;
+					i {
+						// line-height: 28px;
+						height: 100%;
+						line-height: 22px;
+						display: inline-block;
+						transform-origin: center;
+						transform: scale(0.6);
+						margin-left: 2px;
+					}
+				}
+				> span:first-child {
+					display: flex;
+					align-items: center;
+					justify-content: start;
+					line-height: 22px;
+					> span:first-child {
+						margin-right: 14px;
+						i {
+							margin-left: 4px;
+						}
+					}
+				}
+				.filter-show {
+					display: flex;
+					line-height: 1;
+					color: #666;
+					> span:nth-child(-n + 6) {
+						display: inline-block;
+					}
+					> span {
+						display: none;
+						height: 24px;
+						line-height: 22px;
+						padding: 0 2px 0 4px;
+						background-color: #f5f5f5;
+						border: 1px solid #ededed;
+						margin-right: 8px;
+						user-select: none;
+						cursor: pointer;
+						&:hover {
+							border-color: #f40;
+							background: #fff3ef;
+							color: #f40;
+							i {
+								color: #ff4400;
+							}
+						}
+						i {
+							font-size: 14px;
+							margin-left: 4px;
+							color: #666;
+						}
+					}
+				}
+			}
+			.filter-content {
+				overflow: hidden;
+				// background-color: skyblue;
+				dl {
+					display: flex;
+					justify-content: start;
+					padding: 8px 8px 4px 8px;
+					font-size: 14px;
+					line-height: 1.5;
+					user-select: none;
 
-          .special-active {
-            color: #ff4400 !important;
-            // background-color: rgba(255, 106, 0, 0.1) !important;
-          }
-          &:first-child {
-            padding-bottom: 7px;
-            dd {
-              > i {
-                > span {
-                  color: #333;
-                  &:hover {
-                    color: #ff4400;
-                  }
-                }
-              }
-            }
-          }
-          &:not(:last-child) {
-            border-bottom: 1px dotted #ededed;
-          }
-          &:not(:first-child) {
-            dd {
-              display: flex;
-              justify-content: start;
-              flex-wrap: wrap;
-              > span {
-                margin-bottom: 4px;
-                color: #333;
-                cursor: pointer;
-                &:hover {
-                  color: #ff4400;
-                }
-              }
-            }
-          }
-          dt {
-            width: 74px;
-            margin-right: 16px;
-            text-align: left;
-            color: #888;
-          }
-          dd {
-            flex: 1;
-            .ageinputbox {
-              position: relative;
-              display: inline-block;
-              margin-right: 16px;
-              > span:nth-of-type(2) {
-                position: relative;
-                z-index: 2;
-              }
-              &:hover .confirm {
-                display: block;
-              }
+					.special-active {
+						color: #ff4400 !important;
+						// background-color: rgba(255, 106, 0, 0.1) !important;
+					}
+					&:first-child {
+						padding-bottom: 7px;
+						dd {
+							> i {
+								> span {
+									color: #333;
+									&:hover {
+										color: #ff4400;
+									}
+								}
+							}
+						}
+					}
+					&:not(:last-child) {
+						border-bottom: 1px dotted #ededed;
+					}
+					&:not(:first-child) {
+						dd {
+							display: flex;
+							justify-content: start;
+							flex-wrap: wrap;
+							> span {
+								margin-bottom: 4px;
+								color: #333;
+								cursor: pointer;
+								&:hover {
+									color: #ff4400;
+								}
+							}
+						}
+					}
+					dt {
+						width: 74px;
+						margin-right: 16px;
+						text-align: left;
+						color: #888;
+					}
+					dd {
+						flex: 1;
+						.ageinputbox {
+							position: relative;
+							display: inline-block;
+							margin-right: 16px;
+							> span:nth-of-type(2) {
+								position: relative;
+								z-index: 2;
+							}
+							&:hover .confirm {
+								display: block;
+							}
 
-              .ageinput {
-                position: relative;
-                z-index: 3;
-                padding: 0;
-                // margin: 0 5px;
-                height: 26px;
-                width: 80px;
-                border-color: #ddd;
-                .ant-input-prefix {
-                  left: 3px;
-                  top: 51%;
-                }
-                &:hover {
-                  input {
-                    border-color: #ff4400;
-                  }
-                }
-                input {
-                  border-radius: 0px;
-                  text-indent: 20px;
-                  height: 26px;
-                  padding: 0;
-                  padding-right: unset;
-                  border-color: #ddd;
-                  &::placeholder {
-                    // text-indent: 30px;
-                    font-size: 14px !important;
-                  }
-                  &:hover {
-                    border-color: #ff4400;
-                    box-shadow: none;
-                  }
-                  &:focus {
-                    border-color: #ff4400;
-                    box-shadow: none;
-                  }
-                }
-                .ant-input-suffix {
-                  right: 3px;
-                }
-              }
-              .confirm {
-                position: absolute;
-                display: none;
-                width: 254px;
-                height: 46px;
-                line-height: 46px;
-                left: -8px;
-                top: -11px;
-                z-index: 1;
-                border: 1px solid #eee;
-                background-color: #fff;
-                box-shadow: 0 0px 10px 5px #eee;
-                button {
-                  position: relative;
-                  width: 44px;
-                  height: 26px;
-                  line-height: 26px;
-                  top: 52%;
-                  transform: translateY(-50%);
-                  margin-right: 8px;
-                  float: right;
-                  background-color: rgba(255, 68, 0, 0.9);
-                  border-radius: 0px;
-                  border: none;
-                  color: #fff;
-                  &:hover {
-                    background-color: rgba(255, 68, 0, 0.75);
-                  }
-                  &:active {
-                    background-color: rgba(255, 68, 0, 1);
-                  }
-                }
-              }
-            }
-            > span {
-              margin-right: 40px;
+							.ageinput {
+								position: relative;
+								z-index: 3;
+								padding: 0;
+								// margin: 0 5px;
+								height: 26px;
+								width: 80px;
+								border-color: #ddd;
+								.ant-input-prefix {
+									left: 3px;
+									top: 51%;
+								}
+								&:hover {
+									input {
+										border-color: #ff4400;
+									}
+								}
+								input {
+									border-radius: 0px;
+									text-indent: 20px;
+									height: 26px;
+									padding: 0;
+									padding-right: unset;
+									border-color: #ddd;
+									&::placeholder {
+										// text-indent: 30px;
+										font-size: 14px !important;
+									}
+									&:hover {
+										border-color: #ff4400;
+										box-shadow: none;
+									}
+									&:focus {
+										border-color: #ff4400;
+										box-shadow: none;
+									}
+								}
+								.ant-input-suffix {
+									right: 3px;
+								}
+							}
+							.confirm {
+								position: absolute;
+								display: none;
+								width: 254px;
+								height: 46px;
+								line-height: 46px;
+								left: -8px;
+								top: -11px;
+								z-index: 1;
+								border: 1px solid #eee;
+								background-color: #fff;
+								box-shadow: 0 0px 10px 5px #eee;
+								button {
+									position: relative;
+									width: 44px;
+									height: 26px;
+									line-height: 26px;
+									top: 52%;
+									transform: translateY(-50%);
+									margin-right: 8px;
+									float: right;
+									background-color: rgba(255, 68, 0, 0.9);
+									border-radius: 0px;
+									border: none;
+									color: #fff;
+									&:hover {
+										background-color: rgba(255, 68, 0, 0.75);
+									}
+									&:active {
+										background-color: rgba(255, 68, 0, 1);
+									}
+								}
+							}
+						}
+						> span {
+							margin-right: 40px;
 
-              > span {
-                cursor: pointer;
-                margin-right: 40px;
-              }
-            }
-          }
-        }
-        .price {
-          dd i {
-            span {
-              cursor: pointer;
-              margin-right: 40px;
-            }
-          }
-        }
-      }
-    }
-    .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;
-      border: 1px solid #ededed;
-      // width: 944px;
-      // height: 212px;
-      padding: 16px;
-      margin-bottom: 16px;
-      background: #ffffff;
-      // border-radius: 4px;
-      transition: all 0.2s;
+							> span {
+								cursor: pointer;
+								margin-right: 40px;
+							}
+						}
+					}
+				}
+				.price {
+					dd i {
+						span {
+							cursor: pointer;
+							margin-right: 40px;
+						}
+					}
+				}
+			}
+		}
+		.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;
+			border: 1px solid #ededed;
+			// width: 944px;
+			// height: 212px;
+			padding: 16px;
+			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: 156px;
-          height: 156px;
-          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: 156px;
+					height: 156px;
+					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: 18px;
-            font-weight: 600;
-            text-align: left;
-            color: #333;
-            line-height: 26px;
-            &:hover {
-              color: #ff4400;
-            }
-          }
-          .jobinfo {
-            margin-top: 8px;
-            // opacity: 0.5;
-            font-size: 14px;
-            font-weight: 400;
-            text-align: left;
-            color: #999;
-            line-height: 20px;
-          }
-          .jobtag {
-            display: flex;
-            margin-top: 10px;
-            align-items: center;
-            text-align: left;
-            // span:first-child {
-            //   color: #ff4400;
-            //   background: rgba(254, 97, 0, 0.1);
-            // }
-            i {
-              margin-right: 8px;
-              color: #f40;
-              font-size: 20px;
-            }
-            span {
-              height: 20px;
-              margin-right: 8px;
-              line-height: 1;
-              font-size: 14px;
-              padding: 2px 8px;
-              background: rgba(51, 51, 51, 0.06);
-              border-radius: 2px;
-            }
-          }
-          .jobpricemonth {
-            margin-top: 10px;
-            font-size: 14px;
-            font-weight: 400;
-            text-align: left;
-            color: #333;
-            line-height: 20px;
-          }
-          .jobpricehour {
-            margin-top: 8px;
-            font-size: 14px;
-            font-weight: normal;
-            text-align: left;
-            color: #ff4400;
-            // line-height: 24px;
-            font-weight: 600;
-            span {
-              vertical-align: baseline;
-              font-size: 22px;
-              line-height: 28px;
-            }
-            i {
-              font-size: 18px;
-              line-height: 28px;
-            }
-          }
-        }
-      }
-      .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: 100px;
-          height: 48px;
-          margin-top: 8px;
-          overflow: hidden;
-          text-align: center;
-          background: rgba(255, 106, 0, 0.1);
-          // border-radius: 4px;
-          line-height: 26px;
-          div {
-            // font-weight: normal;
-            font-size: 16px;
-            span {
-              font-size: 20px;
-              // font-weight: normal;
-            }
-          }
-          div:first-child {
-            height: 22px;
-            background: #ff4400;
-            line-height: 21px;
-            font-size: 14px;
-            color: #ffffff;
-            border: 1px solid #ff4400;
-            // border-radius: 4px 4px 0px 0px;
-          }
-          div:last-child {
-            font-weight: normal;
-            background-color: #fff3ef;
-            color: #ff4400 !important;
-          }
-        }
-        .bottombox1 {
-          display: flex;
-          align-items: center;
-          .jobDesp {
-            border: 1px solid #ff4400;
-            background-color: #fff;
-            color: #ff4400;
-            transition: none;
-            box-shadow: none;
-            text-shadow: none;
-            cursor: pointer;
-            &:hover {
-              color: #fff;
+						// width: 100%;
+						height: 100%;
+					}
+				}
+				.jobinfobox {
+					.jobname {
+						// margin: 12px 0;
+						font-size: 18px;
+						font-weight: 600;
+						text-align: left;
+						color: #333;
+						line-height: 26px;
+						&:hover {
+							color: #ff4400;
+						}
+					}
+					.jobinfo {
+						margin-top: 8px;
+						// opacity: 0.5;
+						font-size: 14px;
+						font-weight: 400;
+						text-align: left;
+						color: #999;
+						line-height: 20px;
+					}
+					.jobtag {
+						display: flex;
+						margin-top: 10px;
+						align-items: center;
+						text-align: left;
+						// span:first-child {
+						//   color: #ff4400;
+						//   background: rgba(254, 97, 0, 0.1);
+						// }
+						i {
+							margin-right: 8px;
+							color: #f40;
+							font-size: 20px;
+						}
+						span {
+							height: 20px;
+							margin-right: 8px;
+							line-height: 1;
+							font-size: 14px;
+							padding: 2px 8px;
+							background: rgba(51, 51, 51, 0.06);
+							border-radius: 2px;
+						}
+					}
+					.jobpricemonth {
+						margin-top: 10px;
+						font-size: 14px;
+						font-weight: 400;
+						text-align: left;
+						color: #333;
+						line-height: 20px;
+					}
+					.jobpricehour {
+						margin-top: 8px;
+						font-size: 14px;
+						font-weight: normal;
+						text-align: left;
+						color: #ff4400;
+						// line-height: 24px;
+						font-weight: 600;
+						span {
+							vertical-align: baseline;
+							font-size: 22px;
+							line-height: 28px;
+						}
+						i {
+							font-size: 18px;
+							line-height: 28px;
+						}
+					}
+				}
+			}
+			.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: 100px;
+					height: 48px;
+					margin-top: 8px;
+					overflow: hidden;
+					text-align: center;
+					background: rgba(255, 106, 0, 0.1);
+					// border-radius: 4px;
+					line-height: 26px;
+					div {
+						// font-weight: normal;
+						font-size: 16px;
+						span {
+							font-size: 20px;
+							// font-weight: normal;
+						}
+					}
+					div:first-child {
+						height: 22px;
+						background: #ff4400;
+						line-height: 21px;
+						font-size: 14px;
+						color: #ffffff;
+						border: 1px solid #ff4400;
+						// border-radius: 4px 4px 0px 0px;
+					}
+					div:last-child {
+						font-weight: normal;
+						background-color: #fff3ef;
+						color: #ff4400 !important;
+					}
+				}
+				.bottombox1 {
+					display: flex;
+					align-items: center;
+					.jobDesp {
+						border: 1px solid #ff4400;
+						background-color: #fff;
+						color: #ff4400;
+						transition: none;
+						box-shadow: none;
+						text-shadow: none;
+						cursor: pointer;
+						&:hover {
+							color: #fff;
 
-              background-color: #ff4400;
-            }
-          }
-          button {
-            width: 80px;
-            height: 28px;
-            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: #ff4400;
-                border-color: #ff4400;
-                background-color: #fff;
-              }
-            }
-          }
+							background-color: #ff4400;
+						}
+					}
+					button {
+						width: 80px;
+						height: 28px;
+						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: #ff4400;
+								border-color: #ff4400;
+								background-color: #fff;
+							}
+						}
+					}
 
-          .apply {
-            margin-left: 16px;
-            border: 1px solid #ff4400;
-            background-color: #fff;
-            color: #ff4400;
-            cursor: pointer;
-            &:hover {
-              color: #fff;
+					.apply {
+						margin-left: 16px;
+						border: 1px solid #ff4400;
+						background-color: #fff;
+						color: #ff4400;
+						cursor: pointer;
+						&:hover {
+							color: #fff;
 
-              background-color: #ff4400;
-            }
-          }
-        }
-      }
-      .norecruitment {
-        background-color: #f5f5f5;
-        border: 1px solid #ccc;
-        margin-left: 16px;
+							background-color: #ff4400;
+						}
+					}
+				}
+			}
+			.norecruitment {
+				background-color: #f5f5f5;
+				border: 1px solid #ccc;
+				margin-left: 16px;
 
-        color: #ccc;
-      }
-    }
-    // .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: #ff4400;
-    //     }
-    //   }
-    //   input[type="text"] {
-    //     box-shadow: none;
-    //     &:focus {
-    //       border: 1px solid #ff4400;
-    //     }
-    //     &:hover {
-    //       border: 1px solid #ff4400;
-    //     }
-    //   }
-    //   .ant-pagination-item {
-    //     border: none;
-    //     a:hover {
-    //       color: #ff4400;
-    //     }
-    //   }
-    //   .ant-pagination-item-active {
-    //     background: #ff4400;
-    //     a {
-    //       color: white;
-    //     }
-    //     a:hover {
-    //       color: white;
-    //     }
-    //   }
-    //   .ant-pagination-item-link {
-    //     border: none;
-    //   }
-    // }
-  }
-  .maincontentright {
-    width: 240px;
-    position: relative;
-    top: -40px;
-    > div {
-      margin-bottom: 16px;
-      border: 1px solid #ededed;
-    }
-    .dateinfo {
-      text-align: center;
-      // overflow: hidden;
-      // border-radius: 4px;
-      border: none;
-      position: relative;
-      padding-bottom: 10px;
-      background-color: #fff3ef;
-      .bottombox {
-        position: relative;
-        margin-top: 0;
-        margin-bottom: 0;
-        // padding-top: 10px;
-        height: 40px;
-        line-height: 40px;
-        font-size: 16px;
-        font-weight: 600;
-        border-bottom: none;
-        color: #fff;
-        background-color: #ff4400;
-        z-index: 10;
-        &::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;
-      .bottombox {
-        font-size: 16px;
-        font-weight: 600;
-      }
-      p {
-        position: absolute;
-        width: 100%;
-        font-size: 24px;
-        color: #ff4400;
-        font-weight: 600;
-        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: #ff4400;
-        color: #fff;
-        top: 55%;
-        left: 50%;
-        transform: translateX(-50%) translateY(-50%);
-      }
-    }
-  }
+				color: #ccc;
+			}
+		}
+		// .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: #ff4400;
+		//     }
+		//   }
+		//   input[type="text"] {
+		//     box-shadow: none;
+		//     &:focus {
+		//       border: 1px solid #ff4400;
+		//     }
+		//     &:hover {
+		//       border: 1px solid #ff4400;
+		//     }
+		//   }
+		//   .ant-pagination-item {
+		//     border: none;
+		//     a:hover {
+		//       color: #ff4400;
+		//     }
+		//   }
+		//   .ant-pagination-item-active {
+		//     background: #ff4400;
+		//     a {
+		//       color: white;
+		//     }
+		//     a:hover {
+		//       color: white;
+		//     }
+		//   }
+		//   .ant-pagination-item-link {
+		//     border: none;
+		//   }
+		// }
+	}
+	.maincontentright {
+		width: 240px;
+		position: relative;
+		top: -40px;
+		> div {
+			margin-bottom: 16px;
+			border: 1px solid #ededed;
+		}
+		.dateinfo {
+			text-align: center;
+			// overflow: hidden;
+			// border-radius: 4px;
+			border: none;
+			position: relative;
+			padding-bottom: 10px;
+			background-color: #fff3ef;
+			.bottombox {
+				position: relative;
+				margin-top: 0;
+				margin-bottom: 0;
+				// padding-top: 10px;
+				height: 40px;
+				line-height: 40px;
+				font-size: 16px;
+				font-weight: 600;
+				border-bottom: none;
+				color: #fff;
+				background-color: #ff4400;
+				z-index: 10;
+				&::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;
+			.bottombox {
+				font-size: 16px;
+				font-weight: 600;
+			}
+			p {
+				position: absolute;
+				width: 100%;
+				font-size: 24px;
+				color: #ff4400;
+				font-weight: 600;
+				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: #ff4400;
+				color: #fff;
+				top: 55%;
+				left: 50%;
+				transform: translateX(-50%) translateY(-50%);
+			}
+		}
+	}
 }
 .cityModal {
-  .inputBox {
-    display: flex;
-  }
-  /deep/ .ant-input-affix-wrapper {
-    flex: 1;
-    margin-right: 12px;
-    .ant-input {
-      &:hover {
-        border-color: #ff4400;
-      }
-      &:focus {
-        border-color: #ff4400;
-        box-shadow: none;
-      }
-    }
-  }
-  .ant-btn {
-    &:hover {
-      border-color: #ff4400;
-      color: #ff4400;
-    }
-    &:active {
-      border-color: #ee3f00;
-      color: #ee3f00;
-    }
-    &:focus {
-      border-color: #ff4400;
-      color: #ff4400;
-    }
-  }
-  button {
-    width: 60px;
-    height: 32px;
-  }
-  .firstList {
-    display: flex;
-    justify-content: start;
-    margin: 30px 0;
-    li {
-      width: 16.6%;
-      text-align: center;
-      color: #666;
-      div {
-        width: 60%;
-        padding-bottom: 5px;
-        cursor: pointer;
-        &:hover {
-          color: #ff4400;
-        }
-      }
-      .active {
-        color: #ff4400;
-        // position: relative;
-        // &::after {
-        //   content:'';
-        //   display: block;
-        //   position: absolute;
-        //   height: 2px;
-        //   width: 50px;
-        //   bottom: 0;
-        //   left: 0;
-        //   background-color: #ff4400;
-        // }
-        border-bottom: 2px solid #ff4400;
-      }
-    }
-  }
-  .currentCity {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-      width: 16.6%;
-      margin-bottom: 20px;
-      text-align: center;
-      cursor: pointer;
-      div {
-        width: 60%;
-        &:hover {
-          color: #ff4400;
-        }
-      }
-    }
-  }
+	.inputBox {
+		display: flex;
+	}
+	/deep/ .ant-input-affix-wrapper {
+		flex: 1;
+		margin-right: 12px;
+		.ant-input {
+			&:hover {
+				border-color: #ff4400;
+			}
+			&:focus {
+				border-color: #ff4400;
+				box-shadow: none;
+			}
+		}
+	}
+	.ant-btn {
+		&:hover {
+			border-color: #ff4400;
+			color: #ff4400;
+		}
+		&:active {
+			border-color: #ee3f00;
+			color: #ee3f00;
+		}
+		&:focus {
+			border-color: #ff4400;
+			color: #ff4400;
+		}
+	}
+	button {
+		width: 60px;
+		height: 32px;
+	}
+	.firstList {
+		display: flex;
+		justify-content: start;
+		margin: 30px 0;
+		li {
+			width: 16.6%;
+			text-align: center;
+			color: #666;
+			div {
+				width: 60%;
+				padding-bottom: 5px;
+				cursor: pointer;
+				&:hover {
+					color: #ff4400;
+				}
+			}
+			.active {
+				color: #ff4400;
+				// position: relative;
+				// &::after {
+				//   content:'';
+				//   display: block;
+				//   position: absolute;
+				//   height: 2px;
+				//   width: 50px;
+				//   bottom: 0;
+				//   left: 0;
+				//   background-color: #ff4400;
+				// }
+				border-bottom: 2px solid #ff4400;
+			}
+		}
+	}
+	.currentCity {
+		display: flex;
+		flex-wrap: wrap;
+		li {
+			width: 16.6%;
+			margin-bottom: 20px;
+			text-align: center;
+			cursor: pointer;
+			div {
+				width: 60%;
+				&:hover {
+					color: #ff4400;
+				}
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue
index 95df57b..1ba1c4f 100644
--- a/src/components/FirstJob/recordBill.vue
+++ b/src/components/FirstJob/recordBill.vue
@@ -1,38 +1,31 @@
 <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="">
-        <a @click="toList">
-          <span>一手职位</span>
-        </a>
-      </a-breadcrumb-item>
-      <a-breadcrumb-item>
-        <router-link :to="
-            '/detail?' +
-            'id=' +
-            firminfo.id +
-            '&' +
-            'page=' +
-            firminfo.currentPageNum
-          ">
-          <!-- <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="">
+				<a @click="toList">
+					<span>一手职位</span>
+				</a>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item>
+				<router-link :to="'/detail?' + 'id=' + firminfo.id + '&' + 'page=' + firminfo.currentPageNum">
+					<!-- <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 &&
@@ -42,76 +35,84 @@
             "
             :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: '#ff4400',
-                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: '#ff4400',
-                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: '#ff4400',
-                marginLeft: '10px',
-                cursor: 'pointer',
-              }" v-if="isMaster && jobnameStatus !== 'jobname'">修改</span>
-          </div>
-        </a-form-model-item>
-        <a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
-          <timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime"></timepicker>
-          <a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
-        </a-form-model-item>
-        <a-form-model-item style="margin-top: 12px" class="time-input" ref="receptionTime" label="接待时间" prop="receptionTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
-          <timepicker :isShow.sync="isShow1" :datetime.sync="form.receptionTime"></timepicker>
-          <a-input class="pt1" v-model="form.receptionTime" placeholder="请选择接待时间" @input="verify1" allowClear @click="getDateinfo1"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo1"></i></a-input>
-        </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
+					<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: '#ff4400',
+								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: '#ff4400',
+								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: '#ff4400',
+								marginLeft: '10px',
+								cursor: 'pointer',
+							}"
+							v-if="isMaster && jobnameStatus !== 'jobname'"
+							>修改</span
+						>
+					</div>
+				</a-form-model-item>
+				<a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime"></timepicker>
+					<a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
+				</a-form-model-item>
+				<a-form-model-item style="margin-top: 12px" class="time-input" ref="receptionTime" label="接待时间" prop="receptionTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<timepicker :isShow.sync="isShow1" :datetime.sync="form.receptionTime"></timepicker>
+					<a-input class="pt1" v-model="form.receptionTime" placeholder="请选择接待时间" @input="verify1" allowClear @click="getDateinfo1"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo1"></i></a-input>
+				</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;
@@ -122,117 +123,115 @@
                 <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-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">
+							<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-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" class="policyContainer" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
-          <!-- <a-input v-model="form.policy" type='textarea'/> -->
-          <div class="policy" style="min-height: 30px !important">
-            {{ form.policy }}
-          </div>
-          <div class="openContral" v-if="isContainerShow">
-            <span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)">收起</span>
-          </div>
-        </a-form-model-item>
-        <a-form-model-item ref="headerUploadRef" label="附件" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
-          <a-upload :customRequest="customRequestFun2" multiple list-type="picture" :default-file-list="fileList2" class="upload-list-inline" @change="handleChange2" :remove="
-              (file) => {
-                removeFile(file, 'header');
-              }
-            " @preview="handlePreview" :beforeUpload="beforeUpload" :data="dataObj">
-            <a-button> <a-icon type="upload" /> 上传 </a-button>
-          </a-upload>
-        </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: #ff4400;
-              border-color: #ff4400;
-            " @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>
+				<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="min-height: 30px !important">
+						{{ form.policy }}
+					</div>
+					<div class="openContral" v-if="isContainerShow"><span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)">收起</span></div>
+				</a-form-model-item>
+				<a-form-model-item ref="headerUploadRef" label="附件" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<a-upload
+						:customRequest="customRequestFun2"
+						multiple
+						list-type="picture"
+						:default-file-list="fileList2"
+						class="upload-list-inline"
+						@change="handleChange2"
+						:remove="
+							(file) => {
+								removeFile(file, 'header');
+							}
+						"
+						@preview="handlePreview"
+						:beforeUpload="beforeUpload"
+						:data="dataObj"
+					>
+						<a-button> <a-icon type="upload" /> 上传 </a-button>
+					</a-upload>
+				</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: #ff4400; border-color: #ff4400" @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>
 import { nationlist } from "../../utils/datalist";
@@ -240,850 +239,802 @@ 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 qs from 'qs' 
 // import axios from "axios";
 import $ from "jquery";
 // import axiosUpload from "axios";
 export default {
-  inject: ["reload"],
-  // 组件名称
-  name: "recordBill",
-  // 局部注册的组件
-  components: {
-    // recordbill,
-    timepicker,
-  },
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      fileList2: [],
-      fileListT2: [],
-      // facetimedate: "",
-      previewVisible: false,
-      proxyStatus: "", // 代理选择的控制
-      storeStatus: "", // 企业选择的控制
-      jobnameStatus: "", // 岗位选择的控制
-      isContainerShow: false, // 政策展示控制按钮是否显示
-      isFold: true,
-      previewImage: "",
-      isMaster: true,
-      isShow: false,
-      isShow1: 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: "", // 面试时间
-        receptionTime: "", //接待时间
-        idCardImageUrl: "",
-        imgs: "",
-      },
-      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;
-    }
-
-    // this.userinfo = JSON.parse(userinfo);
-    this.proxyinfo = JSON.parse(sessionStorage.getItem("LOGIN_DATA"));
-    if (this.proxyinfo.roleOfPmd) {
-      this.isMaster = true;
-    }
-    console.log(this.firminfo);
-    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;
-          let that = this;
-          const policy = document.querySelector(".policy");
-          // this.$nextTick(()=>{
-          setTimeout(() => {
-            console.log(policy.offsetHeight);
-            console.log(policy.innerHTML);
-            if (policy.offsetHeight >= 230) {
-              policy.style.maxHeight = "230px";
-              policy.style.marginBottom = "24px";
-              that.isContainerShow = true;
-            } else {
-              policy.style.minHeight = "230px";
-              that.isContainerShow = false;
-            }
-          }, 100);
-        }
-      } 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?" +
-          "id=" +
-          this.firminfo.id +
-          "&" +
-          "page=" +
-          this.firminfo.currentPageNum
-      );
-    },
-    handleOk() {
-      var that = this;
-      console.log(that.fileListT2);
-
-      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);
-          this.form["imgs"] = that.fileListT2.toString();
-
-          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);
-
-          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);
-    },
-    formatDateYMD(val) {
-      // model -> view，在更新 `<input>` 元素之前格式化值
-      if (val == null || val == "") {
-        return null;
-      }
-
-      if ((val != null || val == "") && typeof val == "string") {
-        if (val.indexOf("T")) {
-          val = val.replace("T", " "); //原来L端可能返回的时间格式有带T的格式，处理一下
-        }
-        val = val.replace("-", "/").replace("-", "/");
-      }
-      var value = new Date(val);
-      //console.log(val);
-      var fmt = "yyyy-MM-dd";
-      var o = {
-        "M+": value.getMonth() + 1, //月份
-        "d+": value.getDate(), //日
-        // "H+": value.getHours(), //小时
-        //"h+": val.getHours()%12 == 0 ? 12 : val.getHours()%12, //小时
-        // "m+": value.getMinutes(), //分
-        // "s+": value.getSeconds() //秒
-        //"S": val.getMilliseconds() //毫秒
-        //"q+": Math.floor((val.getMonth() + 3) / 3) //季度
-      };
-      if (/(y+)/.test(fmt))
-        fmt = fmt.replace(
-          RegExp.$1,
-          (value.getFullYear() + "").substr(4 - RegExp.$1.length)
-        );
-      for (var k in o) {
-        if (new RegExp("(" + k + ")").test(fmt)) {
-          fmt = fmt.replace(
-            RegExp.$1,
-            RegExp.$1.length == 1
-              ? o[k]
-              : ("00" + o[k]).substr(("" + o[k]).length)
-          );
-        }
-      }
-      return fmt;
-    },
-    getDateinfo() {
-      this.isShow = true;
-      if (isEmptyCheck(this.form.interviewTime)) {
-        //设置默认值
-        //判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
-        var mydate = new Date();
-        var tomorrow = new Date();
-        tomorrow.setDate(tomorrow.getDate() + 1);
-        this.form.interviewTime =
-          mydate.toTimeString() >= "16:00"
-            ? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00"
-            : this.formatDateYMD(mydate.toLocaleDateString()) +
-              " " +
-              `${mydate.getHours() + 1}:00`;
-      }
-      console.log(this.form.interviewTime);
-    },
-    getDateinfo1() {
-      this.isShow1 = true;
-      if (isEmptyCheck(this.form.receptionTime)) {
-        //设置默认值
-        //判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
-        var mydate = new Date();
-        var tomorrow = new Date();
-        tomorrow.setDate(tomorrow.getDate() + 1);
-        this.form.receptionTime =
-          mydate.toTimeString() >= "16:00"
-            ? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00"
-            : this.formatDateYMD(mydate.toLocaleDateString()) +
-              " " +
-              `${mydate.getHours() + 1}:00`;
-      }
-      console.log(this.form.receptionTime);
-    },
-    verify() {
-      if (this.form.interviewTime !== "") {
-        this.form.interviewTime = "";
-      }
-    },
-    verify1() {
-      if (this.form.receptionTime !== "") {
-        this.form.receptionTime = "";
-      }
-    },
-    handleChange({ fileList }) {
-      console.log(fileList);
-      console.log(fileList[0]);
-      this.fileList = fileList;
-    },
-    handleChange2({ file, fileList }) {
-      console.log(file);
-      console.log(fileList);
-      this.fileList2 = fileList;
-    },
-    // 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'}
-
-        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();
-
-      $.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"));
-
-          _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 customRequestFun2(file) {
-      console.dir(file.onSuccess);
-      var that = this;
-
-      let _self = this;
-      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);
-      formData1.append("uploadFile", file.file); // 一定在最后
-      // try {
-      //   const { data } = await getIdCardInfoApi(formData1);
-      //   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();
-
-          console.log(document.querySelector(".ant-upload-list-item-info"));
-
-          console.log(data);
-          var img =
-            _self.dataObj.host +
-            "/" +
-            _self.dataObj.key.replace("${filename}", file.file.name);
-          that.fileListT2.push(img);
-        },
-        fail: function (err) {
-          console.log(err);
-        },
-      });
-    },
-
-    removeFile(file) {
-      // let fileList
-      // let _this = this
-      // fileList = this.$refs.headerUploadRef.$children[1].$children[0].items
-
-      // console.log(this.$refs.headerUploadRef.$children[1].$children[0].items);
-      console.log(this.fileList2.indexOf(file));
-      let index = this.fileList2.indexOf(file);
-      this.fileListT2.splice(index, 1);
-
-      console.log(this.fileListT2);
-      // fileList.forEach((item, index) => {
-      //     if (item.uid === file.uid) {
-      //         _this.headerFileList.splice(index, 1)
-      //     }
-      // })
-    },
-
-    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.push({
-        name: "JobList",
-        params: {
-          pagenum: this.firminfo.currentPageNum,
-        },
-      });
-      // 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";
-      }
-    },
-  },
+	inject: ["reload"],
+	// 组件名称
+	name: "recordBill",
+	// 局部注册的组件
+	components: {
+		// recordbill,
+		timepicker,
+	},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			fileList2: [],
+			fileListT2: [],
+			// facetimedate: "",
+			previewVisible: false,
+			proxyStatus: "", // 代理选择的控制
+			storeStatus: "", // 企业选择的控制
+			jobnameStatus: "", // 岗位选择的控制
+			isContainerShow: false, // 政策展示控制按钮是否显示
+			isFold: true,
+			previewImage: "",
+			isMaster: true,
+			isShow: false,
+			isShow1: 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: "", // 面试时间
+				receptionTime: "", //接待时间
+				idCardImageUrl: "",
+				imgs: "",
+			},
+			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;
+		}
+
+		// this.userinfo = JSON.parse(userinfo);
+		this.proxyinfo = JSON.parse(localStorage.getItem("LOGIN_DATA"));
+		if (this.proxyinfo.roleOfPmd) {
+			this.isMaster = true;
+		}
+		console.log(this.firminfo);
+		this.getProxyInfo(this.proxyinfo.id);
+		this.getJob(this.firminfo);
+		this.getPolicyByJobId(this.firminfo.id);
+		console.log(this.proxyinfo);
+		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;
+					let that = this;
+					const policy = document.querySelector(".policy");
+					// this.$nextTick(()=>{
+					setTimeout(() => {
+						console.log(policy.offsetHeight);
+						console.log(policy.innerHTML);
+						if (policy.offsetHeight >= 230) {
+							policy.style.maxHeight = "230px";
+							policy.style.marginBottom = "24px";
+							that.isContainerShow = true;
+						} else {
+							policy.style.minHeight = "230px";
+							that.isContainerShow = false;
+						}
+					}, 100);
+				}
+			} 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?" + "id=" + this.firminfo.id + "&" + "page=" + this.firminfo.currentPageNum);
+		},
+		handleOk() {
+			var that = this;
+			console.log(that.fileListT2);
+
+			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);
+					this.form["imgs"] = that.fileListT2.toString();
+					console.log({
+						...this.form,
+						storeJobId: this.firminfo.id,
+					});
+         let dataObj = qs.stringify({
+						...this.form,
+						storeJobId: this.firminfo.id,
+					})
+					const { data } = await recordBillApi(dataObj);
+					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);
+
+					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);
+		},
+		formatDateYMD(val) {
+			// model -> view，在更新 `<input>` 元素之前格式化值
+			if (val == null || val == "") {
+				return null;
+			}
+
+			if ((val != null || val == "") && typeof val == "string") {
+				if (val.indexOf("T")) {
+					val = val.replace("T", " "); //原来L端可能返回的时间格式有带T的格式，处理一下
+				}
+				val = val.replace("-", "/").replace("-", "/");
+			}
+			var value = new Date(val);
+			//console.log(val);
+			var fmt = "yyyy-MM-dd";
+			var o = {
+				"M+": value.getMonth() + 1, //月份
+				"d+": value.getDate(), //日
+				// "H+": value.getHours(), //小时
+				//"h+": val.getHours()%12 == 0 ? 12 : val.getHours()%12, //小时
+				// "m+": value.getMinutes(), //分
+				// "s+": value.getSeconds() //秒
+				//"S": val.getMilliseconds() //毫秒
+				//"q+": Math.floor((val.getMonth() + 3) / 3) //季度
+			};
+			if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (value.getFullYear() + "").substr(4 - RegExp.$1.length));
+			for (var k in o) {
+				if (new RegExp("(" + k + ")").test(fmt)) {
+					fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
+				}
+			}
+			return fmt;
+		},
+		getDateinfo() {
+			this.isShow = true;
+			if (isEmptyCheck(this.form.interviewTime)) {
+				//设置默认值
+				//判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
+				var mydate = new Date();
+				var tomorrow = new Date();
+				tomorrow.setDate(tomorrow.getDate() + 1);
+				this.form.interviewTime = mydate.toTimeString() >= "16:00" ? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00" : this.formatDateYMD(mydate.toLocaleDateString()) + " " + `${mydate.getHours() + 1}:00`;
+			}
+			console.log(this.form.interviewTime);
+		},
+		getDateinfo1() {
+			this.isShow1 = true;
+			if (isEmptyCheck(this.form.receptionTime)) {
+				//设置默认值
+				//判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
+				var mydate = new Date();
+				var tomorrow = new Date();
+				tomorrow.setDate(tomorrow.getDate() + 1);
+				this.form.receptionTime = mydate.toTimeString() >= "16:00" ? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00" : this.formatDateYMD(mydate.toLocaleDateString()) + " " + `${mydate.getHours() + 1}:00`;
+			}
+			console.log(this.form.receptionTime);
+		},
+		verify() {
+			if (this.form.interviewTime !== "") {
+				this.form.interviewTime = "";
+			}
+		},
+		verify1() {
+			if (this.form.receptionTime !== "") {
+				this.form.receptionTime = "";
+			}
+		},
+		handleChange({ fileList }) {
+			console.log(fileList);
+			console.log(fileList[0]);
+			this.fileList = fileList;
+		},
+		handleChange2({ file, fileList }) {
+			console.log(file);
+			console.log(fileList);
+			this.fileList2 = fileList;
+		},
+		// 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'}
+
+				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();
+
+			$.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();
+					_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 customRequestFun2(file) {
+			console.dir(file.onSuccess);
+			var that = this;
+
+			let _self = this;
+			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);
+			formData1.append("uploadFile", file.file); // 一定在最后
+			// try {
+			//   const { data } = await getIdCardInfoApi(formData1);
+			//   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();
+					console.log(data);
+					var img = _self.dataObj.host + "/" + _self.dataObj.key.replace("${filename}", file.file.name);
+					that.fileListT2.push(img);
+				},
+				fail: function (err) {
+					console.log(err);
+				},
+			});
+		},
+
+		removeFile(file) {
+			// let fileList
+			// let _this = this
+			// fileList = this.$refs.headerUploadRef.$children[1].$children[0].items
+
+			// console.log(this.$refs.headerUploadRef.$children[1].$children[0].items);
+			console.log(this.fileList2.indexOf(file));
+			let index = this.fileList2.indexOf(file);
+			this.fileListT2.splice(index, 1);
+
+			console.log(this.fileListT2);
+			// fileList.forEach((item, index) => {
+			//     if (item.uid === file.uid) {
+			//         _this.headerFileList.splice(index, 1)
+			//     }
+			// })
+		},
+
+		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.push({
+				name: "JobList",
+				params: {
+					pagenum: this.firminfo.currentPageNum,
+				},
+			});
+			// 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";
+			}
+		},
+	},
 };
 </script>
 <style scoped lang="less">
 /deep/ .policy {
-  min-height: 0 !important;
+	min-height: 0 !important;
 }
 
 /deep/ .upload-list-inline .ant-upload-list-item {
-  float: left;
-  width: 220px;
-  margin-right: 16px;
+	float: left;
+	width: 220px;
+	margin-right: 16px;
 
-  .ant-upload-animate-enter {
-    animation-name: uploadAnimateInlineIn;
-  }
+	.ant-upload-animate-enter {
+		animation-name: uploadAnimateInlineIn;
+	}
 
-  .ant-upload-animate-leave {
-    animation-name: uploadAnimateInlineOut;
-  }
+	.ant-upload-animate-leave {
+		animation-name: uploadAnimateInlineOut;
+	}
 }
 
 .recordBill-container {
-  // 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 {
-        border-radius: 0;
-        transition: none;
-      }
-
-      button:first-child {
-        &:hover {
-          border-color: #ff4400 !important;
-          color: #ff4400 !important;
-        }
-      }
-
-      button:last-child {
-        &:hover {
-          background-color: #ff7c1f !important;
-          border-color: #ff7c1f !important;
-        }
-      }
-
-      // button::after {
-      //   // display: none;
-      // }
-    }
-  }
+	// 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 {
+				border-radius: 0;
+				transition: none;
+			}
+
+			button:first-child {
+				&:hover {
+					border-color: #ff4400 !important;
+					color: #ff4400 !important;
+				}
+			}
+
+			button:last-child {
+				&:hover {
+					background-color: #ff7c1f !important;
+					border-color: #ff7c1f !important;
+				}
+			}
+
+			// button::after {
+			//   // display: none;
+			// }
+		}
+	}
 }
 
 /deep/ .ant-radio-wrapper {
-  margin-right: 16px;
+	margin-right: 16px;
 
-  span:last-child {
-    padding: 0 2px;
-  }
+	span:last-child {
+		padding: 0 2px;
+	}
 }
 
 // /deep/ .ant-radio {
@@ -1116,297 +1067,297 @@ export default {
 // }
 
 .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: 0px;
-
-    &:hover {
-      border-color: #ff4400 !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;
-  // }
+	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: 0px;
+
+		&:hover {
+			border-color: #ff4400 !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%;
-  }
-
-  .ant-form-item-label {
-    // line-height: 22px;
-    > label {
-      font-weight: 400;
-      color: #333;
-    }
-  }
-
-  .ant-input-affix-wrapper {
-    &:hover .ant-input {
-      border-color: #ddd;
-    }
-  }
-
-  .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: #ff4400;
-        // }
-      }
-
-      // &::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: #ddd;
-
-    .ant-select-selection__placeholder {
-      line-height: 17px;
-      color: #cdcdcd;
-    }
-
-    .ant-select-selection-selected-value {
-      line-height: 37px;
-      color: #666;
-    }
-
-    &:hover {
-      border-color: #ddd;
-    }
-
-    // &:focus {
-    //   border-color: #d9d9d9;
-    // }
-    // &:active {
-    //   border-color: #d9d9d9;
-    // }
-  }
+	// 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: #ddd;
+		}
+	}
+
+	.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: #ff4400;
+				// }
+			}
+
+			// &::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: #ddd;
+
+		.ant-select-selection__placeholder {
+			line-height: 17px;
+			color: #cdcdcd;
+		}
+
+		.ant-select-selection-selected-value {
+			line-height: 37px;
+			color: #666;
+		}
+
+		&:hover {
+			border-color: #ddd;
+		}
+
+		// &: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-close-x {
-    height: 50px;
-    line-height: 50px;
-    // .anticon-close {
-    //   vertical-align: 10px;
-    //   margin-right: -4px;
-    // }
-  }
+	.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 {
-      // position: relative;
-      padding: 0;
-      padding-top: 6px;
-      // padding-bottom: 24px;
-      white-space: pre-wrap;
-      border-radius: 4px;
-      overflow: hidden;
-      line-height: 2;
-    }
-
-    .openContral {
-      position: absolute;
-      height: 20px;
-      line-height: 20px;
-      bottom: 0;
-      right: 10px;
-      cursor: pointer;
-
-      &::after {
-        content: "";
-        position: absolute;
-        width: 480px;
-        height: 1px;
-        background-color: #ededed;
-        bottom: -10px;
-        left: -445px;
-      }
-
-      &:hover {
-        color: #ff4400;
-      }
-    }
-  }
-
-  // background-color: #ff4400;
+	position: relative;
+
+	.ant-form-item-children {
+		position: unset;
+
+		.policy {
+			// position: relative;
+			padding: 0;
+			padding-top: 6px;
+			// padding-bottom: 24px;
+			white-space: pre-wrap;
+			border-radius: 4px;
+			overflow: hidden;
+			line-height: 2;
+		}
+
+		.openContral {
+			position: absolute;
+			height: 20px;
+			line-height: 20px;
+			bottom: 0;
+			right: 10px;
+			cursor: pointer;
+
+			&::after {
+				content: "";
+				position: absolute;
+				width: 480px;
+				height: 1px;
+				background-color: #ededed;
+				bottom: -10px;
+				left: -445px;
+			}
+
+			&:hover {
+				color: #ff4400;
+			}
+		}
+	}
+
+	// background-color: #ff4400;
 }
 
 // /deep/ .date-picker {
@@ -1639,41 +1590,41 @@ export default {
 //  }
 // }
 /deep/ .time-input {
-  margin-bottom: 16px;
-
-  .ant-input {
-    font-size: 20px !important;
-    border-radius: 0px;
-    -webkit-text-stroke-width: 0.5px;
-    font-weight: 400;
-
-    &::placeholder {
-      font-size: 14px;
-      -webkit-text-stroke-width: 0.1px;
-    }
-  }
-
-  .ant-input-suffix {
-    right: 16px;
-  }
-
-  .anticon-close-circle {
-    width: 24px;
-    height: 24px;
-    line-height: 28px;
-    margin-right: 8px;
-  }
+	margin-bottom: 16px;
+
+	.ant-input {
+		font-size: 20px !important;
+		border-radius: 0px;
+		-webkit-text-stroke-width: 0.5px;
+		font-weight: 400;
+
+		&::placeholder {
+			font-size: 14px;
+			-webkit-text-stroke-width: 0.1px;
+		}
+	}
+
+	.ant-input-suffix {
+		right: 16px;
+	}
+
+	.anticon-close-circle {
+		width: 24px;
+		height: 24px;
+		line-height: 28px;
+		margin-right: 8px;
+	}
 }
 
 .ant-input {
-  border-radius: 0px;
+	border-radius: 0px;
 }
 
 /deep/ .pt1 .ant-input {
-  padding-top: 1px;
+	padding-top: 1px;
 }
 
 /deep/ .ant-select-selection {
-  border-radius: 0px !important;
+	border-radius: 0px !important;
 }
 </style>
diff --git a/src/components/Login/login.vue b/src/components/Login/login.vue
index c01e265..21a1b37 100644
--- a/src/components/Login/login.vue
+++ b/src/components/Login/login.vue
@@ -1,200 +1,143 @@
 <template>
-  <div class="center">
-    <div class="formcontainer">
-      <div class="logo">
-        <!--  <svg class="icon" aria-hidden="true">
+	<div class="center">
+		<div class="formcontainer">
+			<div class="logo">
+				<!--  <svg class="icon" aria-hidden="true">
           <use xlink:href="#icon-yishoudanlogo"></use>
         </svg> -->
-        <img
-          src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png"
-          style="width: 80px; text-align: center"
-          alt=""
-        />
-      </div>
-      <ul class="loginchange centerall">
-        <li :class="{ loginactive: loginway === 1 }" @click="loginway = 1">
-          用户名密码登录
-        </li>
-        <li :class="{ loginactive: loginway === 2 }" @click="loginway = 2">
-          手机验证码登录
-        </li>
-      </ul>
-      <div class="formbox">
-        <template v-if="loginway === 1">
-          <a-form
-            id="components-form-demo-normal-login"
-            :form="form"
-            class="login-form"
-            @submit="userhandleSubmit"
-          >
-            <a-form-item style="text-align: left">
-              <a-input
-                v-decorator="[
-                  'tel',
-                  {
-                    rules: [
-                      {
-                        required: true,
-                        message: '请输入用户名',
-                      },
-                      {
-                        pattern: /^1[3456789]\d{9}$/,
-                        message: '请输入正确手机号',
-                      },
-                    ],
-                    validateTrigger: 'submit',
-                  },
-                ]"
-                :maxLength="11"
-                placeholder="请输入用户名"
-              >
-                <i
-                  slot="prefix"
-                  class="iconfont icon-yonghuming"
-                  style="font-size: 24px"
-                />
-              </a-input>
-            </a-form-item>
-            <a-form-item style="text-align: left">
-              <a-input
-                v-decorator="[
-                  'password',
-                  {
-                    rules: [
-                      {
-                        required: true,
-                        message: '请输入密码',
-                      },
-                    ],
-                    validateTrigger: 'submit',
-                  },
-                ]"
-                type="password"
-                placeholder="请输入密码"
-              >
-                <i slot="prefix" class="iconfont icon-mima" />
-              </a-input>
-            </a-form-item>
-            <div class="autologin">
-              <span @click="isauto = !isauto" style="opacity: 0">
-                <i class="iconfont icon-xuanzhong" v-if="isauto"></i>
-                <i
-                  class="iconfont icon-weixuanzhong"
-                  v-else
-                  style="color: #999"
-                ></i>
-                <label for="register">下次自动登录</label></span
-              >
-              <router-link to="updatepsw" class="login-form-forgot" href=""
-                >忘记密码</router-link
-              >
-            </div>
-            <a-form-item>
-              <a-button
-                type="primary"
-                html-type="submit"
-                class="login-form-button"
-              >
-                登录
-              </a-button>
-            </a-form-item>
-          </a-form>
-          <!-- <div class="register">
+				<img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png" style="width: 80px; text-align: center" alt="" />
+			</div>
+			<ul class="loginchange centerall">
+				<li :class="{ loginactive: loginway === 1 }" @click="loginway = 1">用户名密码登录</li>
+				<li :class="{ loginactive: loginway === 2 }" @click="loginway = 2">手机验证码登录</li>
+			</ul>
+			<div class="formbox">
+				<template v-if="loginway === 1">
+					<a-form id="components-form-demo-normal-login" :form="form" class="login-form" @submit="userhandleSubmit">
+						<a-form-item style="text-align: left">
+							<a-input
+								v-decorator="[
+									'tel',
+									{
+										rules: [
+											{
+												required: true,
+												message: '请输入用户名',
+											},
+											{
+												pattern: /^1[3456789]\d{9}$/,
+												message: '请输入正确手机号',
+											},
+										],
+										validateTrigger: 'submit',
+									},
+								]"
+								:maxLength="11"
+								placeholder="请输入用户名"
+							>
+								<i slot="prefix" class="iconfont icon-yonghuming" style="font-size: 24px" />
+							</a-input>
+						</a-form-item>
+						<a-form-item style="text-align: left">
+							<a-input
+								v-decorator="[
+									'password',
+									{
+										rules: [
+											{
+												required: true,
+												message: '请输入密码',
+											},
+										],
+										validateTrigger: 'submit',
+									},
+								]"
+								type="password"
+								placeholder="请输入密码"
+							>
+								<i slot="prefix" class="iconfont icon-mima" />
+							</a-input>
+						</a-form-item>
+						<div class="autologin">
+							<span @click="isauto = !isauto" style="opacity: 0">
+								<i class="iconfont icon-xuanzhong" v-if="isauto"></i>
+								<i class="iconfont icon-weixuanzhong" v-else style="color: #999"></i>
+								<label for="register">下次自动登录</label></span
+							>
+							<router-link to="updatepsw" class="login-form-forgot" href="">忘记密码</router-link>
+						</div>
+						<a-form-item>
+							<a-button type="primary" html-type="submit" class="login-form-button"> 登录 </a-button>
+						</a-form-item>
+					</a-form>
+					<!-- <div class="register">
             <router-link to="/register">还没有账号，立即注册</router-link>
           </div> -->
-        </template>
-        <template v-if="loginway === 2">
-          <a-form
-            id="components-form-demo-normal-login"
-            :form="form1"
-            class="login-form"
-            @submit="phonehandleSubmit"
-          >
-            <a-form-item style="text-align: left">
-              <a-input
-                v-decorator="[
-                  'tel',
-                  {
-                    rules: [
-                      { required: true, message: '请输入手机号' },
-                      {
-                        pattern: /^1[3456789]\d{9}$/,
-                        message: '请输入正确手机号',
-                      },
-                    ],
-                    validateTrigger: 'submit',
-                  },
-                ]"
-                autocomplete="off"
-                :maxLength="11"
-                placeholder="请输入手机号"
-              >
-                <i
-                  slot="prefix"
-                  class="icon-shouji iconfont"
-                  style="font-size: 24px"
-                />
-              </a-input>
-            </a-form-item>
-            <a-form-item style="text-align: left">
-              <a-input
-                v-decorator="[
-                  'code',
-                  {
-                    rules: [
-                      {
-                        required: true,
-                        message: '请输入验证码',
-                      },
-                    ],
-                    validateTrigger: 'submit',
-                  },
-                ]"
-                type="text"
-                placeholder="请输入验证码"
-              >
-                <i slot="prefix" class="icon-duanxinyanzheng iconfont" />
-                <span class="getrulecode" slot="suffix"
-                  ><span
-                    @click="getPhoneCode"
-                    data-mark="getcode"
-                    v-if="timedata.isfinish"
-                    >获取验证码</span
-                  ><timmer :timedata="timedata" v-if="!timedata.isfinish"
-                /></span>
-              </a-input>
-            </a-form-item>
-            <div class="autologin">
-              <span @click="isauto = !isauto" style="opacity: 0">
-                <i class="iconfont icon-xuanzhong" v-if="isauto"></i>
-                <i
-                  class="iconfont icon-weixuanzhong"
-                  v-else
-                  style="color: #999"
-                ></i>
-                <label for="register">下次自动登录</label>
-              </span>
-              <router-link to="/updatepsw" class="login-form-forgot" href=""
-                >忘记密码</router-link
-              >
-            </div>
-            <a-form-item>
-              <a-button
-                type="primary"
-                html-type="submit"
-                class="login-form-button"
-              >
-                登录
-              </a-button>
-            </a-form-item>
-          </a-form>
-          <!-- <div class="register">
+				</template>
+				<template v-if="loginway === 2">
+					<a-form id="components-form-demo-normal-login" :form="form1" class="login-form" @submit="phonehandleSubmit">
+						<a-form-item style="text-align: left">
+							<a-input
+								v-decorator="[
+									'tel',
+									{
+										rules: [
+											{ required: true, message: '请输入手机号' },
+											{
+												pattern: /^1[3456789]\d{9}$/,
+												message: '请输入正确手机号',
+											},
+										],
+										validateTrigger: 'submit',
+									},
+								]"
+								autocomplete="off"
+								:maxLength="11"
+								placeholder="请输入手机号"
+							>
+								<i slot="prefix" class="icon-shouji iconfont" style="font-size: 24px" />
+							</a-input>
+						</a-form-item>
+						<a-form-item style="text-align: left">
+							<a-input
+								v-decorator="[
+									'code',
+									{
+										rules: [
+											{
+												required: true,
+												message: '请输入验证码',
+											},
+										],
+										validateTrigger: 'submit',
+									},
+								]"
+								type="text"
+								placeholder="请输入验证码"
+							>
+								<i slot="prefix" class="icon-duanxinyanzheng iconfont" />
+								<span class="getrulecode" slot="suffix"><span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span><timmer :timedata="timedata" v-if="!timedata.isfinish" /></span>
+							</a-input>
+						</a-form-item>
+						<div class="autologin">
+							<span @click="isauto = !isauto" style="opacity: 0">
+								<i class="iconfont icon-xuanzhong" v-if="isauto"></i>
+								<i class="iconfont icon-weixuanzhong" v-else style="color: #999"></i>
+								<label for="register">下次自动登录</label>
+							</span>
+							<router-link to="/updatepsw" class="login-form-forgot" href="">忘记密码</router-link>
+						</div>
+						<a-form-item>
+							<a-button type="primary" html-type="submit" class="login-form-button"> 登录 </a-button>
+						</a-form-item>
+					</a-form>
+					<!-- <div class="register">
             <router-link to="/register">还没有账号，立即注册</router-link>
           </div> -->
-        </template>
-      </div>
-    </div>
-  </div>
+				</template>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
@@ -203,301 +146,300 @@ import timmer from "./components/countback.vue";
 import Cookies from "js-cookie";
 
 export default {
-  inject: ["reload"],
-  // 组件名称
-  name: "",
-  // 局部注册的组件
-  components: {
-    timmer,
-  },
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      loginway: 1,
-      ischecked: false,
-      isauto: false, // 是否自动登录
-      form: this.$form.createForm(this),
-      form1: this.$form.createForm(this),
-      timedata: {
-        isfinish: true,
-        deadline: 60,
-        timmer: null,
-      },
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {},
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {},
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    userhandleSubmit(e) {
-      // 用户名登录提交
-      e.preventDefault();
-      let params;
-      this.form.validateFields(async (err, values) => {
-        console.log(values);
-        if (!err) {
-          params = { ...values, loginType: 0 };
+	inject: ["reload"],
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {
+		timmer,
+	},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			loginway: 1,
+			ischecked: false,
+			isauto: false, // 是否自动登录
+			form: this.$form.createForm(this),
+			form1: this.$form.createForm(this),
+			timedata: {
+				isfinish: true,
+				deadline: 60,
+				timmer: null,
+			},
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {},
+	// 组件方法
+	methods: {
+		userhandleSubmit(e) {
+			// 用户名登录提交
+			e.preventDefault();
+			let params;
+			this.form.validateFields(async (err, values) => {
+				console.log(values);
+				if (!err) {
+					params = { ...values, loginType: 0 };
 
-          console.log(params);
-          try {
-            const { data } = await loginApi(params);
+					console.log(params);
+					try {
+						const { data } = await loginApi(params);
 
-            console.log(data);
-            if (data.status !== 200) {
-              this.$message.warning(data.msg);
-              return;
-            }
-            sessionStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
-            Cookies.set("LOGIN_DATA", JSON.stringify(data.data));
-            this.$router.push("/list");
-            this.reload();
-            // this.$router.push("/list");
-          } catch (err) {
-            console.log(err);
-          }
-        } else {
-          console.log(err);
-        }
-      });
-    },
-    phonehandleSubmit(e) {
-      e.preventDefault();
-      let params;
-      this.form1.validateFields(async (err, values) => {
-        console.log(err);
-        if (!err) {
-          params = { ...values, loginType: 1 };
-          try {
-            const { data } = await loginApi(params);
-            console.log(data);
-            if (data.status !== 200) {
-              this.$message.warning(data.msg);
-              return;
-            }
-            sessionStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
-            Cookies.set("LOGIN_DATA", JSON.stringify(data.data));
-            this.$router.push("/list");
-            this.reload();
-          } catch (err) {
-            console.log(err);
-          }
-        } else {
-          console.log(err);
-        }
-      });
-    },
-    async getPhoneCode() {
-      const that = this;
+						console.log(data);
+						if (data.status !== 200) {
+							this.$message.warning(data.msg);
+							return;
+						}
+						localStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
+						this.$router.push("/list");
+						// console.log(Cookies.get("LOGIN_DATA"));
+						this.reload();
+						// this.$router.push("/list");
+					} catch (err) {
+						console.log(err);
+					}
+				} else {
+					console.log(err);
+				}
+			});
+		},
+		phonehandleSubmit(e) {
+			e.preventDefault();
+			let params;
+			this.form1.validateFields(async (err, values) => {
+				console.log(err);
+				if (!err) {
+					params = { ...values, loginType: 1 };
+					try {
+						const { data } = await loginApi(params);
+						console.log(data);
+						if (data.status !== 200) {
+							this.$message.warning(data.msg);
+							return;
+						}
+						localStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
+						this.$router.push("/list");
+						this.reload();
+					} catch (err) {
+						console.log(err);
+					}
+				} else {
+					console.log(err);
+				}
+			});
+		},
+		async getPhoneCode() {
+			const that = this;
 
-      this.form1.validateFields(["tel"], async (err, values) => {
-        console.log(values);
+			this.form1.validateFields(["tel"], async (err, values) => {
+				console.log(values);
 
-        if (!err) {
-          that.timedata.isfinish = false;
+				if (!err) {
+					that.timedata.isfinish = false;
 
-          try {
-            const { data } = await getPhoneCodeApi({ tel: values.tel });
-            console.log(data);
-            if (data.status !== 200) {
-              this.$message.warning(data.msg);
-            }
-          } catch (error) {
-            console.log(error);
-          }
-        } else {
-          console.log(err);
-        }
-      });
-    },
-    checked() {
-      console.log(this.ischecked);
-    },
-  },
+					try {
+						const { data } = await getPhoneCodeApi({ tel: values.tel });
+						console.log(data);
+						if (data.status !== 200) {
+							this.$message.warning(data.msg);
+						}
+					} catch (error) {
+						console.log(error);
+					}
+				} else {
+					console.log(err);
+				}
+			});
+		},
+		checked() {
+			console.log(this.ischecked);
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .center {
-  width: 240px;
-  margin: 0 auto;
-  overflow: hidden;
-  /deep/ .login-form {
-    background-color: #fff !important;
-  }
-  .centerall {
-    margin: 0 auto;
-  }
-  .logo {
-    margin: 30px auto 0px;
-    text-align: center;
-    // img {
-    //   width: 100%;
-    //   height: 100%;
-    // }
-    svg {
-      width: 150px;
-      // height: 46px;
-      text-align: center;
-      font-size: 52px;
-      line-height: 52px;
-      // color: initial;
-    }
-  }
-  .loginchange {
-    display: flex;
-    width: 230px;
-    justify-content: space-between;
-    margin-top: 10px;
+	width: 240px;
+	margin: 0 auto;
+	overflow: hidden;
+	/deep/ .login-form {
+		background-color: #fff !important;
+	}
+	.centerall {
+		margin: 0 auto;
+	}
+	.logo {
+		margin: 30px auto 0px;
+		text-align: center;
+		// img {
+		//   width: 100%;
+		//   height: 100%;
+		// }
+		svg {
+			width: 150px;
+			// height: 46px;
+			text-align: center;
+			font-size: 52px;
+			line-height: 52px;
+			// color: initial;
+		}
+	}
+	.loginchange {
+		display: flex;
+		width: 230px;
+		justify-content: space-between;
+		margin-top: 10px;
 
-    .loginactive {
-      color: #4d575e;
-      border-bottom: 1px solid #4d575e;
-    }
-    li {
-      padding: 0 0 4px 0;
-      margin-bottom: 24px;
-      margin-top: 20px;
-      font-size: 14px;
-      text-align: left;
-      color: #cccccc;
-      line-height: 22px;
-      cursor: pointer;
-    }
-  }
-  .formbox {
-    // /deep/ .ant-form-item {
-    // margin-bottom: 0px !important;
-    // padding-bottom: 20px !important;
-    // }
-    /deep/.ant-form-item {
-      // margin-top: -10px;
-      /deep/ .ant-form-explain {
-        // 提示信息的样式
-        margin-top: -2px;
-        line-height: 20px;
-        min-height: 20px !important;
-      }
-      i {
-        font-size: 26px;
-        // margin: 0 8px 0 4px;
-        color: #4d575e;
-      }
+		.loginactive {
+			color: #4d575e;
+			border-bottom: 1px solid #4d575e;
+		}
+		li {
+			padding: 0 0 4px 0;
+			margin-bottom: 24px;
+			margin-top: 20px;
+			font-size: 14px;
+			text-align: left;
+			color: #cccccc;
+			line-height: 22px;
+			cursor: pointer;
+		}
+	}
+	.formbox {
+		// /deep/ .ant-form-item {
+		// margin-bottom: 0px !important;
+		// padding-bottom: 20px !important;
+		// }
+		/deep/.ant-form-item {
+			// margin-top: -10px;
+			/deep/ .ant-form-explain {
+				// 提示信息的样式
+				margin-top: -2px;
+				line-height: 20px;
+				min-height: 20px !important;
+			}
+			i {
+				font-size: 26px;
+				// margin: 0 8px 0 4px;
+				color: #4d575e;
+			}
 
-      .ant-input {
-        height: 36px;
-        text-indent: 15px;
-        // background-color: #f6f6f6;
-        // border: none;
-        padding: 0 0 0 23px !important;
-        border: 1px solid #dddddd;
-        &:hover {
-          border-color: #ff4400;
-        }
-        &:focus {
-          box-shadow: none;
-        }
-        &::placeholder {
-          opacity: 0.4;
-          color: #4d575e;
-          font-size: 14px;
-          text-indent: 15px;
-        }
-      }
-    }
-    .login-form-button {
-      width: 100%;
-      height: 36px;
-      margin-top: 20px;
-      border-radius: 27px;
-      background-color: #ff4400;
-      font-size: 16px;
-      border: none;
-      color: white;
-      box-shadow: none;
-      &::after {
-        display: none;
-      }
-      &:hover {
-        background-color: #ff4400cc;
-      }
-      &:active {
-        background-color: #ff4400;
-      }
-    }
-    .register {
-      display: flex;
-      justify-content: center;
-      font-size: 12px;
-      span {
-        color: #4d575e;
-        i {
-          vertical-align: middle;
-          margin-right: 10px;
-        }
-      }
-      a {
-        color: #353649;
-      }
-    }
-    .autologin {
-      display: flex;
-      justify-content: space-between;
-      font-size: 12px;
-      margin-top: -16px;
-      > span {
-        cursor: pointer;
-        line-height: 18px;
-        margin-top: 2px;
-        i {
-          color: #ff4400;
-          font-size: 14px;
-          vertical-align: middle;
-          margin-right: 5px;
-        }
-        input {
-          margin-top: -3px;
-          vertical-align: bottom;
-        }
-        label {
-          transition: all 0.2s;
-          font-size: 12px;
-          &:hover {
-            color: #ff4400;
-          }
-        }
-      }
-      a {
-        color: #4d575e;
-      }
-    }
-    .getrulecode {
-      // padding: 0 0 0 10px;
-      font-size: 12px;
-      width: 67px;
-      text-align: center;
-      border-left: 1px #cccccc solid;
-      line-height: 12px;
-      color: #4d575e;
+			.ant-input {
+				height: 36px;
+				text-indent: 15px;
+				// background-color: #f6f6f6;
+				// border: none;
+				padding: 0 0 0 23px !important;
+				border: 1px solid #dddddd;
+				&:hover {
+					border-color: #ff4400;
+				}
+				&:focus {
+					box-shadow: none;
+				}
+				&::placeholder {
+					opacity: 0.4;
+					color: #4d575e;
+					font-size: 14px;
+					text-indent: 15px;
+				}
+			}
+		}
+		.login-form-button {
+			width: 100%;
+			height: 36px;
+			margin-top: 20px;
+			border-radius: 27px;
+			background-color: #ff4400;
+			font-size: 16px;
+			border: none;
+			color: white;
+			box-shadow: none;
+			&::after {
+				display: none;
+			}
+			&:hover {
+				background-color: #ff4400cc;
+			}
+			&:active {
+				background-color: #ff4400;
+			}
+		}
+		.register {
+			display: flex;
+			justify-content: center;
+			font-size: 12px;
+			span {
+				color: #4d575e;
+				i {
+					vertical-align: middle;
+					margin-right: 10px;
+				}
+			}
+			a {
+				color: #353649;
+			}
+		}
+		.autologin {
+			display: flex;
+			justify-content: space-between;
+			font-size: 12px;
+			margin-top: -16px;
+			> span {
+				cursor: pointer;
+				line-height: 18px;
+				margin-top: 2px;
+				i {
+					color: #ff4400;
+					font-size: 14px;
+					vertical-align: middle;
+					margin-right: 5px;
+				}
+				input {
+					margin-top: -3px;
+					vertical-align: bottom;
+				}
+				label {
+					transition: all 0.2s;
+					font-size: 12px;
+					&:hover {
+						color: #ff4400;
+					}
+				}
+			}
+			a {
+				color: #4d575e;
+			}
+		}
+		.getrulecode {
+			// padding: 0 0 0 10px;
+			font-size: 12px;
+			width: 67px;
+			text-align: center;
+			border-left: 1px #cccccc solid;
+			line-height: 12px;
+			color: #4d575e;
 
-      span[data-mark="getcode"] {
-        padding: 0 0 0 5px;
-        cursor: pointer;
-      }
-    }
-  }
+			span[data-mark="getcode"] {
+				padding: 0 0 0 5px;
+				cursor: pointer;
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/main/index.vue b/src/components/main/index.vue
index cb8c22d..09a9d2a 100644
--- a/src/components/main/index.vue
+++ b/src/components/main/index.vue
@@ -1,148 +1,112 @@
 <template>
-  <!-- 首页页面 -->
-  <div class="main-container">
-    <div class="bgimg">
-      <a-carousel :autoplay="true" effect="fade" :dots="false" ref="scrollimg">
-        <img :src="item" alt="" v-for="(item, index) in imglist" :key="index" />
-      </a-carousel>
-      <div class="middleslogan" :style="{ opacity: isshow ? '1' : '0' }">
-        <!-- </i> -->
-        <i class="iconfont" style="margin-bottom: 0">
-          <img
-            src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/zzlogo.png"
-            style="width: 100px !important; height: 50px; margin-bottom: 30px"
-            alt=""
-          />
-        </i>
+	<!-- 首页页面 -->
+	<div class="main-container">
+		<div class="bgimg">
+			<a-carousel :autoplay="true" effect="fade" :dots="false" ref="scrollimg">
+				<img :src="item" alt="" v-for="(item, index) in imglist" :key="index" />
+			</a-carousel>
+			<div class="middleslogan" :style="{ opacity: isshow ? '1' : '0' }">
+				<!-- </i> -->
+				<i class="iconfont" style="margin-bottom: 0">
+					<img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/zzlogo.png" style="width: 100px !important; height: 50px; margin-bottom: 30px" alt="" />
+				</i>
 
-        <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
-        <!-- <p style="font-size:90px;color:white">一个专门服务代理的平台</p> -->
-        <div v-if="isLogin">
-          <router-link to="/list" style="display: inline-block; width: 100%"
-            >查看职位</router-link
-          >
-        </div>
-        <div v-else>
-          <router-link to="/list" style="display: inline-block; width: 100%"
-            >登录</router-link
-          >
-        </div>
-      </div>
-      <div
-        id="toAboutBill"
-        style="height: 84px; width: 1200px; position: absolute; bottom: 0"
-      ></div>
-    </div>
-    <div class="navigationBar" ref="navigationBar" id="navigationBar">
-      <!-- <ul>
+				<i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
+				<!-- <p style="font-size:90px;color:white">一个专门服务代理的平台</p> -->
+				<div v-if="isLogin">
+					<router-link to="/list" style="display: inline-block; width: 100%">查看职位</router-link>
+				</div>
+				<div v-else>
+					<router-link to="/list" style="display: inline-block; width: 100%">登录</router-link>
+				</div>
+			</div>
+			<div id="toAboutBill" style="height: 84px; width: 1200px; position: absolute; bottom: 0;display:none"></div>
+		</div>
+		<div class="navigationBar" ref="navigationBar" id="navigationBar" style="display:none">
+			<!-- <ul>
 				<li @click="toTargetLocation('aboutBill')">关于稻田</li>
 				<li @click="toTargetLocation('cooperativeBrand')">合作品牌</li>
 				<li @click="toTargetLocation('businessLandscape')">业务版图</li>
 				<li @click="toTargetLocation('relationUs')">联系我们</li>
 			</ul> -->
-      <a-anchor @click.prevent="" :affix="true">
-        <a-anchor-link href="#toAboutBill" title="关于稻田" />
-        <a-anchor-link href="#cooperativeBrand" title="合作品牌" />
-        <a-anchor-link href="#businessLandscape" title="业务版图" />
-        <a-anchor-link href="#relationUs" title="联系我们" />
-      </a-anchor>
-    </div>
+			<a-anchor @click.prevent="" :affix="true">
+				<a-anchor-link href="#toAboutBill" title="关于稻田" />
+				<a-anchor-link href="#cooperativeBrand" title="合作品牌" />
+				<a-anchor-link href="#businessLandscape" title="业务版图" />
+				<a-anchor-link href="#relationUs" title="联系我们" />
+			</a-anchor>
+		</div>
 
-    <div class="aboutBill" id="aboutBill">
-      <div class="w">
-        <div class="title">关于稻田</div>
-        <div class="content">
-          <p>
-            伯才稻田，隶属郑州伯才科技有限公司，是一个专门服务同业合作伙伴的综合平台——一个专门服务代理的平台。平台为合作伙伴提供交付全流程的产品和服务，是伯才供应链产品矩阵中的旗舰产品。平台通过直签、联合派遣和战略合作等方式，严选上线项目，深度介入服务的每一个环节，为合作伙伴的顺利交付保驾护航。
-          </p>
-          <p>
-            郑州伯才科技有限公司的前身为北京矩阵动力科技有限公司，项目于2015年5月在郑州启动，并于2016年5月在北京正式注册公司，开始商业化运作。伯才科技旗下有郑州伯才人力资源服务有限公司、江西人海企业管理有限公司等多家企业服务业务公司。
-          </p>
-          <p>
-            公司2021年启用全新品牌——伯才。“新品牌、新里程”，品牌升级，但初心不变，伯才团队以崭新的面貌继续全心全意服务老乡、成就伙伴。
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="cooperativeBrand" id="cooperativeBrand">
-      <div class="w">
-        <div class="title">合作品牌</div>
-        <div class="content">
-          <ul class="clearfix">
-            <li v-for="item in cooperativeImg" :key="item">
-              <img :src="`../../../${item}`" alt="" />
-            </li>
-          </ul>
-          <span
-            style="
-              float: right;
-              font-size: 14px;
-              line-height: 20px;
-              margin-top: 16px;
-            "
-            >* 部分合作品牌展示</span
-          >
-        </div>
-      </div>
-    </div>
-    <div class="businessLandscape" id="businessLandscape">
-      <div class="w">
-        <div class="title">业务版图</div>
-        <div class="content">
-          <div class="left">
-            <p>伯才合作项目</p>
+		<div class="aboutBill" id="aboutBill" style="display:none">
+			<div class="w">
+				<div class="title">关于稻田</div>
+				<div class="content">
+					<p>伯才稻田，隶属郑州伯才科技有限公司，是一个专门服务同业合作伙伴的综合平台——一个专门服务代理的平台。平台为合作伙伴提供交付全流程的产品和服务，是伯才供应链产品矩阵中的旗舰产品。平台通过直签、联合派遣和战略合作等方式，严选上线项目，深度介入服务的每一个环节，为合作伙伴的顺利交付保驾护航。</p>
+					<p>郑州伯才科技有限公司的前身为北京矩阵动力科技有限公司，项目于2015年5月在郑州启动，并于2016年5月在北京正式注册公司，开始商业化运作。伯才科技旗下有郑州伯才人力资源服务有限公司、江西人海企业管理有限公司等多家企业服务业务公司。</p>
+					<p>公司2021年启用全新品牌——伯才。“新品牌、新里程”，品牌升级，但初心不变，伯才团队以崭新的面貌继续全心全意服务老乡、成就伙伴。</p>
+				</div>
+			</div>
+		</div>
+		<div class="cooperativeBrand" id="cooperativeBrand" style="display:none">
+			<div class="w">
+				<div class="title">合作品牌</div>
+				<div class="content">
+					<ul class="clearfix">
+						<li v-for="item in cooperativeImg" :key="item">
+							<img :src="`../../../${item}`" alt="" />
+						</li>
+					</ul>
+					<span style="float: right; font-size: 14px; line-height: 20px; margin-top: 16px">* 部分合作品牌展示</span>
+				</div>
+			</div>
+		</div>
+		<div class="businessLandscape" id="businessLandscape" style="display:none">
+			<div class="w">
+				<div class="title">业务版图</div>
+				<div class="content">
+					<div class="left">
+						<p>伯才合作项目</p>
 
-            <p>触达城市100+</p>
-            <p>辐射18个省及直辖市</p>
-            <p>覆盖华东、华南、华中、华北、西南、西北6大区域</p>
-          </div>
-          <div class="right">
-            <img
-              src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/map.svg"
-              alt=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="relationUs" id="relationUs">
-      <div class="w">
-        <div class="title">联系我们</div>
-        <div class="content">
-          <div class="left">
-            <p>总部地址：河南省郑州市郑东新区升龙广场2号楼A座</p>
-            <!-- <p>接待地址：河南省郑州市航空港区相州街29-60号</p> -->
-            <p>联系电话：0371-6611 3723</p>
-          </div>
-          <div class="right">
-            <span
-              ><img
-                src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/bcdtgzh.jpg"
-                style="width: 100px"
-                alt=""
-              />
-              <p>伯才稻田公众号</p></span
-            >
-            <span
-              ><img
-                src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/bcdtxcx.jpg"
-                style="width: 100px"
-                alt=""
-              />
-              <p>伯才稻田小程序</p></span
-            >
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="banner">
-      <div class="w">
-        <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
-      </div>
-    </div>
-    <footer>
-      <div class="w">
-        <!-- <ul>
+						<p>触达城市100+</p>
+						<p>辐射18个省及直辖市</p>
+						<p>覆盖华东、华南、华中、华北、西南、西北6大区域</p>
+					</div>
+					<div class="right">
+						<img src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/map.svg" alt="" />
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="relationUs" id="relationUs" style="display:none">
+			<div class="w">
+				<div class="title">联系我们</div>
+				<div class="content">
+					<div class="left">
+						<p>总部地址：河南省郑州市郑东新区升龙广场2号楼A座</p>
+						<!-- <p>接待地址：河南省郑州市航空港区相州街29-60号</p> -->
+						<p>联系电话：0371-6611 3723</p>
+					</div>
+					<div class="right">
+						<span
+							><img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/bcdtgzh.jpg" style="width: 100px" alt="" />
+							<p>伯才稻田公众号</p></span
+						>
+						<span
+							><img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/bcdtxcx.jpg" style="width: 100px" alt="" />
+							<p>伯才稻田小程序</p></span
+						>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- <div class="banner">
+			<div class="w">
+				<i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
+			</div>
+		</div> -->
+		<footer>
+			<div class="w">
+				<!-- <ul>
 					<li @click="totop"><router-link to="/list">一手职位</router-link></li>
 					<li></li>
 					<li @click="totop">
@@ -153,15 +117,13 @@
 						<router-link to="/aboutus">关于我们</router-link>
 					</li>
 				</ul> -->
-        <div>
-          Copyright © 2015 - 2022 Bocai. All Rights Reserved. <i></i>
-          <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
-            >京ICP备16043923号-9</a
-          >
-        </div>
-      </div>
-    </footer>
-  </div>
+				<div>
+					Copyright © 2015 - 2022 Bocai. All Rights Reserved. <i></i>
+					<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2023001993号</a>
+				</div>
+			</div>
+		</footer>
+	</div>
 </template>
 
 <script>
@@ -174,377 +136,373 @@ const files = require.context("../../../static/img", false, /.png$/);
 
 console.dir(Vue);
 export default {
-  // 组件名称
-  name: "Main",
-  // 局部注册的组件
-  components: {},
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      isshow: false,
-      imglist: [
-        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner1.webp",
-        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner2.webp",
-        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner3.webp",
-      ],
-      cooperativeImg: [],
-      isLogin: false,
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {},
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    if (sessionStorage.getItem("LOGIN_DATA") || Cookies.get("LOGIN_DATA")) {
-      this.isLogin = true;
-    }
-    setTimeout(() => {
-      this.isshow = true;
-    }, 500);
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {
-    this.getCooperativeImg();
-    // console.log(navigationBar);
-  },
-  // 组件方法
-  methods: {
-    changeStyle(e) {
-      console.log(e);
-      console.log(1);
-    },
+	// 组件名称
+	name: "Main",
+	// 局部注册的组件
+	components: {},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			isshow: false,
+			imglist: ["http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner1.webp", "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner2.webp", "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner3.webp"],
+			cooperativeImg: [],
+			isLogin: false,
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		if (localStorage.getItem("LOGIN_DATA")) {
+			this.isLogin = true;
+		}
+		setTimeout(() => {
+			this.isshow = true;
+		}, 500);
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {
+		this.getCooperativeImg();
+		// console.log(navigationBar);
+	},
+	// 组件方法
+	methods: {
+		changeStyle(e) {
+			console.log(e);
+			console.log(1);
+		},
 
-    getCooperativeImg() {
-      files.keys().forEach((key) => {
-        const names = path.basename(key, ".png"); //返回文件名 不含后缀名
-        let content = files(key).default || files(key);
-        if (
-          names.indexOf("imgList") != -1 &&
-          names.substr(names.length - 1, 1) == "1"
-        ) {
-          this.cooperativeImg.push(content);
-        }
-      });
-    },
-    // toTargetLocation(target) {
-    // 	// console.log(123);
-    // 	const now = window.scrollY;
-    // 	// 2. 目标位置（文章信息区域的高度）
-    // 	const dist = document.getElementById(target).getBoundingClientRect().top;
-    // 	console.log(dist);
-    // 	animate({
-    // 		from: now, // 当前的位置
-    // 		to: dist, // 目标位置
-    // 		onUpdate: (latest) => window.scrollTo(0, latest),
-    // 	});
-    // },
-    totop() {
-      // console.log(window);
-      document.body.scrollTop = 0;
-      document.documentElement.scrollTop = 0;
-      // window.body.scrollY = 0;
-    },
-  },
+		getCooperativeImg() {
+			files.keys().forEach((key) => {
+				const names = path.basename(key, ".png"); //返回文件名 不含后缀名
+				let content = files(key).default || files(key);
+				if (names.indexOf("imgList") != -1 && names.substr(names.length - 1, 1) == "1") {
+					this.cooperativeImg.push(content);
+				}
+			});
+		},
+		// toTargetLocation(target) {
+		// 	// console.log(123);
+		// 	const now = window.scrollY;
+		// 	// 2. 目标位置（文章信息区域的高度）
+		// 	const dist = document.getElementById(target).getBoundingClientRect().top;
+		// 	console.log(dist);
+		// 	animate({
+		// 		from: now, // 当前的位置
+		// 		to: dist, // 目标位置
+		// 		onUpdate: (latest) => window.scrollTo(0, latest),
+		// 	});
+		// },
+		totop() {
+			// console.log(window);
+			document.body.scrollTop = 0;
+			document.documentElement.scrollTop = 0;
+			// window.body.scrollY = 0;
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .clearfix:after {
-  /*伪元素是行内元素 正常浏览器清除浮动方法*/
-  content: "";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
+	/*伪元素是行内元素 正常浏览器清除浮动方法*/
+	content: "";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
 }
 .main-container {
-  overflow: hidden;
-  .bgimg {
-    position: relative;
-    overflow: hidden;
-    width: 100vw;
-    height: calc(100% - 32px);
-    // height: 100%;
-    // background: url("../../assets/banner1.png") no-repeat center;
-    img {
-      width: 100% !important;
-      height: calc(100vh - 32px);
-    }
-    .middleslogan {
-      position: absolute;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      top: 45%;
-      left: 50%;
-      transform: translateX(-50%) translateY(-50%);
-      color: #fff;
-      z-index: 99;
-      transition: all 1.5s;
-      p {
-        text-align: center;
-        font-weight: 100;
-        width: 1200px;
-        letter-spacing: 10px;
-      }
-      i {
-        text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
-      }
-      i:nth-of-type(1) {
-        font-size: 24px;
-        margin-bottom: 30px;
-      }
-      i:nth-of-type(2) {
-        font-size: 90px;
-        line-height: 1;
-      }
-      div {
-        width: 100px;
-        height: 32px;
-        margin-top: 115px;
-        font-size: 14px;
-        line-height: 29px;
-        text-align: center;
-        border-radius: 999px;
-        cursor: pointer;
-        color: #fff;
-        border: 1px solid #fff;
-        text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
-        background-color: rgba(255, 255, 255, 0);
-        transition: all 0.3s;
-        &:hover {
-          background-color: rgba(255, 255, 255, 0.3);
-          border-color: transparent;
-        }
-      }
-    }
-    .bottominfo {
-      position: absolute;
-      bottom: 40px;
-      left: 50%;
-      font-size: 14px;
-      transform: translateX(-50%);
-      color: #fff;
-    }
-  }
-  /deep/ .navigationBar {
-    overflow: hidden;
-    width: 1200px;
-    height: 84px;
+	overflow: hidden;
+	.bgimg {
+		position: relative;
+		overflow: hidden;
+		width: 100vw;
+		height: calc(100% - 32px);
+		// height: 100%;
+		// background: url("../../assets/banner1.png") no-repeat center;
+		img {
+			width: 100% !important;
+			height: calc(100vh - 32px);
+		}
+		.middleslogan {
+			position: absolute;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			top: 45%;
+			left: 50%;
+			transform: translateX(-50%) translateY(-50%);
+			color: #fff;
+			z-index: 99;
+			transition: all 1.5s;
+			p {
+				text-align: center;
+				font-weight: 100;
+				width: 1200px;
+				letter-spacing: 10px;
+			}
+			i {
+				text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
+			}
+			i:nth-of-type(1) {
+				font-size: 24px;
+				margin-bottom: 30px;
+			}
+			i:nth-of-type(2) {
+				font-size: 90px;
+				line-height: 1;
+			}
+			div {
+				width: 100px;
+				height: 32px;
+				margin-top: 115px;
+				font-size: 14px;
+				line-height: 29px;
+				text-align: center;
+				border-radius: 999px;
+				cursor: pointer;
+				color: #fff;
+				border: 1px solid #fff;
+				text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
+				background-color: rgba(255, 255, 255, 0);
+				transition: all 0.3s;
+				&:hover {
+					background-color: rgba(255, 255, 255, 0.3);
+					border-color: transparent;
+				}
+			}
+		}
+		.bottominfo {
+			position: absolute;
+			bottom: 40px;
+			left: 50%;
+			font-size: 14px;
+			transform: translateX(-50%);
+			color: #fff;
+		}
+	}
+	/deep/ .navigationBar {
+		overflow: hidden;
+		width: 1200px;
+		height: 84px;
+		position: absolute;
+		bottom: 0;
+		left: 50%;
+		border-radius: 8px 8px 0 0;
+		overflow: hidden;
+		transform: translateX(-50%);
+		transition: all 0.2s;
+		z-index: 999;
+		.ant-anchor {
+			display: flex;
+			height: 84px;
+			margin: 0 auto;
+			justify-content: center;
+			align-items: center;
+			background-color: #fff;
+			> div {
+				margin: 0 52px;
+				font-size: 16px;
+			}
+			.ant-anchor-link-active > .ant-anchor-link-title {
+				color: #ff4400;
+			}
+			.ant-anchor-ink {
+				display: none;
+			}
+		}
+	}
+	.aboutBill,
+	.cooperativeBrand,
+	.businessLandscape,
+	.relationUs {
+		padding-top: 25px;
+		padding-bottom: 70px;
+		background-color: #fff;
+		.title {
+			position: relative;
+			text-align: center;
+			font-size: 24px;
+			line-height: 33px;
+			padding-bottom: 12px;
+			&:after {
+				content: "";
+				display: block;
+				width: 30px;
+				height: 2px;
+				position: absolute;
+				background-color: #ff4400;
+				bottom: 0;
+				left: 50%;
+				transform: translateX(-50%);
+			}
+		}
+		.content {
+			margin-top: 50px;
+			font-size: 18px;
+			line-height: 40px;
+			> p {
+				text-indent: 2em;
+				margin-bottom: 20px;
+			}
+		}
+	}
+	.cooperativeBrand {
+		padding-top: 100px;
+		// padding-bottom: 96px;
+		height: 740px;
+		background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/cooperativeBrandBg.webp") no-repeat 100%;
+		.content {
+			ul {
+				li {
+					float: left;
+					width: 186px;
+					height: 88px;
+					margin-top: 16px;
+					border-radius: 8px;
+					transition: all 0.2s;
+					&:not(li:nth-child(6n)) {
+						margin-right: 16px;
+					}
+
+					&:hover {
+						background-color: rgba(254, 254, 254, 0.3);
+						box-shadow: 0px 0px 12px 3px #ddd;
+					}
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+		}
+	}
+	.businessLandscape {
+		.title {
+			margin-top: 80px;
+		}
+		.content {
+			display: flex;
+			justify-content: space-between;
+			.left {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				p {
+					line-height: 28px;
+					font-size: 16px;
+					color: #666;
+				}
+				p:first-child {
+					margin-bottom: 24px;
+					font-size: 20px;
+					color: #333;
+				}
+			}
+		}
+	}
+	.relationUs {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		padding: unset;
+		height: 445px;
+		background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/relationUsBg.webp") no-repeat 100% 100%;
+		// padding-bottom: 126px;
+
+		.content {
+			display: flex;
+			justify-content: space-between;
+			margin-top: 72px;
+			.left {
+				// display: flex;
+			}
+			.right {
+				display: flex;
+				justify-content: space-around;
+				> span {
+					text-align: center;
+					margin-right: 36px;
+					p {
+						font-size: 14px;
+					}
+				}
+			}
+		}
+	}
+	.banner {
+		height: 72px;
+		// margin-top: 20px;
+		background-color: #ff4400;
+		margin-bottom: -20px;
+		.w {
+			display: flex;
+			height: 100%;
+			justify-content: center;
+			align-items: center;
+			i {
+				font-size: 32px;
+				color: #fff;
+			}
+			img:last-child {
+				width: 173px;
+				height: 42px;
+				margin-right: 110px;
+			}
+		}
+		// background-color: black;
+	}
+	footer {
     position: absolute;
     bottom: 0;
     left: 50%;
-    border-radius: 8px 8px 0 0;
-    overflow: hidden;
     transform: translateX(-50%);
-    transition: all 0.2s;
-    z-index: 999;
-    .ant-anchor {
-      display: flex;
-      height: 84px;
-      margin: 0 auto;
-      justify-content: center;
-      align-items: center;
-      background-color: #fff;
-      > div {
-        margin: 0 52px;
-        font-size: 16px;
-      }
-      .ant-anchor-link-active > .ant-anchor-link-title {
-        color: #ff4400;
-      }
-      .ant-anchor-ink {
-        display: none;
-      }
-    }
-  }
-  .aboutBill,
-  .cooperativeBrand,
-  .businessLandscape,
-  .relationUs {
-    padding-top: 25px;
-    padding-bottom: 70px;
-    background-color: #fff;
-    .title {
-      position: relative;
-      text-align: center;
-      font-size: 24px;
-      line-height: 33px;
-      padding-bottom: 12px;
-      &:after {
-        content: "";
-        display: block;
-        width: 30px;
-        height: 2px;
-        position: absolute;
-        background-color: #ff4400;
-        bottom: 0;
-        left: 50%;
-        transform: translateX(-50%);
-      }
-    }
-    .content {
-      margin-top: 50px;
-      font-size: 18px;
-      line-height: 40px;
-      > p {
-        text-indent: 2em;
-        margin-bottom: 20px;
-      }
-    }
-  }
-  .cooperativeBrand {
-    padding-top: 100px;
-    // padding-bottom: 96px;
-    height: 740px;
-    background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/cooperativeBrandBg.webp")
-      no-repeat 100%;
-    .content {
-      ul {
-        li {
-          float: left;
-          width: 186px;
-          height: 88px;
-          margin-top: 16px;
-          border-radius: 8px;
-          transition: all 0.2s;
-          &:not(li:nth-child(6n)) {
-            margin-right: 16px;
-          }
-
-          &:hover {
-            background-color: rgba(254, 254, 254, 0.3);
-            box-shadow: 0px 0px 12px 3px #ddd;
-          }
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-      }
-    }
-  }
-  .businessLandscape {
-    .title {
-      margin-top: 80px;
-    }
-    .content {
-      display: flex;
-      justify-content: space-between;
-      .left {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        p {
-          line-height: 28px;
-          font-size: 16px;
-          color: #666;
-        }
-        p:first-child {
-          margin-bottom: 24px;
-          font-size: 20px;
-          color: #333;
-        }
-      }
-    }
-  }
-  .relationUs {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: unset;
-    height: 445px;
-    background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/relationUsBg.webp")
-      no-repeat 100% 100%;
-    // padding-bottom: 126px;
-
-    .content {
-      display: flex;
-      justify-content: space-between;
-      margin-top: 72px;
-      .left {
-        // display: flex;
-      }
-      .right {
-        display: flex;
-        justify-content: space-around;
-        > span {
-          text-align: center;
-          margin-right: 36px;
-          p {
-            font-size: 14px;
-          }
-        }
-      }
-    }
-  }
-  .banner {
-    height: 72px;
-    // margin-top: 20px;
-    background-color: #ff4400;
-    margin-bottom: -20px;
-    .w {
-      display: flex;
-      height: 100%;
-      justify-content: center;
-      align-items: center;
-      i {
-        font-size: 32px;
+		padding: 40px 30px;
+		margin-top: 20px;
+		.w {
+			ul {
+				display: flex;
+				justify-content: center;
+				li {
+					font-size: 16px;
+					text-align: center;
+					color: #4d575e;
+					line-height: 25px;
+				}
+				li:nth-of-type(2n) {
+					width: 1px;
+					height: 20px;
+					margin: 5px 54px;
+					background-color: #4d575e;
+				}
+			}
+			div {
+				text-align: center;
+				// margin-top: 16px;
+				// color: #4d575e;
         color: #fff;
-      }
-      img:last-child {
-        width: 173px;
-        height: 42px;
-        margin-right: 110px;
-      }
-    }
-    // background-color: black;
-  }
-  footer {
-    padding: 20px 30px;
-    margin-top: 20px;
-    .w {
-      ul {
-        display: flex;
-        justify-content: center;
-        li {
-          font-size: 16px;
-          text-align: center;
-          color: #4d575e;
-          line-height: 25px;
-        }
-        li:nth-of-type(2n) {
-          width: 1px;
-          height: 20px;
-          margin: 5px 54px;
-          background-color: #4d575e;
-        }
-      }
-      div {
-        text-align: center;
-        // margin-top: 16px;
-        color: #4d575e;
-        font-size: 14px;
-        i {
-          display: inline-block;
-          vertical-align: middle;
-          width: 1px;
-          height: 16px;
-          margin: 0 10px;
-          background-color: #4d575e;
-        }
-      }
-    }
-  }
+				font-size: 12px;
+				i {
+					display: inline-block;
+					vertical-align: middle;
+					width: 1px;
+					height: 16px;
+					margin: 0 10px;
+					background-color: #4d575e;
+				}
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/userinfo/accountsetting/inedex.vue b/src/components/userinfo/accountsetting/inedex.vue
index 1b2d1d7..fc4fa03 100644
--- a/src/components/userinfo/accountsetting/inedex.vue
+++ b/src/components/userinfo/accountsetting/inedex.vue
@@ -1,143 +1,85 @@
 <template>
-  <div class="accountsetting-container">
-    <a-modal
-      v-model="visible"
-      title="设置图标"
-      @cancel="modalcancel"
-      on-ok="handleOk"
-    >
-      <div class="container">
-        <div class="cropper-content">
-          <div class="cropper-box">
-            <div class="cropper">
-              <vue-cropper
-                ref="cropper"
-                :img="option.img"
-                :outputSize="option.outputSize"
-                :outputType="option.outputType"
-                :info="option.info"
-                :canScale="option.canScale"
-                :autoCrop="option.autoCrop"
-                :autoCropWidth="option.autoCropWidth"
-                :autoCropHeight="option.autoCropHeight"
-                :fixed="option.fixed"
-                :fixedNumber="option.fixedNumber"
-                :canMoveBox="option.canMoveBox"
-                :height="option.height"
-                :infoTrue="option.infoTrue"
-                :maxImgSize="option.maxImgSize"
-                :enlarge="option.enlarge"
-                :mode="option.mode"
-                @realTime="realTime"
-              >
-              </vue-cropper>
-            </div>
-          </div>
-          <div class="previewcontainer">
-            <!-- 图标预览框 -->
-            <p>预览</p>
-            <div :style="previewStyle3" class="show-preview">
-              <div :style="previews.div" class="preview">
-                <img :src="previews.url" :style="previews.img" />
-              </div>
-            </div>
-            <div class="btncontainer">
-              <!-- <a-button @click="restaricon">重置</a-button> -->
-              <a-button @click="changeavatar">确定</a-button>
-              <a-button @click="modalcancel">取消</a-button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <template slot="footer">
-        {{ &nbsp; }}
-      </template>
-    </a-modal>
-    <div class="accountcontent w">
-      <div class="accountSetList">
-        <div class="userinfobox">
-          <div class="avatarbox">
-            <i @click="uploadavatar" style="cursor: pointer">
-              <span
-                class="iconfont icon-morentouxiang"
-                v-if="!userbaseInfo.imgSrc"
-              ></span>
-              <img :src="userbaseInfo.imgSrc" alt="" v-else />
-              <div class="mask"><div>修改头像</div></div></i
-            >
-            <input
-              type="file"
-              ref="updateicon"
-              @change="filepick($event)"
-              style="display: none"
-            />
-          </div>
-          <div class="username" v-if="userinfo.userName">
-            Hi,{{ userinfo.userName }}
-          </div>
-          <div class="username" v-else>Hi,{{ userinfo.hidetel }}</div>
-        </div>
-        <div class="priceinfo">
-          <ul style="display: none">
-            <li
-              @click="pushto('/accountsetting/myintegral')"
-              :class="{ tagactive: activelist === 6 }"
-            >
-              <span><i class="iconfont icon-jifen"></i>我的积分</span
-              ><span
-                ><span>{{ userpoint >= 0 ? userpoint : "--" }}分</span
-                ><i class="iconfont icon-youjiantou"></i
-              ></span>
-            </li>
-            <li
-              @click="pushto('/accountsetting/mycard')"
-              :class="{ tagactive: activelist === 7 }"
-            >
-              <span><i class="iconfont icon-kaquan"></i>我的卡券</span
-              ><span
-                ><span
-                  >{{
-                    cardinfo.recordCount ? cardinfo.recordCount : "0"
-                  }}张</span
-                ><i class="iconfont icon-youjiantou"></i
-              ></span>
-            </li>
-            <li
-              @click="pushto('/accountsetting/mybalance')"
-              :class="{ tagactive: activelist === 8 }"
-            >
-              <span><i class="iconfont icon-yue"></i>我的余额</span
-              ><span
-                ><span>{{ userbalance >= 0 ? userbalance : "0" }}元</span>
-                <i class="iconfont icon-youjiantou"></i
-              ></span>
-            </li>
-          </ul>
-        </div>
-        <ul>
-          <li
-            @click="pushto('/accountsetting/boundtel')"
-            :class="{ tagactive: activelist === 1 }"
-          >
-            <span
-              ><i class="iconfont icon-gerenzhongxin-bangdingshouji"></i
-              >绑定手机</span
-            ><span
-              ><span>{{ userinfo.hidetel }}</span>
-              <i class="iconfont icon-youjiantou"></i>
-            </span>
-          </li>
-          <li
-            @click="pushto('/accountsetting/boundwx')"
-            :class="{ tagactive: activelist === 2 }"
-          >
-            <span><i class="iconfont icon-weixin1"></i>绑定微信</span
-            ><span
-              ><span v-if="userinfo.openIdAppDTDL">已绑定</span>
-              <i class="iconfont icon-youjiantou"></i>
-            </span>
-          </li>
-          <!-- <li
+	<div class="accountsetting-container">
+		<a-modal v-model="visible" title="设置图标" @cancel="modalcancel" on-ok="handleOk">
+			<div class="container">
+				<div class="cropper-content">
+					<div class="cropper-box">
+						<div class="cropper">
+							<vue-cropper ref="cropper" :img="option.img" :outputSize="option.outputSize" :outputType="option.outputType" :info="option.info" :canScale="option.canScale" :autoCrop="option.autoCrop" :autoCropWidth="option.autoCropWidth" :autoCropHeight="option.autoCropHeight" :fixed="option.fixed" :fixedNumber="option.fixedNumber" :canMoveBox="option.canMoveBox" :height="option.height" :infoTrue="option.infoTrue" :maxImgSize="option.maxImgSize" :enlarge="option.enlarge" :mode="option.mode" @realTime="realTime"> </vue-cropper>
+						</div>
+					</div>
+					<div class="previewcontainer">
+						<!-- 图标预览框 -->
+						<p>预览</p>
+						<div :style="previewStyle3" class="show-preview">
+							<div :style="previews.div" class="preview">
+								<img :src="previews.url" :style="previews.img" />
+							</div>
+						</div>
+						<div class="btncontainer">
+							<!-- <a-button @click="restaricon">重置</a-button> -->
+							<a-button @click="changeavatar">确定</a-button>
+							<a-button @click="modalcancel">取消</a-button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<template slot="footer">
+				{{ &nbsp; }}
+			</template>
+		</a-modal>
+		<div class="accountcontent w">
+			<div class="accountSetList">
+				<div class="userinfobox">
+					<div class="avatarbox">
+						<i @click="uploadavatar" style="cursor: pointer">
+							<span class="iconfont icon-morentouxiang" v-if="!userbaseInfo.imgSrc"></span>
+							<img :src="userbaseInfo.imgSrc" alt="" v-else />
+							<div class="mask"><div>修改头像</div></div></i
+						>
+						<input type="file" ref="updateicon" @change="filepick($event)" style="display: none" />
+					</div>
+					<div class="username" v-if="userinfo.userName">Hi,{{ userinfo.userName }}</div>
+					<div class="username" v-else>Hi,{{ userinfo.hidetel }}</div>
+				</div>
+				<div class="priceinfo">
+					<ul style="display: none">
+						<li @click="pushto('/accountsetting/myintegral')" :class="{ tagactive: activelist === 6 }">
+							<span><i class="iconfont icon-jifen"></i>我的积分</span
+							><span
+								><span>{{ userpoint >= 0 ? userpoint : "--" }}分</span><i class="iconfont icon-youjiantou"></i
+							></span>
+						</li>
+						<li @click="pushto('/accountsetting/mycard')" :class="{ tagactive: activelist === 7 }">
+							<span><i class="iconfont icon-kaquan"></i>我的卡券</span
+							><span
+								><span>{{ cardinfo.recordCount ? cardinfo.recordCount : "0" }}张</span><i class="iconfont icon-youjiantou"></i
+							></span>
+						</li>
+						<li @click="pushto('/accountsetting/mybalance')" :class="{ tagactive: activelist === 8 }">
+							<span><i class="iconfont icon-yue"></i>我的余额</span
+							><span
+								><span>{{ userbalance >= 0 ? userbalance : "0" }}元</span> <i class="iconfont icon-youjiantou"></i
+							></span>
+						</li>
+					</ul>
+				</div>
+				<ul>
+					<li @click="pushto('/accountsetting/boundtel')" :class="{ tagactive: activelist === 1 }">
+						<span><i class="iconfont icon-gerenzhongxin-bangdingshouji"></i>绑定手机</span
+						><span
+							><span>{{ userinfo.hidetel }}</span>
+							<i class="iconfont icon-youjiantou"></i>
+						</span>
+					</li>
+					<li @click="pushto('/accountsetting/boundwx')" :class="{ tagactive: activelist === 2 }">
+						<span><i class="iconfont icon-weixin1"></i>绑定微信</span
+						><span
+							><span v-if="userinfo.openIdAppDTDL">已绑定</span>
+							<i class="iconfont icon-youjiantou"></i>
+						</span>
+					</li>
+					<!-- <li
             @click="pushto('/accountsetting/boundbankcard')"
             :class="{ tagactive: activelist === 3 }"
             style="display: none"
@@ -149,19 +91,16 @@
               <i class="iconfont icon-youjiantou"></i>
             </span>
           </li> -->
-        </ul>
-        <ul>
-          <li
-            @click="pushto('/accountsetting/loginpsw')"
-            :class="{ tagactive: activelist === 0 }"
-          >
-            <span><i class="iconfont icon-gerenzhongxin-mima"></i>登录密码</span
-            ><span
-              ><span>已设置</span>
-              <i class="iconfont icon-youjiantou"></i>
-            </span>
-          </li>
-          <!-- <li
+				</ul>
+				<ul>
+					<li @click="pushto('/accountsetting/loginpsw')" :class="{ tagactive: activelist === 0 }">
+						<span><i class="iconfont icon-gerenzhongxin-mima"></i>登录密码</span
+						><span
+							><span>已设置</span>
+							<i class="iconfont icon-youjiantou"></i>
+						</span>
+					</li>
+					<!-- <li
             @click="pushto('/accountsetting/realname')"
             :class="{ tagactive: activelist === 4 }"
             style="display: none"
@@ -173,642 +112,633 @@
               <i class="iconfont icon-youjiantou"></i>
             </span>
           </li> -->
-        </ul>
-      </div>
-      <div class="rightcontent">
-        <router-view
-          :userinfo="userinfo"
-          :userbanklist="userbanklist"
-          :userpoint="userpoint"
-          :userbalance="userbalance"
-        ></router-view>
-      </div>
-    </div>
-  </div>
+				</ul>
+			</div>
+			<div class="rightcontent">
+				<router-view :userinfo="userinfo" :userbanklist="userbanklist" :userpoint="userpoint" :userbalance="userbalance"></router-view>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
 import {
-  userBaseInfoApi,
-  getUserBankListApi,
-  userBalanceApi,
-  getPointApi,
-  // uploadUserAvatarApi,
-  userCardApi,
+	userBaseInfoApi,
+	getUserBankListApi,
+	userBalanceApi,
+	getPointApi,
+	// uploadUserAvatarApi,
+	userCardApi,
 } from "../../../api/userinfo";
 import { VueCropper } from "vue-cropper";
 import request from "@/utils/request";
 
 export default {
-  inject: ["reload"],
-  // 组件名称
-  name: "",
-  // 局部注册的组件
-  components: {
-    VueCropper,
-  },
+	inject: ["reload"],
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {
+		VueCropper,
+	},
 
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      userinfo: {}, // 用户基础信息
-      userbalance: "",
-      userpoint: "",
-      activelist: "",
-      userbanklist: [],
-      cardinfo: {},
-      visible: false,
-      previewStyle3: {},
-      previews: {},
-      userbaseInfo: JSON.parse(sessionStorage.getItem("LOGIN_DATA")),
-      option: {
-        // 裁剪图片配置
-        img: "", // 裁剪图片的地址
-        outputSize: 1, // 裁剪生成图片的质量(可选0.1 - 1)
-        outputType: "png", // 裁剪生成图片的格式（jpeg || png || webp）
-        info: true, // 图片大小信息
-        canScale: true, // 图片是否允许滚轮缩放
-        autoCrop: true, // 是否默认生成截图框
-        autoCropWidth: 150, // 默认生成截图框宽度
-        autoCropHeight: 150, // 默认生成截图框高度
-        fixed: true, // 是否开启截图框宽高固定比例
-        fixedNumber: [1, 1], // 截图框的宽高比例
-        // full: false, // false按原比例裁切图片，不失真
-        // fixedBox: false, // 固定截图框大小，不允许改变
-        // canMove: false, // 上传图片是否可以移动
-        canMoveBox: true, // 截图框能否拖动
-        // original: false, // 上传图片按照原始比例渲染
-        // centerBox: false, // 截图框是否被限制在图片里面
-        height: true, // 是否按照设备的dpr 输出等比例图片
-        infoTrue: true, // true为展示真实输出图片宽高，false展示看到的截图框宽高
-        maxImgSize: 290, // 限制图片最大宽度和高度
-        enlarge: 1, // 图片根据截图框输出比例倍数
-        mode: "auto", // 图片默认渲染方式
-      },
-    };
-  },
-  // 计算属性
-  computed: {
-    path() {
-      return this.$route.fullPath;
-    },
-  },
-  // 侦听器
-  watch: {
-    path() {
-      this.changeactive();
-    },
-  },
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    this.getUserInfo();
-    this.changeactive();
-    this.getuserbnak();
-    this.getUserBalanceInfo();
-    this.getPoint();
-    this.getcardcount();
-    console.log(this.userbaseInfo);
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    async getUserInfo() {
-      try {
-        const { data } = await userBaseInfoApi();
-        if (data.status === 200) {
-          this.userinfo = data.data;
-          console.log(this.userinfo);
-          const beforetel = this.userinfo.tel.substr(0, 3);
-          const aftertel = this.userinfo.tel.substr(7, 4);
-          this.userinfo.hidetel = beforetel + "****" + aftertel;
-          const beforeId = this.userinfo.IDCard.substr(0, 1);
-          const afterId = this.userinfo.IDCard.substr(17, 1);
-          this.userinfo.hideId = beforeId + "****************" + afterId;
-          const hidename = this.userinfo.realName.substr(
-            this.userinfo.realName.length - 1,
-            1
-          );
-          // this.userinfo.hidename =  hidename;
-          let newstr = "";
-          for (let i = 0; i < this.userinfo.realName.length - 1; i++) {
-            newstr += "*";
-          }
-          this.userinfo.hidename = newstr + hidename;
-          console.log(aftertel);
-          console.log(beforetel);
-        }
-        console.log(data);
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    pushto(url) {
-      this.$router.push(url);
-    },
-    changeactive() {
-      if (this.path.indexOf("/loginpsw") > -1) {
-        this.activelist = 0;
-      } else if (this.path.indexOf("/boundtel") > -1) {
-        this.activelist = 1;
-      } else if (this.path.indexOf("/boundwx") > -1) {
-        this.activelist = 2;
-      } else if (this.path.indexOf("/boundbankcard") > -1) {
-        this.activelist = 3;
-      } else if (this.path.indexOf("/realname") > -1) {
-        this.activelist = 4;
-      } else if (this.path.indexOf("/myintegral") > -1) {
-        this.activelist = 6;
-      } else if (this.path.indexOf("/mycard") > -1) {
-        this.activelist = 7;
-      } else if (this.path.indexOf("/mybalance") > -1) {
-        this.activelist = 8;
-      }
-    },
-    async getuserbnak() {
-      try {
-        const { data } = await getUserBankListApi();
-        console.log(data);
-        this.userbanklist = data.data;
-        this.userbanklist.forEach((ele) => {
-          ele.newbankNo = ele.bankNo.substr(14, 4);
-        });
-        // const newdata = this.userbanklist.bankNo.substr(14, 4);
-        // console.log(newdata);
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    async getUserBalanceInfo() {
-      try {
-        const { data } = await userBalanceApi();
-        this.userbalance = data.data.balance / 100;
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			userinfo: {}, // 用户基础信息
+			userbalance: "",
+			userpoint: "",
+			activelist: "",
+			userbanklist: [],
+			cardinfo: {},
+			visible: false,
+			previewStyle3: {},
+			previews: {},
+			userbaseInfo: JSON.parse(localStorage.getItem("LOGIN_DATA")),
+			option: {
+				// 裁剪图片配置
+				img: "", // 裁剪图片的地址
+				outputSize: 1, // 裁剪生成图片的质量(可选0.1 - 1)
+				outputType: "png", // 裁剪生成图片的格式（jpeg || png || webp）
+				info: true, // 图片大小信息
+				canScale: true, // 图片是否允许滚轮缩放
+				autoCrop: true, // 是否默认生成截图框
+				autoCropWidth: 150, // 默认生成截图框宽度
+				autoCropHeight: 150, // 默认生成截图框高度
+				fixed: true, // 是否开启截图框宽高固定比例
+				fixedNumber: [1, 1], // 截图框的宽高比例
+				// full: false, // false按原比例裁切图片，不失真
+				// fixedBox: false, // 固定截图框大小，不允许改变
+				// canMove: false, // 上传图片是否可以移动
+				canMoveBox: true, // 截图框能否拖动
+				// original: false, // 上传图片按照原始比例渲染
+				// centerBox: false, // 截图框是否被限制在图片里面
+				height: true, // 是否按照设备的dpr 输出等比例图片
+				infoTrue: true, // true为展示真实输出图片宽高，false展示看到的截图框宽高
+				maxImgSize: 290, // 限制图片最大宽度和高度
+				enlarge: 1, // 图片根据截图框输出比例倍数
+				mode: "auto", // 图片默认渲染方式
+			},
+		};
+	},
+	// 计算属性
+	computed: {
+		path() {
+			return this.$route.fullPath;
+		},
+	},
+	// 侦听器
+	watch: {
+		path() {
+			this.changeactive();
+		},
+	},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		this.getUserInfo();
+		this.changeactive();
+		this.getuserbnak();
+		this.getUserBalanceInfo();
+		this.getPoint();
+		this.getcardcount();
+		console.log(this.userbaseInfo);
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {},
+	// 组件方法
+	methods: {
+		async getUserInfo() {
+			try {
+				const { data } = await userBaseInfoApi();
+				if (data.status === 200) {
+					this.userinfo = data.data;
+					console.log(this.userinfo);
+					const beforetel = this.userinfo.tel.substr(0, 3);
+					const aftertel = this.userinfo.tel.substr(7, 4);
+					this.userinfo.hidetel = beforetel + "****" + aftertel;
+					const beforeId = this.userinfo.IDCard.substr(0, 1);
+					const afterId = this.userinfo.IDCard.substr(17, 1);
+					this.userinfo.hideId = beforeId + "****************" + afterId;
+					const hidename = this.userinfo.realName.substr(this.userinfo.realName.length - 1, 1);
+					// this.userinfo.hidename =  hidename;
+					let newstr = "";
+					for (let i = 0; i < this.userinfo.realName.length - 1; i++) {
+						newstr += "*";
+					}
+					this.userinfo.hidename = newstr + hidename;
+					console.log(aftertel);
+					console.log(beforetel);
+				}
+				console.log(data);
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		pushto(url) {
+			this.$router.push(url);
+		},
+		changeactive() {
+			if (this.path.indexOf("/loginpsw") > -1) {
+				this.activelist = 0;
+			} else if (this.path.indexOf("/boundtel") > -1) {
+				this.activelist = 1;
+			} else if (this.path.indexOf("/boundwx") > -1) {
+				this.activelist = 2;
+			} else if (this.path.indexOf("/boundbankcard") > -1) {
+				this.activelist = 3;
+			} else if (this.path.indexOf("/realname") > -1) {
+				this.activelist = 4;
+			} else if (this.path.indexOf("/myintegral") > -1) {
+				this.activelist = 6;
+			} else if (this.path.indexOf("/mycard") > -1) {
+				this.activelist = 7;
+			} else if (this.path.indexOf("/mybalance") > -1) {
+				this.activelist = 8;
+			}
+		},
+		async getuserbnak() {
+			try {
+				const { data } = await getUserBankListApi();
+				console.log(data);
+				this.userbanklist = data.data;
+				this.userbanklist.forEach((ele) => {
+					ele.newbankNo = ele.bankNo.substr(14, 4);
+				});
+				// const newdata = this.userbanklist.bankNo.substr(14, 4);
+				// console.log(newdata);
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getUserBalanceInfo() {
+			try {
+				const { data } = await userBalanceApi();
+				this.userbalance = data.data.balance / 100;
 
-        console.log(data);
-        console.log(this.userbalance);
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    async getPoint() {
-      try {
-        const { data } = await getPointApi();
-        console.log(data);
-        this.userpoint = data.data.pointTotal;
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    async getcardcount() {
-      try {
-        const { data } = await userCardApi();
-        console.log(data);
-        this.cardinfo = data.data;
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    uploadavatar() {
-      //上传头像
-      this.$refs.updateicon.click();
-    },
-    filepick(e) {
-      console.log(this.$refs.updateicon);
-      console.log(e);
-      const that = this;
-      this.visible = true;
-      const imgFile = new FileReader();
-      imgFile.readAsDataURL(this.$refs.updateicon.files[0]);
-      imgFile.onload = function () {
-        that.option.img = this.result;
-      };
-      // this.option.img = window.URL.createObjectURL(
-      //   this.$refs.updateicon.files[0]
-      // )
-      this.filelength = this.$refs.updateicon.files.length;
-    },
-    realTime(data) {
-      // data.div.height = "50px";
-      // data.div.width = "50px";
-      // data.w = 50;
-      // data.h = 50;
-      console.log(data);
+				console.log(data);
+				console.log(this.userbalance);
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getPoint() {
+			try {
+				const { data } = await getPointApi();
+				console.log(data);
+				this.userpoint = data.data.pointTotal;
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getcardcount() {
+			try {
+				const { data } = await userCardApi();
+				console.log(data);
+				this.cardinfo = data.data;
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		uploadavatar() {
+			//上传头像
+			this.$refs.updateicon.click();
+		},
+		filepick(e) {
+			console.log(this.$refs.updateicon);
+			console.log(e);
+			const that = this;
+			this.visible = true;
+			const imgFile = new FileReader();
+			imgFile.readAsDataURL(this.$refs.updateicon.files[0]);
+			imgFile.onload = function () {
+				that.option.img = this.result;
+			};
+			// this.option.img = window.URL.createObjectURL(
+			//   this.$refs.updateicon.files[0]
+			// )
+			this.filelength = this.$refs.updateicon.files.length;
+		},
+		realTime(data) {
+			// data.div.height = "50px";
+			// data.div.width = "50px";
+			// data.w = 50;
+			// data.h = 50;
+			console.log(data);
 
-      var previews = data;
-      var h = 0.5;
-      var w = 0.2;
-      this.previewStyle1 = {
-        width: previews.w + "px",
-        height: previews.h + "px",
-        overflow: "hidden",
-        margin: "0",
-        zoom: h,
-      };
+			var previews = data;
+			var h = 0.5;
+			var w = 0.2;
+			this.previewStyle1 = {
+				width: previews.w + "px",
+				height: previews.h + "px",
+				overflow: "hidden",
+				margin: "0",
+				zoom: h,
+			};
 
-      this.previewStyle2 = {
-        width: previews.w + "px",
-        height: previews.h + "px",
-        overflow: "hidden",
-        margin: "0",
-        zoom: w,
-      };
+			this.previewStyle2 = {
+				width: previews.w + "px",
+				height: previews.h + "px",
+				overflow: "hidden",
+				margin: "0",
+				zoom: w,
+			};
 
-      // 固定为 100 宽度
-      this.previewStyle3 = {
-        width: previews.w + "px",
-        height: previews.h + "px",
-        overflow: "hidden",
-        margin: "0",
-        zoom: 100 / previews.w,
-      };
+			// 固定为 100 宽度
+			this.previewStyle3 = {
+				width: previews.w + "px",
+				height: previews.h + "px",
+				overflow: "hidden",
+				margin: "0",
+				zoom: 100 / previews.w,
+			};
 
-      // 固定为 100 高度
-      this.previewStyle4 = {
-        width: previews.w + "px",
-        height: previews.h + "px",
-        overflow: "hidden",
-        margin: "0",
-        zoom: 100 / previews.h,
-      };
-      this.previews = data;
-    },
-    modalcancel() {
-      this.visible = false;
-      this.$refs.updateicon.value = "";
-      this.filelength = this.$refs.updateicon.files.length;
+			// 固定为 100 高度
+			this.previewStyle4 = {
+				width: previews.w + "px",
+				height: previews.h + "px",
+				overflow: "hidden",
+				margin: "0",
+				zoom: 100 / previews.h,
+			};
+			this.previews = data;
+		},
+		modalcancel() {
+			this.visible = false;
+			this.$refs.updateicon.value = "";
+			this.filelength = this.$refs.updateicon.files.length;
 
-      // console.log(this.filelength)
-    },
-    changeavatar() {
-      let that = this;
-      this.$refs.cropper.getCropBlob((data) => {
-        // const that = this;
-        // do something
-        // console.log(data)
-        const imgFile = new FileReader();
-        imgFile.readAsDataURL(data);
-        imgFile.onload = function () {
-          let formData1 = new FormData();
-          formData1.append("imgName", "abc.png");
-          formData1.append("userImg", this.result);
+			// console.log(this.filelength)
+		},
+		changeavatar() {
+			let that = this;
+			this.$refs.cropper.getCropBlob((data) => {
+				// const that = this;
+				// do something
+				// console.log(data)
+				const imgFile = new FileReader();
+				imgFile.readAsDataURL(data);
+				imgFile.onload = function () {
+					let formData1 = new FormData();
+					formData1.append("imgName", "abc.png");
+					formData1.append("userImg", this.result);
 
-          request({
-            method: "post",
-            url: "/yishoudan/user/changeUserImgsrc",
-            data: formData1,
-            withCredentials: true,
-            // headers: {'Content-Type': 'application/x-www-form-urlencoded'}
+					request({
+						method: "post",
+						url: "/yishoudan/user/changeUserImgsrc",
+						data: formData1,
+						withCredentials: true,
+						// headers: {'Content-Type': 'application/x-www-form-urlencoded'}
 
-            headers: {
-              "Content-Type":
-                "multipart/form-data;boundary = " + new Date().getTime(),
-            },
-          })
-            .then(({ data }) => {
-              console.log(data);
-              console.log();
-              if (data.status === 200) {
-                let userinfo = JSON.parse(sessionStorage.getItem("LOGIN_DATA"));
-                userinfo.imgSrc = data.data.url;
-                sessionStorage.setItem("LOGIN_DATA", JSON.stringify(userinfo));
-                that.reload();
-              }
-            })
-            .catch((error) => {
-              console.log(error);
-            });
-          console.log(data);
-        };
-        this.visible = false;
-      });
+						headers: {
+							"Content-Type": "multipart/form-data;boundary = " + new Date().getTime(),
+						},
+					})
+						.then(({ data }) => {
+							console.log(data);
+							console.log();
+							if (data.status === 200) {
+								let userinfo = JSON.parse(localStorage.getItem("LOGIN_DATA"));
+								// userinfo.imgSrc =;
+								localStorage.setItem("LOGIN_DATA", JSON.stringify({ ...userinfo, imgSrc: data.data.url }));
+								that.reload();
+							}
+						})
+						.catch((error) => {
+							console.log(error);
+						});
+					console.log(data);
+				};
+				this.visible = false;
+			});
 
-      // console.log(this.avatarready)
-      // console.log(this.filelength)
-      this.AvatarWaringmsgshow = false;
-    },
-  },
+			// console.log(this.avatarready)
+			// console.log(this.filelength)
+			this.AvatarWaringmsgshow = false;
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .accountcontent {
-  // height: 1000px;
-  margin-top: 16px;
-  // background-color: pink;
-  display: flex;
-  .accountSetList {
-    width: 346px;
-    // height: 500px;
-    // background-color: skyblue;
-    margin-right: 16px;
-    .userinfobox {
-      width: 346px;
-      height: 158px;
-      background: #ffffff;
-      border-radius: 0px;
-      padding: 24px 0;
-      text-align: center;
-      border: 1px solid #ededed;
-      .avatarbox {
-        margin: 0 auto;
-        width: 64px;
-        position: relative;
+	// height: 1000px;
+	margin-top: 16px;
+	// background-color: pink;
+	display: flex;
+	.accountSetList {
+		width: 346px;
+		// height: 500px;
+		// background-color: skyblue;
+		margin-right: 16px;
+		.userinfobox {
+			width: 346px;
+			height: 158px;
+			background: #ffffff;
+			border-radius: 0px;
+			padding: 24px 0;
+			text-align: center;
+			border: 1px solid #ededed;
+			.avatarbox {
+				margin: 0 auto;
+				width: 64px;
+				position: relative;
 
-        &:hover {
-          .mask {
-            display: block;
-          }
-        }
-        img {
-          display: block;
-          width: 64px;
-          height: 64px;
-          border-radius: 50%;
-        }
-        i {
-          width: 64px;
-          height: 64px;
-          color: #ff4400;
-          > span {
-            font-size: 64px;
-            line-height: 64px;
-          }
-          .mask {
-            position: absolute;
-            display: none;
-            width: 64px;
-            height: 64px;
-            left: 0;
-            top: 0;
-            border-radius: 50%;
-            background-color: rgba(0, 0, 0, 0.7);
+				&:hover {
+					.mask {
+						display: block;
+					}
+				}
+				img {
+					display: block;
+					width: 64px;
+					height: 64px;
+					border-radius: 50%;
+				}
+				i {
+					width: 64px;
+					height: 64px;
+					color: #ff4400;
+					> span {
+						font-size: 64px;
+						line-height: 64px;
+					}
+					.mask {
+						position: absolute;
+						display: none;
+						width: 64px;
+						height: 64px;
+						left: 0;
+						top: 0;
+						border-radius: 50%;
+						background-color: rgba(0, 0, 0, 0.7);
 
-            div {
-              position: relative;
-              padding: 2px;
-              width: 40px;
-              margin-top: 11px !important;
-              margin-left: 13px !important;
-              font-size: 14px;
-              line-height: 19px;
-              font-weight: bold;
-              letter-spacing: 2px;
-              color: rgba(255, 255, 255, 0.8);
-              top: 0;
-              right: 0;
-              left: 0;
-              bottom: 0;
-              margin: auto;
-            }
-          }
-        }
-      }
-      .username {
-        margin-top: 18px;
-      }
-    }
-    .priceinfo {
-      margin-top: 16px;
-      ul {
-        // margin-top: 16px;
-        // padding: 0 16px;
-        background-color: #fff;
-        border-radius: 0px;
-        overflow: hidden;
-        li {
-          position: relative;
-          display: flex;
-          padding: 16px 16px 16px 16px;
+						div {
+							position: relative;
+							padding: 2px;
+							width: 40px;
+							margin-top: 11px !important;
+							margin-left: 13px !important;
+							font-size: 14px;
+							line-height: 19px;
+							font-weight: bold;
+							letter-spacing: 2px;
+							color: rgba(255, 255, 255, 0.8);
+							top: 0;
+							right: 0;
+							left: 0;
+							bottom: 0;
+							margin: auto;
+						}
+					}
+				}
+			}
+			.username {
+				margin-top: 18px;
+			}
+		}
+		.priceinfo {
+			margin-top: 16px;
+			ul {
+				// margin-top: 16px;
+				// padding: 0 16px;
+				background-color: #fff;
+				border-radius: 0px;
+				overflow: hidden;
+				li {
+					position: relative;
+					display: flex;
+					padding: 16px 16px 16px 16px;
 
-          line-height: 24px;
-          justify-content: space-between;
-          border-bottom: 1px solid #ededed;
-          cursor: pointer;
-          &:nth-child(-n + 2):after {
-            position: absolute;
-            content: "";
-            display: inline-block;
-            height: 1px;
-            width: 314px;
-            bottom: -1px;
-            left: 16px;
-            background-color: #f3f4f4;
-          }
-          span:first-of-type {
-            font-size: 16px;
-            i:first-of-type {
-              margin-right: 12px;
-              font-size: 20px;
-              vertical-align: middle;
-            }
-          }
-          span:last-of-type {
-            span {
-              color: #999999;
-              font-size: 14px;
-            }
-            i {
-              color: #888;
-              font-size: 22px;
-              vertical-align: middle;
-            }
-          }
-          &:hover {
-            // background-color: #ff4400 !important;
-            color: #ff4400;
-            span {
-              span {
-                color: #ff4400;
-              }
-              i {
-                color: #ff4400;
-              }
-            }
-            i {
-              color: #ff4400;
-            }
-          }
-        }
-      }
-    }
-    > ul {
-      background-color: #fff;
-      margin-top: 16px;
-      // padding: 0 16px;
-      border-radius: 0px;
-      overflow: hidden;
-      border: 1px solid #ededed;
-      li {
-        position: relative;
-        display: flex;
-        padding: 16px;
-        line-height: 24px;
-        justify-content: space-between;
-        cursor: pointer;
-        &:not(:last-child) {
-          // border-bottom: 1px solid #ededed;
-        }
-        &:nth-child(-n + 3):after {
-          position: absolute;
-          content: "";
-          display: inline-block;
-          height: 1px;
-          width: 314px;
-          bottom: -1px;
-          left: 16px;
-          background-color: #f3f4f4;
-        }
-        > span:first-child {
-          font-size: 16px;
-          display: flex;
-          align-items: center;
-          i {
-            margin-right: 12px;
-            font-size: 20px;
-          }
-        }
-        > span:last-child {
-          line-height: 22px;
-          span {
-            color: #999;
-            font-size: 14px;
-          }
-          > i {
-            color: #888;
-            // margin-left: 12px;
-            vertical-align: middle;
+					line-height: 24px;
+					justify-content: space-between;
+					border-bottom: 1px solid #ededed;
+					cursor: pointer;
+					&:nth-child(-n + 2):after {
+						position: absolute;
+						content: "";
+						display: inline-block;
+						height: 1px;
+						width: 314px;
+						bottom: -1px;
+						left: 16px;
+						background-color: #f3f4f4;
+					}
+					span:first-of-type {
+						font-size: 16px;
+						i:first-of-type {
+							margin-right: 12px;
+							font-size: 20px;
+							vertical-align: middle;
+						}
+					}
+					span:last-of-type {
+						span {
+							color: #999999;
+							font-size: 14px;
+						}
+						i {
+							color: #888;
+							font-size: 22px;
+							vertical-align: middle;
+						}
+					}
+					&:hover {
+						// background-color: #ff4400 !important;
+						color: #ff4400;
+						span {
+							span {
+								color: #ff4400;
+							}
+							i {
+								color: #ff4400;
+							}
+						}
+						i {
+							color: #ff4400;
+						}
+					}
+				}
+			}
+		}
+		> ul {
+			background-color: #fff;
+			margin-top: 16px;
+			// padding: 0 16px;
+			border-radius: 0px;
+			overflow: hidden;
+			border: 1px solid #ededed;
+			li {
+				position: relative;
+				display: flex;
+				padding: 16px;
+				line-height: 24px;
+				justify-content: space-between;
+				cursor: pointer;
+				&:not(:last-child) {
+					// border-bottom: 1px solid #ededed;
+				}
+				&:nth-child(-n + 3):after {
+					position: absolute;
+					content: "";
+					display: inline-block;
+					height: 1px;
+					width: 314px;
+					bottom: -1px;
+					left: 16px;
+					background-color: #f3f4f4;
+				}
+				> span:first-child {
+					font-size: 16px;
+					display: flex;
+					align-items: center;
+					i {
+						margin-right: 12px;
+						font-size: 20px;
+					}
+				}
+				> span:last-child {
+					line-height: 22px;
+					span {
+						color: #999;
+						font-size: 14px;
+					}
+					> i {
+						color: #888;
+						// margin-left: 12px;
+						vertical-align: middle;
 
-            font-size: 22px;
-          }
-        }
-        &:hover {
-          // background-color: #ff4400 !important;
-          color: #ff4400;
-          span {
-            span {
-              color: #ff4400;
-            }
-            i {
-              color: #ff4400;
-            }
-          }
-          i {
-            color: #ff4400;
-          }
-        }
-      }
-    }
-  }
-  .rightcontent {
-    width: 838px;
-    height: 600px;
-    padding: 0 16px;
-    background-color: #fff;
-    border: 1px solid #ededed;
-  }
+						font-size: 22px;
+					}
+				}
+				&:hover {
+					// background-color: #ff4400 !important;
+					color: #ff4400;
+					span {
+						span {
+							color: #ff4400;
+						}
+						i {
+							color: #ff4400;
+						}
+					}
+					i {
+						color: #ff4400;
+					}
+				}
+			}
+		}
+	}
+	.rightcontent {
+		width: 838px;
+		height: 600px;
+		padding: 0 16px;
+		background-color: #fff;
+		border: 1px solid #ededed;
+	}
 }
 
 ::v-deep .ant-modal-footer {
-  display: none;
+	display: none;
 }
 ::v-deep .ant-modal-header {
-  height: 48px;
-  border-bottom: 0px solid #000;
+	height: 48px;
+	border-bottom: 0px solid #000;
 }
 ::v-deep .ant-modal-title {
-  font-size: 20px;
-  font-weight: 400;
-  text-align: left;
-  color: #222222;
-  line-height: 28px;
+	font-size: 20px;
+	font-weight: 400;
+	text-align: left;
+	color: #222222;
+	line-height: 28px;
 }
 ::v-deep .ant-modal-content {
-  margin-top: 100px;
-  width: 576px;
-  height: 409px;
+	margin-top: 100px;
+	width: 576px;
+	height: 409px;
 }
 
 ::v-deep .vue-cropper {
-  width: 290px !important;
-  margin: 0 !important;
+	width: 290px !important;
+	margin: 0 !important;
 }
 .cropper-content {
-  display: flex;
-  display: -webkit-flex;
-  justify-content: space-around;
-  /deep/ .cropper-box {
-    flex: 1;
-    width: 100%;
-    .cropper-view-box,
-    .cropper-crop-box {
-      border-radius: 50%;
-    }
-    .cropper-crop-box {
-      .cropper-face {
-        border-radius: 50%;
-      }
-      span:last-child {
-        // display: none;
-        span:nth-child(5) {
-          display: none;
-        }
-        span:nth-child(7) {
-          display: none;
-        }
-        span:nth-child(10) {
-          display: none;
-        }
-        span:nth-child(12) {
-          display: none;
-        }
-      }
-    }
-    .cropper {
-      width: auto;
-      height: 300px;
-    }
-  }
-  .previewcontainer {
-    text-align: center;
-    margin-right: 50px !important;
-    p {
-      margin-bottom: 20px;
-      margin-left: -150px;
-    }
-  }
-  .show-preview {
-    flex: 1;
-    -webkit-flex: 1;
-    display: flex;
-    display: -webkit-flex;
-    justify-content: center;
-    border-radius: 50%;
-    border: 1px solid #666;
-    .preview {
-      overflow: hidden;
-      background: #cccccc;
-    }
-  }
+	display: flex;
+	display: -webkit-flex;
+	justify-content: space-around;
+	/deep/ .cropper-box {
+		flex: 1;
+		width: 100%;
+		.cropper-view-box,
+		.cropper-crop-box {
+			border-radius: 50%;
+		}
+		.cropper-crop-box {
+			.cropper-face {
+				border-radius: 50%;
+			}
+			span:last-child {
+				// display: none;
+				span:nth-child(5) {
+					display: none;
+				}
+				span:nth-child(7) {
+					display: none;
+				}
+				span:nth-child(10) {
+					display: none;
+				}
+				span:nth-child(12) {
+					display: none;
+				}
+			}
+		}
+		.cropper {
+			width: auto;
+			height: 300px;
+		}
+	}
+	.previewcontainer {
+		text-align: center;
+		margin-right: 50px !important;
+		p {
+			margin-bottom: 20px;
+			margin-left: -150px;
+		}
+	}
+	.show-preview {
+		flex: 1;
+		-webkit-flex: 1;
+		display: flex;
+		display: -webkit-flex;
+		justify-content: center;
+		border-radius: 50%;
+		border: 1px solid #666;
+		.preview {
+			overflow: hidden;
+			background: #cccccc;
+		}
+	}
 }
 
 .btncontainer {
-  position: absolute;
-  bottom: 25px;
-  button {
-    margin: 9px;
-    height: 35px;
-    width: 63px;
-  }
-  button:nth-child(1) {
-    margin-left: -25px;
-  }
+	position: absolute;
+	bottom: 25px;
+	button {
+		margin: 9px;
+		height: 35px;
+		width: 63px;
+	}
+	button:nth-child(1) {
+		margin-left: -25px;
+	}
 }
 </style>
diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index ce59516..99d517b 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -1,31 +1,29 @@
 <template>
-  <div class="mybill-container w">
-    <div class="contenttitle">
-      <ul @click="resetpag">
-        <li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }">
-          全部<span>{{ billNumber.num == 0 ? "" : billNumber.num }}</span>
-        </li>
-        <li @click="pagination.status = 10" :class="{ townsmanactive: pagination.status === 10 }">
-          待审核<span>{{ billNumber.num10 == 0 ? "" : billNumber.num10 }}</span>
-        </li>
-        <li @click="pagination.status = 20" :class="{ townsmanactive: pagination.status === 20 }">
-          待接待<span>{{ billNumber.num20 == 0 ? "" : billNumber.num20 }}</span>
-        </li>
-        <li @click="pagination.status = 25" :class="{ townsmanactive: pagination.status === 25 }">
-          待面试<span>{{ billNumber.num25 == 0 ? "" : billNumber.num25 }}</span>
-        </li>
-        <li @click="pagination.status = 30" :class="{ townsmanactive: pagination.status === 30 }">
-          待入职<span>{{ billNumber.num30 == 0 ? "" : billNumber.num30 }}</span>
-        </li>
-        <li @click="pagination.status = 40" :class="{ townsmanactive: pagination.status === 40 }">
-          跟在职<span>{{ billNumber.num40 == 0 ? "" : billNumber.num40 }}</span>
-        </li>
-        <li @click="pagination.status = 999" :class="{ townsmanactive: pagination.status === 999 }">
-          已完成<span>{{
-            billNumber.num999 == 0 ? "" : billNumber.num999
-          }}</span>
-        </li>
-        <!-- <li
+	<div class="mybill-container w">
+		<div class="contenttitle">
+			<ul @click="resetpag">
+				<li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }">
+					全部<span>{{ billNumber.num == 0 ? "" : billNumber.num }}</span>
+				</li>
+				<li @click="pagination.status = 10" :class="{ townsmanactive: pagination.status === 10 }">
+					待审核<span>{{ billNumber.num10 == 0 ? "" : billNumber.num10 }}</span>
+				</li>
+				<li @click="pagination.status = 20" :class="{ townsmanactive: pagination.status === 20 }">
+					待接待<span>{{ billNumber.num20 == 0 ? "" : billNumber.num20 }}</span>
+				</li>
+				<li @click="pagination.status = 25" :class="{ townsmanactive: pagination.status === 25 }">
+					待面试<span>{{ billNumber.num25 == 0 ? "" : billNumber.num25 }}</span>
+				</li>
+				<li @click="pagination.status = 30" :class="{ townsmanactive: pagination.status === 30 }">
+					待入职<span>{{ billNumber.num30 == 0 ? "" : billNumber.num30 }}</span>
+				</li>
+				<li @click="pagination.status = 40" :class="{ townsmanactive: pagination.status === 40 }">
+					跟在职<span>{{ billNumber.num40 == 0 ? "" : billNumber.num40 }}</span>
+				</li>
+				<li @click="pagination.status = 999" :class="{ townsmanactive: pagination.status === 999 }">
+					已完成<span>{{ billNumber.num999 == 0 ? "" : billNumber.num999 }}</span>
+				</li>
+				<!-- <li
           @click="pagination.status = 50"
           :class="{ townsmanactive: pagination.status === 50 }"
         >
@@ -37,1560 +35,1499 @@
         >
           稍后<span>{{ billNumber.num == 0 ? "" : billNumber.num }}</span>
         </li> -->
-        <!-- <li
+				<!-- <li
           @click="pagination.status = 70"
           :class="{ townsmanactive: pagination.status === 70 }"
         >
           已放弃
         </li> -->
-      </ul>
-    </div>
-    <div class="contentbody">
-      <div class="searchbox">
-        <div class="searchinput">
-          <a-input placeholder="搜索工单号/职位/姓名/电话/身份证号" allowClear @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>报名时间：</div>
-            <a-range-picker style="" @change="dateChange" class="" />
-          </div>
-        </div>
-        <div class="pagechange">
-          <button @click="changepage(-1)">上一页</button>
-          <button @click="changepage(1)">下一页</button>
-        </div>
-      </div>
-
-      <div class="infocontent">
-        <div class="contenttltle">
-          <ul>
-            <li>姓名</li>
-            <li>报名岗位</li>
-            <li>政策</li>
-            <!-- <button @click="statusFilter">filter</button> -->
-            <li>
-              <div>状态：</div>
-              <a-select size="small" placeholder="" allowClear @change="resetStatus" :dropdownMatchSelectWidth="false" dropdownClassName="statusclass" style="">
-                <a-select-option v-for="(i, index) in orderStatus" :key="index" @click="handleChange(i)">
-                  {{ i.name }}</a-select-option>
-              </a-select>
-            </li>
-          </ul>
-        </div>
-        <div style="text-align: center; margin-top: 16px">
-          <a-spin tip="加载中..." :spinning="isspinning"></a-spin>
-        </div>
-        <template v-if="billList.length === 0 && isspinning === false">
-          <a-empty class="nodata" description="暂无数据" />
-        </template>
-        <div class="subsetbox" v-if="!isspinning">
-          <div class="infoSubset" v-for="(item, index) in billList" :key="item.id" :class="item.isDown ? '' : 'isDownstyle'">
-            <ul class="proxyInfo">
-              <li>报名时间: {{ item.createTime }}</li>
-              <li>工单号: {{ item.orderNum }}</li>
-              <li>{{ item.agencyName }}</li>
-              <li>
-                更新时间: {{ item.updateTime }}
-                <span style="display: inline-block">({{ item.diffTime }})</span>
-              </li>
-            </ul>
-            <ul class="billInfo" style="">
-              <li>
-                <div class="serial">{{ index + 1 }}</div>
-                <i class="iconfont icon-shenfenzheng" :style="{
-                    color: item.idCardImageUrl !== '' ? '#ff4400cc' : '#666',
-                  }" @click.stop="showdiymodal(item)"></i><span>{{ item.userName }}/{{ item.sex }}/{{ item.age }}</span>
-                <span>{{ item.tel }}</span>
-              </li>
-              <li>
-                <div>{{ item.storeJobName }}</div>
-              </li>
-              <li>
-                <p>{{ item.policy }}</p>
-                <div v-show="item.isunfold" class="policyControl" @click="changeStatus(item, index)" :ref="'Control' + index">
-                  <span v-show="item.controlUnfold">展开</span><span v-show="!item.controlUnfold">收起</span>
-                </div>
-              </li>
-              <li>
-                <span style="color: #ff4400; cursor: pointer" @click="showDetail(item)">{{ item.statusTag }}</span><span v-show="item.statusShowTime">{{ item.statusTimeInfo }}: {{ item.statusShowTime }}</span>
-                <span v-show="item.status == 40 || item.status == 50">具体以出名单时间为准</span>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <div class="pagecontainer" v-if="billList.length !== 0">
-        <a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="10" :total="pagination.total" @change="onChange" />
-        <div class="ant-pagination-options-quick-jumper">
-          <span>共{{ pagination.total }}条，</span>
-          跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" style="" />页
-        </div>
-      </div>
-    </div>
-    <div id="diymodal" class="diymodal" v-if="isdiymodalshow">
-      <div class="title" @mousedown.stop="movebox">
-        <i class="iconfont icon-guanbi" @click.stop="closemodal"></i>
-      </div>
-      <div class="body" @mousewheel.prevent="mousewhell">
-        <div class="imgbox1" v-if="idcardimg !== ''">
-          <div class="imgbox" :style="{ background: `url('${idcardimg}')` }"></div>
-        </div>
-        <div class="warningbox" v-else>
-          <div>
-            <img src="../../../../assets/warning.png" alt="" />
-          </div>
-          <p>未上传身份证照片</p>
-          <!-- <div><button @click="isdiymodalshow = false">确定</button></div> -->
-        </div>
-        <!-- <img :src="idcardimg" alt="" draggable="false" /> -->
-      </div>
-      <div class="footer">
-        <i class="iconfont icon-rotatexuanzhuan" title="旋转" @click="rotate(-90)"></i>
-        <i class="iconfont icon-rotatexuanzhuan2" title="旋转" @click="rotate(90)"></i>
-      </div>
-    </div>
-    <a-modal class="billDetailModal" v-model="billDetailVisible" width="756px" @cancel="billDetailModalClose" :footer="null">
-      <div slot='title'>
-        跟进记录
-      </div>
-      <div id="progressinfo" v-if="Object.keys(currentBillDetail).length != 0">
-        <template v-for="(group,key) in currentBillDetail">
-          <div class="titleMain">
-            <div v-if="spliceStr(key) == '1'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/shz.svg" alt="">
-              报名审核中
-            </div>
-            <div v-if="spliceStr(key) == '2'"> <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt="">报名成功</div>
-            <div v-if="spliceStr(key) == '3'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/mstg.svg" alt="">待入职</div>
-            <div v-if="spliceStr(key) == '4'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/rzcg.svg" alt="">在职中</div>
-            <div v-if="spliceStr(key) == '5'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/ylz.svg" alt="">已离职</div>
-            <div v-if="spliceStr(key) == '6'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt="">已完成</div>
-            <div v-if="spliceStr(key) == '9'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yylz.svg" alt="">约离职</div>
-            <div v-if="spliceStr(key) == '11'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">报名失败</div>
-            <div v-if="spliceStr(key) == '12'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yjd.svg" alt="">已接到</div>
-            <div v-if="spliceStr(key) == '13'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">未接到</div>
-            <div v-if="spliceStr(key) == '14'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">面试未通过</div>
-            <div v-if="spliceStr(key) == '15'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">未入职</div>
-          </div>
-          <div v-for="(item,index) in group" class="ui-step-one">
-            <div class="cb-cricle"></div>
-            <div class="ui-list-info">
-              <!-- :style="padding-bottom: item.desp == '' ? '18px' : '24px';" -->
-              <div class="f12 c6" style="white-space: pre-line;" v-if="item.desp != ''">{{item.desp}}
-                <!-- <template v-if="item.policy"> -->
-                <span class="ml12" style="color:#ff4400;cursor: pointer;" @click="showInfo2(item.policy)">
-                  详情</span>
-                <!-- </template> -->
-                <a-modal class="billDetailModal recordInfo" title="报名信息" :visible="zzvisible" @cancel="policyModalCancel" width="716px" :footer='null'>
-                  <a-row class='f16 mb8'>
-                    <a-col :span="4">
-                      <span class="dib tr">姓名：</span>
-                    </a-col>
-                    <a-col :span="18">
-                      <span class="fwb" v-if='currentBillInfo.userName'>{{currentBillInfo.userName}}</span>
-                      <span class="fwb" v-if='currentBillInfo.sex'>/{{currentBillInfo.sex == '1' || currentBillInfo.sex == '男' ? '男' : '女'}}</span>
-                      <span class="fwb" v-if='currentBillInfo.age'>/{{currentBillInfo.age}}岁</span>
-                      <span class="fwb" v-if='currentBillInfo.nation && currentBillInfo.nation!="族"'>/{{currentBillInfo.nation}}</span>
-                    </a-col>
-                  </a-row>
-                  <a-row class='f16 mb8'>
-                    <a-col :span="4">
-                      <span class="dib tr">电话：</span>
-                    </a-col>
-                    <a-col :span="18">
-                      <span>{{currentBillInfo.tel == '' || currentBillInfo.tel == null || currentBillInfo.tel == 'undefined' ? '-' : currentBillInfo.tel}}</span>
-                    </a-col>
-                  </a-row>
-                  <a-row class='f16 mb8'>
-                    <a-col :span="4">
-                      <span class="dib tr">身份证号：</span>
-                    </a-col>
-                    <a-col :span="18">
-                      <span>{{currentBillInfo.idCard == '' || currentBillInfo.idCard == null || currentBillInfo.idCard == 'undefined' ? '-' : currentBillInfo.idCard}}</span>
-                    </a-col>
-                  </a-row>
-                  <a-row class='f16'>
-                    <a-col :span="4">
-                      <span class="dib tr">家庭住址：</span>
-                    </a-col>
-                    <a-col :span="18">
-                      <span>{{currentBillInfo.address == '' || currentBillInfo.address == null || currentBillInfo.address == 'undefined' ? '-' : currentBillInfo.address}}</span>
-                    </a-col>
-                  </a-row>
+			</ul>
+		</div>
+		<div class="contentbody">
+			<div class="searchbox">
+				<div class="searchinput">
+					<a-input placeholder="搜索工单号/职位/姓名/电话/身份证号" allowClear @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>报名时间：</div>
+						<a-range-picker style="" @change="dateChange" class="" />
+					</div>
+				</div>
+				<div class="pagechange">
+					<button @click="changepage(-1)">上一页</button>
+					<button @click="changepage(1)">下一页</button>
+				</div>
+			</div>
 
-                  <div style="border-top: 1px dashed #eeeeee;margin-top: 24px;margin-bottom: 24px;"></div>
-                  <a-row class='f16 mb8'>
-                    <a-col :span="4">
-                      <span class="dib tr">报名岗位：</span>
-                    </a-col>
-                    <a-col :span="18">
-                      <span class="fwb">{{currentBillInfo.storeJobName || '-'}}</span>
-                    </a-col>
-                  </a-row>
-                  <a-row class='f16 mb8'>
-                    <a-col :span="4">
-                      <span class="dib tr">政策：</span>
-                    </a-col>
-                    <a-col :span="18">
-                      <span style="white-space:pre-wrap">{{currentBillInfo.policy || '-'}}</span>
-                    </a-col>
-                  </a-row>
-                  <a-row class='f16 mb8'>
-                    <a-col :span="4">
+			<div class="infocontent">
+				<div class="contenttltle">
+					<ul>
+						<li>姓名</li>
+						<li>报名岗位</li>
+						<li>政策</li>
+						<!-- <button @click="statusFilter">filter</button> -->
+						<li>
+							<div>状态：</div>
+							<a-select size="small" placeholder="" allowClear @change="resetStatus" :dropdownMatchSelectWidth="false" dropdownClassName="statusclass" style="">
+								<a-select-option v-for="(i, index) in orderStatus" :key="index" @click="handleChange(i)"> {{ i.name }}</a-select-option>
+							</a-select>
+						</li>
+					</ul>
+				</div>
+				<div style="text-align: center; margin-top: 16px">
+					<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
+				</div>
+				<template v-if="billList.length === 0 && isspinning === false">
+					<a-empty class="nodata" description="暂无数据" />
+				</template>
+				<div class="subsetbox" v-if="!isspinning">
+					<div class="infoSubset" v-for="(item, index) in billList" :key="item.id" :class="item.isDown ? '' : 'isDownstyle'">
+						<ul class="proxyInfo">
+							<li>报名时间: {{ item.createTime }}</li>
+							<li>工单号: {{ item.orderNum }}</li>
+							<li>{{ item.agencyName }}</li>
+							<li>
+								更新时间: {{ item.updateTime }}
+								<span style="display: inline-block">({{ item.diffTime }})</span>
+							</li>
+						</ul>
+						<ul class="billInfo" style="">
+							<li>
+								<div class="serial">{{ index + 1 }}</div>
+								<i
+									class="iconfont icon-shenfenzheng"
+									:style="{
+										color: item.idCardImageUrl !== '' ? '#ff4400cc' : '#666',
+									}"
+									@click.stop="showdiymodal(item)"
+								></i
+								><span>{{ item.userName }}/{{ item.sex }}/{{ item.age }}</span>
+								<span>{{ item.tel }}</span>
+							</li>
+							<li>
+								<div>{{ item.storeJobName }}</div>
+							</li>
+							<li>
+								<p>{{ item.policy }}</p>
+								<div v-show="item.isunfold" class="policyControl" @click="changeStatus(item, index)" :ref="'Control' + index"><span v-show="item.controlUnfold">展开</span><span v-show="!item.controlUnfold">收起</span></div>
+							</li>
+							<li>
+								<span style="color: #ff4400; cursor: pointer" @click="showDetail(item)">{{ item.statusTag }}</span
+								><span v-show="item.statusShowTime">{{ item.statusTimeInfo }}: {{ item.statusShowTime }}</span>
+								<span v-show="item.status == 40 || item.status == 50">具体以出名单时间为准</span>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="pagecontainer" v-if="billList.length !== 0">
+				<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="10" :total="pagination.total" @change="onChange" />
+				<div class="ant-pagination-options-quick-jumper">
+					<span>共{{ pagination.total }}条，</span>
+					跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" style="" />页
+				</div>
+			</div>
+		</div>
+		<div id="diymodal" class="diymodal" v-if="isdiymodalshow">
+			<div class="title" @mousedown.stop="movebox">
+				<i class="iconfont icon-guanbi" @click.stop="closemodal"></i>
+			</div>
+			<div class="body" @mousewheel.prevent="mousewhell">
+				<div class="imgbox1" v-if="idcardimg !== ''">
+					<div class="imgbox" :style="{ background: `url('${idcardimg}')` }"></div>
+				</div>
+				<div class="warningbox" v-else>
+					<div>
+						<img src="../../../../assets/warning.png" alt="" />
+					</div>
+					<p>未上传身份证照片</p>
+					<!-- <div><button @click="isdiymodalshow = false">确定</button></div> -->
+				</div>
+				<!-- <img :src="idcardimg" alt="" draggable="false" /> -->
+			</div>
+			<div class="footer">
+				<i class="iconfont icon-rotatexuanzhuan" title="旋转" @click="rotate(-90)"></i>
+				<i class="iconfont icon-rotatexuanzhuan2" title="旋转" @click="rotate(90)"></i>
+			</div>
+		</div>
+		<a-modal class="billDetailModal" v-model="billDetailVisible" width="756px" @cancel="billDetailModalClose" :footer="null">
+			<div slot="title">跟进记录</div>
+			<div id="progressinfo" v-if="Object.keys(currentBillDetail).length != 0">
+				<template v-for="(group, key) in currentBillDetail">
+					<div class="titleMain">
+						<div v-if="spliceStr(key) == '1'">
+							<img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/shz.svg" alt="" />
+							报名审核中
+						</div>
+						<div v-if="spliceStr(key) == '2'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt="" />报名成功</div>
+						<div v-if="spliceStr(key) == '3'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/mstg.svg" alt="" />待入职</div>
+						<div v-if="spliceStr(key) == '4'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/rzcg.svg" alt="" />在职中</div>
+						<div v-if="spliceStr(key) == '5'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/ylz.svg" alt="" />已离职</div>
+						<div v-if="spliceStr(key) == '6'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt="" />已完成</div>
+						<div v-if="spliceStr(key) == '9'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yylz.svg" alt="" />约离职</div>
+						<div v-if="spliceStr(key) == '11'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="" />报名失败</div>
+						<div v-if="spliceStr(key) == '12'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yjd.svg" alt="" />已接到</div>
+						<div v-if="spliceStr(key) == '13'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="" />未接到</div>
+						<div v-if="spliceStr(key) == '14'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="" />面试未通过</div>
+						<div v-if="spliceStr(key) == '15'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="" />未入职</div>
+					</div>
+					<div v-for="(item, index) in group" class="ui-step-one">
+						<div class="cb-cricle"></div>
+						<div class="ui-list-info">
+							<!-- :style="padding-bottom: item.desp == '' ? '18px' : '24px';" -->
+							<div class="f12 c6" style="white-space: pre-line" v-if="item.desp != ''">
+								{{ item.desp }}
+								<template v-if="item.policy">
+									<span class="ml12" style="color: #ff4400; cursor: pointer" @click="showInfo2(item.policy)"> 详情</span>
+								</template>
+								<a-modal class="billDetailModal recordInfo" title="报名信息" :visible="zzvisible" @cancel="policyModalCancel" width="716px" :footer="null">
+									<a-row class="f16 mb8">
+										<a-col :span="4">
+											<span class="dib tr">姓名：</span>
+										</a-col>
+										<a-col :span="18">
+											<span class="fwb" v-if="currentBillInfo.userName">{{ currentBillInfo.userName }}</span>
+											<span class="fwb" v-if="currentBillInfo.sex">/{{ currentBillInfo.sex == "1" || currentBillInfo.sex == "男" ? "男" : "女" }}</span>
+											<span class="fwb" v-if="currentBillInfo.age">/{{ currentBillInfo.age }}岁</span>
+											<span class="fwb" v-if="currentBillInfo.nation && currentBillInfo.nation != '族'">/{{ currentBillInfo.nation }}</span>
+										</a-col>
+									</a-row>
+									<a-row class="f16 mb8">
+										<a-col :span="4">
+											<span class="dib tr">电话：</span>
+										</a-col>
+										<a-col :span="18">
+											<span>{{ currentBillInfo.tel == "" || currentBillInfo.tel == null || currentBillInfo.tel == "undefined" ? "-" : currentBillInfo.tel }}</span>
+										</a-col>
+									</a-row>
+									<a-row class="f16 mb8">
+										<a-col :span="4">
+											<span class="dib tr">身份证号：</span>
+										</a-col>
+										<a-col :span="18">
+											<span>{{ currentBillInfo.idCard == "" || currentBillInfo.idCard == null || currentBillInfo.idCard == "undefined" ? "-" : currentBillInfo.idCard }}</span>
+										</a-col>
+									</a-row>
+									<a-row class="f16">
+										<a-col :span="4">
+											<span class="dib tr">家庭住址：</span>
+										</a-col>
+										<a-col :span="18">
+											<span>{{ currentBillInfo.address == "" || currentBillInfo.address == null || currentBillInfo.address == "undefined" ? "-" : currentBillInfo.address }}</span>
+										</a-col>
+									</a-row>
 
-                    </a-col>
-                    <a-col :span="18" class="bfbutton">
-                      <a-button style="background-color:#ff4400;color:white;border-radius:0;border:none" @click="handleCancel">
-                        复制文本
-                      </a-button>
-                    </a-col>
-                  </a-row>
-                </a-modal>
-              </div>
-              <div class="f12 c9 mt8">{{item.creator}} <span class="ml8">
-                  {{ formatDateYMDHM(item.createTime) }}
-                </span></div>
-            </div>
-          </div>
-        </template>
-      </div>
-      <div v-else>
-        <a-empty class="nodata" description="暂无数据" style="padding:40px" />
-      </div>
-    </a-modal>
-  </div>
+									<div style="border-top: 1px dashed #eeeeee; margin-top: 24px; margin-bottom: 24px"></div>
+									<a-row class="f16 mb8">
+										<a-col :span="4">
+											<span class="dib tr">报名岗位：</span>
+										</a-col>
+										<a-col :span="18">
+											<span class="fwb">{{ currentBillInfo.storeJobName || "-" }}</span>
+										</a-col>
+									</a-row>
+									<a-row class="f16 mb8">
+										<a-col :span="4">
+											<span class="dib tr">政策：</span>
+										</a-col>
+										<a-col :span="18">
+											<span style="white-space: pre-wrap">{{ currentBillInfo.policy || "-" }}</span>
+										</a-col>
+									</a-row>
+									<a-row class="f16 mb8">
+										<a-col :span="4"> </a-col>
+										<a-col :span="18" class="bfbutton">
+											<a-button style="background-color: #ff4400; color: white; border-radius: 0; border: none" @click="handleCancel"> 复制文本 </a-button>
+										</a-col>
+									</a-row>
+								</a-modal>
+							</div>
+							<div class="f12 c9 mt8">
+								{{ item.creator }}
+								<span class="ml8">
+									{{ formatDateYMDHM(item.createTime) }}
+								</span>
+							</div>
+						</div>
+					</div>
+				</template>
+			</div>
+			<div v-else>
+				<a-empty class="nodata" description="暂无数据" style="padding: 40px" />
+			</div>
+		</a-modal>
+	</div>
 </template>
 
 <script>
-import {
-  userBillApi,
-  userBillNumberApi,
-  userBillDetailApi,
-} from "../../../../api/userinfo";
-import {
-  getUserApplyOrderStatusById,
-  isEmptyCheck,
-  formatDateYMDHM,
-  formatDateYMD,
-} from "../../../../utils/commonUtil";
+import { userBillApi, userBillNumberApi, userBillDetailApi } from "../../../../api/userinfo";
+import { getUserApplyOrderStatusById, isEmptyCheck, formatDateYMDHM, formatDateYMD } from "../../../../utils/commonUtil";
 
 export default {
-  // 组件名称
-  name: "mybillcontainer",
-  // 局部注册的组件
-  components: {},
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      isspinning: false,
-      idcardimg: "", // 回显的身份证图片url
-      isdiymodalshow: false, // 控制身份证图片显示
-      scaleNum: 1, // 身份证图片显示倍率
-      rotateNum: 0,
-      searchvalue: "", // 搜索框检索信息
-      filterStatus: 1, // 排序状态
-      saveBill: [], // 缓存的报名列表
-      billDetailVisible: false, // 工单详情显示
-      currentBillDetail: {}, // 当前点击的报名详情
-      zzvisible: false, // 跟进记录的政策信息弹出框显示
-      currentBillInfo: {}, // 当前的工单跟进详情
-      pagination: {
-        pageNum: 1,
-        pageSize: 10,
-        total: null, //分页配置
-        status: -1,
-        keys: "",
-      },
-      statusValue: "",
-      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: "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 }
-      ],
-      billList: [],
-      isunfold: false,
-      statusTimeInfo: "", // 状态的时间类型
-      statusShowTime: "", // 状态时间
-      billNumber: {},
-    };
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {},
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    this.getBill();
-    this.userBillNumber();
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    onChange(e) {
-      this.pagination.pageNum = e;
-      console.log(e);
-      this.getBill();
-    },
-    dateChange(e) {
-      console.log("ischange");
-      console.log(e);
+	// 组件名称
+	name: "mybillcontainer",
+	// 局部注册的组件
+	components: {},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			isspinning: false,
+			idcardimg: "", // 回显的身份证图片url
+			isdiymodalshow: false, // 控制身份证图片显示
+			scaleNum: 1, // 身份证图片显示倍率
+			rotateNum: 0,
+			searchvalue: "", // 搜索框检索信息
+			filterStatus: 1, // 排序状态
+			saveBill: [], // 缓存的报名列表
+			billDetailVisible: false, // 工单详情显示
+			currentBillDetail: {}, // 当前点击的报名详情
+			zzvisible: false, // 跟进记录的政策信息弹出框显示
+			currentBillInfo: {}, // 当前的工单跟进详情
+			pagination: {
+				pageNum: 1,
+				pageSize: 10,
+				total: null, //分页配置
+				status: -1,
+				keys: "",
+			},
+			statusValue: "",
+			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: "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 }
+			],
+			billList: [],
+			isunfold: false,
+			statusTimeInfo: "", // 状态的时间类型
+			statusShowTime: "", // 状态时间
+			billNumber: {},
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		this.getBill();
+		this.userBillNumber();
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {},
+	// 组件方法
+	methods: {
+		onChange(e) {
+			this.pagination.pageNum = e;
+			console.log(e);
+			this.getBill();
+		},
+		dateChange(e) {
+			console.log("ischange");
+			console.log(e);
 
-      if (e.length != 0) {
-        let date1 = new Date(e[0]._d);
-        let date2 = new Date(e[1]._d);
-        this.pagination.startDate = formatDateYMD(date1);
-        this.pagination.endDate = formatDateYMD(date2);
-      } else {
-        this.pagination.startDate = "";
-        this.pagination.endDate = "";
-      }
-      this.getBill();
-      this.userBillNumber();
-    },
-    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.getBill();
-      console.log(e);
-    },
-    async userBillNumber() {
-      try {
-        const { data } = await userBillNumberApi(this.pagination);
-        if (data.status == 200) {
-          console.log(data.data);
-          this.billNumber = data.data;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-    async getBill() {
-      console.log("click");
-      // let that = this;
-      console.log(this.pagination.status);
-      try {
-        this.isspinning = true;
-        const { data } = await userBillApi(this.pagination);
-        console.log(data);
-        if (data.status === 200) {
-          // console.log();
-          this.billList = data.data.recordList;
+			if (e.length != 0) {
+				let date1 = new Date(e[0]._d);
+				let date2 = new Date(e[1]._d);
+				this.pagination.startDate = formatDateYMD(date1);
+				this.pagination.endDate = formatDateYMD(date2);
+			} else {
+				this.pagination.startDate = "";
+				this.pagination.endDate = "";
+			}
+			this.getBill();
+			this.userBillNumber();
+		},
+		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.getBill();
+			console.log(e);
+		},
+		async userBillNumber() {
+			try {
+				const { data } = await userBillNumberApi(this.pagination);
+				if (data.status == 200) {
+					console.log(data.data);
+					this.billNumber = data.data;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getBill() {
+			console.log("click");
+			// let that = this;
+			console.log(this.pagination.status);
+			try {
+				this.isspinning = true;
+				const { data } = await userBillApi(this.pagination);
+				console.log(data);
+				if (data.status === 200) {
+					// console.log();
+					this.billList = data.data.recordList;
 
-          console.log(this.billList);
-          setTimeout(() => {
-            this.billList.forEach((item, index) => {
-              let differenceTime =
-                new Date().getTime() - new Date(item.updateTime).getTime();
-              var D = Math.floor(differenceTime / (24 * 60 * 60 * 1000));
-              var level1 = differenceTime % (24 * 3600 * 1000);
-              var H = Math.floor(level1 / (3600 * 1000));
-              var level2 = level1 % (3600 * 1000);
-              var M = Math.floor(level2 / (60 * 1000));
-              var level3 = level2 % (60 * 1000);
-              var S = Math.floor(level3 / 1000);
-              item.diffTime = null;
-              if (D > 0) {
-                item.diffTime = D + "天前";
-              } else if (H > 0) {
-                item.diffTime = H + "小时前";
-              } else if (M > 0) {
-                item.diffTime = M + "分钟前";
-              } else {
-                item.diffTime = S + "秒前";
-              }
-              // console.log(new Date(differenceTime).getDate());
-              // console.log(item.userName, D, H, M);
-              // console.log(item);
-              if (item.sex === 1) {
-                item.sex = "男";
-              } else if (item.sex === 2) {
-                item.sex = "女";
-              } else {
-                item.sex = "未知";
-              }
+					console.log(this.billList);
+					setTimeout(() => {
+						this.billList.forEach((item, index) => {
+							let differenceTime = new Date().getTime() - new Date(item.updateTime).getTime();
+							var D = Math.floor(differenceTime / (24 * 60 * 60 * 1000));
+							var level1 = differenceTime % (24 * 3600 * 1000);
+							var H = Math.floor(level1 / (3600 * 1000));
+							var level2 = level1 % (3600 * 1000);
+							var M = Math.floor(level2 / (60 * 1000));
+							var level3 = level2 % (60 * 1000);
+							var S = Math.floor(level3 / 1000);
+							item.diffTime = null;
+							if (D > 0) {
+								item.diffTime = D + "天前";
+							} else if (H > 0) {
+								item.diffTime = H + "小时前";
+							} else if (M > 0) {
+								item.diffTime = M + "分钟前";
+							} else {
+								item.diffTime = S + "秒前";
+							}
+							// console.log(new Date(differenceTime).getDate());
+							// console.log(item.userName, D, H, M);
+							// console.log(item);
+							if (item.sex === 1) {
+								item.sex = "男";
+							} else if (item.sex === 2) {
+								item.sex = "女";
+							} else {
+								item.sex = "未知";
+							}
 
-              // if (index % 2 === 0) {
-              //   item.status = 60;
-              // }
-              if (!isEmptyCheck(item.tel)) {
-                let first = item.tel.slice(0, 3);
-                let second = item.tel.slice(3, 7);
-                let thirdly = item.tel.slice(7, 12);
-                // console.log(first);
-                // console.log(second);
-                // console.log(thirdly);
-                item.tel = first + " " + second + " " + thirdly;
-              }
+							// if (index % 2 === 0) {
+							//   item.status = 60;
+							// }
+							if (!isEmptyCheck(item.tel)) {
+								let first = item.tel.slice(0, 3);
+								let second = item.tel.slice(3, 7);
+								let thirdly = item.tel.slice(7, 12);
+								// console.log(first);
+								// console.log(second);
+								// console.log(thirdly);
+								item.tel = first + " " + second + " " + thirdly;
+							}
 
-              if (item.status === 60 || item.status === 70) {
-                item.isDown = true;
-              } else {
-                item.isDown = false;
-              }
-              item.statusTag = getUserApplyOrderStatusById(item.status);
-              item.interviewTime = formatDateYMDHM(item.interviewTime);
-              item.entryTime = formatDateYMDHM(item.entryTime);
-              item.leaveTime = formatDateYMDHM(item.leaveTime);
-              // item.updateTime = formatDateYMDHMS(item.updateTime);
-              // item.createTime = formatDateYMDHMS(item.createTime);
-              item.updateTime = isEmptyCheck(item.updateTime)
-                ? "2022-03-16 14:19"
-                : formatDateYMDHM(item.updateTime);
-              item.createTime = isEmptyCheck(item.createTime)
-                ? "2022-03-16 14:19"
-                : formatDateYMDHM(item.createTime);
-              item.index = index + 1;
+							if (item.status === 60 || item.status === 70) {
+								item.isDown = true;
+							} else {
+								item.isDown = false;
+							}
+							item.statusTag = getUserApplyOrderStatusById(item.status);
+							item.interviewTime = formatDateYMDHM(item.interviewTime);
+							item.entryTime = formatDateYMDHM(item.entryTime);
+							item.leaveTime = formatDateYMDHM(item.leaveTime);
+							// item.updateTime = formatDateYMDHMS(item.updateTime);
+							// item.createTime = formatDateYMDHMS(item.createTime);
+							item.updateTime = isEmptyCheck(item.updateTime) ? "2022-03-16 14:19" : formatDateYMDHM(item.updateTime);
+							item.createTime = isEmptyCheck(item.createTime) ? "2022-03-16 14:19" : formatDateYMDHM(item.createTime);
+							item.index = index + 1;
 
-              // console.log(that.$refs["Control" + index][0]);
+							// console.log(that.$refs["Control" + index][0]);
 
-              // setTimeout(() => {
-              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.statusTimeInfo = "入职时间";
-                item.statusShowTime = item.entryTime;
-              } else if (item.status == 50) {
-                item.statusTimeInfo = "离职时间";
-                item.statusShowTime = item.leaveTime;
-              }
-              // console.log(item.statusShowTime);
-              // console.log(item.statusTimeInfo);
-              // }, 100);
-              // console.log("controlUnfold", item.controlUnfold);
-              // console.log("isunfold", item.isunfold);
-              // console.log(item);
-            });
-            this.showFlod(this.billList);
+							// setTimeout(() => {
+							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.statusTimeInfo = "入职时间";
+								item.statusShowTime = item.entryTime;
+							} else if (item.status == 50) {
+								item.statusTimeInfo = "离职时间";
+								item.statusShowTime = item.leaveTime;
+							}
+							// console.log(item.statusShowTime);
+							// console.log(item.statusTimeInfo);
+							// }, 100);
+							// console.log("controlUnfold", item.controlUnfold);
+							// console.log("isunfold", item.isunfold);
+							// console.log(item);
+						});
+						this.showFlod(this.billList);
 
-            this.saveBill = JSON.parse(JSON.stringify(this.billList));
-          }, 0);
+						this.saveBill = JSON.parse(JSON.stringify(this.billList));
+					}, 0);
 
-          this.pagination.total = data.data.recordCount;
-          this.$forceUpdate();
-          this.totop();
-        }
-      } catch (error) {
-        console.log(error);
-      }
-      (this.statusValue = ""), (this.isspinning = false);
-    },
-    resetpag() {
-      // this.pagination.status = this.pagination.status
-      this.getBill();
-      this.userBillNumber();
-    },
-    customRendert(a) {
-      console.log(a);
-      this.$message.success(a.id);
-      // console.log(c);
-    },
-    showdiymodal(info) {
-      // 显示 身份证图片弹出框
-      console.log(info);
-      this.isdiymodalshow = true;
-      if (info.idCardImageUrl !== null && info.idCardImageUrl !== "") {
-        this.idcardimg = info.idCardImageUrl;
-      }
-      // this.$nextTick(() => {
+					this.pagination.total = data.data.recordCount;
+					this.$forceUpdate();
+					this.totop();
+				}
+			} catch (error) {
+				console.log(error);
+			}
+			(this.statusValue = ""), (this.isspinning = false);
+		},
+		resetpag() {
+			// this.pagination.status = this.pagination.status
+			this.getBill();
+			this.userBillNumber();
+		},
+		customRendert(a) {
+			console.log(a);
+			this.$message.success(a.id);
+			// console.log(c);
+		},
+		showdiymodal(info) {
+			// 显示 身份证图片弹出框
+			console.log(info);
+			this.isdiymodalshow = true;
+			if (info.idCardImageUrl !== null && info.idCardImageUrl !== "") {
+				this.idcardimg = info.idCardImageUrl;
+			}
+			// this.$nextTick(() => {
 
-      // });
-    },
-    movebox(e) {
-      // 移动身份证弹出框
-      let modalbox = document.querySelector("#diymodal");
-      var x = e.pageX - modalbox.offsetLeft;
-      var y = e.pageY - modalbox.offsetTop;
-      var mousemove = function (e) {
-        modalbox.style.left = e.pageX - x + "px"; // e.pageX是鼠标在点击之后移动的时候实时传过来的坐标信息,而x是在点击的一瞬间就确定的坐标,
-        modalbox.style.top = e.pageY - y + "px";
-      };
-      modalbox.addEventListener("mousemove", mousemove);
-      var mouseup = function () {
-        // modalbox.removeEventListener("mousedown", mousedown);
-        modalbox.removeEventListener("mousemove", mousemove);
-      };
-      modalbox.addEventListener("mouseup", mouseup);
-    },
-    mousewhell(e) {
-      // 滚动鼠标缩放图片
-      let that = this;
-      console.log(e);
-      console.log(that.scaleNum);
-      console.log(this.scaleNum);
-      var delta = 0;
-      let imgbox = document.querySelector(".imgbox");
-      // if (Math.abs(that.rotateNum / 90) % 2 !== 0) {
-      //   imgbox.style.transformOrigin = `${e.offsetY}px ${e.offsetX}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
-      // } else {
-      imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
-      // }
-      var handle = function (delta) {
-        // let
-        let scaleNum = (that.scaleNum += delta / 15);
-        if (delta < 0) {
-          //向下滚动
-          console.log(that.scaleNum);
-          if (scaleNum <= 0.5) {
-            that.scaleNum = 0.5;
-          }
-        } else {
-          //向上滚动
-          console.log(that.scaleNum);
-          if (scaleNum >= 3) {
-            that.scaleNum = 3;
-          }
-        }
-        imgbox.style.transform = `scale(${that.scaleNum})`;
-      };
-      if (!e) e = window.event;
-      if (e.wheelDelta) {
-        //IE、chrome浏览器使用的是wheelDelta，并且值为“正负180”
-        delta = e.wheelDelta / 180;
-        if (window.opera) delta = -delta; //因为IE、chrome等向下滚动是负值，FF是正值，为了处理一致性，在此取反处理
-      } else if (e.detail) {
-        //FF浏览器使用的是detail,其值为“正负3”
-        delta = -e.detail / 3;
-      }
-      if (delta) {
-        handle(delta);
-      }
-    },
-    closemodal() {
-      this.isdiymodalshow = false;
-      this.idcardimg = "";
-      this.scaleNum = 1;
-    },
-    rotate(e) {
-      let imgbox1 = document.querySelector(".imgbox1");
-      let imgbox = document.querySelector(".imgbox");
-      this.scaleNum = 1;
-      console.log(this.scaleNum);
-      this.rotateNum += e;
-      console.log(imgbox1.style);
-      console.log(this.rotateNum);
-      imgbox.style.transformOrigin = `50% 50%`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
-      // imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			// });
+		},
+		movebox(e) {
+			// 移动身份证弹出框
+			let modalbox = document.querySelector("#diymodal");
+			var x = e.pageX - modalbox.offsetLeft;
+			var y = e.pageY - modalbox.offsetTop;
+			var mousemove = function (e) {
+				modalbox.style.left = e.pageX - x + "px"; // e.pageX是鼠标在点击之后移动的时候实时传过来的坐标信息,而x是在点击的一瞬间就确定的坐标,
+				modalbox.style.top = e.pageY - y + "px";
+			};
+			modalbox.addEventListener("mousemove", mousemove);
+			var mouseup = function () {
+				// modalbox.removeEventListener("mousedown", mousedown);
+				modalbox.removeEventListener("mousemove", mousemove);
+			};
+			modalbox.addEventListener("mouseup", mouseup);
+		},
+		mousewhell(e) {
+			// 滚动鼠标缩放图片
+			let that = this;
+			console.log(e);
+			console.log(that.scaleNum);
+			console.log(this.scaleNum);
+			var delta = 0;
+			let imgbox = document.querySelector(".imgbox");
+			// if (Math.abs(that.rotateNum / 90) % 2 !== 0) {
+			//   imgbox.style.transformOrigin = `${e.offsetY}px ${e.offsetX}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			// } else {
+			imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			// }
+			var handle = function (delta) {
+				// let
+				let scaleNum = (that.scaleNum += delta / 15);
+				if (delta < 0) {
+					//向下滚动
+					console.log(that.scaleNum);
+					if (scaleNum <= 0.5) {
+						that.scaleNum = 0.5;
+					}
+				} else {
+					//向上滚动
+					console.log(that.scaleNum);
+					if (scaleNum >= 3) {
+						that.scaleNum = 3;
+					}
+				}
+				imgbox.style.transform = `scale(${that.scaleNum})`;
+			};
+			if (!e) e = window.event;
+			if (e.wheelDelta) {
+				//IE、chrome浏览器使用的是wheelDelta，并且值为“正负180”
+				delta = e.wheelDelta / 180;
+				if (window.opera) delta = -delta; //因为IE、chrome等向下滚动是负值，FF是正值，为了处理一致性，在此取反处理
+			} else if (e.detail) {
+				//FF浏览器使用的是detail,其值为“正负3”
+				delta = -e.detail / 3;
+			}
+			if (delta) {
+				handle(delta);
+			}
+		},
+		closemodal() {
+			this.isdiymodalshow = false;
+			this.idcardimg = "";
+			this.scaleNum = 1;
+		},
+		rotate(e) {
+			let imgbox1 = document.querySelector(".imgbox1");
+			let imgbox = document.querySelector(".imgbox");
+			this.scaleNum = 1;
+			console.log(this.scaleNum);
+			this.rotateNum += e;
+			console.log(imgbox1.style);
+			console.log(this.rotateNum);
+			imgbox.style.transformOrigin = `50% 50%`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			// imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
 
-      imgbox1.style.transform = `rotate(${this.rotateNum}deg)`;
-      this.mousewhell(e);
-    },
+			imgbox1.style.transform = `rotate(${this.rotateNum}deg)`;
+			this.mousewhell(e);
+		},
 
-    resetsearch(e) {
-      console.log(e);
-      if (e.target.value.length === 0) {
-        this.pagination.keys = "";
+		resetsearch(e) {
+			console.log(e);
+			if (e.target.value.length === 0) {
+				this.pagination.keys = "";
 
-        this.getBill();
-        this.userBillNumber();
-      }
-    },
-    onSearch() {
-      this.getBill();
-      this.userBillNumber();
-    },
-    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.getBill();
-    },
-    totop() {
-      // 返回顶部
-      // console.log(window);
-      document.body.scrollTop = 0;
-      document.documentElement.scrollTop = 0;
-      // window.body.scrollY = 0;
-    },
-    changeStatus(item, index) {
-      // 控制政策的展开
-      // console.log(item);
-      // console.log(index);
-      let parent = this.$refs["Control" + index][0].parentNode;
-      let sibling = this.$refs["Control" + index][0].previousElementSibling;
-      if (item.controlUnfold) {
-        parent.style.maxHeight = "none";
-        sibling.style.height = "100%";
-        console.log(parent);
-      } else {
-        parent.style.maxHeight = "156px";
-        sibling.style.height = "146px";
-        sibling.style.overflow = "hidden";
-        console.log(parent);
-      }
-      item.controlUnfold = !item.controlUnfold;
-      this.$forceUpdate();
-      console.log(item.controlUnfold);
-    },
-    statusFilter() {
-      // 状态筛选
-      let num = this.filterStatus % 3;
-      if (num == 1) {
-        this.billList.sort((a, b) => {
-          return a.status - b.status;
-        });
-      } else if (num == 2) {
-        this.billList.sort((a, b) => {
-          return b.status - a.status;
-        });
-      } else {
-        this.billList = JSON.parse(JSON.stringify(this.saveBill));
-      }
-      this.filterStatus++;
-    },
-    showFlod(list) {
-      // setTimeout(() => {
-      list.forEach((item, index) => {
-        // console.log('=======');
-        let parent = this.$refs["Control" + index][0].parentNode;
-        let sibling = this.$refs["Control" + index][0].previousElementSibling;
-        // console.log('parent ' + parenzt );
-        // console.log('sibling ' + sibling );
-        // console.log('sibling.offsetHeight' + sibling.offsetHeight );
-        // console.log('parent.offsetHeight' + parent.offsetHeight );
-        if (sibling.scrollHeight >= parent.scrollHeight) {
-          // sibling.style.height = "100%";
-          sibling.style.overflow = "hidden";
-          parent.style.paddingBottom = "20px";
-          item.isunfold = true;
-          item.controlUnfold = true;
-        } else {
-          item.isunfold = false;
-        }
-        // console.log(item);
-      });
-      // }, 100);
-      this.$forceUpdate();
-    },
-    handleChange(e) {
-      // console.log(e);
-      // let that = this;
-      // this.billList = JSON.parse(JSON.stringify(this.saveBill));
-      // let list = [];
-      // this.billList.forEach((item) => {
-      // 	if (item.status == e.value) {
-      // 		list.push(item);
-      // 	}
-      // });
-      // this.billList = list;
-      // setTimeout(() => {
-      // 	this.$nextTick(() => {
-      // 		this.showFlod(that.billList);
-      // 	});
-      // }, 0);
-      // console.log(e);
-      this.pagination.statusMin = e.id;
-      this.getBill();
-      this.userBillNumber();
-    },
-    resetStatus(e) {
-      console.log(e);
-      if (e == undefined) {
-        this.pagination.statusMin = "";
-        this.userBillNumber();
-        this.getBill();
-        // this.billList = JSON.parse(JSON.stringify(this.saveBill));
-        // setTimeout(() => {
-        // 	this.showFlod(this.billList);
-        // }, 0);
-      }
-      // console.log(e);
-    },
-    /* 
+				this.getBill();
+				this.userBillNumber();
+			}
+		},
+		onSearch() {
+			this.pagination.pageNum = 1;
+			this.pagination.pageSize = 10;
+			this.pagination.status = -1;
+			// console.log();
+			this.getBill();
+			this.userBillNumber();
+		},
+		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.getBill();
+		},
+		totop() {
+			// 返回顶部
+			// console.log(window);
+			document.body.scrollTop = 0;
+			document.documentElement.scrollTop = 0;
+			// window.body.scrollY = 0;
+		},
+		changeStatus(item, index) {
+			// 控制政策的展开
+			// console.log(item);
+			// console.log(index);
+			let parent = this.$refs["Control" + index][0].parentNode;
+			let sibling = this.$refs["Control" + index][0].previousElementSibling;
+			if (item.controlUnfold) {
+				parent.style.maxHeight = "none";
+				sibling.style.height = "100%";
+				console.log(parent);
+			} else {
+				parent.style.maxHeight = "156px";
+				sibling.style.height = "146px";
+				sibling.style.overflow = "hidden";
+				console.log(parent);
+			}
+			item.controlUnfold = !item.controlUnfold;
+			this.$forceUpdate();
+			console.log(item.controlUnfold);
+		},
+		statusFilter() {
+			// 状态筛选
+			let num = this.filterStatus % 3;
+			if (num == 1) {
+				this.billList.sort((a, b) => {
+					return a.status - b.status;
+				});
+			} else if (num == 2) {
+				this.billList.sort((a, b) => {
+					return b.status - a.status;
+				});
+			} else {
+				this.billList = JSON.parse(JSON.stringify(this.saveBill));
+			}
+			this.filterStatus++;
+		},
+		showFlod(list) {
+			// setTimeout(() => {
+			list.forEach((item, index) => {
+				// console.log('=======');
+				let parent = this.$refs["Control" + index][0].parentNode;
+				let sibling = this.$refs["Control" + index][0].previousElementSibling;
+				// console.log('parent ' + parenzt );
+				// console.log('sibling ' + sibling );
+				// console.log('sibling.offsetHeight' + sibling.offsetHeight );
+				// console.log('parent.offsetHeight' + parent.offsetHeight );
+				if (sibling.scrollHeight >= parent.scrollHeight) {
+					// sibling.style.height = "100%";
+					sibling.style.overflow = "hidden";
+					parent.style.paddingBottom = "20px";
+					item.isunfold = true;
+					item.controlUnfold = true;
+				} else {
+					item.isunfold = false;
+				}
+				// console.log(item);
+			});
+			// }, 100);
+			this.$forceUpdate();
+		},
+		handleChange(e) {
+			// console.log(e);
+			// let that = this;
+			// this.billList = JSON.parse(JSON.stringify(this.saveBill));
+			// let list = [];
+			// this.billList.forEach((item) => {
+			// 	if (item.status == e.value) {
+			// 		list.push(item);
+			// 	}
+			// });
+			// this.billList = list;
+			// setTimeout(() => {
+			// 	this.$nextTick(() => {
+			// 		this.showFlod(that.billList);
+			// 	});
+			// }, 0);
+			// console.log(e);
+			this.pagination.statusMin = e.id;
+			this.getBill();
+			this.userBillNumber();
+		},
+		resetStatus(e) {
+			console.log(e);
+			if (e == undefined) {
+				this.pagination.statusMin = "";
+				this.userBillNumber();
+				this.getBill();
+				// this.billList = JSON.parse(JSON.stringify(this.saveBill));
+				// setTimeout(() => {
+				// 	this.showFlod(this.billList);
+				// }, 0);
+			}
+			// console.log(e);
+		},
+		/* 
       显示工单跟进记录弹出框
     */
-    showDetail(item) {
-      userBillDetailApi(item.id).then((res) => {
-        let { data } = res;
-        if (data.status == 200) {
-          console.log(res);
-          this.currentBillDetail = data.data.records;
-        } else {
-          this.currentBillDetail = {};
-        }
-        console.log(this.currentBillDetail);
-        console.log(this.currentBillDetail.length);
-        let test = {};
-        console.log(test[0]);
-        console.log(toString(this.currentBillDetail) == "{}");
-      });
-      this.billDetailVisible = true;
-      console.log(item);
-    },
-    /* 
+		showDetail(item) {
+			userBillDetailApi(item.id).then((res) => {
+				let { data } = res;
+				if (data.status == 200) {
+					console.log(res);
+					this.currentBillDetail = data.data.records;
+				} else {
+					this.currentBillDetail = {};
+				}
+				console.log(this.currentBillDetail);
+				console.log(this.currentBillDetail.length);
+				let test = {};
+				console.log(test[0]);
+				console.log(toString(this.currentBillDetail) == "{}");
+			});
+			this.billDetailVisible = true;
+			console.log(item);
+		},
+		/* 
       关闭工单跟进记录弹出框
     */
-    billDetailModalClose() {
-      this.billDetailVisible = false;
-    },
-    /* 
+		billDetailModalClose() {
+			this.billDetailVisible = false;
+		},
+		/* 
       关闭政策显示框
     */
-    policyModalCancel() {
-      this.zzvisible = false;
-    },
-    /* 
+		policyModalCancel() {
+			this.zzvisible = false;
+		},
+		/* 
       截出跟进记录字符串
     */
-    spliceStr(str) {
-      console.log(str.split("_")[1]);
-      return str.split("_")[1];
-    },
-    /* 
+		spliceStr(str) {
+			return str.split("_")[1];
+		},
+		/* 
       显示跟进记录详情弹出框
     */
-    showInfo2(record) {
-      // this.currentBillInfo = JSON.parse(record);
-      this.currentBillInfo = {
-        userName: "李俊中",
-        nation: "汉族",
-        age: "52",
-        sex: 1,
-        tel: 1311111111,
-        idCard: 412825197101040513,
-        address: "河南省上蔡县芦岗乡看花楼村王会庄9988",
-        storeJobName: "郑州西区格力绿色再生资源",
-        policy:
-          "●年龄性别：男 35-55；女 35-46 ●薪资明细：计件工资，多劳多得。不同岗位，计件工资约200-280元/天（出勤七天内，男170元/天，在职不满30天的保底工资按60%或按实际操作量计算工资）。入职会安全培训，上岗实习等，以上时间无工资 ●吃饭住宿：吃饭自理;住宿免费，水电均摊 ●代理利润：出勤15天利润400元；（具体政策以面试当天为准）",
-      };
-      this.zzvisible = true;
-    },
-    /* 
+		showInfo2(record) {
+			this.currentBillInfo = JSON.parse(record);
+			// this.currentBillInfo = {
+			//   userName: "李俊中",
+			//   nation: "汉族",
+			//   age: "52",
+			//   sex: 1,
+			//   tel: 1311111111,
+			//   idCard: 412825197101040513,
+			//   address: "河南省上蔡县芦岗乡看花楼村王会庄9988",
+			//   storeJobName: "郑州西区格力绿色再生资源",
+			//   policy:
+			//     "●年龄性别：男 35-55；女 35-46 ●薪资明细：计件工资，多劳多得。不同岗位，计件工资约200-280元/天（出勤七天内，男170元/天，在职不满30天的保底工资按60%或按实际操作量计算工资）。入职会安全培训，上岗实习等，以上时间无工资 ●吃饭住宿：吃饭自理;住宿免费，水电均摊 ●代理利润：出勤15天利润400元；（具体政策以面试当天为准）",
+			// };
+			this.zzvisible = true;
+		},
+		/* 
     复制跟进记录详情文本
      */
-    handleCancel() {
-      var that = this;
+		handleCancel() {
+			var that = this;
 
-      var text =
-        "姓名：" +
-        that.currentBillInfo.userName +
-        "/" +
-        (that.currentBillInfo.sex == 1 || that.currentBillInfo.sex == "男"
-          ? "男"
-          : "女") +
-        "/" +
-        that.currentBillInfo.age +
-        "岁" +
-        (that.currentBillInfo.nation == "族"
-          ? ""
-          : "/" + that.currentBillInfo.nation) +
-        "\n电话：" +
-        (that.currentBillInfo.tel == "" ||
-        that.currentBillInfo.tel == undefined ||
-        that.currentBillInfo.tel == null
-          ? "-"
-          : that.currentBillInfo.tel) +
-        "\n身份证号：" +
-        (that.currentBillInfo.idCard == ""
-          ? "-"
-          : that.currentBillInfo.idCard) +
-        "\n家庭地址：" +
-        (that.currentBillInfo.address == "" ||
-        that.currentBillInfo.address == undefined ||
-        that.currentBillInfo.address == null
-          ? "-"
-          : that.currentBillInfo.address) +
-        "\n报名岗位：" +
-        that.currentBillInfo.storeJobName +
-        "\n政策：" +
-        that.currentBillInfo.policy;
+			var text = "姓名：" + that.currentBillInfo.userName + "/" + (that.currentBillInfo.sex == 1 || that.currentBillInfo.sex == "男" ? "男" : "女") + "/" + that.currentBillInfo.age + "岁" + (that.currentBillInfo.nation == "族" ? "" : "/" + that.currentBillInfo.nation) + "\n电话：" + (that.currentBillInfo.tel == "" || that.currentBillInfo.tel == undefined || that.currentBillInfo.tel == null ? "-" : that.currentBillInfo.tel) + "\n身份证号：" + (that.currentBillInfo.idCard == "" ? "-" : that.currentBillInfo.idCard) + "\n家庭地址：" + (that.currentBillInfo.address == "" || that.currentBillInfo.address == undefined || that.currentBillInfo.address == null ? "-" : that.currentBillInfo.address) + "\n报名岗位：" + that.currentBillInfo.storeJobName + "\n政策：" + that.currentBillInfo.policy;
 
-      this.zzvisible = false;
-      this.$copyText(text).then(
-        (e) => {
-          console.log("复制成功：", e);
-          that.$message.success("复制成功");
-        },
-        (e) => {
-          console.log("复制失败：", e);
-        }
-      );
-    },
-    /* 
+			this.zzvisible = false;
+			this.$copyText(text).then(
+				(e) => {
+					console.log("复制成功：", e);
+					that.$message.success("复制成功");
+				},
+				(e) => {
+					console.log("复制失败：", e);
+				}
+			);
+		},
+		/* 
       关闭跟进详情弹出框
     */
-    // handleOk() {
-    //   this.zzvisible = false;
-    // },
-    formatDateYMDHM(time) {
-      return formatDateYMDHM(time);
-    },
-  },
+		// handleOk() {
+		//   this.zzvisible = false;
+		// },
+		formatDateYMDHM(time) {
+			return formatDateYMDHM(time);
+		},
+	},
 };
 </script>
 
 <style scoped lang="less">
 .mybill-container {
-  position: relative;
-  min-height: 802px;
-  margin-top: 16px;
-  // border-radius: 4px;
-  padding: 1px 10px;
-  background-color: #fff;
-  font-size: 16px;
+	position: relative;
+	min-height: 802px;
+	margin-top: 16px;
+	// border-radius: 4px;
+	padding: 1px 10px;
+	background-color: #fff;
+	font-size: 16px;
 
-  .diymodal {
-    // display: none;
-    width: 512px;
-    height: 512px;
-    position: fixed;
-    border: #ebebeb solid 1px;
-    left: 50%;
-    top: 50%;
-    background: #ffffff;
-    box-shadow: 0px 5px 20px #ddd;
-    z-index: 9999;
-    transform: translate(-50%, -60%);
-    .title {
-      height: 30px;
-      border-bottom: 1px solid rgb(240, 240, 240);
-      i {
-        float: right;
-        width: 30px;
-        margin: 2px 3px 0 0;
-        line-height: 30px;
-        text-align: center;
-        font-size: 12px;
-        cursor: pointer;
-      }
-    }
-    .body {
-      height: calc(100% - 60px);
-      width: 100%;
-      padding: 10px 0;
-      overflow: hidden;
-      .imgbox1 {
-        height: 100%;
+	.diymodal {
+		// display: none;
+		width: 512px;
+		height: 512px;
+		position: fixed;
+		border: #ebebeb solid 1px;
+		left: 50%;
+		top: 50%;
+		background: #ffffff;
+		box-shadow: 0px 5px 20px #ddd;
+		z-index: 9999;
+		transform: translate(-50%, -60%);
+		.title {
+			height: 30px;
+			border-bottom: 1px solid rgb(240, 240, 240);
+			i {
+				float: right;
+				width: 30px;
+				margin: 2px 3px 0 0;
+				line-height: 30px;
+				text-align: center;
+				font-size: 12px;
+				cursor: pointer;
+			}
+		}
+		.body {
+			height: calc(100% - 60px);
+			width: 100%;
+			padding: 10px 0;
+			overflow: hidden;
+			.imgbox1 {
+				height: 100%;
 
-        .imgbox {
-          position: relative;
-          // width: 100%;
-          height: 100%;
-          background-repeat: no-repeat !important;
-          background-size: contain !important;
-          background-position: center center !important;
-        }
-      }
-      .warningbox {
-        height: 100%;
-        padding: 100px 0 160px;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-around;
-        text-align: center;
-        > div:first-child {
-          margin-top: 20px;
-        }
-        // overflow: hidden;
-        img {
-          width: 80px;
-          height: 80px;
-        }
-        p {
-          font-size: 16px;
-          margin-top: 30px;
-        }
-        > div:last-child {
-          margin-top: 20px;
-          height: 32px;
-          button {
-            float: right;
-            width: 72px;
-            height: 32px;
-            background-color: #ff4400;
-            border: none;
-            color: #fff;
-            // border-radius: 4px;
-            margin-right: 60px;
-          }
-        }
-      }
-      // img {
-      //   height: 100%;
-      // }
-    }
-    .footer {
-      height: 40px;
-      width: 100%;
-      border-top: 1px solid rgb(240, 240, 240);
-      background-color: #fff;
-      text-align: center;
-      i {
-        font-size: 20px;
-        line-height: 40px;
-        color: #a1a1a1;
-        // font-weight: bold;
-        cursor: pointer;
-        &:first-child {
-          margin-right: 25px;
-        }
-      }
-    }
-  }
+				.imgbox {
+					position: relative;
+					// width: 100%;
+					height: 100%;
+					background-repeat: no-repeat !important;
+					background-size: contain !important;
+					background-position: center center !important;
+				}
+			}
+			.warningbox {
+				height: 100%;
+				padding: 100px 0 160px;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
+				text-align: center;
+				> div:first-child {
+					margin-top: 20px;
+				}
+				// overflow: hidden;
+				img {
+					width: 80px;
+					height: 80px;
+				}
+				p {
+					font-size: 16px;
+					margin-top: 30px;
+				}
+				> div:last-child {
+					margin-top: 20px;
+					height: 32px;
+					button {
+						float: right;
+						width: 72px;
+						height: 32px;
+						background-color: #ff4400;
+						border: none;
+						color: #fff;
+						// border-radius: 4px;
+						margin-right: 60px;
+					}
+				}
+			}
+			// img {
+			//   height: 100%;
+			// }
+		}
+		.footer {
+			height: 40px;
+			width: 100%;
+			border-top: 1px solid rgb(240, 240, 240);
+			background-color: #fff;
+			text-align: center;
+			i {
+				font-size: 20px;
+				line-height: 40px;
+				color: #a1a1a1;
+				// font-weight: bold;
+				cursor: pointer;
+				&:first-child {
+					margin-right: 25px;
+				}
+			}
+		}
+	}
 }
 /deep/ .contenttitle {
-  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;
+	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;
 
-  ul {
-    display: flex;
-    height: 40px;
-    .townsmanactive {
-      // border-color: #;
-      color: #ff6600;
-      z-index: 999;
-      border-bottom: 2px solid #ff6600;
-      span {
-        color: #ff6600;
-      }
-    }
-    li {
-      position: relative;
-      // width: 104px;
-      // height: 40px;
-      padding: 0px 20px;
-      padding-bottom: 16px;
-      font-weight: 600;
-      color: #666;
-      // line-height: 40px;
-      text-align: center;
-      cursor: pointer;
-      span {
-        color: #ff6600;
-        margin-left: 4px;
-        font-size: 16px;
-      }
-      &:hover {
-        color: #ff6600;
-        span {
-          color: #ff6600;
-        }
-      }
-      &::after {
-        content: "";
-        position: absolute;
-        display: block;
-        width: 1px;
-        height: 24px;
-        right: 0;
-        top: 0%;
-        // transform: translateY(-50%);
-        background-color: #eeeeee;
-      }
-      &:last-child::after {
-        display: none;
-      }
-      &:nth-child(7)::after {
-        height: 57px;
-        top: -16px;
-      }
-    }
-    button {
-      width: 100px;
-      height: 28px;
-      position: relative;
-      font-size: 14px;
-      border: 1px solid #cccccc;
-      background-color: #fff;
-      margin-right: -1px;
-      cursor: pointer;
-      &:hover {
-        color: #ff4400;
-      }
-    }
-    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: #;
+			color: #ff6600;
+			z-index: 999;
+			border-bottom: 2px solid #ff6600;
+			span {
+				color: #ff6600;
+			}
+		}
+		li {
+			position: relative;
+			// width: 104px;
+			// height: 40px;
+			padding: 0px 20px;
+			padding-bottom: 16px;
+			font-weight: 600;
+			color: #666;
+			// line-height: 40px;
+			text-align: center;
+			cursor: pointer;
+			span {
+				color: #ff6600;
+				margin-left: 4px;
+				font-size: 16px;
+			}
+			&:hover {
+				color: #ff6600;
+				span {
+					color: #ff6600;
+				}
+			}
+			&::after {
+				content: "";
+				position: absolute;
+				display: block;
+				width: 1px;
+				height: 24px;
+				right: 0;
+				top: 0%;
+				// transform: translateY(-50%);
+				background-color: #eeeeee;
+			}
+			&:last-child::after {
+				display: none;
+			}
+			&:nth-child(7)::after {
+				height: 57px;
+				top: -16px;
+			}
+		}
+		button {
+			width: 100px;
+			height: 28px;
+			position: relative;
+			font-size: 14px;
+			border: 1px solid #cccccc;
+			background-color: #fff;
+			margin-right: -1px;
+			cursor: pointer;
+			&:hover {
+				color: #ff4400;
+			}
+		}
+		button:first-child {
+			// border-radius: 4px 0px 0px 4px;
+		}
+		button:last-child {
+			// border-radius: 0px 4px 4px 0px;
+		}
+	}
 }
 /deep/ .contentbody {
-  // /deep/ .ant-table-placeholder {
-  //   min-height: 300px;
-  //   > div {
-  //     position: relative;
-  //     height: 131px;
-  //     top: 30px;
-  //     // transform: translateY(-50%);
-  //   }
-  // }
-  .searchbox {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .ant-input {
-      border-radius: 0;
-    }
-    .searchinput {
-      display: flex;
-      position: relative;
-      > div {
-        display: flex;
-        // width: 375px;
-        justify-content: start;
-        align-items: center;
-        font-size: 14px;
-        > div {
-          margin-left: 50px;
-          width: 70px;
-        }
-      }
-      .ant-input {
-        width: 400px;
-        // 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: #ff4400;
-          box-shadow: none;
-        }
-        &:focus {
-          border-color: #ff4400;
-        }
-      }
-      .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: #ff4400;
-        border-color: #ff4400;
-        border: none;
-        // border-radius: 16px;
-        font-size: 14px;
-        box-shadow: none;
-        cursor: pointer;
-        outline: none;
-        &:hover {
-          background-color: #ff4400d9;
-        }
-        // &:focus {
-        //   border: none;
-        // }
-      }
-      .ant-calendar-picker-input {
-        display: flex;
-        padding-left: 0;
-        justify-content: space-between;
-        // margin-left: 20px;
-        width: 260px;
-        border-color: #ccc;
-        // border-radius: 4px;
-        // border: none;
-        &:hover {
-          border-color: #ff4400;
-        }
-        .ant-calendar-range-picker-input {
-          width: 95px;
-          font-size: 14px;
-        }
-        .ant-calendar-range-picker-separator {
-          margin-right: 10px;
-        }
-        .ant-calendar-picker-clear {
-          margin-right: 10px;
-        }
-      }
-    }
-    .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: #ff4400;
-          color: #ff4400;
-        }
-        &:first-child {
-          margin-right: 12px;
-        }
-      }
-    }
-  }
-  .infocontent {
-    .contenttltle {
-      margin-top: 16px;
-      > ul {
-        height: 32px;
-        line-height: 32px;
-        display: flex;
-        justify-content: space-between;
-        background-color: #f5f5f5;
-        border: 1px solid #e8e8e8;
-        font-size: 14px;
-        text-align: center;
-        // li {
-        // }
-        li:first-child {
-          width: 263px;
-          padding-left: 60px;
-        }
-        li:nth-child(2) {
-          width: 246px;
-          // line-height: 100px;
-          // background-color: red;
-        }
-        li:nth-child(3) {
-          // width: 213px;
-          flex: 1;
-          // background-color: green;
-        }
-        li:nth-child(4) {
-          display: flex;
-          justify-content: end;
-          align-items: center;
-          padding-left: 50px;
-          padding-right: 16px;
-          width: 321px;
-          > div:first-child {
-            line-height: 30px;
-          }
-          .ant-select {
-            width: 120px;
-            // margin-left: 20px;
-          }
-          .ant-select-focused .ant-select-selection,
-          .ant-select-selection:focus,
-          .ant-select-selection:active {
-            border-color: #ff4400;
-            box-shadow: none;
-          }
-          .ant-select-selection {
-            border-radius: 0;
-          }
-          .ant-select-selection:hover {
-            border-color: #ff4400;
-          }
-          .ant-select-focused {
-            box-shadow: none;
-          }
-          // background-color: purple;
-        }
-      }
-    }
-    .isDownstyle {
-      .proxyInfo {
-        background-color: #fff3ef !important;
-        border-color: #ff4400cc !important;
-      }
-      .billInfo {
-        li {
-          border-color: #ff4400cc !important;
-          .serial {
-            border-color: #ff4400cc !important;
-          }
-        }
-      }
-    }
-    .infoSubset {
-      // height: 174px;
-      // background-color: pink;
-      margin-top: 16px;
-      font-size: 14px;
+	// /deep/ .ant-table-placeholder {
+	//   min-height: 300px;
+	//   > div {
+	//     position: relative;
+	//     height: 131px;
+	//     top: 30px;
+	//     // transform: translateY(-50%);
+	//   }
+	// }
+	.searchbox {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		.ant-input {
+			border-radius: 0;
+		}
+		.searchinput {
+			display: flex;
+			position: relative;
+			> div {
+				display: flex;
+				// width: 375px;
+				justify-content: start;
+				align-items: center;
+				font-size: 14px;
+				> div {
+					margin-left: 50px;
+					width: 70px;
+				}
+			}
+			.ant-input {
+				width: 400px;
+				// 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: #ff4400;
+					box-shadow: none;
+				}
+				&:focus {
+					border-color: #ff4400;
+				}
+			}
+			.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: #ff4400;
+				border-color: #ff4400;
+				border: none;
+				// border-radius: 16px;
+				font-size: 14px;
+				box-shadow: none;
+				cursor: pointer;
+				outline: none;
+				&:hover {
+					background-color: #ff4400d9;
+				}
+				// &:focus {
+				//   border: none;
+				// }
+			}
+			.ant-calendar-picker-input {
+				display: flex;
+				padding-left: 0;
+				justify-content: space-between;
+				// margin-left: 20px;
+				width: 260px;
+				border-color: #ccc;
+				// border-radius: 4px;
+				// border: none;
+				&:hover {
+					border-color: #ff4400;
+				}
+				.ant-calendar-range-picker-input {
+					width: 95px;
+					font-size: 14px;
+				}
+				.ant-calendar-range-picker-separator {
+					margin-right: 10px;
+				}
+				.ant-calendar-picker-clear {
+					margin-right: 10px;
+				}
+			}
+		}
+		.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: #ff4400;
+					color: #ff4400;
+				}
+				&:first-child {
+					margin-right: 12px;
+				}
+			}
+		}
+	}
+	.infocontent {
+		.contenttltle {
+			margin-top: 16px;
+			> ul {
+				height: 32px;
+				line-height: 32px;
+				display: flex;
+				justify-content: space-between;
+				background-color: #f5f5f5;
+				border: 1px solid #e8e8e8;
+				font-size: 14px;
+				text-align: center;
+				// li {
+				// }
+				li:first-child {
+					width: 263px;
+					padding-left: 60px;
+				}
+				li:nth-child(2) {
+					width: 246px;
+					// line-height: 100px;
+					// background-color: red;
+				}
+				li:nth-child(3) {
+					// width: 213px;
+					flex: 1;
+					// background-color: green;
+				}
+				li:nth-child(4) {
+					display: flex;
+					justify-content: end;
+					align-items: center;
+					padding-left: 50px;
+					padding-right: 16px;
+					width: 321px;
+					> div:first-child {
+						line-height: 30px;
+					}
+					.ant-select {
+						width: 120px;
+						// margin-left: 20px;
+					}
+					.ant-select-focused .ant-select-selection,
+					.ant-select-selection:focus,
+					.ant-select-selection:active {
+						border-color: #ff4400;
+						box-shadow: none;
+					}
+					.ant-select-selection {
+						border-radius: 0;
+					}
+					.ant-select-selection:hover {
+						border-color: #ff4400;
+					}
+					.ant-select-focused {
+						box-shadow: none;
+					}
+					// background-color: purple;
+				}
+			}
+		}
+		.isDownstyle {
+			.proxyInfo {
+				background-color: #fff3ef !important;
+				border-color: #ff4400cc !important;
+			}
+			.billInfo {
+				li {
+					border-color: #ff4400cc !important;
+					.serial {
+						border-color: #ff4400cc !important;
+					}
+				}
+			}
+		}
+		.infoSubset {
+			// height: 174px;
+			// background-color: pink;
+			margin-top: 16px;
+			font-size: 14px;
 
-      .proxyInfo {
-        display: flex;
-        height: 40px;
-        padding: 0 16px;
-        // background-color: skyblue;
-        background-color: #f5f5f5;
-        justify-content: space-between;
-        align-items: center;
-        border: 1px solid #ccc;
-        li {
-          flex: 1;
-          &:nth-child(2) {
-            margin-left: 5px;
-          }
-          &:nth-child(3) {
-            // margin-left: 100px;
-            position: relative;
-            transform: translateX(52px);
-          }
-          &:last-child {
-            text-align: right;
-          }
-          // flex: 1;
-        }
-      }
-      .billInfo {
-        display: flex;
-        justify-content: space-between;
-        .policyControl {
-          white-space: pre-line;
-        }
-        li {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          border: 1px solid #ccc;
-          border-top: none;
-          &:nth-child(-n + 3) {
-            border-right: none;
-          }
-        }
-        li:first-child {
-          position: relative;
-          width: 273px;
-          padding-left: 60px;
-          .serial {
-            display: flex;
-            align-items: center;
-            position: absolute;
-            height: 100%;
-            width: 60px;
-            left: 0;
-            font-weight: 400;
-            color: #333;
-            font-size: 16px;
-            justify-content: center;
-            background-color: #fff;
-            border-right: 1px solid #ccc;
-          }
-          // flex-direction: column;
+			.proxyInfo {
+				display: flex;
+				height: 40px;
+				padding: 0 16px;
+				// background-color: skyblue;
+				background-color: #f5f5f5;
+				justify-content: space-between;
+				align-items: center;
+				border: 1px solid #ccc;
+				li {
+					flex: 1;
+					&:nth-child(2) {
+						margin-left: 5px;
+					}
+					&:nth-child(3) {
+						// margin-left: 100px;
+						position: relative;
+						transform: translateX(52px);
+					}
+					&:last-child {
+						text-align: right;
+					}
+					// flex: 1;
+				}
+			}
+			.billInfo {
+				display: flex;
+				justify-content: space-between;
+				li {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					text-align: center;
+					border: 1px solid #ccc;
+					border-top: none;
+					&:nth-child(-n + 3) {
+						border-right: none;
+					}
+				}
+				li:first-child {
+					position: relative;
+					width: 273px;
+					padding-left: 60px;
+					.serial {
+						display: flex;
+						align-items: center;
+						position: absolute;
+						height: 100%;
+						width: 60px;
+						left: 0;
+						font-weight: 400;
+						color: #333;
+						font-size: 16px;
+						justify-content: center;
+						background-color: #fff;
+						border-right: 1px solid #ccc;
+					}
+					// flex-direction: column;
 
-          // justify-content: space-around;
-          // padding: 28px 0 32px;
-          i {
-            text-align: center;
-            width: 24px;
-            font-size: 24px;
-            &:before {
-              cursor: pointer;
-            }
-          }
-          // span {
-          // 	display: block;
-          // 	height: 22px;
-          // }
-          span:nth-of-type(1) {
-            font-weight: bold;
-            margin-bottom: 5px;
-          }
-          // background-color: blue;
-        }
-        li:nth-child(2) {
-          width: 246px;
-          // line-height: 100px;
-          // background-color: red;
-        }
-        li:nth-child(3) {
-          width: 400px;
-          // display: block;
-          position: relative;
-          max-height: 156px;
-          min-height: 156px;
-          text-align: left;
-          padding: 6px 16px 6px 16px;
+					// justify-content: space-around;
+					// padding: 28px 0 32px;
+					i {
+						text-align: center;
+						width: 24px;
+						font-size: 24px;
+						&:before {
+							cursor: pointer;
+						}
+					}
+					// span {
+					// 	display: block;
+					// 	height: 22px;
+					// }
+					span:nth-of-type(1) {
+						font-weight: bold;
+						margin-bottom: 5px;
+					}
+					// background-color: blue;
+				}
+				li:nth-child(2) {
+					width: 246px;
+					// line-height: 100px;
+					// background-color: red;
+				}
+				li:nth-child(3) {
+					width: 400px;
+					// display: block;
+					position: relative;
+					max-height: 156px;
+					min-height: 156px;
+					text-align: left;
+					padding: 6px 16px 6px 16px;
 
-          overflow: hidden;
-          > p {
-            white-space: break-space;
-            text-align: center;
-            word-break: break-all;
-            font-size: 14px;
-            width: 100%;
-          }
-          div {
-            position: absolute;
-            width: 42px;
-            height: 20px;
-            right: 19px;
-            bottom: 3px;
-            text-align: right;
-            background-color: #fff;
-            color: #ff4400;
-            cursor: pointer;
-          }
-          // background-color: green;
-        }
-        li.unfold {
-        }
-        li:nth-child(4) {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          // padding-top: 62px;
-          width: 321px;
-          // background-color: purple;
-        }
-      }
-    }
-  }
+					overflow: hidden;
+					> p {
+						white-space: break-space;
+						text-align: center;
+						word-break: break-all;
+						font-size: 14px;
+						width: 100%;
+					}
+					div {
+						position: absolute;
+						width: 42px;
+						height: 20px;
+						right: 19px;
+						bottom: 3px;
+						text-align: right;
+						background-color: #fff;
+						color: #ff4400;
+						cursor: pointer;
+					}
+					// background-color: green;
+				}
+				li:nth-child(4) {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					// padding-top: 62px;
+					width: 321px;
+					// background-color: purple;
+				}
+			}
+		}
+	}
 }
 .icon-zhengjian {
-  transform: scaleX(-1.2);
+	transform: scaleX(-1.2);
 }
 .billDetailModal {
-  /deep/ .ant-modal-content {
-    .ant-modal-body {
-      max-height: 700px;
-      overflow: auto;
-      padding: 30px;
-      // 跟进信息的状态
-      #progressinfo {
-        margin: 0 !important;
-      }
-      #progressinfo > div {
-        margin-left: 24px;
-        padding-top: 0;
-        padding-bottom: 0;
-        padding-right: 16px;
-        position: relative;
-      }
+	/deep/ .ant-modal-content {
+		.ant-modal-body {
+			max-height: 700px;
+			overflow: auto;
+			padding: 30px;
+			// 跟进信息的状态
+			#progressinfo {
+				margin: 0 !important;
+			}
+			#progressinfo > div {
+				margin-left: 24px;
+				padding-top: 0;
+				padding-bottom: 0;
+				padding-right: 16px;
+				position: relative;
+			}
 
-      .titleMain div {
-        padding-bottom: 20px;
-        padding-left: 13px;
-        border-left: 2px solid #cccccc;
-        left: 16px;
-        line-height: 20px;
-        /*height: 22px;*/
-        font-size: 16px;
-        font-weight: bold;
-        color: #333333;
-      }
+			.titleMain div {
+				padding-bottom: 20px;
+				padding-left: 13px;
+				border-left: 2px solid #cccccc;
+				left: 16px;
+				line-height: 20px;
+				/*height: 22px;*/
+				font-size: 16px;
+				font-weight: bold;
+				color: #333333;
+			}
 
-      .cg-cricle,
-      .cb-cricle {
-        position: absolute;
-        left: -4.5px;
-        top: 1px;
-        background: #cccccc;
-        width: 10px;
-        height: 10px;
-        border-radius: 100%;
-      }
+			.cg-cricle,
+			.cb-cricle {
+				position: absolute;
+				left: -4.5px;
+				top: 1px;
+				background: #cccccc;
+				width: 10px;
+				height: 10px;
+				border-radius: 100%;
+			}
 
-      .ui-list-info {
-        padding-bottom: 24px;
-        border-left: 2px solid #cccccc;
-        padding-left: 13px;
-        position: relative;
-        top: -3px;
-        margin-bottom: -4px;
-      }
-      #progressinfo {
-        margin-top: 24px;
-        font-size: 14px;
-        margin-bottom: 125px;
-        ul {
-          margin-bottom: 0;
+			.ui-list-info {
+				padding-bottom: 24px;
+				border-left: 2px solid #cccccc;
+				padding-left: 13px;
+				position: relative;
+				top: -3px;
+				margin-bottom: -4px;
+			}
+			#progressinfo {
+				margin-top: 24px;
+				font-size: 14px;
+				margin-bottom: 125px;
+				ul {
+					margin-bottom: 0;
 
-          li {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            border-left: 1px solid #e8e8e8;
-            margin-left: 4px;
-            position: relative;
-            padding-bottom: 29px;
+					li {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						border-left: 1px solid #e8e8e8;
+						margin-left: 4px;
+						position: relative;
+						padding-bottom: 29px;
 
-            p {
-              margin-bottom: 0;
-            }
+						p {
+							margin-bottom: 0;
+						}
 
-            > div:first-child {
-              position: absolute;
-              width: 8px;
-              height: 8px;
-              left: -4.5px;
-              top: 0;
-              border: 2px solid #1890ff;
-              background-color: #fff;
-              border-radius: 50%;
-              box-sizing: border-box;
-            }
+						> div:first-child {
+							position: absolute;
+							width: 8px;
+							height: 8px;
+							left: -4.5px;
+							top: 0;
+							border: 2px solid #1890ff;
+							background-color: #fff;
+							border-radius: 50%;
+							box-sizing: border-box;
+						}
 
-            > div:nth-child(2) {
-              margin-left: 37px;
-              margin-top: -7px;
-            }
+						> div:nth-child(2) {
+							margin-left: 37px;
+							margin-top: -7px;
+						}
 
-            > div:last-child {
-              color: #ccc;
-              cursor: pointer;
-            }
-          }
+						> div:last-child {
+							color: #ccc;
+							cursor: pointer;
+						}
+					}
 
-          li:last-child {
-            border-color: transparent;
-          }
-        }
+					li:last-child {
+						border-color: transparent;
+					}
+				}
 
-        .loadmore {
-          text-align: center;
-          color: #1890ff;
-        }
-      }
-      .titleMain > div > img {
-        position: absolute;
-        top: 0px;
-        left: -10px;
-        display: inline-block;
-        width: 20px;
-        height: 20px;
-        background-color: #ccc;
-        line-height: 20px;
-        border-radius: 50%;
-        padding: 2px;
-      }
-      .titleMain:first-of-type > div {
-        color: #ff4400;
-      }
-      .titleMain:first-of-type > div > img {
-        background-color: #ff4400;
-      }
-    }
-    .ant-modal-header {
-      background-color: #f5f5f5;
-      border-bottom: 0px solid #000;
-    }
-  }
+				.loadmore {
+					text-align: center;
+					color: #1890ff;
+				}
+			}
+			.titleMain > div > img {
+				position: absolute;
+				top: 0px;
+				left: -10px;
+				display: inline-block;
+				width: 20px;
+				height: 20px;
+				background-color: #ccc;
+				line-height: 20px;
+				border-radius: 50%;
+				padding: 2px;
+			}
+			.titleMain:first-of-type > div {
+				color: #ff4400;
+			}
+			.titleMain:first-of-type > div > img {
+				background-color: #ff4400;
+			}
+		}
+		.ant-modal-header {
+			background-color: #f5f5f5;
+			border-bottom: 0px solid #000;
+		}
+	}
 }
 .recordInfo {
-  /deep/ .ant-modal-content {
-    .ant-modal-body {
-      padding-left: 120px;
-      .mb8 {
-        margin-bottom: 20px !important;
-      }
-      .ant-row > div:first-child {
-        text-align: right;
-        margin-right: 32px;
-      }
-    }
-  }
+	/deep/ .ant-modal-content {
+		.ant-modal-body {
+			padding-left: 120px;
+			.mb8 {
+				margin-bottom: 20px !important;
+			}
+			.ant-row > div:first-child {
+				text-align: right;
+				margin-right: 32px;
+			}
+		}
+	}
 }
 </style>
diff --git a/src/components/userinfo/usercenter/components/townsman.vue b/src/components/userinfo/usercenter/components/townsman.vue
index 36c63ec..1fbe6dc 100644
--- a/src/components/userinfo/usercenter/components/townsman.vue
+++ b/src/components/userinfo/usercenter/components/townsman.vue
@@ -8,9 +8,9 @@
         <li @click="pagination.status = 1" :class="{ townsmanactive: pagination.status === 1 }">
           空闲中<span>{{ statusNum.num1 == 0 ? "" : statusNum.num1 }}</span>
         </li>
-        <li @click="pagination.status = 2" :class="{ townsmanactive: pagination.status === 2 }">
+        <!-- <li @click="pagination.status = 2" :class="{ townsmanactive: pagination.status === 2 }">
           报名中<span>{{ statusNum.num2 == 0 ? "" : statusNum.num2 }}</span>
-        </li>
+        </li> -->
         <li @click="pagination.status = 3" :class="{ townsmanactive: pagination.status === 3 }">
           在职中<span>{{ statusNum.num3 == 0 ? "" : statusNum.num3 }}</span>
         </li>
@@ -44,8 +44,8 @@
       </div>
     </div>
     <!-- 老乡详情的弹出框 -->
-    <a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="756px" @cancel="townsmanDetailModalClose" :footer="null">
-      <div slot='title'>
+    <a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="756px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose>
+      <div slot='title' destoryOnClose>
         老乡详情
       </div>
       <div class="detailContent">
@@ -54,37 +54,33 @@
             <div>
               <div>
                 <span class="f18" style="font-weight:600">
-                  {{currentTownsmanDetail.username}}/
-                  {{currentTownsmanDetail.sex}}/
-                  {{currentTownsmanDetail.age}}/
-                  {{currentTownsmanDetail.nation}}
+                  {{currentTownsmanDetail.name}}{{currentTownsmanDetail.sex && currentTownsmanDetail.sex == 1 ? '/男':'/女'}}{{currentTownsmanDetail.age && '/' + currentTownsmanDetail.age + '岁'}}{{currentTownsmanDetail.nation && '/' + currentTownsmanDetail.nation + '族'}}
                 </span>
-                <span style="border:1px solid #ff4400; color: #ff4400;padding:1px 4px;cursor:pointer;margin-left:16px" @click="editTownsmanDetail">编辑</span>
+                <span style="border:1px solid #ff4400; color: #ff4400;padding:1px 4px;cursor:pointer;margin-left:8px" @click="editTownsmanDetail">编辑</span>
               </div>
               <p class="f14" style="color:#999">
-                {{currentTownsmanDetail.position}}
+                {{currentTownsmanDetail.address || '-'}}
               </p>
             </div>
             <div>
               <span style="margin-right:20px">
-                <span class="iconfont icon-shenfenzheng1" style="color:#f40;margin-right:10px"></span>
-                {{currentTownsmanDetail.IDcard}}
+                <span class="iconfont icon-shenfenzheng1" style="color:#f40;margin-right:4px"></span>{{currentTownsmanDetail.idCard ? currentTownsmanDetail.idCard : '-' }}
               </span>
               <span>
-                <span class="iconfont icon-dianhua1" style="color:#f40;margin-right:10px"></span>
-                {{currentTownsmanDetail.tel}}
+                <span class="iconfont icon-dianhua1" style="color:#f40;margin-right:4px"></span>{{currentTownsmanDetail.tel ? currentTownsmanDetail.tel : '-' }}
               </span>
             </div>
           </div>
-          <div class="userInfo_bottom">
-            <img src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner1.webp" alt="">
-            <img src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner2.webp" alt="">
-            <img src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner3.webp" alt="">
+          <div class="userInfo_bottom" @click="previewImg($event)">
+            <img v-for="img in userImgs" :key="img.id" :src="img.url" :data-src='img.url' alt="">
           </div>
+          <viewer v-show="false" :images="images" class="images">
+            <img v-for="src in images" :key="src" :src="src" />
+          </viewer>
         </div>
-        <div class="jobExperience boxStyle">
+        <div v-for="item in orders" :key="item.id" class="jobExperience boxStyle">
           <div class="experienceTitle titleStyle">
-            工作一
+            工作{{item.index}}
           </div>
           <div class="experienceContent">
             <a-row>
@@ -92,7 +88,7 @@
                 报名岗位
               </a-col>
               <a-col :span="18" style="text-align:right">
-                {{currentTownsmanDetail.jobName}}
+                {{item.storeJobName || '-'}}
               </a-col>
             </a-row>
             <a-row>
@@ -100,57 +96,156 @@
                 报名企业
               </a-col>
               <a-col :span="18" style="text-align:right">
-                {{currentTownsmanDetail.storeName}}
+                {{item.storeName || '-'}}
               </a-col>
             </a-row>
             <a-row>
               <a-col :span="6">
                 政策
               </a-col>
-              <a-col class="policy" :span="18" style="text-align:right">
-                {{currentTownsmanDetail.policy}}
+              <a-col class="policy" :class="'policy' + item.id" :span="18" style="text-align:right">
+                {{item.policy}}
               </a-col>
-              <span @click="togglePolicyStatus">{{policyStatus?'收起':'展开'}}</span>
+              <span @click="togglePolicyStatus(item)">{{item.policyStatus?'收起':'展开'}}</span>
             </a-row>
             <a-row>
               <a-col :span="6">
                 状态
               </a-col>
-              <a-col :span="18" style="text-align:right;color:#ff4400">
-                {{currentTownsmanDetail.status == 1 ? '在职中' : ''}}
+              <a-col :span="18" style="text-align:right;color:#333">
+                {{item.statusText}}
               </a-col>
             </a-row>
             <a-row>
               <a-col :span="6">
-                入职时间
+                {{item.timeText}}
               </a-col>
               <a-col :span="18" style="text-align:right">
-                {{new Date(currentTownsmanDetail.entryTime)}}
+                {{item.timeStr}}
               </a-col>
             </a-row>
           </div>
         </div>
-        <div class="progressRecord boxStyle">
+        <div class="progressRecord boxStyle" v-for="item in allOrders" :key='item.createTime'>
           <div class="progressRecordTitle titleStyle">
-            跟进记录
+            跟进记录{{item.index}}
           </div>
+          <div id="progressinfo"> <template v-for="(group,key) in item.records">
+              <div class="titleMain">
+                <div v-if="spliceStr(key) == '1'">
+                  <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/shz.svg" alt="">
+                  报名审核中
+                </div>
+                <div v-if="spliceStr(key) == '2'"> <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt="">报名成功</div>
+                <div v-if="spliceStr(key) == '3'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/mstg.svg" alt="">待入职</div>
+                <div v-if="spliceStr(key) == '4'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/rzcg.svg" alt="">在职中</div>
+                <div v-if="spliceStr(key) == '5'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/ylz.svg" alt="">已离职</div>
+                <div v-if="spliceStr(key) == '6'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt="">已完成</div>
+                <div v-if="spliceStr(key) == '9'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yylz.svg" alt="">约离职</div>
+                <div v-if="spliceStr(key) == '11'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">报名失败</div>
+                <div v-if="spliceStr(key) == '12'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yjd.svg" alt="">已接到</div>
+                <div v-if="spliceStr(key) == '13'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">未接到</div>
+                <div v-if="spliceStr(key) == '14'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">面试未通过</div>
+                <div v-if="spliceStr(key) == '15'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt="">未入职</div>
+              </div>
+              <div v-for="(item,index) in group" class="ui-step-one">
+                <div class="cb-cricle"></div>
+                <div class="ui-list-info">
+                  <!-- :style="padding-bottom: item.desp == '' ? '18px' : '24px';" -->
+                  <div class="f12 c6" style="white-space: pre-line;" v-if="item.desp != ''">{{item.desp}}
+                    <template v-if="item.policy">
+                      <span class="ml12" style="color:#ff4400;cursor: pointer;" @click="showInfo2(item.policy)">
+                        详情</span>
+                    </template>
+                    <a-modal class="billDetailModal recordInfo" title="报名信息" :visible="zzvisible" @cancel="policyModalCancel" width="716px" :footer='null'>
+                      <a-row class='f16 mb8'>
+                        <a-col :span="4">
+                          <span class="dib tr">姓名：</span>
+                        </a-col>
+                        <a-col :span="18">
+                          <span class="fwb" v-if='currentBillInfo.userName'>{{currentBillInfo.userName}}</span>
+                          <span class="fwb" v-if='currentBillInfo.sex'>/{{currentBillInfo.sex == '1' || currentBillInfo.sex == '男' ? '男' : '女'}}</span>
+                          <span class="fwb" v-if='currentBillInfo.age'>/{{currentBillInfo.age}}岁</span>
+                          <span class="fwb" v-if='currentBillInfo.nation && currentBillInfo.nation!="族"'>/{{currentBillInfo.nation}}</span>
+                        </a-col>
+                      </a-row>
+                      <a-row class='f16 mb8'>
+                        <a-col :span="4">
+                          <span class="dib tr">电话：</span>
+                        </a-col>
+                        <a-col :span="18">
+                          <span>{{currentBillInfo.tel == '' || currentBillInfo.tel == null || currentBillInfo.tel == 'undefined' ? '-' : currentBillInfo.tel}}</span>
+                        </a-col>
+                      </a-row>
+                      <a-row class='f16 mb8'>
+                        <a-col :span="4">
+                          <span class="dib tr">身份证号：</span>
+                        </a-col>
+                        <a-col :span="18">
+                          <span>{{currentBillInfo.idCard == '' || currentBillInfo.idCard == null || currentBillInfo.idCard == 'undefined' ? '-' : currentBillInfo.idCard}}</span>
+                        </a-col>
+                      </a-row>
+                      <a-row class='f16'>
+                        <a-col :span="4">
+                          <span class="dib tr">家庭住址：</span>
+                        </a-col>
+                        <a-col :span="18">
+                          <span>{{currentBillInfo.address == '' || currentBillInfo.address == null || currentBillInfo.address == 'undefined' ? '-' : currentBillInfo.address}}</span>
+                        </a-col>
+                      </a-row>
+
+                      <div style="border-top: 1px dashed #eeeeee;margin-top: 24px;margin-bottom: 24px;"></div>
+                      <a-row class='f16 mb8'>
+                        <a-col :span="4">
+                          <span class="dib tr">报名岗位：</span>
+                        </a-col>
+                        <a-col :span="18">
+                          <span class="fwb">{{currentBillInfo.storeJobName || '-'}}</span>
+                        </a-col>
+                      </a-row>
+                      <a-row class='f16 mb8'>
+                        <a-col :span="4">
+                          <span class="dib tr">政策：</span>
+                        </a-col>
+                        <a-col :span="18">
+                          <span style="white-space:pre-wrap">{{currentBillInfo.policy || '-'}}</span>
+                        </a-col>
+                      </a-row>
+                      <a-row class='f16 mb8'>
+                        <a-col :span="4">
+                        </a-col>
+                        <a-col :span="18" class="bfbutton">
+                          <a-button style="background-color:#ff4400;color:white;border-radius:0;border:none" @click="handleCancel">
+                            复制文本
+                          </a-button>
+                        </a-col>
+                      </a-row>
+                    </a-modal>
+                  </div>
+                  <div class="f12 c9">{{item.creator}} <span class="ml8">
+                      {{ formatDateYMDHM(item.createTime) }}
+                    </span></div>
+                </div>
+              </div>
+            </template></div>
+
         </div>
 
-        <a-modal class="editDetailModal" transitionName="" centered v-model="editTownsmanVisibel" width="716px" @cancel="cancelEditTownsman" :footer="null">
+        <a-modal class="editDetailModal" transitionName="" centered v-model="editTownsmanVisibel" width="716px" @cancel="cancelEditTownsman" :footer="null" destroyOnClose>
           <div slot='title'>
             老乡信息
           </div>
           <div class="editInfoContent">
-            <a-form :labelCol='{ span: 10 }' :wrapperCol='{ span: 14 }'>
+            <a-form :form='Townsmanform' @submit="phonehandleSubmit" :labelCol='{ span: 10 }' :wrapperCol='{ span: 14 }'>
               <a-row>
                 <a-col :span="12">
                   <a-form-item label="姓名">
-                    <a-input placeholder="请输入姓名" />
+                    <a-input v-decorator="['name',{ rules: [{ required: true, message: '请输入姓名' }] },]" placeholder="请输入姓名" />
                   </a-form-item>
                 </a-col>
                 <a-col :span="12">
                   <a-form-item label="性别">
-                    <a-radio-group name="radioGroup" :default-value="1">
+                    <a-radio-group v-decorator="['sex',{ rules: [{ required: true, message: '请选择性别' }] },]" name="radioGroup">
                       <a-radio :value="1">
                         男
                       </a-radio>
@@ -164,12 +259,12 @@
               <a-row>
                 <a-col :span="12">
                   <a-form-item label="年龄">
-                    <a-input placeholder="请输入年龄" />
+                    <a-input v-decorator="['age',{ rules: [{ required: true, message: '请输入年龄!' }] },]" placeholder="请输入年龄" />
                   </a-form-item>
                 </a-col>
                 <a-col :span="12">
                   <a-form-item label="民族">
-                    <a-select default-value="汉族" @change="selectChange">
+                    <a-select v-decorator="['nation']" @change="selectChange">
                       <a-select-option :title="item.name" v-for="item in nationOptions" :key="item.id" :value="item.name">
                         {{item.name}}
                       </a-select-option>
@@ -178,32 +273,44 @@
                 </a-col>
               </a-row>
               <a-form-item label="电话" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
-                <a-input placeholder="请输入电话" />
+                <a-input v-decorator="['tel']" placeholder="请输入电话" />
               </a-form-item>
               <a-form-item label="身份证号" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
-                <a-input placeholder="请输入身份证号" />
+                <a-input v-decorator="['idCard']" placeholder="请输入身份证号" />
               </a-form-item>
               <a-form-item label="家庭住址" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
-                <a-input placeholder="请输入家庭住址" />
+                <a-input v-decorator="['address']" placeholder="请输入家庭住址" />
               </a-form-item>
-              <a-form-item label="附件" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
-                <a-upload :customRequest="customRequestFun2" multiple list-type="picture" :default-file-list="fileList2" class="upload-list-inline" @change="handleChange2" :remove="
-              (file) => {
-                removeFile(file, 'header');
-              }
-            " @preview="handlePreview" :beforeUpload="beforeUpload" :data="dataObj">
+              <a-form-item label='附件' :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
+                <a-upload name="file" list-type="picture" class="upload-list-inline" :customRequest="customRequestFun2" :beforeUpload="beforeUpload" :showUploadList='false' :remove="(file) => { removeFile(file, 'header'); }" :data="dataObj">
+                  <!-- :default-file-list='userImgs' -->
                   <a-button> <a-icon type="upload" /> 上传 </a-button>
                 </a-upload>
               </a-form-item>
               <a-row>
                 <a-col :span="5">
                 </a-col>
-                <a-col :span="19">
-                  <a-button>取消</a-button>
-                  <a-button style="background-color:#ff4400;color:white;margin-left:16px">提交</a-button>
-
+                <a-col :span="19" class="imgBox">
+                  <div v-for="(item,index) in userImgs" :key="index">
+                    <div>
+                      <img :src="item.url" @click="previewImg($event)" :data-src='item.url' alt="">
+                      <p style="width:80px;margin-left:8px;font-size:14px;color:#ff4400;overflow:hidden;text-overflow:ellipsis;white-space	:nowrap">{{item.title}}</p>
+                    </div>
+                    <i class="iconfont icon-shanchu" @click="deleteImg('loaded',item)"></i>
+                  </div>
+                  <div v-for="(item,index) in fileListT2" :key="index">
+                    <div>
+                      <img :src="item" @click="previewImg($event)" :data-src='item' alt="">
+                      <p style="width:80px;margin-left:8px;font-size:14px;color:#ff4400;overflow:hidden;text-overflow:ellipsis;white-space	:nowrap">{{item.name}}</p>
+                    </div>
+                    <i class="iconfont icon-shanchu" @click="removeFile(item)"></i>
+                  </div>
                 </a-col>
               </a-row>
+              <a-form-item label=' ' :colon='false' :labelCol='{ span:5 }' :wrapperCol='{ span: 19 }'>
+                <a-button @click="cancelEditTownsman">取消</a-button>
+                <a-button style="background-color:#ff4400;color:white;margin-left:16px" html-type="submit">提交</a-button>
+              </a-form-item>
             </a-form>
           </div>
         </a-modal>
@@ -213,12 +320,51 @@
 </template>
 
 <script>
-import { userTownsmanApi, gettownsManCountApi } from "../../../../api/userinfo";
+import Vue from "vue";
+import {
+  userTownsmanApi,
+  gettownsManCountApi,
+  townsmanDetailApi,
+  townsmanDetailImgsApi,
+  updateTownsmanInfoApi,
+  delTowmsmanDetailImgApi,
+} from "../../../../api/userinfo";
 import {
   formatDateYMD,
+  formatDateYMDHM,
   getUserApplyOrderStatusById,
 } from "../../../../utils/commonUtil";
 import { nationlist } from "../../../../utils/datalist";
+import Viewer from "v-viewer";
+// import imgPreview from "../imgPreviewNewJobDetail.vue";
+import "viewerjs/dist/viewer.css";
+import request from "@/utils/request";
+import $ from "jquery";
+
+Vue.use(Viewer, {
+  defaultOptions: {
+    // 需要配置的属性
+    toolbar: {
+      zoomIn: true,
+      zoomOut: true,
+      oneToOne: false,
+      reset: false,
+      prev: false,
+      play: {
+        show: true,
+        size: "large",
+      },
+      next: false,
+      rotateLeft: true,
+      rotateRight: true,
+      flipHorizontal: false,
+      flipVertical: false,
+    },
+    title: false,
+    navbar: false,
+  },
+});
+
 export default {
   // 组件名称
   name: "",
@@ -262,26 +408,44 @@ export default {
       data: [],
       townsmanDetailVisible: false, // 控制详情弹出框的显示
       currentTownsmanDetail: {
-        // 当前老乡详情信息
-        username: "张润龙",
-        sex: "男",
-        age: "23",
-        nation: "汉族",
-        position: "河南省许昌市魏都区罗庄94号",
-        IDcard: 411002199811194015,
-        tel: 15603716868,
-        jobName: "郑州宇鑫物流装卸工",
-        storeName: "郑州宇鑫物流",
-        policy:
-          "●年龄性别：男 17-40；女 17-40 ●薪资明细：16-17元/小时（根据岗位情况定薪）200/月餐补 ●吃饭住宿：吃饭自理，餐补200元/月；厂区提供成本餐厅，饭菜非常便宜，有清真窗口;免费酒店式住宿，宿舍到厂区3公里左右免费班车接送 ●代理利润：1元/小时*3个月；（具体政策以面试当天为准） 伯才利润",
+        // 当前老乡详情信息["name"] = user
+        name: "",
+        userId: "",
+        sex: "",
+        age: "",
+        nationality: "",
+        address: "",
+        idCard: "",
+        tel: "",
+        jobName: "",
+        storeName: "",
+        policy: "",
         status: 1,
+        nation: "",
         entryTime: 1678075200000,
       },
+      dataObj: {
+        // 上传图片返回的数据
+        policy: "",
+        signature: "",
+        key: "",
+        ossaccessKeyId: "",
+        dir: "",
+        host: "",
+        // callback:'',
+      },
+      fileListT2: [], // 上传图片的列表
       policyStatus: false, // 政策的展开状态
       editTownsmanVisibel: false, // 编辑老乡详情弹出框的显示
       nationOptions: nationlist, // 民族列表数据
       fileList2: [], // 上传文件的暂存
-
+      images: [], // 点击的图片数组
+      userImgs: [], // 老乡的图片数组
+      orders: [], // 老乡的工作经历
+      allOrders: [], // 所有的跟进记录
+      zzvisible: false, // 跟进记录的政策信息弹出框显示
+      currentBillInfo: {}, // 当前的工单跟进详情
+      Townsmanform: this.$form.createForm(this),
     };
   },
   // 计算属性
@@ -360,7 +524,13 @@ export default {
     },
   },
   // 侦听器
-  watch: {},
+  watch: {
+    editTownsmanVisibel(val1, val2) {
+      if (val1 == false) {
+        this.fileListT2 = [];
+      }
+    },
+  },
   // 生命周期钩子   注：没用到的钩子请自行删除
   /**
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
@@ -502,32 +672,289 @@ export default {
     toDetail(e) {
       this.townsmanDetailVisible = true;
       // this.currentTownsmanDetail = e;
+      this.currentTownsmanDetail.userId = e.userId;
+      this.getTownsmanDetail(this.currentTownsmanDetail);
       console.log(e);
     },
+    getTownsmanDetail(e) {
+      townsmanDetailApi(e.userId).then((detailRes) => {
+        console.log(detailRes);
+        let userinfo = detailRes.data.data.allOrders[0];
+        console.log(userinfo.nation.indexOf("族"));
+        this.currentTownsmanDetail["name"] = userinfo.userName;
+        this.currentTownsmanDetail["nation"] =
+          userinfo.nation.indexOf("族") > 0
+            ? userinfo.nation.substr(0, userinfo.nation.length - 1)
+            : userinfo.nation;
+        //  == '族' ? userinfo.nation  : userinfo.nation;
+        this.currentTownsmanDetail["currentImg"] = userinfo.idCardImageUrl;
+        this.currentTownsmanDetail["sex"] = userinfo.sex;
+        this.currentTownsmanDetail["age"] = userinfo.age;
+        this.currentTownsmanDetail["idCard"] = userinfo.idCard;
+        this.currentTownsmanDetail["userId"] = userinfo.userId;
+        this.currentTownsmanDetail["tel"] = userinfo.tel;
+        this.currentTownsmanDetail["address"] = userinfo.address;
+        this.currentTownsmanDetail["policy"] = userinfo.policy;
+        this.orders = detailRes.data.data.orders;
+        this.allOrders = detailRes.data.data.allOrders;
+
+        this.orders.forEach((item, index) => {
+          console.log(item);
+          this.replaceIndex(item, index);
+          item.isOpen = false;
+          if (item.status == 60 || item.status == 40) {
+            item.isTimeShow = false;
+          } else {
+            item.isTimeShow = true;
+          }
+          if (item.status == 25) {
+            item.isTimeShowDbl = false;
+          } else {
+            item.isTimeShowDbl = true;
+          }
+
+          if (item.status == 10) {
+            item.statusText = "待审核";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+
+            item.timeText2 = "接待时间";
+            item.timeStr2 = formatDateYMDHM(item.receptionTime);
+          } else if (item.status == 20) {
+            item.statusText = "待接待";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+            item.timeText2 = "接待时间";
+            item.timeStr2 = formatDateYMDHM(item.receptionTime);
+          } else if (item.status == 21) {
+            item.statusText = "审核未通过";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+            item.timeText2 = "接待时间";
+            item.timeStr2 = formatDateYMDHM(item.receptionTime);
+          } else if (item.status == 25) {
+            item.statusText = "待面试";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+          } else if (item.status == 26) {
+            item.statusText = "未接到";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+
+            item.timeText2 = "接待时间";
+            item.timeStr2 = formatDateYMDHM(item.receptionTime);
+          } else if (item.status == 30) {
+            item.statusText = "待入职";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+
+            item.timeText2 = "约入职时间";
+            item.timeStr2 = formatDateYMDHM(item.willEntryTime);
+          } else if (item.status == 35) {
+            item.statusText = "面试未通过";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+          } else if (item.status == 40) {
+            item.statusText = "在职中";
+            item.timeText2 = "入职时间";
+            item.timeStr2 = formatDateYMDHM(item.entryTime);
+          } else if (item.status == 48) {
+            item.statusText = "约离职";
+            item.timeText = "入职时间";
+            item.timeStr = formatDateYMDHM(item.entryTime);
+            item.timeText2 = "约离职时间";
+            item.timeStr2 = formatDateYMDHM(item.willLeaveTime);
+          } else if (item.status == 45) {
+            item.statusText = "通过未入职";
+            item.timeText = "面试时间";
+            item.timeStr = formatDateYMDHM(item.interviewTime);
+            item.timeText2 = "约入职时间";
+            item.timeStr2 = formatDateYMDHM(item.willEntryTime);
+          } else if (item.status == 50) {
+            item.statusText = "已离职";
+            item.timeText = "离职时间";
+            item.timeStr = formatDateYMDHM(item.leaveTime);
+          } else if (item.status == 60) {
+            item.statusText = "已完成";
+            item.timeText = "离职时间";
+            item.timeStr = formatDateYMDHM(item.leaveTime);
+          }
+        });
+        console.log(this.allOrders);
+        this.allOrders.forEach((item1, index) => {
+          this.replaceIndex(item1, index);
+          console.log(item1);
+          for (var key in item1.records) {
+            // console.log(key, item1.records[key]);
+            item1.records[key].forEach((item, index) => {
+              if (item.desp.substr(item.desp.length - 3, 3) == "备注：") {
+                item.desp = item.desp.replace(/备注：/g, "");
+              }
+
+              if (item.type == 1) {
+                item["statusText"] = "报名审核中";
+              } else if (item.type == 2) {
+                item["statusText"] = "待接待";
+              } else if (item.type == 3) {
+                item["statusText"] = "待入职";
+              } else if (item.type == 4) {
+                item["statusText"] = "在职中";
+              } else if (item.type == 5) {
+                item["statusText"] = "已离职";
+              } else if (item.type == 9) {
+                item["statusText"] = "约离职";
+              } else if (item.type == 6) {
+                item["statusText"] = "已完成";
+              } else if (item.type == 11) {
+                item["statusText"] = "审核未通过";
+              } else if (item.type == 12) {
+                item["statusText"] = "已接到";
+              } else if (item.type == 13) {
+                item["statusText"] = "未接到";
+              } else if (item.type == 14) {
+                item["statusText"] = "面试未通过";
+              } else if (item.type == 15) {
+                item["statusText"] = "未入职";
+              }
+            });
+          }
+        });
+        console.log(this.allOrders);
+        this.allOrders = this.allOrders.reverse();
+      });
+      this.getTownsmanImg(e);
+    },
+    getTownsmanImg(e) {
+      townsmanDetailImgsApi(e.userId).then((detailImgRes) => {
+        console.log(detailImgRes);
+        this.userImgs = detailImgRes.data.data.userImgs;
+      });
+    },
+    /* 
+      替换index为汉字
+    */
+    replaceIndex(item1, index) {
+      item1.index = index + 1;
+      item1.index = item1.index + "";
+      item1.index = item1.index.replace("1", "一");
+      item1.index = item1.index.replace("2", "二");
+      item1.index = item1.index.replace("3", "三");
+      item1.index = item1.index.replace("4", "四");
+      item1.index = item1.index.replace("5", "五");
+      item1.index = item1.index.replace("6", "六");
+      item1.index = item1.index.replace("7", "七");
+      item1.index = item1.index.replace("8", "八");
+      item1.index = item1.index.replace("9", "九");
+      item1.index = item1.index.replace("0", "十");
+      return item1;
+    },
     /* 
       关闭详情弹出框
     */
     townsmanDetailModalClose() {
       this.townsmanDetailVisible = false;
+      this.getTownsman();
+    },
+    /* 
+      关闭政策显示框
+    */
+    policyModalCancel() {
+      this.zzvisible = false;
+    },
+    /* 
+      显示跟进记录详情弹出框
+    */
+    showInfo2(record) {
+      this.currentBillInfo = JSON.parse(record);
+      // this.currentBillInfo = {
+      //   userName: "李俊中",
+      //   nation: "汉族",
+      //   age: "52",
+      //   sex: 1,
+      //   tel: 1311111111,
+      //   idCard: 412825197101040513,
+      //   address: "河南省上蔡县芦岗乡看花楼村王会庄9988",
+      //   storeJobName: "郑州西区格力绿色再生资源",
+      //   policy:
+      //     "●年龄性别：男 35-55；女 35-46 ●薪资明细：计件工资，多劳多得。不同岗位，计件工资约200-280元/天（出勤七天内，男170元/天，在职不满30天的保底工资按60%或按实际操作量计算工资）。入职会安全培训，上岗实习等，以上时间无工资 ●吃饭住宿：吃饭自理;住宿免费，水电均摊 ●代理利润：出勤15天利润400元；（具体政策以面试当天为准）",
+      // };
+      this.zzvisible = true;
+    },
+    /* 
+    复制跟进记录详情文本
+     */
+    handleCancel() {
+      var that = this;
+
+      var text =
+        "姓名：" +
+        that.currentBillInfo.userName +
+        "/" +
+        (that.currentBillInfo.sex == 1 || that.currentBillInfo.sex == "男"
+          ? "男"
+          : "女") +
+        "/" +
+        that.currentBillInfo.age +
+        "岁" +
+        (that.currentBillInfo.nation == "族"
+          ? ""
+          : "/" + that.currentBillInfo.nation) +
+        "\n电话：" +
+        (that.currentBillInfo.tel == "" ||
+        that.currentBillInfo.tel == undefined ||
+        that.currentBillInfo.tel == null
+          ? "-"
+          : that.currentBillInfo.tel) +
+        "\n身份证号：" +
+        (that.currentBillInfo.idCard == ""
+          ? "-"
+          : that.currentBillInfo.idCard) +
+        "\n家庭地址：" +
+        (that.currentBillInfo.address == "" ||
+        that.currentBillInfo.address == undefined ||
+        that.currentBillInfo.address == null
+          ? "-"
+          : that.currentBillInfo.address) +
+        "\n报名岗位：" +
+        that.currentBillInfo.storeJobName +
+        "\n政策：" +
+        that.currentBillInfo.policy;
+
+      this.zzvisible = false;
+      this.$copyText(text).then(
+        (e) => {
+          console.log("复制成功：", e);
+          that.$message.success("复制成功");
+        },
+        (e) => {
+          console.log("复制失败：", e);
+        }
+      );
     },
     /* 
       切换政策展开状态
     */
-    togglePolicyStatus() {
+    togglePolicyStatus(item) {
       console.log(this.policyStatus);
-      this.policyStatus = !this.policyStatus;
-      let policy = document.querySelector(".policy");
-      if (this.policyStatus == false) {
+      item.policyStatus = !item.policyStatus;
+      let policy = document.querySelector(".policy" + item.id);
+      if (item.policyStatus == false) {
         policy.style.height = "20px";
       } else {
         policy.style.height = "auto";
       }
+      this.$forceUpdate();
     },
     /* 
       编辑老乡详情
     */
     editTownsmanDetail() {
       this.editTownsmanVisibel = true;
+      this.$nextTick(() => {
+        this.Townsmanform.setFieldsValue({
+          ...this.currentTownsmanDetail,
+        });
+      });
     },
     /* 
       关闭编辑老乡信息
@@ -542,30 +969,190 @@ export default {
       console.log(e);
     },
     /* 
-      上传附件
+      截出跟进记录字符串
     */
-    handleChange2({ file, fileList }) {
-      console.log(file);
-      console.log(fileList);
-      this.fileList2 = fileList;
+    spliceStr(str) {
+      return str.split("_")[1];
     },
-     removeFile(file) {
-      // let fileList
-      // let _this = this
-      // fileList = this.$refs.headerUploadRef.$children[1].$children[0].items
-
-      // console.log(this.$refs.headerUploadRef.$children[1].$children[0].items);
-      console.log(this.fileList2.indexOf(file));
-      let index = this.fileList2.indexOf(file);
-      this.fileListT2.splice(index, 1);
+    /* 
+      上传附件
+    */
+    // handleChange2({ file, fileList }) {
+    //   console.log(file);
+    //   console.log(fileList);
+    //   this.fileList2 = fileList;
+    // },
+    removeFile(file) {
+      let that = this;
+      this.$confirm({
+        title: "是否确认删除图片",
+        // content: 'Bla bla ...',
+        okText: "确认",
+        cancelText: "取消",
+        onOk() {
+          console.log("isok");
+          let index = that.fileList2.indexOf(file);
+          that.fileListT2.splice(index, 1);
+        },
+        onCancel() {
+          console.log("ontok");
+        },
+      });
 
-      console.log(this.fileListT2);
       // fileList.forEach((item, index) => {
       //     if (item.uid === file.uid) {
       //         _this.headerFileList.splice(index, 1)
       //     }
       // })
     },
+    // 预览图片
+    previewImg(e) {
+      console.log(e);
+      if (e.target.localName == "img") {
+        this.images = [];
+        this.images.push(e.target.dataset.src);
+        this.$viewerApi({
+          images: this.images,
+        });
+      }
+    },
+    formatDateYMDHM(time) {
+      return formatDateYMDHM(time);
+    },
+    phonehandleSubmit(e) {
+      let that = this;
+      console.log(e);
+      e.preventDefault();
+      this.Townsmanform.validateFields(async (err, msg) => {
+        if (err == null) {
+          console.log(msg);
+          msg.imgs = that.fileListT2.toString();
+
+          let { data } = await updateTownsmanInfoApi({
+            ...msg,
+            userName: msg.name,
+            userId: that.currentTownsmanDetail.userId,
+          });
+          if (data.status == 200) {
+            this.$message.success("修改成功");
+            this.toDetail(this.currentTownsmanDetail);
+            this.cancelEditTownsman();
+          }
+          console.log(data);
+        }
+      });
+    },
+    beforeUpload(e, data) {
+      console.log(e);
+      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);
+          });
+      });
+    },
+    async customRequestFun2(file) {
+      var that = this;
+
+      let _self = this;
+      var formData = new FormData();
+      console.log(file);
+      console.log(_self.dataObj);
+      //注意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); // 一定在最后
+      file.onProgress();
+      console.log(formData);
+      $.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(data);
+          var img =
+            _self.dataObj.host +
+            "/" +
+            _self.dataObj.key.replace("${filename}", file.file.name);
+          that.fileListT2.push(img);
+          console.log(that.fileListT2);
+        },
+        fail: function (err) {
+          console.log(err);
+        },
+      });
+    },
+    getUUID() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+        return (
+          c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8"
+        ).toString(16);
+      });
+    },
+    deleteImg(type, item) {
+      console.log(type);
+      console.log(item);
+      let that = this;
+      this.$confirm({
+        title: "是否确认删除图片",
+        // content: 'Bla bla ...',
+        okText: "确认",
+        cancelText: "取消",
+        onOk() {
+          console.log("isok");
+          delTowmsmanDetailImgApi(item.id).then((res) => {
+            console.log(res);
+            if (res.data.status == 200) {
+              that.getTownsmanImg(that.currentTownsmanDetail);
+              that.$message.success("删除图片成功");
+            } else {
+              that.$message.warning("请重试");
+            }
+          });
+        },
+        onCancel() {
+          console.log("ontok");
+        },
+      });
+    },
   },
 };
 </script>
@@ -793,14 +1380,14 @@ export default {
     margin-bottom: 20px;
   }
   .boxStyle {
-    padding: 20px 0;
+    padding: 6px 0;
     border-bottom: 1px solid #eee;
   }
   .userInfo {
     border-bottom: 1px solid #eee;
     .userInfo_top {
       display: flex;
-      margin-bottom: 20px;
+      margin-bottom: 12px;
       justify-content: space-between;
       align-items: center;
       & > div > div:first-child {
@@ -808,12 +1395,12 @@ export default {
       }
     }
     .userInfo_bottom {
-      margin-bottom: 20px;
+      margin-bottom: 10px;
 
       img {
         width: 64px;
         height: 64px;
-        margin-right: 10px;
+        margin: 0 10px 10px 0;
         border-radius: 4px;
       }
     }
@@ -827,6 +1414,8 @@ export default {
       .policy {
         position: relative;
         height: 20px;
+        text-align: left;
+        white-space: pre-wrap;
         margin-bottom: 20px;
         overflow: hidden;
       }
@@ -843,6 +1432,15 @@ export default {
     // border: 1px solid #eee;
   }
 }
+.townsmanDetailModal {
+  /deep/ .ant-modal-content {
+    .ant-modal-body {
+      min-height: 600px;
+      max-height: 700px;
+      overflow: auto;
+    }
+  }
+}
 .editDetailModal {
   /deep/ .ant-modal-content {
     .ant-modal-header {
@@ -850,7 +1448,39 @@ export default {
       border-bottom: 0px solid #000;
     }
     .ant-modal-body {
+      max-height: 650px;
+      overflow: auto;
       padding: 30px 120px 30px 70px;
+      .imgBox {
+        display: flex;
+        flex-flow: row wrap;
+        > div {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          width: calc(50% - 10px);
+          height: 60px;
+          padding-left: 6px;
+          border: 1px solid #d9d9d9;
+          margin-bottom: 12px;
+          > div {
+            display: flex;
+            align-items: center;
+          }
+          &:nth-of-type(2n - 1) {
+            margin-right: 20px;
+          }
+          .icon-shanchu {
+            font-size: 12px;
+            cursor: pointer;
+            margin-right: 12px;
+          }
+        }
+        img {
+          width: 44px;
+          height: 44px;
+        }
+      }
     }
   }
 }
@@ -878,4 +1508,261 @@ export default {
     animation-name: uploadAnimateInlineOut;
   }
 }
+#progressinfo {
+  margin: 0 !important;
+}
+#progressinfo > div {
+  margin-left: 24px;
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-right: 16px;
+  position: relative;
+}
+
+.titleMain div {
+  padding-bottom: 20px;
+  padding-left: 13px;
+  border-left: 2px solid #cccccc;
+  left: 16px;
+  line-height: 20px;
+  /*height: 22px;*/
+  font-size: 16px;
+  font-weight: bold;
+  color: #333333;
+}
+
+.cg-cricle,
+.cb-cricle {
+  position: absolute;
+  left: -4.5px;
+  top: 1px;
+  background: #cccccc;
+  width: 10px;
+  height: 10px;
+  border-radius: 100%;
+}
+
+.ui-list-info {
+  padding-bottom: 24px;
+  border-left: 2px solid #cccccc;
+  padding-left: 13px;
+  position: relative;
+  top: -3px;
+  margin-bottom: -4px;
+}
+#progressinfo > .ui-step-one:last-of-type > .ui-list-info {
+  border-left: none;
+}
+#progressinfo {
+  margin-top: 24px;
+  font-size: 14px;
+  margin-bottom: 125px;
+  ul {
+    margin-bottom: 0;
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-left: 1px solid #e8e8e8;
+      margin-left: 4px;
+      position: relative;
+      padding-bottom: 29px;
+
+      p {
+        margin-bottom: 0;
+      }
+
+      > div:first-child {
+        position: absolute;
+        width: 8px;
+        height: 8px;
+        left: -4.5px;
+        top: 0;
+        border: 2px solid #1890ff;
+        background-color: #fff;
+        border-radius: 50%;
+        box-sizing: border-box;
+      }
+
+      > div:nth-child(2) {
+        margin-left: 37px;
+        margin-top: -7px;
+      }
+
+      > div:last-child {
+        color: #ccc;
+        cursor: pointer;
+      }
+    }
+
+    li:last-child {
+      border-color: transparent;
+    }
+  }
+
+  .loadmore {
+    text-align: center;
+    color: #1890ff;
+  }
+  .titleMain > div > img {
+    position: absolute;
+    top: 0px;
+    left: -10px;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    background-color: #ccc;
+    line-height: 20px;
+    border-radius: 50%;
+    padding: 2px;
+  }
+  .titleMain:first-of-type > div {
+    color: #ff4400;
+  }
+  .titleMain:first-of-type > div > img {
+    background-color: #ff4400;
+  }
+}
+.billDetailModal {
+  /deep/ .ant-modal-content {
+    .ant-modal-body {
+      max-height: 700px;
+      overflow: auto;
+      padding: 30px;
+      // 跟进信息的状态
+      #progressinfo {
+        margin: 0 !important;
+      }
+      #progressinfo > div {
+        margin-left: 24px;
+        padding-top: 0;
+        padding-bottom: 0;
+        padding-right: 16px;
+        position: relative;
+      }
+
+      .titleMain div {
+        padding-bottom: 20px;
+        padding-left: 13px;
+        border-left: 2px solid #cccccc;
+        left: 16px;
+        line-height: 20px;
+        /*height: 22px;*/
+        font-size: 16px;
+        font-weight: bold;
+        color: #333333;
+      }
+
+      .cg-cricle,
+      .cb-cricle {
+        position: absolute;
+        left: -4.5px;
+        top: 1px;
+        background: #cccccc;
+        width: 10px;
+        height: 10px;
+        border-radius: 100%;
+      }
+
+      .ui-list-info {
+        padding-bottom: 24px;
+        border-left: 2px solid #cccccc;
+        padding-left: 13px;
+        position: relative;
+        top: -3px;
+        margin-bottom: -4px;
+      }
+      #progressinfo {
+        margin-top: 24px;
+        font-size: 14px;
+        margin-bottom: 125px;
+        ul {
+          margin-bottom: 0;
+
+          li {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-left: 1px solid #e8e8e8;
+            margin-left: 4px;
+            position: relative;
+            padding-bottom: 29px;
+
+            p {
+              margin-bottom: 0;
+            }
+
+            > div:first-child {
+              position: absolute;
+              width: 8px;
+              height: 8px;
+              left: -4.5px;
+              top: 0;
+              border: 2px solid #1890ff;
+              background-color: #fff;
+              border-radius: 50%;
+              box-sizing: border-box;
+            }
+
+            > div:nth-child(2) {
+              margin-left: 37px;
+              margin-top: -7px;
+            }
+
+            > div:last-child {
+              color: #ccc;
+              cursor: pointer;
+            }
+          }
+
+          li:last-child {
+            border-color: transparent;
+          }
+        }
+
+        .loadmore {
+          text-align: center;
+          color: #1890ff;
+        }
+      }
+      .titleMain > div > img {
+        position: absolute;
+        top: 0px;
+        left: -10px;
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        background-color: #ccc;
+        line-height: 20px;
+        border-radius: 50%;
+        padding: 2px;
+      }
+      .titleMain:first-of-type > div {
+        color: #ff4400;
+      }
+      .titleMain:first-of-type > div > img {
+        background-color: #ff4400;
+      }
+    }
+    .ant-modal-header {
+      background-color: #f5f5f5;
+      border-bottom: 0px solid #000;
+    }
+  }
+}
+.recordInfo {
+  /deep/ .ant-modal-content {
+    .ant-modal-body {
+      padding-left: 120px;
+      .mb8 {
+        margin-bottom: 20px !important;
+      }
+      .ant-row > div:first-child {
+        text-align: right;
+        margin-right: 32px;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/permission.js b/src/permission.js
index 403f2f0..97c3507 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -25,12 +25,7 @@ router.beforeEach(async (to, from, next) => {
     "/updatepsw",
     // "/register",
   ];
-  if (Cookies.get("LOGIN_DATA")) {
-    console.log(!sessionStorage.getItem("LOGIN_DATA"));
-    if (!sessionStorage.getItem("LOGIN_DATA")) {
-      console.log("notset");
-      sessionStorage.setItem("LOGIN_DATA", Cookies.get("LOGIN_DATA"));
-    }
+  if (localStorage.getItem("LOGIN_DATA")) {
     var isLogin = true;
   }
   // const isLogin = localStorage.getItem("LOGIN_DATA") !== null ? true : false;
diff --git a/src/style/index.less b/src/style/index.less
index 12b7368..6aaf1cd 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -1,4 +1,4 @@
-@import "http://at.alicdn.com/t/c/font_3135652_me9fsfpihrt.css";
+@import "http://at.alicdn.com/t/c/font_3135652_jrvheq4b5p.css";
 // 初始化页面样式
 body,
 h1,
@@ -587,3 +587,14 @@ p.bottombox {
 	border-color: #ddd !important;
 	box-shadow: none !important;
 }
+.ant-btn-primary:hover {
+	border-color: #ff4400;
+  background-color: #ff5416;
+	color: #fff;
+}
+.ant-input:hover {
+	border-color: #ff4400;
+}
+.ant-select-selection:active {
+	box-shadow: none;
+}
diff --git a/src/style/index.wxss b/src/style/index.wxss
index cd62c32..7d29e8b 100644
--- a/src/style/index.wxss
+++ b/src/style/index.wxss
@@ -1,4 +1,4 @@
-@import "http://at.alicdn.com/t/c/font_3135652_me9fsfpihrt.css";
+@import "http://at.alicdn.com/t/c/font_3135652_jrvheq4b5p.css";
 body,
 h1,
 h2,
@@ -526,3 +526,14 @@ p.bottombox::after {
   border-color: #ddd !important;
   box-shadow: none !important;
 }
+.ant-btn-primary:hover {
+  border-color: #ff4400;
+  background-color: #ff5416;
+  color: #fff;
+}
+.ant-input:hover {
+  border-color: #ff4400;
+}
+.ant-select-selection:active {
+  box-shadow: none;
+}
diff --git a/src/utils/datalist.js b/src/utils/datalist.js
index f6bd471..3bb3221 100644
--- a/src/utils/datalist.js
+++ b/src/utils/datalist.js
@@ -1,234 +1,234 @@
 export let nationlist = [
-  {
-    id: "01",
-    name: "汉族",
-  },
-  {
-    id: "02",
-    name: "蒙古族",
-  },
-  {
-    id: "03",
-    name: "回族",
-  },
-  {
-    id: "04",
-    name: "藏族",
-  },
-  {
-    id: "05",
-    name: "维吾尔族",
-  },
-  {
-    id: "06",
-    name: "苗族",
-  },
-  {
-    id: "07",
-    name: "彝族",
-  },
-  {
-    id: "08",
-    name: "壮族",
-  },
-  {
-    id: "09",
-    name: "布依族",
-  },
-  {
-    id: "10",
-    name: "朝鲜族",
-  },
-  {
-    id: "11",
-    name: "满族",
-  },
-  {
-    id: "12",
-    name: "侗族",
-  },
-  {
-    id: "13",
-    name: "瑶族",
-  },
-  {
-    id: "14",
-    name: "白族",
-  },
-  {
-    id: "15",
-    name: "土家族",
-  },
-  {
-    id: "16",
-    name: "哈尼族",
-  },
-  {
-    id: "17",
-    name: "哈萨克族",
-  },
-  {
-    id: "18",
-    name: "傣族",
-  },
-  {
-    id: "19",
-    name: "黎族",
-  },
-  {
-    id: "20",
-    name: "傈僳族",
-  },
-  {
-    id: "21",
-    name: "佤族",
-  },
-  {
-    id: "22",
-    name: "畲族",
-  },
-  {
-    id: "23",
-    name: "高山族",
-  },
-  {
-    id: "24",
-    name: "拉祜族",
-  },
-  {
-    id: "25",
-    name: "水族",
-  },
-  {
-    id: "26",
-    name: "东乡族",
-  },
-  {
-    id: "27",
-    name: "纳西族",
-  },
-  {
-    id: "28",
-    name: "景颇族",
-  },
-  {
-    id: "29",
-    name: "柯尔克孜族",
-  },
-  {
-    id: "30",
-    name: "土族",
-  },
-  {
-    id: "31",
-    name: "达斡尔族",
-  },
-  {
-    id: "32",
-    name: "仫佬族",
-  },
-  {
-    id: "33",
-    name: "羌族",
-  },
-  {
-    id: "34",
-    name: "布朗族",
-  },
-  {
-    id: "35",
-    name: "撒拉族",
-  },
-  {
-    id: "36",
-    name: "毛难族",
-  },
-  {
-    id: "37",
-    name: "仡佬族",
-  },
-  {
-    id: "38",
-    name: "锡伯族",
-  },
-  {
-    id: "39",
-    name: "阿昌族",
-  },
-  {
-    id: "40",
-    name: "普米族",
-  },
-  {
-    id: "41",
-    name: "塔吉克族",
-  },
-  {
-    id: "42",
-    name: "怒族",
-  },
-  {
-    id: "43",
-    name: "乌孜别克族",
-  },
-  {
-    id: "44",
-    name: "俄罗斯族",
-  },
-  {
-    id: "45",
-    name: "鄂温克族",
-  },
-  {
-    id: "46",
-    name: "崩龙族",
-  },
-  {
-    id: "47",
-    name: "保安族",
-  },
-  {
-    id: "48",
-    name: "裕固族",
-  },
-  {
-    id: "49",
-    name: "京族",
-  },
-  {
-    id: "50",
-    name: "塔塔尔族",
-  },
-  {
-    id: "51",
-    name: "独龙族",
-  },
-  {
-    id: "52",
-    name: "鄂伦春族",
-  },
-  {
-    id: "53",
-    name: "赫哲族",
-  },
-  {
-    id: "54",
-    name: "门巴族",
-  },
-  {
-    id: "55",
-    name: "珞巴族",
-  },
-  {
-    id: "56",
-    name: "基诺族",
-  },
-  {
-    id: "57",
-    name: "其他",
-  },
-  {
-    id: "58",
-    name: "外国血统中国人士",
-  },
+	{
+		id: "01",
+		name: "汉族",
+	},
+	{
+		id: "02",
+		name: "蒙古族",
+	},
+	{
+		id: "03",
+		name: "回族",
+	},
+	{
+		id: "04",
+		name: "藏族",
+	},
+	{
+		id: "05",
+		name: "维吾尔族",
+	},
+	{
+		id: "06",
+		name: "苗族",
+	},
+	{
+		id: "07",
+		name: "彝族",
+	},
+	{
+		id: "08",
+		name: "壮族",
+	},
+	{
+		id: "09",
+		name: "布依族",
+	},
+	{
+		id: "10",
+		name: "朝鲜族",
+	},
+	{
+		id: "11",
+		name: "满族",
+	},
+	{
+		id: "12",
+		name: "侗族",
+	},
+	{
+		id: "13",
+		name: "瑶族",
+	},
+	{
+		id: "14",
+		name: "白族",
+	},
+	{
+		id: "15",
+		name: "土家族",
+	},
+	{
+		id: "16",
+		name: "哈尼族",
+	},
+	{
+		id: "17",
+		name: "哈萨克族",
+	},
+	{
+		id: "18",
+		name: "傣族",
+	},
+	{
+		id: "19",
+		name: "黎族",
+	},
+	{
+		id: "20",
+		name: "傈僳族",
+	},
+	{
+		id: "21",
+		name: "佤族",
+	},
+	{
+		id: "22",
+		name: "畲族",
+	},
+	{
+		id: "23",
+		name: "高山族",
+	},
+	{
+		id: "24",
+		name: "拉祜族",
+	},
+	{
+		id: "25",
+		name: "水族",
+	},
+	{
+		id: "26",
+		name: "东乡族",
+	},
+	{
+		id: "27",
+		name: "纳西族",
+	},
+	{
+		id: "28",
+		name: "景颇族",
+	},
+	{
+		id: "29",
+		name: "柯尔克孜族",
+	},
+	{
+		id: "30",
+		name: "土族",
+	},
+	{
+		id: "31",
+		name: "达斡尔族",
+	},
+	{
+		id: "32",
+		name: "仫佬族",
+	},
+	{
+		id: "33",
+		name: "羌族",
+	},
+	{
+		id: "34",
+		name: "布朗族",
+	},
+	{
+		id: "35",
+		name: "撒拉族",
+	},
+	{
+		id: "36",
+		name: "毛难族",
+	},
+	{
+		id: "37",
+		name: "仡佬族",
+	},
+	{
+		id: "38",
+		name: "锡伯族",
+	},
+	{
+		id: "39",
+		name: "阿昌族",
+	},
+	{
+		id: "40",
+		name: "普米族",
+	},
+	{
+		id: "41",
+		name: "塔吉克族",
+	},
+	{
+		id: "42",
+		name: "怒族",
+	},
+	{
+		id: "43",
+		name: "乌孜别克族",
+	},
+	{
+		id: "44",
+		name: "俄罗斯族",
+	},
+	{
+		id: "45",
+		name: "鄂温克族",
+	},
+	{
+		id: "46",
+		name: "崩龙族",
+	},
+	{
+		id: "47",
+		name: "保安族",
+	},
+	{
+		id: "48",
+		name: "裕固族",
+	},
+	{
+		id: "49",
+		name: "京族",
+	},
+	{
+		id: "50",
+		name: "塔塔尔族",
+	},
+	{
+		id: "51",
+		name: "独龙族",
+	},
+	{
+		id: "52",
+		name: "鄂伦春族",
+	},
+	{
+		id: "53",
+		name: "赫哲族",
+	},
+	{
+		id: "54",
+		name: "门巴族",
+	},
+	{
+		id: "55",
+		name: "珞巴族",
+	},
+	{
+		id: "56",
+		name: "基诺族",
+	},
+	{
+		id: "57",
+		name: "其他",
+	},
+	{
+		id: "58",
+		name: "外国血统中国人士",
+	},
 ];
diff --git a/src/utils/request.js b/src/utils/request.js
index 927e3e8..dd6c3ed 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,6 +1,8 @@
 import axios from "axios";
 import router from "@/router";
 import Cookies from "js-cookie";
+import qs from "qs";
+
 // import Vue from "vue";
 // const baseURL = "http://1shoudan.com"; // 正式环境线上
 const baseURL = "http://idaotian.com"; // 正式环境线上
@@ -13,42 +15,67 @@ const baseURL = "http://idaotian.com"; // 正式环境线上
 // const data1 = require.context("./", false, /\.js$/); // 测试用
 // console.log(data1.keys());
 axios.defaults.withCredentials = true; //添加这行代码
+// axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded"
 // console.log(axios);
 const service = axios.create({
-  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: 60000, // request timeout
-  crossDomain: true,
+	// 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: 60000, // request timeout
+	crossDomain: true,
 });
+service.interceptors.request.use(
+	(req) => {
+		console.log(req);
+		// if (req.method == "post" && req.headers["Content-type"]) {
+		// 	if (req.headers["Content-type"].indexOf("multipart/form-data") == -1 && req.headers["Content-type"].indexOf("application/x-www-form-urlencoded") == -1) {
+		// 		let dataObj = qs.stringify(req.data);
+		// 		console.log(dataObj);
+		// 		req.data = dataObj;
+		// 	}
+		// }
+
+		if (localStorage.getItem("LOGIN_DATA")) {
+			req.headers.Authorization = "Bearer " + JSON.parse(localStorage.getItem("LOGIN_DATA")).token;
+		}
+		// application/json
+		// if(req.headers.common.Accept.indexOf('application/json') > 0 || req.headers.Accept.indexOf('application/json') > 0){
+		//   console.log('is application/json');
+		// }
+		return req;
+	},
+	(err) => {
+		console.log(err);
+	}
+);
 service.interceptors.response.use(
-  (response) => {
-    const { msg, status } = response.data;
-    return response;
-    // console.log(status)      ;
-    // if (status == 9999) {
-    //   sessionStorage.removeItem("LOGIN_DATA");
-    //   Cookies.remove("LOGIN_DATA");
-    //   router.push("/login");
-    //   // 跳转到登录页面
-    //   // this.$message.warning(msg);
-    //   return Promise.reject(new Error("token过期"));
-    // }
-    // if (response.status === 200) {
-    //   return response;
-    // } else {
-    //   // Message.error(message)
-    //   return Promise.reject(new Error(msg));
-    // }
-  },
-  (error) => {
-    console.log(error);
-    // if (error.toString().indexOf("9999") !== -1) {
-    //   router.push("/login");
-    //   // Vue.$message.warning(msg)
-    // } else if (error.message.indexOf("500") !== -1) {
-    // }
-    // return Promise.reject(error);
-  }
+	(response) => {
+		console.log(response);
+		let { msg, status } = response.data;
+		// return response;
+		console.log(status);
+		if (status == 9999) {
+			localStorage.removeItem("LOGIN_DATA");
+			router.push("/login");
+			// 跳转到登录页面
+			// this.$message.warning(msg);
+			return Promise.reject(new Error("token过期"));
+		}
+		if (response.status === 200) {
+			return response;
+		} else {
+			// Message.error(message)
+			return Promise.reject(new Error(msg));
+		}
+	},
+	(error) => {
+		console.log(error);
+		// if (error.toString().indexOf("9999") !== -1) {
+		//   router.push("/login");
+		//   // Vue.$message.warning(msg)
+		// } else if (error.message.indexOf("500") !== -1) {
+		// }
+		// return Promise.reject(error);
+	}
 );
 export default service;
diff --git a/src/views/main.vue b/src/views/main.vue
index 7ae790f..a343784 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -191,12 +191,11 @@
       </div>
     </div> -->
     <!-- banner广告栏 -->
-    <div class="banner" v-if="isbannershow">
+    <!-- <div class="banner" v-if="isbannershow">
       <div class="w">
         <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
-        <!-- <img src="../assets/phone.png" alt="" /> -->
       </div>
-    </div>
+    </div> -->
     <!-- footer部分 -->
     <footer v-if="isfootershow">
       <div class="w">
@@ -214,7 +213,7 @@
         <div>
           Copyright © 2015 - 2022 Bocai. All Rights Reserved. <i></i>
           <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
-            >京ICP备16043923号-9</a
+            >豫ICP备2023001993号</a
           >
         </div>
       </div>
@@ -354,10 +353,9 @@ export default {
    */
   created() {
     console.log();
-    if (sessionStorage.getItem("LOGIN_DATA") || Cookies.get("LOGIN_DATA")) {
+    if (localStorage.getItem("LOGIN_DATA")) {
       this.isLogin = true;
     }
-    console.log(JSON.parse(sessionStorage.getItem("LOGIN_DATA")));
     this.getJobList();
     this.isLaoxiangshow();
     this.getRecommendJob();
@@ -368,11 +366,10 @@ export default {
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
    */
   mounted() {
-    console.log(sessionStorage.getItem("LOGIN_DATA"));
 
     this.loginValue =
-      sessionStorage.getItem("LOGIN_DATA") !== null
-        ? JSON.parse(sessionStorage.getItem("LOGIN_DATA"))
+      localStorage.getItem("LOGIN_DATA") !== null
+        ? JSON.parse(localStorage.getItem("LOGIN_DATA"))
         : { tel: "" };
     // console.log(this.loginValue);
     // console.log(document.querySelector(".ant-pagination-options-quick-jumper"));
@@ -533,8 +530,7 @@ export default {
         const data = await logoutApi();
         console.log(data);
         if (data.status === 200) {
-          sessionStorage.removeItem("LOGIN_DATA");
-          Cookies.remove("LOGIN_DATA");
+          localStorage.removeItem("LOGIN_DATA");
           this.reload();
           this.$router.push("/main");
         } else {
diff --git a/src/views/userinfo.vue b/src/views/userinfo.vue
index e23ffb7..9d940a6 100644
--- a/src/views/userinfo.vue
+++ b/src/views/userinfo.vue
@@ -169,7 +169,7 @@
         <div>
           Copyright © 2015 - 2022 Bocai. All Rights Reserved. <i></i>
           <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
-            >京ICP备16043923号-9</a
+            >豫ICP备2023001993号</a
           >
         </div>
       </div>
@@ -280,12 +280,11 @@ export default {
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
    */
   mounted() {
-    console.log(sessionStorage.getItem("LOGIN_DATA"));
-    this.isLogin = sessionStorage.getItem("LOGIN_DATA") !== null ? true : false;
+    this.isLogin = localStorage.getItem("LOGIN_DATA") !== null ? true : false;
 
     this.loginValue =
-      sessionStorage.getItem("LOGIN_DATA") !== null
-        ? JSON.parse(sessionStorage.getItem("LOGIN_DATA"))
+      localStorage.getItem("LOGIN_DATA") !== null
+        ? JSON.parse(localStorage.getItem("LOGIN_DATA"))
         : { tel: "" };
     // console.log(document.querySelector(".ant-pagination-options-quick-jumper"));
   },
@@ -315,9 +314,7 @@ export default {
         const data = await logoutApi();
         console.log(data);
         if (data.status === 200) {
-          sessionStorage.removeItem("LOGIN_DATA");
-          Cookies.remove("LOGIN_DATA");
-          Cookies.remove("LOGIN_DATA");
+          localStorage.removeItem("LOGIN_DATA");
           this.reload();
           this.$router.push("/main");
         } else {
diff --git a/test.html b/test.html
new file mode 100644
index 0000000..db7bdb6
--- /dev/null
+++ b/test.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Document</title>
+	</head>
+	<body>
+		<script>
+			let current = 4;
+			let mounthList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+			let newlist = mounthList.slice(mounthList.indexOf(current)).concat(mounthList.slice(0,current - 1));
+      console.log(newlist);
+		</script>
+	</body>
+</html>
diff --git a/yarn.lock b/yarn.lock
index 682b806..89cef8f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8731,6 +8731,11 @@ thread-loader@^2.1.3:
     loader-utils "^1.1.0"
     neo-async "^2.6.0"
 
+throttle-debounce@^2.0.1:
+  version "2.3.0"
+  resolved "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-2.3.0.tgz#fd31865e66502071e411817e241465b3e9c372e2"
+  integrity sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ==
+
 through2@^2.0.0:
   version "2.0.5"
   resolved "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz"
@@ -9124,6 +9129,14 @@ uuid@^8.3.2:
   resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
+v-viewer@^1.6.4:
+  version "1.6.4"
+  resolved "https://registry.npmmirror.com/v-viewer/-/v-viewer-1.6.4.tgz#39e36b534baab34076fb816704c6a734de0dc72f"
+  integrity sha512-LVkiUHpmsbsZXebeNXnu8krRCi5i2n07FeLFxoIVGhw8lVvTBO0ffpbDC6mLEuacCjrIh09HjIqpciwUtWE8lQ==
+  dependencies:
+    throttle-debounce "^2.0.1"
+    viewerjs "^1.5.0"
+
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz"
@@ -9156,6 +9169,11 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
+viewerjs@^1.5.0:
+  version "1.11.3"
+  resolved "https://registry.npmmirror.com/viewerjs/-/viewerjs-1.11.3.tgz#6569c519590776190f86b531bf43a5888a7a472f"
+  integrity sha512-efG3U61Umuj/1x6JAtdvnY9m407C/RkrkFilsMcLEWKDivpjNU3/FeL+feCY1Vkur9aQeBJ+z6K4CCPP7hv6vA==
+
 vm-browserify@^1.0.1:
   version "1.1.2"
   resolved "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz"