diff --git a/App.vue b/App.vue
index 8912dd3..860e559 100644
--- a/App.vue
+++ b/App.vue
@@ -1,348 +1,352 @@
 <script lang="ts">
-import RootStore from '@xkit-yx/im-store-v2'
-import V2NIM, { V2NIMConst } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK'
-import { getMsgContentTipByType } from './pages/NEUIKit/utils/msg'
-import { STORAGE_KEY } from './pages/NEUIKit/utils/constants'
-import { isWxApp } from './pages/NEUIKit/utils'
-import { V2NIMMessage, V2NIMMessagePushConfig } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK/V2NIMMessageService'
-import { unix } from 'dayjs'
+import RootStore from "@xkit-yx/im-store-v2";
+import V2NIM, { V2NIMConst } from "nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK";
+import { getMsgContentTipByType } from "./pages/NEUIKit/utils/msg";
+import { STORAGE_KEY } from "./pages/NEUIKit/utils/constants";
+import { isWxApp } from "./pages/NEUIKit/utils";
+import { V2NIMMessage, V2NIMMessagePushConfig } from "nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK/V2NIMMessageService";
+import { unix } from "dayjs";
 
 export default {
-  globalData: {
-    timer: null, // 定时器变量
-    themeColor: '#00b666',
-    themeBackgroundColor: '#00b66621',
-  },
-  onShow: function (options) {
-    let that = this
-    console.log('show 项目init：', options, decodeURIComponent(options.query.scene))
-    // 清除扫码获取的id信息
-    uni.removeStorageSync('scene')
-    uni.removeStorageSync('user_scene')
-    uni.removeStorageSync('user_options', options)
+	globalData: {
+		timer: null, // 定时器变量
+		themeColor: "#00b666",
+		themeBackgroundColor: "#00b66621",
+	},
+	onLaunch() {
+		let that = this;
+		uni.removeStorageSync("selectedCity");
+	},
+	onShow: function (options) {
+		let that = this;
+		console.log("show 项目init：", options, decodeURIComponent(options.query.scene));
+		// 清除扫码获取的id信息
+		uni.removeStorageSync("scene");
+		uni.removeStorageSync("user_scene");
+		uni.removeStorageSync("user_options", options);
 
-    if (options.query.id) {
-      uni.setStorageSync('apply-jobdetail-id', options.query.id)
-    } else {
-      uni.setStorageSync('apply-jobdetail-id', 0)
-    }
+		if (options.query.id) {
+			uni.setStorageSync("apply-jobdetail-id", options.query.id);
+		} else {
+			uni.setStorageSync("apply-jobdetail-id", 0);
+		}
 
-    if (options.query.scene) {
-      let str = decodeURIComponent(options.query.scene)
-      uni.setStorageSync(
-        'apply-invite-code',
-        JSON.stringify({
-          key: str.split('=')[0],
-          value: str.split('=')[1],
-        })
-      )
-    } else {
-      uni.setStorageSync('apply-invite-code', '')
-    }
-    if (uni.getStorageSync('apply-token')) {
-      this.G.checkToken()
-    }
-    if (!that.globalData.timer) {
-      if (uni.getStorageSync('apply-token')) {
-        that.checkNum()
-      }
-      that.globalData.timer = setInterval(() => {
-        console.log('inner++++++++++++++++++++ +++++++++++++++++++++++++++')
-        if (uni.getStorageSync('apply-token')) {
-          that.checkNum()
-        }
-      }, 1 * 30 * 1000)
-    }
+		if (options.query.scene) {
+			let str = decodeURIComponent(options.query.scene);
+			uni.setStorageSync(
+				"apply-invite-code",
+				JSON.stringify({
+					key: str.split("=")[0],
+					value: str.split("=")[1],
+				})
+			);
+		} else {
+			uni.setStorageSync("apply-invite-code", "");
+		}
+		if (uni.getStorageSync("apply-token")) {
+			this.G.checkToken();
+		}
+		if (!that.globalData.timer) {
+			if (uni.getStorageSync("apply-token")) {
+				that.checkNum();
+			}
+			that.globalData.timer = setInterval(() => {
+				console.log("inner++++++++++++++++++++ +++++++++++++++++++++++++++");
+				if (uni.getStorageSync("apply-token")) {
+					that.checkNum();
+				}
+			}, 1 * 30 * 1000);
+		}
 
-    uni.$on('isGlogin', function (data) {
-      console.log('app.vue 接收', data)
-      if (uni.getStorageSync('apply-uid')) {
-        // that.initWyyx()
-      }
-    })
-    if (uni.getStorageSync('apply-token')) {
-      console.log('app.vue 是否调用')
-      // that.initWyyx()
-    }
-  },
-  onHide: function () {},
-  methods: {
-    initWyyx() {
-      let that = this
+		uni.$on("isGlogin", function (data) {
+			console.log("app.vue 接收", data);
+			if (uni.getStorageSync("apply-uid")) {
+				// that.initWyyx()
+			}
+		});
+		if (uni.getStorageSync("apply-token")) {
+			console.log("app.vue 是否调用");
+			// that.initWyyx()
+		}
+	},
+	onHide: function () {},
+	methods: {
+		initWyyx() {
+			let that = this;
 
-      that.F.wyyxPost(
-        that.api.wyyx_getConfig,
-        {
-          userId: uni.getStorageSync('apply-uid'),
-        },
-        (res) => {
-          console.log('wyyx_getConfig', res)
-          let resData = {
-            appkey: res.appKey,
-            accid: res.accid,
-            token: res.token,
-          }
-          const imOptions = {
-            appkey: resData.appkey, // 请填写您的 appkey
-            account: resData.accid, // 请填写您的 account
-            token: resData.token, // 请填写您的 token
-            // appkey: "7e19d679085266aa872a8de12f0c1ae5", // 请填写您的 appkey
-            // account: "9", // 请填写您的 account
-            // token: "2d4ca36cca6293cf3a81d6ca1b8026f7", // 请填写您的 token
-          }
-          if (imOptions) {
-            this.initNim(imOptions)
-          } else {
-            // 需要登录, 跳转登录页
-          }
-        }
-      )
-    },
-    async initNim(opts) {
-      let that = this
-      // 初始化 nim sdk
-      const nim = (uni.$UIKitNIM = V2NIM.getInstance(
-        {
-          appkey: opts.appkey,
-          needReconnect: true,
-          // "reconnectionAttempts": 5,
-          debugLevel: 'debug',
-          apiVersion: 'v2',
-          enableV2CloudConversation: true,
-        },
-        {
-          V2NIMLoginServiceConfig: {
-            lbsUrls: isWxApp ? ['https://lbs.netease.im/lbs/wxwebconf.jsp'] : ['https://lbs.netease.im/lbs/webconf.jsp'],
-            linkUrl: isWxApp ? 'wlnimsc0.netease.im' : 'weblink.netease.im',
-            /**
-             * 使用固定设备 ID，
-             */
-            isFixedDeviceId: true,
-          },
-        }
-      ))
+			that.F.wyyxPost(
+				that.api.wyyx_getConfig,
+				{
+					userId: uni.getStorageSync("apply-uid"),
+				},
+				(res) => {
+					console.log("wyyx_getConfig", res);
+					let resData = {
+						appkey: res.appKey,
+						accid: res.accid,
+						token: res.token,
+					};
+					const imOptions = {
+						appkey: resData.appkey, // 请填写您的 appkey
+						account: resData.accid, // 请填写您的 account
+						token: resData.token, // 请填写您的 token
+						// appkey: "7e19d679085266aa872a8de12f0c1ae5", // 请填写您的 appkey
+						// account: "9", // 请填写您的 account
+						// token: "2d4ca36cca6293cf3a81d6ca1b8026f7", // 请填写您的 token
+					};
+					if (imOptions) {
+						this.initNim(imOptions);
+					} else {
+						// 需要登录, 跳转登录页
+					}
+				}
+			);
+		},
+		async initNim(opts) {
+			let that = this;
+			// 初始化 nim sdk
+			const nim = (uni.$UIKitNIM = V2NIM.getInstance(
+				{
+					appkey: opts.appkey,
+					needReconnect: true,
+					// "reconnectionAttempts": 5,
+					debugLevel: "debug",
+					apiVersion: "v2",
+					enableV2CloudConversation: true,
+				},
+				{
+					V2NIMLoginServiceConfig: {
+						lbsUrls: isWxApp ? ["https://lbs.netease.im/lbs/wxwebconf.jsp"] : ["https://lbs.netease.im/lbs/webconf.jsp"],
+						linkUrl: isWxApp ? "wlnimsc0.netease.im" : "weblink.netease.im",
+						/**
+						 * 使用固定设备 ID，
+						 */
+						isFixedDeviceId: true,
+					},
+				}
+			));
 
-      that.globalData.nim = nim
+			that.globalData.nim = nim;
 
-      // 初始化 store
-      const store = (uni.$UIKitStore = new RootStore(
-        nim,
-        {
-          addFriendNeedVerify: false,
-          // 是否需要显示 p2p 消息、p2p 会话列表消息已读未读，默认 false
-          p2pMsgReceiptVisible: true,
-          // 是否需要显示群组消息已读未读，默认 false
-          teamMsgReceiptVisible: true,
-          teamAgreeMode: V2NIMConst.V2NIMTeamAgreeMode.V2NIM_TEAM_AGREE_MODE_NO_AUTH,
-          sendMsgBefore: async (options: { msg: V2NIMMessage; conversationId: string; serverExtension?: Record<string, unknown> }) => {
-            const pushContent = getMsgContentTipByType({
-              text: options.msg.text,
-              messageType: options.msg.messageType,
-            })
-            const yxAitMsg = options.serverExtension ? options.serverExtension.yxAitMsg : { forcePushIDsList: '[]', needForcePush: false }
+			// 初始化 store
+			const store = (uni.$UIKitStore = new RootStore(
+				nim,
+				{
+					addFriendNeedVerify: false,
+					// 是否需要显示 p2p 消息、p2p 会话列表消息已读未读，默认 false
+					p2pMsgReceiptVisible: true,
+					// 是否需要显示群组消息已读未读，默认 false
+					teamMsgReceiptVisible: true,
+					teamAgreeMode: V2NIMConst.V2NIMTeamAgreeMode.V2NIM_TEAM_AGREE_MODE_NO_AUTH,
+					sendMsgBefore: async (options: { msg: V2NIMMessage; conversationId: string; serverExtension?: Record<string, unknown> }) => {
+						const pushContent = getMsgContentTipByType({
+							text: options.msg.text,
+							messageType: options.msg.messageType,
+						});
+						const yxAitMsg = options.serverExtension ? options.serverExtension.yxAitMsg : { forcePushIDsList: "[]", needForcePush: false };
 
-            // 如果是 at 消息，需要走离线强推
+						// 如果是 at 消息，需要走离线强推
 
-            const { forcePushIDsList, needForcePush } = yxAitMsg
-              ? // @ts-ignore
-                store.msgStore._formatExtAitToPushInfo(yxAitMsg, options.msg.text)
-              : { forcePushIDsList: '[]', needForcePush: false }
+						const { forcePushIDsList, needForcePush } = yxAitMsg
+							? // @ts-ignore
+							  store.msgStore._formatExtAitToPushInfo(yxAitMsg, options.msg.text)
+							: { forcePushIDsList: "[]", needForcePush: false };
 
-            console.log('forcePushIDsList: ', forcePushIDsList)
+						console.log("forcePushIDsList: ", forcePushIDsList);
 
-            const { conversationId } = options
-            const conversationType = nim.V2NIMConversationIdUtil.parseConversationType(conversationId)
-            const targetId = nim.V2NIMConversationIdUtil.parseConversationTargetId(conversationId)
+						const { conversationId } = options;
+						const conversationType = nim.V2NIMConversationIdUtil.parseConversationType(conversationId);
+						const targetId = nim.V2NIMConversationIdUtil.parseConversationTargetId(conversationId);
 
-            const pushPayload = JSON.stringify({
-              // oppo
-              oppoField: {
-                click_action_type: 4, // 参考 oppo 官网
-                click_action_activity: '', // 各端不一样 TODO
-                action_parameters: {
-                  sessionId: targetId,
-                  sessionType: conversationType,
-                }, // 自定义
-              },
+						const pushPayload = JSON.stringify({
+							// oppo
+							oppoField: {
+								click_action_type: 4, // 参考 oppo 官网
+								click_action_activity: "", // 各端不一样 TODO
+								action_parameters: {
+									sessionId: targetId,
+									sessionType: conversationType,
+								}, // 自定义
+							},
 
-              // vivo
-              vivoField: {
-                pushMode: 0, //推送模式：0 表示正式推送、1 表示测试推送。不填则默认为 0。
-              },
+							// vivo
+							vivoField: {
+								pushMode: 0, //推送模式：0 表示正式推送、1 表示测试推送。不填则默认为 0。
+							},
 
-              // huawei
-              hwField: {
-                click_action: {
-                  type: 1,
-                  action: '', // 各端不一样 TODO
-                },
-                androidConfig: {
-                  category: 'IM',
-                  data: JSON.stringify({
-                    sessionId: targetId,
-                    sessionType: conversationType,
-                  }),
-                },
-              },
+							// huawei
+							hwField: {
+								click_action: {
+									type: 1,
+									action: "", // 各端不一样 TODO
+								},
+								androidConfig: {
+									category: "IM",
+									data: JSON.stringify({
+										sessionId: targetId,
+										sessionType: conversationType,
+									}),
+								},
+							},
 
-              // 通用
-              sessionId: targetId,
-              sessionType: conversationType,
-            })
+							// 通用
+							sessionId: targetId,
+							sessionType: conversationType,
+						});
 
-            const pushConfig: V2NIMMessagePushConfig = {
-              pushEnabled: true,
-              pushNickEnabled: true,
-              forcePush: needForcePush,
-              forcePushContent: pushContent,
-              forcePushAccountIds: forcePushIDsList,
-              pushPayload: '{}',
-              pushContent,
-            }
+						const pushConfig: V2NIMMessagePushConfig = {
+							pushEnabled: true,
+							pushNickEnabled: true,
+							forcePush: needForcePush,
+							forcePushContent: pushContent,
+							forcePushAccountIds: forcePushIDsList,
+							pushPayload: "{}",
+							pushContent,
+						};
 
-            return { ...options, pushConfig }
-          },
-        },
-        'UniApp'
-      ))
+						return { ...options, pushConfig };
+					},
+				},
+				"UniApp"
+			));
 
-      // #ifdef APP-PLUS
-      const nimPushPlugin = uni.requireNativePlugin('NIMUniPlugin-PluginModule')
-      nim.V2NIMSettingService.setOfflinePushConfig(nimPushPlugin, {
-        miPush: {
-          appId: '2882303761520397320',
-          appKey: '5102039734320',
-          certificateName: 'xiaomiCertificateName',
-        },
-        vivoPush: {
-          certificateName: 'vivoCertificateName',
-        },
-        oppoPush: {
-          appId: '32967155',
-          appKey: 'b98618cb272944dea324af6421d42a79',
-          secret: '0b7ce705a2304a17b78f20011c18890c',
-          certificateName: 'opopCertificateName',
-        },
-        honorPush: {
-          certificateName: 'rongyaoCertificateName',
-        },
-        apns: {
-          // certificateName: 'AuthKey_98P8URRXUD_test', //测试用:
-          certificateName: 'AuthKey_98P8URRXUD', //正式用
-        },
-      })
-      console.log('是否执行 推送')
-      // #endif
+			// #ifdef APP-PLUS
+			const nimPushPlugin = uni.requireNativePlugin("NIMUniPlugin-PluginModule");
+			nim.V2NIMSettingService.setOfflinePushConfig(nimPushPlugin, {
+				miPush: {
+					appId: "2882303761520397320",
+					appKey: "5102039734320",
+					certificateName: "xiaomiCertificateName",
+				},
+				vivoPush: {
+					certificateName: "vivoCertificateName",
+				},
+				oppoPush: {
+					appId: "32967155",
+					appKey: "b98618cb272944dea324af6421d42a79",
+					secret: "0b7ce705a2304a17b78f20011c18890c",
+					certificateName: "opopCertificateName",
+				},
+				honorPush: {
+					certificateName: "rongyaoCertificateName",
+				},
+				apns: {
+					// certificateName: 'AuthKey_98P8URRXUD_test', //测试用:
+					certificateName: "AuthKey_98P8URRXUD", //正式用
+				},
+			});
+			console.log("是否执行 推送");
+			// #endif
 
-      nim.V2NIMLoginService.login(opts.account, opts.token).then(() => {})
+			nim.V2NIMLoginService.login(opts.account, opts.token).then(() => {});
 
-      nim.V2NIMConversationService.on('onConversationChanged', function (conversationList: V2NIMConversation[]) {
-        console.log('初始化监听会话:', conversationList)
-        let _bool = conversationList.filter((item) => {
-          return Number(item.unreadCount) > 0
-        })
-        console.log('初始化监听会话bool:', _bool)
-        if (_bool && _bool.length > 0) {
-          that.playAudio() // 播放音频
-        }
-      })
-    },
-    playAudio() {
-      let that = this
-      const innerAudioContext = uni.createInnerAudioContext()
-      innerAudioContext.autoplay = true
-      innerAudioContext.src = 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/ibocai/tip.mp3'
-      innerAudioContext.onPlay(() => {
-        console.log('开始播放')
-      })
-      uni.vibrateShort()
+			nim.V2NIMConversationService.on("onConversationChanged", function (conversationList: V2NIMConversation[]) {
+				console.log("初始化监听会话:", conversationList);
+				let _bool = conversationList.filter((item) => {
+					return Number(item.unreadCount) > 0;
+				});
+				console.log("初始化监听会话bool:", _bool);
+				if (_bool && _bool.length > 0) {
+					that.playAudio(); // 播放音频
+				}
+			});
+		},
+		playAudio() {
+			let that = this;
+			const innerAudioContext = uni.createInnerAudioContext();
+			innerAudioContext.autoplay = true;
+			innerAudioContext.src = "https://matripe-cms.oss-cn-beijing.aliyuncs.com/ibocai/tip.mp3";
+			innerAudioContext.onPlay(() => {
+				console.log("开始播放");
+			});
+			uni.vibrateShort();
 
-      innerAudioContext.onError((res) => {
-        console.log(res.errMsg)
-        console.log(res.errCode)
-      })
-    },
-    checkNum() {
-      let that = this
-      if (uni.getStorageSync('apply-token')) {
-        that.G.Get(that.api.bind_getApplyNum, {}, (res) => {
-          console.log('获取待处理数量：', res)
-          if (res.approvePassHasNotRed > 0) {
-            uni.setTabBarBadge({
-              index: 2,
-              text: String(res.approvePassHasNotRed),
-            })
-          } else {
-            uni.removeTabBarBadge({
-              index: 2,
-            })
-          }
-        })
-      }
-    },
-  },
-}
+			innerAudioContext.onError((res) => {
+				console.log(res.errMsg);
+				console.log(res.errCode);
+			});
+		},
+		checkNum() {
+			let that = this;
+			if (uni.getStorageSync("apply-token")) {
+				that.G.Get(that.api.bind_getApplyNum, {}, (res) => {
+					console.log("获取待处理数量：", res);
+					if (res.approvePassHasNotRed > 0) {
+						uni.setTabBarBadge({
+							index: 2,
+							text: String(res.approvePassHasNotRed),
+						});
+					} else {
+						uni.removeTabBarBadge({
+							index: 2,
+						});
+					}
+				});
+			}
+		},
+	},
+};
 </script>
 
 <style lang="scss">
-@import './static/css/iconfont.css';
-@import './uni_modules/vk-uview-ui/index.scss';
-@import './static/css/base.scss';
-@import './static/font/iconfont-weapp-icon.css';
+@import "./static/css/iconfont.css";
+@import "./uni_modules/vk-uview-ui/index.scss";
+@import "./static/css/base.scss";
+@import "./static/font/iconfont-weapp-icon.css";
 
 // #ifdef MP-WEIXIN
 page {
-  width: 100vw;
-  height: 100vh;
+	width: 100vw;
+	height: 100vh;
 }
 
 // #endif
 // #ifdef H5 || APP-PLUS || MP-TOUTIAO || MP-KUAISHOU
 page {
-  width: 100vw;
-  height: calc(100% - 0px);
-  --color-ysd: #ff4400;
-  --color-hover: #ff4400cc;
-  --color-be: #ff4400;
-  --color-027: #ff4400;
-  --color-href: #576b95;
+	width: 100vw;
+	height: calc(100% - 0px);
+	--color-ysd: #ff4400;
+	--color-hover: #ff4400cc;
+	--color-be: #ff4400;
+	--color-027: #ff4400;
+	--color-href: #576b95;
 }
 
 // #endif
 
 // uview默认样式覆盖
 .u-badge-mini {
-  top: 22rpx !important;
-  right: 102rpx !important;
-  color: transparent !important;
-  width: 10px !important;
-  height: 10px !important;
-  border-radius: 50% !important;
+	top: 22rpx !important;
+	right: 102rpx !important;
+	color: transparent !important;
+	width: 10px !important;
+	height: 10px !important;
+	border-radius: 50% !important;
 }
 
 .u-radio {
-  &:last-child {
-    .u-radio__label {
-      margin-right: 0;
-    }
-  }
+	&:last-child {
+		.u-radio__label {
+			margin-right: 0;
+		}
+	}
 }
 
 .g-apply-tab {
-  .u-tab-bar {
-    bottom: -2px !important;
-  }
+	.u-tab-bar {
+		bottom: -2px !important;
+	}
 }
 .g_bg_f_5 {
-  background-color: #ededed !important;
+	background-color: #ededed !important;
 }
 .g_mt_30 {
-  margin-top: 30px;
+	margin-top: 30px;
 }
 .g_mt_84 {
-  margin-top: 84px;
+	margin-top: 84px;
 }
 .g_pt_90 {
-  padding-top: 90px;
+	padding-top: 90px;
 }
 </style>
diff --git a/api/job.js b/api/job.js
index a62ff4e..ee5e4e8 100644
--- a/api/job.js
+++ b/api/job.js
@@ -17,6 +17,9 @@ let jobInfo = {
   yi_job_class_new: "/labels/getListByTypeAndIndustry", // 新职位要求接口(新)
 	job_get_cus: "/yishoudan/job/customer/support/getJobCustomerSupportIM", // 获取客服ID
 	hasSee: "/yishoudan/job/view/record/addRecord",
+  getCityNameByLatLng: '/location/getCityNameByLatLng' ,// 根据经纬度获取城市
+  get_city_list: '/city/getAllCityLevel2', // 获取城市列表
+
 }
 
 export default jobInfo;
\ No newline at end of file
diff --git a/pages.json b/pages.json
index eb3ea95..11af612 100644
--- a/pages.json
+++ b/pages.json
@@ -457,6 +457,12 @@
             "navigationBarTitleText": "搜索"
           }
         },
+        {
+          "path": "city",
+          "style": {
+            "navigationBarTitleText": "选择城市"
+          }
+        },
         {
           "path": "error",
           "style": {
diff --git a/pages/home/index.vue b/pages/home/index.vue
index 0214da5..6600006 100644
--- a/pages/home/index.vue
+++ b/pages/home/index.vue
@@ -1,827 +1,866 @@
 <template>
-  <div class="p-home-inedx g_w_all g_bg_f_5 g_kuaishou" :class="computeCode == -1 ? 'g_flex_column_center' : ''">
-    <div v-show="computeCode == -1" class="g_flex_column_center">
-      <g-loading marginBottom="g_mb_130" />
-    </div>
+	<div class="p-home-inedx g_w_all g_bg_f_5 g_kuaishou" :class="computeCode == -1 ? 'g_flex_column_center' : ''">
+		<div v-show="computeCode == -1" class="g_flex_column_center">
+			<g-loading marginBottom="g_mb_130" />
+		</div>
 
-    <div v-show="computeCode > -1">
-      <!-- 列表区 -->
-      <!-- <div @click="showPop = true"> 1123 </div> -->
-      <!-- `calc(${navInfo.windowHeight}px - ${navInfo.navigationBarHeight + navInfo.statusBarHeight}px)` -->
-      <scroll-view class="m-list" id="listBox" :scroll-into-view="scrollTo" :style="{ height: `calc(${navInfo.windowHeight}px)` }" :scroll-y="true" @scrolltolower="reachBottom">
-        <div class hover-class="none" hover-stop-propagation="false">
-          <div class="g_position_rela">
-            <!-- 搜索区 -->
-            <div class="m-search g_p_10 g_pt_8 g_position_rela bg_shawdoc" style id="searchInputBox">
-              <u-search height="80" v-model="keyword" class="g_flex_1" placeholder="搜索职位名称" bg-color="#fff" :show-action="false" placeholder-class="g_c_c" search-icon-color="#999999" :maxlength="20"></u-search>
-              <div class="g_w_all g_h_40 g_position_abso" style="left: 0; z-index: 9999; top: 0; height: 100%" @click.stop="goSearch"></div>
-            </div>
-          </div>
-          <div>
-            <div class="sticky">
-              <div class="g_bg_f_5 g_flex_row_between flex_center" id="tttop">
-                <div class="g_flex_1">
-                  <u-tabs bg-color="transparent" from="index" gutter="20" :list="tabInfo.list" :is-scroll="true" :current="tabInfo.active" active-color="#00b666" bar-width="64" bar-height="6" @change="handleUpdateTab" font-size="34" duration="0.05" height="76"></u-tabs>
-                </div>
-                <div class="g_flex_row_end">
-                  <div class="csbf" @click="chooseNl('sort')">
-                    {{ sortList.list[sortList.active].showName }}
-                    <span class="iconfont icon-shouqi g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow == 'sort'"></span>
-                    <span class="iconfont icon-zhankai g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow != 'sort'"></span>
-                    <div class="sortMask" v-if="whichOneShow == 'sort'">
-                      <div class="sortContainer" style="overflow: hidden" @click.stop>
-                        <div v-for="(item, index) in sortList.list" @click="sortJob(index)" :key="index" :class="sortList.active == index ? 'g_border_main g_c_main' : 'g_border_f'" class="g_fs_16 g_fw_600 g_mt_16 g_bg_f" style="border-radius: 30px; padding: 8px 16px">{{ item.name }}</div>
-                      </div>
-                    </div>
-                  </div>
-                  <view class="csbf" style="z-index: 99999999" @click="chooseNl('special')" data-type="special">
-                    筛选
-                    <span class="iconfont icon-shouqi g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow == 'special'"></span>
-                    <span class="iconfont icon-zhankai g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow != 'special'"></span>
-                    <g-filter :show="whichOneShow" ref="filterChild" top="43px" :getFilterDataNew="getFilterData" @filterObj="receiveFromChild"></g-filter>
-                  </view>
-                </div>
-                <!-- <div class="g_flex_none g_flex_column_center g_fs_17 g_pr_26 g_pb_4" style="color: #576b95; text-decoration: underline" @click="goPage('/root/home/ignore')">忽略</div> -->
-              </div>
-              <scroll-view class="filterTag bt1" v-if="getFilterData.jobCategoryLabelObjects.length > 0 || getFilterData.jobSpecialLabelObjects.length > 0 || getFilterData.sex != '-1' || (getFilterData.ageRangeStr && getFilterData.ageRangeStr != '16-60')" :scroll-x="true" :scroll-y="false" scroll-top="0" scroll-left="0" scroll-into-view scroll-with-animation="false" enable-flex enable-back-to-top="false">
-                <div class="g_flex_row_between flex_center flex_nw g_w_all">
-                  <div class="g_flex_row_start flex_nw" style="line-height: 44px">
-                    <div class="tc genderTag f14 por" style="min-width: 60px" v-if="getFilterData.ageRangeStr != '' && getFilterData.ageRangeStr != '16-60'">
-                      <div class="por" @click.stop="deleteAge">
-                        {{ getFilterData.ageRangeStr }}
-                        <div class="clear_icon iconfont icon-dianji"></div>
-                      </div>
-                    </div>
+		<div v-show="computeCode > -1">
+			<!-- 列表区 -->
+			<!-- <div @click="showPop = true"> 1123 </div> -->
+			<!-- `calc(${navInfo.windowHeight}px - ${navInfo.navigationBarHeight + navInfo.statusBarHeight}px)` -->
+			<scroll-view class="m-list" id="listBox" :scroll-into-view="scrollTo" :style="{ height: `calc(${navInfo.windowHeight}px)` }" :scroll-y="true" @scrolltolower="reachBottom">
+				<div class hover-class="none" hover-stop-propagation="false">
+					<div class="g_position_rela g_flex_row_between">
+						<div class="the_city g_flex_column_center" style hover-class="thover" @click="goCity">
+							<div class="g_flex_row_center">
+								<div class="g_fs_16 g_fw_600 g_ml_10" style="min-width: 36px; display: inline-block">{{ selectedCity }}</div>
+								<div class="g_flex_column_center">
+									<div class="iconfont icon-zhankai g_fs_12" style="display: inline-block"></div>
+								</div>
+							</div>
+						</div>
+						<!-- 搜索区 -->
+						<div class="m-search g_p_10 g_pt_8 g_position_rela g_flex_1 bg_shawdoc" style id="searchInputBox">
+							<u-search height="80" v-model="keyword" @input="checkLength" @clear="searchJob" @search="searchJob" class="" placeholder="搜索职位名称" bg-color="#fff" :show-action="false" placeholder-class="g_c_c" search-icon-color="#999999" :maxlength="20"></u-search>
+							<!-- <div class="g_w_all g_h_40 g_position_abso" style="left: 0; z-index: 9999; top: 0; height: 100%" @click.stop="goSearch"></div> -->
+						</div>
+					</div>
+					<div>
+						<div class="sticky">
+							<div class="g_bg_f_5 g_flex_row_between flex_center" id="tttop">
+								<div class="g_flex_1">
+									<u-tabs bg-color="transparent" from="index" gutter="20" :list="tabInfo.list" :is-scroll="true" :current="tabInfo.active" active-color="#00b666" bar-width="64" bar-height="6" @change="handleUpdateTab" font-size="34" duration="0.05" height="76"></u-tabs>
+								</div>
+								<div class="g_flex_row_end">
+									<div class="csbf" @click="chooseNl('sort')">
+										{{ sortList.list[sortList.active].showName }}
+										<span class="iconfont icon-shouqi g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow == 'sort'"></span>
+										<span class="iconfont icon-zhankai g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow != 'sort'"></span>
+										<div class="sortMask" v-if="whichOneShow == 'sort'">
+											<div class="sortContainer" style="overflow: hidden" @click.stop>
+												<div v-for="(item, index) in sortList.list" @click="sortJob(index)" :key="index" :class="sortList.active == index ? 'g_border_main g_c_main' : 'g_border_f'" class="g_fs_16 g_fw_600 g_mt_16 g_bg_f" style="border-radius: 30px; padding: 8px 16px">{{ item.name }}</div>
+											</div>
+										</div>
+									</div>
+									<view class="csbf" style="z-index: 99999999" @click="chooseNl('special')" data-type="special">
+										筛选
+										<span class="iconfont icon-shouqi g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow == 'special'"></span>
+										<span class="iconfont icon-zhankai g_fs_12 g_c_9 fst g_ml_4" v-if="whichOneShow != 'special'"></span>
+										<g-filter :show="whichOneShow" ref="filterChild" top="43px" :getFilterDataNew="getFilterData" @filterObj="receiveFromChild"></g-filter>
+									</view>
+								</div>
+								<!-- <div class="g_flex_none g_flex_column_center g_fs_17 g_pr_26 g_pb_4" style="color: #576b95; text-decoration: underline" @click="goPage('/root/home/ignore')">忽略</div> -->
+							</div>
+							<scroll-view class="filterTag bt1" v-if="getFilterData.jobCategoryLabelObjects.length > 0 || getFilterData.jobSpecialLabelObjects.length > 0 || getFilterData.sex != '-1' || (getFilterData.ageRangeStr && getFilterData.ageRangeStr != '16-60')" :scroll-x="true" :scroll-y="false" scroll-top="0" scroll-left="0" scroll-into-view scroll-with-animation="false" enable-flex enable-back-to-top="false">
+								<div class="g_flex_row_between flex_center flex_nw g_w_all">
+									<div class="g_flex_row_start flex_nw" style="line-height: 44px">
+										<div class="tc genderTag f14 por" style="min-width: 60px" v-if="getFilterData.ageRangeStr != '' && getFilterData.ageRangeStr != '16-60'">
+											<div class="por" @click.stop="deleteAge">
+												{{ getFilterData.ageRangeStr }}
+												<div class="clear_icon iconfont icon-dianji"></div>
+											</div>
+										</div>
 
-                    <div class="tc genderTag f14 por" style="min-width: 60px" v-if="getFilterData.sex != '-1'">
-                      <div class="por" @click.stop="deleteSex">
-                        {{ getFilterData.sex == 1 ? "收男工" : getFilterData.sex == 2 ? "收女工" : getFilterData.sex == 3 ? "男女都收" : "" }}
-                        <!-- {{getFilterData.jobCategoryLabelObjects.length > 0}} {{getFilterData.jobSpecialLabelObjects.length > 0}} -->
-                        <div class="clear_icon iconfont icon-dianji"></div>
-                      </div>
-                    </div>
-                    <div class="brandTag ml8" v-if="getFilterData.jobCategoryLabelObjects.length > 0">
-                      <block v-for="(item, index) in getFilterData.jobCategoryLabelObjects" :key="index">
-                        <div class="por" @click.stop="deleteJobCategoryLabel(item.id)">
-                          {{ item.name }}
-                          <div class="clear_icon iconfont icon-dianji"></div>
-                        </div>
-                      </block>
-                    </div>
+										<div class="tc genderTag f14 por" style="min-width: 60px" v-if="getFilterData.sex != '-1'">
+											<div class="por" @click.stop="deleteSex">
+												{{ getFilterData.sex == 1 ? "收男工" : getFilterData.sex == 2 ? "收女工" : getFilterData.sex == 3 ? "男女都收" : "" }}
+												<!-- {{getFilterData.jobCategoryLabelObjects.length > 0}} {{getFilterData.jobSpecialLabelObjects.length > 0}} -->
+												<div class="clear_icon iconfont icon-dianji"></div>
+											</div>
+										</div>
+										<div class="brandTag ml8" v-if="getFilterData.jobCategoryLabelObjects.length > 0">
+											<block v-for="(item, index) in getFilterData.jobCategoryLabelObjects" :key="index">
+												<div class="por" @click.stop="deleteJobCategoryLabel(item.id)">
+													{{ item.name }}
+													<div class="clear_icon iconfont icon-dianji"></div>
+												</div>
+											</block>
+										</div>
 
-                    <div class="specialTag ml8">
-                      <block v-for="(item, index) in getFilterData.jobSpecialLabelObjects" :key="index">
-                        <div class="por" @click.stop="deleteJobSpecialLabel(item.id)">
-                          {{ item.name }}
-                          <div class="clear_icon iconfont icon-dianji"></div>
-                        </div>
-                      </block>
-                    </div>
-                  </div>
-                  <div class="clear" @click.stop="clearFilter1" data-type="outerClear">
-                    <span class="iconfont icon-shanchu f14"></span>
-                    清除
-                  </div>
-                </div>
-              </scroll-view>
-            </div>
+										<div class="specialTag ml8">
+											<block v-for="(item, index) in getFilterData.jobSpecialLabelObjects" :key="index">
+												<div class="por" @click.stop="deleteJobSpecialLabel(item.id)">
+													{{ item.name }}
+													<div class="clear_icon iconfont icon-dianji"></div>
+												</div>
+											</block>
+										</div>
+									</div>
+									<div class="clear" @click.stop="clearFilter1" data-type="outerClear">
+										<span class="iconfont icon-shanchu f14"></span>
+										清除
+									</div>
+								</div>
+							</scroll-view>
+						</div>
 
-            <div class="g_h_8"></div>
-            <g-list-job from="home" @uploadList="getList" bg="#ededed" class="g_h_all" :list="query.list" :active="tabInfo.active" @shareJob="shareJob" :loading="loading" :speed="speed" :query="query" :isShowLoginBtn="isLogin ? false : true" :emptyText="isLogin ? (tabInfo.active == 0 || tabInfo.active == 2 ? '嘿，这里还没有数据呢' : '您还未收藏职位，快去试试收藏职位吧') : '你好，此服务仅限人力资源行业受邀商家登录，请确认'" />
-          </div>
-
-        </div>
-      </scroll-view>
-      <div hover-class="none" style="position: fixed; right: 20px; bottom: 20px" hover-stop-propagation="false" @click="toRecord" v-if="isLogin">
-        <g-panel-image :url="cdnBaseImg + 'quick_application0610.svg'" size="96" />
-      </div>
-      <u-popup v-model="showPop" mode="bottom" uZindex="9999" border-radius="12" :closeable="true" :mask-close-able="true">
-        <div class="g_fs_18 g_text_c g_pt_32">
-          <div class="g_bg_f g_fw_600 g_pb_24">以下发单号向你发出关注邀请</div>
-          <scroll-view class="g_flex_row_between" style="height: 500px" :scroll-y="true" @scrolltolower="onScrollToLower">
-            <div class="g_flex_row_start g_pl_12">
-              <!-- :key="item.id" -->
-              <div v-for="(item, index) in attentionList" :class="item.checked ? 'g_bg_e7' : 'g_bg_f_5'" class="g_h_140 g_mb_12 g_mr_12 g_radius_6 g_position_rela" style="width: calc(33% - 12px)" :key="index" @click="checkChange(item)">
-                <u-checkbox shape="circle" class="g_position_abso g_w_18" style="right: 8px; top: 8px" active-color="#00B666" v-model="item.checked"></u-checkbox>
-                <div class="logo g_mt_32 g_mb_12">
-                  <g-panel-image class :url="item.logo" size="96" />
-                </div>
-                <div class="g_fs_14">{{ item.agencyName }}</div>
-              </div>
-            </div>
-          </scroll-view>
-          <div class="g_text_c g_pt_16 g_pb_24 g_pl_24 g_pr_16 g_bg_f g_flex_row_between flex_center" style="box-shadow: 0px -2px 4px 0px rgba(218, 218, 218, 0.5)">
-            <u-checkbox @change="checkAllChange" shape="circle" active-color="#00B666" v-model="checkAll">
-              <div class="g_c_6 g_ml_8">全选</div>
-            </u-checkbox>
-            <g-button :btnText="`一键关注(${upInfo.num})`" type="primary" @clickBtn="submitInfo" />
-          </div>
-        </div>
-      </u-popup>
-    </div>
-  </div>
+						<div class="g_h_8"></div>
+						<g-list-job from="home" @uploadList="getList" bg="#ededed" class="g_h_all" :list="query.list" :active="tabInfo.active" @shareJob="shareJob" :loading="loading" :speed="speed" :query="query" :isShowLoginBtn="isLogin ? false : true" :emptyText="isLogin ? (tabInfo.active == 0 || tabInfo.active == 2 ? '嘿，这里还没有数据呢' : '您还未收藏职位，快去试试收藏职位吧') : '你好，此服务仅限人力资源行业受邀商家登录，请确认'" />
+					</div>
+				</div>
+			</scroll-view>
+			<div hover-class="none" style="position: fixed; right: 20px; bottom: 20px" hover-stop-propagation="false" @click="toRecord" v-if="isLogin">
+				<g-panel-image :url="cdnBaseImg + 'quick_application0610.svg'" size="96" />
+			</div>
+			<u-popup v-model="showPop" mode="bottom" uZindex="9999" border-radius="12" :closeable="true" :mask-close-able="true">
+				<div class="g_fs_18 g_text_c g_pt_32">
+					<div class="g_bg_f g_fw_600 g_pb_24">以下发单号向你发出关注邀请</div>
+					<scroll-view class="g_flex_row_between" style="height: 500px" :scroll-y="true" @scrolltolower="onScrollToLower">
+						<div class="g_flex_row_start g_pl_12">
+							<!-- :key="item.id" -->
+							<div v-for="(item, index) in attentionList" :class="item.checked ? 'g_bg_e7' : 'g_bg_f_5'" class="g_h_140 g_mb_12 g_mr_12 g_radius_6 g_position_rela" style="width: calc(33% - 12px)" :key="index" @click="checkChange(item)">
+								<u-checkbox shape="circle" class="g_position_abso g_w_18" style="right: 8px; top: 8px" active-color="#00B666" v-model="item.checked"></u-checkbox>
+								<div class="logo g_mt_32 g_mb_12">
+									<g-panel-image class :url="item.logo" size="96" />
+								</div>
+								<div class="g_fs_14">{{ item.agencyName }}</div>
+							</div>
+						</div>
+					</scroll-view>
+					<div class="g_text_c g_pt_16 g_pb_24 g_pl_24 g_pr_16 g_bg_f g_flex_row_between flex_center" style="box-shadow: 0px -2px 4px 0px rgba(218, 218, 218, 0.5)">
+						<u-checkbox @change="checkAllChange" shape="circle" active-color="#00B666" v-model="checkAll">
+							<div class="g_c_6 g_ml_8">全选</div>
+						</u-checkbox>
+						<g-button :btnText="`一键关注(${upInfo.num})`" type="primary" @clickBtn="submitInfo" />
+					</div>
+				</div>
+			</u-popup>
+		</div>
+	</div>
 </template>
 
 <script>
 export default {
-  onReady() {
-    this.G.setNavStyle('home')
-  },
-  onShareAppMessage() {
-    return {
-      title: ' ',
-      imageUrl: 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/dailibaoming/APP/shareCard0609.png',
-    }
-    // return this.G.shareFun();
-  },
-  onLoad() {
-    let that = this
-    that.navInfo = that.G.getNavInfo()
-    that.tabInfo.active = 0
-    // #ifdef MP-WEIXIN
-    // this.searchAnimate();
-    // #endif
-  },
-  data() {
-    return {
-      scrollTo: '',
-      getFilterData: {
-        sex: '-1',
-        ageRangeStr: '',
-        jobCategoryLabelIds: '',
-        jobSpecialLabelIds: '',
-        jobSpecialLabelObjects: [],
-        jobCategoryLabelObjects: [],
-      },
-      background: {
-        backgroundColor: '#caf1e0',
-      },
-      customList: [
-        {
-          icon: 'icon-saoyisao-hui',
-          title: '扫一扫',
-          tip: 0,
-        },
-        {
-          icon: 'icon-saoyisao-hui',
-          title: '发布职位',
-          tip: 0,
-        },
-        {
-          icon: 'icon-saoyisao-hui',
-          title: '发展代理',
-          tip: 0,
-        },
-      ],
-      isShowTab: false,
-      showPop: false, // 显示关注邀请弹窗显示
-      attentionList: [], // 关注列表
-      subAttentionList: [],
-      attentionConfig: {
-        num: 1,
-        size: 12,
-      },
-      checkAll: false, // 全选
-      upInfo: {
-        num: 0,
-        list: [],
-      },
-      computeCode: -1,
-      isLogin: null,
-      navInfo: {},
-      cdnBaseImg: this.G.store().cdnBaseImg,
-      localBaseImg: this.G.store().localBaseImg,
-      loading: true,
-      speed: -1,
-      query: {
-        page: 1,
-        size: 50,
-        list: [],
-        isFinish: -1,
-        sortTag: 2,
-      },
-      keyword: '',
-      tabInfo: {
-        list: [
-          {
-            name: '关注',
-            num: 0,
-            tip: 0,
-            classify: 2,
-          },
-          {
-            name: '收藏',
-            num: 0,
-            tip: 1,
-            classify: 3,
-          },
-          {
-            name: '我的',
-            num: 0,
-            tip: 2,
-            classify: 1,
-          },
-        ],
-        active: 0,
-      },
-      sortList: {
-        list: [
-          {
-            name: '按工价',
-            key: 1,
-            showName: '按工价',
-          },
-          {
-            name: '按佣金',
-            key: 3,
-            showName: '按佣金',
-          },
-          {
-            name: '按时间',
-            key: 0,
-            showName: '按时间',
-          },
-        ],
-        active: 2,
-      },
-    }
-  },
-  watch: {
-    'tabInfo.list': {
-      handler(val) {
-        console.log('tabInfo.list', val)
-      },
-      deep: true,
-      immediate: true,
-    },
-    showPop(val) {
-      if (val) {
-        uni.hideTabBar()
-      } else {
-        uni.showTabBar()
-      }
-    },
-  },
-  computed: {},
-  onShow() {
-    let that = this
-    that.isLogin = uni.getStorageSync('apply-token')
+	onReady() {
+		this.G.setNavStyle("home");
+	},
+	onShareAppMessage() {
+		return {
+			title: " ",
+			imageUrl: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/dailibaoming/APP/shareCard0609.png",
+		};
+		// return this.G.shareFun();
+	},
+	onLoad() {
+		let that = this;
+		that.navInfo = that.G.getNavInfo();
+		that.tabInfo.active = 0;
+		that.isLogin = uni.getStorageSync("apply-token");
 
-    if (!that.isLogin) {
-      that.loading = false
-      that.speed = 0
+		if (!that.isLogin) {
+			that.loading = false;
+			that.speed = 0;
 
-      setTimeout(() => {
-        that.computeCode = 1
-      }, 100)
-    } else {
-      that.getList()
-      if (uni.getStorageSync('SHOW_INVITE_ALL')) {
-        if (uni.getStorageSync('SHOW_INVITE_ALL') == 1 && uni.getStorageSync('SHOW_INVITE') == 1) {
-          that.getInviteList()
-        }
-      }
-      console.log('uni.getStorageSync("apply-supplierAccount")', uni.getStorageSync('apply-supplierAccount'))
-      if (uni.getStorageSync('apply-supplierAccount') == 1) {
-        // 有
-        that.tabInfo.list = [
-          {
-            name: '关注',
-            num: 0,
-            tip: 0,
-            classify: 2,
-          },
-          {
-            name: '收藏',
-            num: 0,
-            tip: 1,
-            classify: 3,
-          },
-          {
-            name: '我的',
-            num: 0,
-            tip: 2,
-            classify: 99,
-          },
-        ]
-        // that.tabInfo.active = 0;
-        that.isShowTab = true
-      } else {
-        // 无
-        that.tabInfo.list = [
-          {
-            name: '关注',
-            num: 0,
-            tip: 0,
-            classify: 2,
-          },
-          {
-            name: '收藏',
-            num: 0,
-            tip: 1,
-            classify: 3,
-          },
-        ]
-        // that.tabInfo.active = 0;
-        that.isShowTab = false
-      }
-    }
-    this.$forceUpdate()
-  },
+			setTimeout(() => {
+				that.computeCode = 1;
+			}, 100);
+		} else {
+			that.getList();
+			if (uni.getStorageSync("SHOW_INVITE_ALL")) {
+				if (uni.getStorageSync("SHOW_INVITE_ALL") == 1 && uni.getStorageSync("SHOW_INVITE") == 1) {
+					that.getInviteList();
+				}
+			}
+			console.log('uni.getStorageSync("apply-supplierAccount")', uni.getStorageSync("apply-supplierAccount"));
+			if (uni.getStorageSync("apply-supplierAccount") == 1) {
+				// 有
+				that.tabInfo.list = [
+					{
+						name: "关注",
+						num: 0,
+						tip: 0,
+						classify: 2,
+					},
+					{
+						name: "收藏",
+						num: 0,
+						tip: 1,
+						classify: 3,
+					},
+					{
+						name: "我的",
+						num: 0,
+						tip: 2,
+						classify: 99,
+					},
+				];
+				// that.tabInfo.active = 0;
+				that.isShowTab = true;
+			} else {
+				// 无
+				that.tabInfo.list = [
+					{
+						name: "关注",
+						num: 0,
+						tip: 0,
+						classify: 2,
+					},
+					{
+						name: "收藏",
+						num: 0,
+						tip: 1,
+						classify: 3,
+					},
+				];
+				// that.tabInfo.active = 0;
+				that.isShowTab = false;
+			}
+		}
+		// #ifdef MP-WEIXIN
+		// this.searchAnimate();
+		// #endif
+	},
+	data() {
+		return {
+			scrollTo: "",
+			selectedCity: "全国",
+			getFilterData: {
+				sex: "-1",
+				ageRangeStr: "",
+				jobCategoryLabelIds: "",
+				jobSpecialLabelIds: "",
+				jobSpecialLabelObjects: [],
+				jobCategoryLabelObjects: [],
+			},
+			background: {
+				backgroundColor: "#caf1e0",
+			},
+			customList: [
+				{
+					icon: "icon-saoyisao-hui",
+					title: "扫一扫",
+					tip: 0,
+				},
+				{
+					icon: "icon-saoyisao-hui",
+					title: "发布职位",
+					tip: 0,
+				},
+				{
+					icon: "icon-saoyisao-hui",
+					title: "发展代理",
+					tip: 0,
+				},
+			],
+			isShowTab: false,
+			showPop: false, // 显示关注邀请弹窗显示
+			attentionList: [], // 关注列表
+			subAttentionList: [],
+			attentionConfig: {
+				num: 1,
+				size: 12,
+			},
+			checkAll: false, // 全选
+			upInfo: {
+				num: 0,
+				list: [],
+			},
+			computeCode: -1,
+			isLogin: null,
+			navInfo: {},
+			cdnBaseImg: this.G.store().cdnBaseImg,
+			localBaseImg: this.G.store().localBaseImg,
+			loading: true,
+			speed: -1,
+			query: {
+				page: 1,
+				size: 50,
+				list: [],
+				isFinish: -1,
+				sortTag: 2,
+			},
+			keyword: "",
+			tabInfo: {
+				list: [
+					{
+						name: "关注",
+						num: 0,
+						tip: 0,
+						classify: 2,
+					},
+					{
+						name: "收藏",
+						num: 0,
+						tip: 1,
+						classify: 3,
+					},
+					{
+						name: "我的",
+						num: 0,
+						tip: 2,
+						classify: 1,
+					},
+				],
+				active: 0,
+			},
+			sortList: {
+				list: [
+					{
+						name: "按工价",
+						key: 1,
+						showName: "按工价",
+					},
+					{
+						name: "按佣金",
+						key: 3,
+						showName: "按佣金",
+					},
+					{
+						name: "按时间",
+						key: 0,
+						showName: "按时间",
+					},
+				],
+				active: 2,
+			},
+		};
+	},
+	watch: {
+		"tabInfo.list": {
+			handler(val) {
+				console.log("tabInfo.list", val);
+			},
+			deep: true,
+			immediate: true,
+		},
+		showPop(val) {
+			if (val) {
+				uni.hideTabBar();
+			} else {
+				uni.showTabBar();
+			}
+		},
+	},
+	computed: {},
+	onShow() {
+		let that = this;
+		if (that.isLogin) {
+			that.loadSelectedCityFromCache();
+		}
+	},
 
-  onReachBottom() {
-    let that = this
-    console.log('onReachBottom', that.query.isFinish)
-    this.G.isLogin()
-    if (this.G.isLogin()) {
-      console.log('that.query.size', that.query.size)
-      if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
-        that.query.page++
-        that.getList('concat')
-      }
-    }
-  },
-  methods: {
-    handleOpenCamera() {
-      let that = this
-      that.G.handleScanCode()
-    },
-    goPage($path) {
-      uni.navigateTo({
-        url: $path,
-      })
-    },
-    reachBottom() {
-      let that = this
-      console.log('onReachBottom', that.query.isFinish)
-      this.G.isLogin()
-      if (this.G.isLogin()) {
-        console.log('that.query.size', that.query.size)
-        if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
-          that.query.page++
-          that.getList('concat')
-        }
-      }
-    },
-    getList($type = 'init') {
-      let that = this
-      this.loading = true
-      console.log('job_list __F________________________', 1)
-      let time = new Date().getTime()
-      that.G.Post(
-        that.api.job_list,
-        {
-          ...that.getFilterData,
-          pageNum: that.query.page,
-          pageSize: that.query.size,
-          agencyId: that.tabInfo.active == 2 ? uni.getStorageSync('apply-agencyId') : '',
-          classify: that.tabInfo.list[that.tabInfo.active].classify,
-          sortTag: that.query.sortTag,
-          keys: that.keyword,
-        },
-        (res) => {
-          that.computeCode = 1
-          console.log('job_list __________________________', (new Date().getTime() - time) / 1000)
-          // res.recordCount  = 0;
-          // res.recordList = [];
+	onReachBottom() {
+		let that = this;
+		console.log("onReachBottom", that.query.isFinish);
+		this.G.isLogin();
+		if (this.G.isLogin()) {
+			console.log("that.query.size", that.query.size);
+			if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
+				that.query.page++;
+				that.getList("concat");
+			}
+		}
+	},
+	methods: {
+		loadSelectedCityFromCache() {
+			// 假设缓存中的键名为 'selectedCity'
+			const cachedCity = wx.getStorageSync("selectedCity");
+			if (cachedCity) {
+				if (this.selectedCity != cachedCity) {
+					this.selectedCity = cachedCity;
+					this.getList();
+				}
+			}
+		},
+		handleOpenCamera() {
+			let that = this;
+			that.G.handleScanCode();
+		},
+		goPage($path) {
+			uni.navigateTo({
+				url: $path,
+			});
+		},
+		reachBottom() {
+			let that = this;
+			console.log("onReachBottom", that.query.isFinish);
+			this.G.isLogin();
+			if (this.G.isLogin()) {
+				console.log("that.query.size", that.query.size);
+				if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
+					that.query.page++;
+					that.getList("concat");
+				}
+			}
+		},
+		getList($type = "init") {
+			let that = this;
+			this.loading = true;
+			console.log("job_list __F________________________", 1);
+			let time = new Date().getTime();
+			that.G.Post(
+				that.api.job_list,
+				{
+					...that.getFilterData,
+					pageNum: that.query.page,
+					pageSize: that.query.size,
+					agencyId: that.tabInfo.active == 2 ? uni.getStorageSync("apply-agencyId") : "",
+					classify: that.tabInfo.list[that.tabInfo.active].classify,
+					sortTag: that.query.sortTag,
+					keys: that.keyword,
+					cityName: that.selectedCity == "全国" ? "" : that.selectedCity,
+				},
+				(res) => {
+					that.computeCode = 1;
+					console.log("job_list __________________________", (new Date().getTime() - time) / 1000);
+					// res.recordCount  = 0;
+					// res.recordList = [];
 
-          if (res.recordCount == 0) {
-            that.loading = false
-          } else {
-            that.loading = true
-          }
-          that.speed = res.recordCount
-          that.query.isFinish = res.recordList.length
-          res.recordList = that.G.toGetAddressv3(res.recordList)
-          res.recordList = that.G.toGetAge(res.recordList)
-          res.recordList = that.G.yijobCopy(res.recordList)
-          if ($type == 'init') {
-            that.query.list = []
-            if (res.recordList.length > 0) {
-              that.query.list = res.recordList.map((item, index) => {
-                // console.log(item)
-                return {
-                  ...item,
-                  title: item.jobName,
-                  address: item.district + item.age,
-                  price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : that.G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
-                  logo: item.agencyLogo,
-                  time: that.G.setDeadLine(item.updateTime, 'jiaofu'),
-                  fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
-                  gender: that.G.getGenderByMinAge(item),
-                  leafCateId: item.id,
-                  // serverPrice: that.tabInfo.list[that.tabInfo.active].tip == 2 ? that.G.setReturnFee(item.returnFee, item.returnFeeType) : that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
-                  serverPrice: that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
-                  recruitmentSwitch: item.recruitment == 1 ? true : false,
-                  recruitmentImage: item.recruitment,
-                  active: that.tabInfo.active,
-                  isToday: item.today == 0 ? false : true,
-                  tip: that.tabInfo.list[that.tabInfo.active].tip,
-                }
-              })
-            }
-          } else {
-            that.query.list = that.query.list.concat(
-              res.recordList.map((item, index) => {
-                return {
-                  ...item,
-                  title: item.jobName,
-                  price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : that.G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
-                  fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
-                  gender: that.G.getGenderByMinAge(item),
-                  logo: item.agencyLogo,
-                  time: that.G.setDeadLine(item.updateTime, 'jiaofu'),
-                  leafCateId: item.id,
-                  serverPrice: that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
-                  recruitmentSwitch: item.recruitment == 1 ? true : false,
-                  recruitmentImage: item.recruitment,
-                  active: that.tabInfo.active,
-                  isToday: item.today == 0 ? false : true,
-                  tip: that.tabInfo.list[that.tabInfo.active].tip,
-                }
-              })
-            )
-          }
-          console.log('首页 列表：', that.query.list)
-        }
-      )
-    },
-    /**
-     * 获取邀请关注列表
-     */
-    getInviteList() {
-      let that = this
-      uni.showLoading({
-        title: '加载中...',
-        mask: true,
-      })
-      that.G.Get(
-        that.api.user_getInviteList,
-        {
-          pageSize: 15,
-          pageNum: that.attentionConfig.num,
-        },
-        (res) => {
-          console.log(res)
-          if (that.attentionList.length > 0) {
-            res.forEach((item) => {
-              item.checked = false
-            })
-            that.attentionList.concat(res)
-          } else {
-            that.attentionList = res
-            that.attentionList.forEach((item) => {
-              item.checked = false
-            })
-          }
-          if (that.attentionList.length > 0) {
-            that.showPop = true
-            uni.removeStorageSync('SHOW_INVITE')
-            uni.setStorageSync('watch_invite', 2)
-          }
-          uni.hideLoading()
-        }
-      )
-      return
-    },
+					if (res.recordCount == 0) {
+						that.loading = false;
+					} else {
+						that.loading = true;
+					}
+					that.speed = res.recordCount;
+					that.query.isFinish = res.recordList.length;
+					res.recordList = that.G.toGetAddressv3(res.recordList);
+					res.recordList = that.G.toGetAge(res.recordList);
+					res.recordList = that.G.yijobCopy(res.recordList);
+					if ($type == "init") {
+						that.query.list = [];
+						if (res.recordList.length > 0) {
+							that.query.list = res.recordList.map((item, index) => {
+								// console.log(item)
+								return {
+									...item,
+									title: item.jobName,
+									address: item.district + item.age,
+									price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : that.G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
+									logo: item.agencyLogo,
+									time: that.G.setDeadLine(item.updateTime, "jiaofu"),
+									fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
+									gender: that.G.getGenderByMinAge(item),
+									leafCateId: item.id,
+									// serverPrice: that.tabInfo.list[that.tabInfo.active].tip == 2 ? that.G.setReturnFee(item.returnFee, item.returnFeeType) : that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
+									serverPrice: that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
+									recruitmentSwitch: item.recruitment == 1 ? true : false,
+									recruitmentImage: item.recruitment,
+									active: that.tabInfo.active,
+									isToday: item.today == 0 ? false : true,
+									tip: that.tabInfo.list[that.tabInfo.active].tip,
+								};
+							});
+						}
+					} else {
+						that.query.list = that.query.list.concat(
+							res.recordList.map((item, index) => {
+								return {
+									...item,
+									title: item.jobName,
+									price: item.salaryClassify != 7 ? that.G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : that.G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
+									fuWuFei: that.G.setReturnFee(item.returnFee, item.returnFeeType),
+									gender: that.G.getGenderByMinAge(item),
+									logo: item.agencyLogo,
+									time: that.G.setDeadLine(item.updateTime, "jiaofu"),
+									leafCateId: item.id,
+									serverPrice: that.G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
+									recruitmentSwitch: item.recruitment == 1 ? true : false,
+									recruitmentImage: item.recruitment,
+									active: that.tabInfo.active,
+									isToday: item.today == 0 ? false : true,
+									tip: that.tabInfo.list[that.tabInfo.active].tip,
+								};
+							})
+						);
+					}
+					console.log("首页 列表：", that.query.list);
+				}
+			);
+		},
+		/**
+		 * 获取邀请关注列表
+		 */
+		getInviteList() {
+			let that = this;
+			uni.showLoading({
+				title: "加载中...",
+				mask: true,
+			});
+			that.G.Get(
+				that.api.user_getInviteList,
+				{
+					pageSize: 15,
+					pageNum: that.attentionConfig.num,
+				},
+				(res) => {
+					console.log(res);
+					if (that.attentionList.length > 0) {
+						res.forEach((item) => {
+							item.checked = false;
+						});
+						that.attentionList.concat(res);
+					} else {
+						that.attentionList = res;
+						that.attentionList.forEach((item) => {
+							item.checked = false;
+						});
+					}
+					if (that.attentionList.length > 0) {
+						that.showPop = true;
+						uni.removeStorageSync("SHOW_INVITE");
+						uni.setStorageSync("watch_invite", 2);
+					}
+					uni.hideLoading();
+				}
+			);
+			return;
+		},
 
-    /**
-     * 搜索框的滚动监听变化
-     */
-    searchAnimate() {
-      let that = this
-      uni
-        .createSelectorQuery()
-        .select('#listBox')
-        .fields(
-          {
-            scrollOffset: true,
-            size: true,
-          },
-          (res) => {
-            that.$mp.page.animate(
-              '#searchInputBox',
-              [
-                {
-                  top: '10px',
-                  width: '100%',
-                },
-                {
-                  top: '-48px',
-                  width: '70%',
-                },
-              ],
-              800,
-              {
-                scrollSource: '#listBox',
-                timeRange: 1000,
-                startScrollOffset: 0,
-                endScrollOffset: 60,
-              }
-            )
-            that.$mp.page.animate(
-              '.the_city',
-              [
-                {
-                  color: '#333',
-                },
-                {
-                  color: '#fff',
-                },
-              ],
-              500,
-              {
-                scrollSource: '#listBox',
-                timeRange: 1000,
-                startScrollOffset: 0,
-                endScrollOffset: 90,
-              }
-            )
-            // that.$mp.page.animate(
-            // 	".daotian",
-            // 	[
-            // 		{
-            // 			opacity: "1",
-            // 		},
-            // 		{
-            // 			opacity: "1",
-            // 		},
-            // 	],
-            // 	1000,
-            // 	{
-            // 		scrollSource: "#listBox",
-            // 		timeRange: 1000,
-            // 		startScrollOffset: 0,
-            // 		endScrollOffset: 90,
-            // 	}
-            // );
-          }
-        )
-        .exec()
-    },
-    /**
-     * 跳转快速报名
-     */
-    toRecord() {
-      uni.navigateTo({
-        url: '/root/home/quickApplication?title=快速报名',
-      })
-    },
-    shareJob(e) {
-      console.log(e)
-      this.currentJob = e
-    },
-    /**
-     * 跳转搜索页
-     */
-    goSearch() {
-      this.G.isLogin()
-      if (this.G.isLogin()) {
-        uni.navigateTo({
-          url: '/root/other/search?from=home',
-        })
-      }
-    },
+		/**
+		 * 搜索框的滚动监听变化
+		 */
+		searchAnimate() {
+			let that = this;
+			uni
+				.createSelectorQuery()
+				.select("#listBox")
+				.fields(
+					{
+						scrollOffset: true,
+						size: true,
+					},
+					(res) => {
+						that.$mp.page.animate(
+							"#searchInputBox",
+							[
+								{
+									top: "10px",
+									width: "100%",
+								},
+								{
+									top: "-48px",
+									width: "70%",
+								},
+							],
+							800,
+							{
+								scrollSource: "#listBox",
+								timeRange: 1000,
+								startScrollOffset: 0,
+								endScrollOffset: 60,
+							}
+						);
+						that.$mp.page.animate(
+							".the_city",
+							[
+								{
+									color: "#333",
+								},
+								{
+									color: "#fff",
+								},
+							],
+							500,
+							{
+								scrollSource: "#listBox",
+								timeRange: 1000,
+								startScrollOffset: 0,
+								endScrollOffset: 90,
+							}
+						);
+						// that.$mp.page.animate(
+						// 	".daotian",
+						// 	[
+						// 		{
+						// 			opacity: "1",
+						// 		},
+						// 		{
+						// 			opacity: "1",
+						// 		},
+						// 	],
+						// 	1000,
+						// 	{
+						// 		scrollSource: "#listBox",
+						// 		timeRange: 1000,
+						// 		startScrollOffset: 0,
+						// 		endScrollOffset: 90,
+						// 	}
+						// );
+					}
+				)
+				.exec();
+		},
+		/**
+		 * 跳转快速报名
+		 */
+		toRecord() {
+			uni.navigateTo({
+				url: "/root/home/quickApplication?title=快速报名",
+			});
+		},
+		shareJob(e) {
+			console.log(e);
+			this.currentJob = e;
+		},
+		/**
+		 * 跳转搜索页
+		 */
+		goSearch() {
+			this.G.isLogin();
+			if (this.G.isLogin()) {
+				uni.navigateTo({
+					url: "/root/other/search?from=home",
+				});
+			}
+		},
 
-    handleUpdateTab(e) {
-      console.log('e', e)
-      this.G.isLogin()
-      if (this.G.isLogin()) {
-        console.log('一级tab切换')
-        this.tabInfo.active = e
-        this.speed = -1
-        this.loading = true
-        this.query.page = 1
-        this.getList()
-      } else {
-        console.log('请先登录')
-      }
-    },
-    checkAllChange(e) {
-      console.log(e)
-      this.attentionList.forEach((item) => {
-        item.checked = e.value
-      })
-      this.upInfo = this.getListNum()
-    },
-    checkChange(e) {
-      console.log(e)
-      console.log(this.attentionList)
-      var check = true
-      this.attentionList.forEach((item) => {
-        if (item.id == e.id) {
-          item.checked = !item.checked
-        }
-        if (item.checked === false) {
-          check = false
-        }
-      })
-      this.checkAll = check
-      this.upInfo = this.getListNum()
-    },
-    getListNum() {
-      let num = 0
-      let list = []
-      this.attentionList.forEach((item) => {
-        if (item.checked) {
-          num++
-          list.push(item.id)
-        }
-      })
-      return {
-        num,
-        list,
-      }
-    },
-    submitInfo() {
-      let that = this
-      if (this.upInfo.num <= 0) {
-        uni.showToast({
-          title: '请至少选择一个',
-          icon: 'none',
-        })
-        return false
-      }
-      uni.showLoading({
-        title: '正在关注',
-      })
+		handleUpdateTab(e) {
+			console.log("e", e);
+			this.G.isLogin();
+			if (this.G.isLogin()) {
+				console.log("一级tab切换");
+				this.tabInfo.active = e;
+				this.speed = -1;
+				this.loading = true;
+				this.query.page = 1;
+				this.getList();
+			} else {
+				console.log("请先登录");
+			}
+		},
+		checkAllChange(e) {
+			console.log(e);
+			this.attentionList.forEach((item) => {
+				item.checked = e.value;
+			});
+			this.upInfo = this.getListNum();
+		},
+		checkChange(e) {
+			console.log(e);
+			console.log(this.attentionList);
+			var check = true;
+			this.attentionList.forEach((item) => {
+				if (item.id == e.id) {
+					item.checked = !item.checked;
+				}
+				if (item.checked === false) {
+					check = false;
+				}
+			});
+			this.checkAll = check;
+			this.upInfo = this.getListNum();
+		},
+		getListNum() {
+			let num = 0;
+			let list = [];
+			this.attentionList.forEach((item) => {
+				if (item.checked) {
+					num++;
+					list.push(item.id);
+				}
+			});
+			return {
+				num,
+				list,
+			};
+		},
+		submitInfo() {
+			let that = this;
+			if (this.upInfo.num <= 0) {
+				uni.showToast({
+					title: "请至少选择一个",
+					icon: "none",
+				});
+				return false;
+			}
+			uni.showLoading({
+				title: "正在关注",
+			});
 
-      that.G.Post(
-        that.api.user_updateInviteId,
-        {
-          agencyIds: that.upInfo.list.join(','),
-        },
-        (res) => {
-          console.log(res)
-          uni.showToast({
-            title: '关注成功',
-            icon: '',
-            duration: 1000,
-            complete: function () {
-              // uni.hideLoading();
-              that.showPop = false
-            },
-          })
-        }
-      )
-      // setTimeout(() => {}, 2000);
-    },
-    onScrollToLower() {
-      console.log(123)
-      let that = this
+			that.G.Post(
+				that.api.user_updateInviteId,
+				{
+					agencyIds: that.upInfo.list.join(","),
+				},
+				(res) => {
+					console.log(res);
+					uni.showToast({
+						title: "关注成功",
+						icon: "",
+						duration: 1000,
+						complete: function () {
+							// uni.hideLoading();
+							that.showPop = false;
+						},
+					});
+				}
+			);
+			// setTimeout(() => {}, 2000);
+		},
+		onScrollToLower() {
+			console.log(123);
+			let that = this;
 
-      that.attentionConfig.num++
-      this.getInviteList()
-    },
+			that.attentionConfig.num++;
+			this.getInviteList();
+		},
 
-    /**
-     * 筛选相关========================================================
-     */
-    deleteSex() {
-      console.log('deleteSex')
-      this.getFilterData.sex = -1
-      this.getList()
-    },
-    deleteAge() {
-      console.log('deleteAge')
-      this.getFilterData.ageRangeStr = ''
-      this.getList()
-    },
+		/**
+		 * 筛选相关========================================================
+		 */
+		deleteSex() {
+			console.log("deleteSex");
+			this.getFilterData.sex = -1;
+			this.getList();
+		},
+		deleteAge() {
+			console.log("deleteAge");
+			this.getFilterData.ageRangeStr = "";
+			this.getList();
+		},
 
-    deleteJobCategoryLabel(id) {
-      console.log(id)
-      this.getFilterData.jobCategoryLabelObjects = this.getFilterData.jobCategoryLabelObjects.filter((obj) => obj.id != id)
+		deleteJobCategoryLabel(id) {
+			console.log(id);
+			this.getFilterData.jobCategoryLabelObjects = this.getFilterData.jobCategoryLabelObjects.filter((obj) => obj.id != id);
 
-      const idsArray = this.getFilterData.jobCategoryLabelObjects.map((obj) => obj.id)
-      // 将数组转换为字符串
-      this.getFilterData.jobCategoryLabelIds = idsArray.join(',')
-      console.log('deleteJobCategoryLabel', this.getFilterData)
+			const idsArray = this.getFilterData.jobCategoryLabelObjects.map((obj) => obj.id);
+			// 将数组转换为字符串
+			this.getFilterData.jobCategoryLabelIds = idsArray.join(",");
+			console.log("deleteJobCategoryLabel", this.getFilterData);
 
-      this.getList()
-    },
-    deleteJobSpecialLabel(id) {
-      this.getFilterData.jobSpecialLabelObjects = JSON.parse(JSON.stringify(this.getFilterData.jobSpecialLabelObjects.filter((obj) => obj.id != id)))
-      const idsArray = this.getFilterData.jobSpecialLabelObjects.map((obj) => obj.id)
-      // 将数组转换为字符串
-      this.getFilterData.jobSpecialLabelIds = idsArray.join(',')
-      console.log('deleteJobSpecialLabel', this.getFilterData)
-      this.getList()
-    },
-    clearFilter1() {
-      var that = this
-      this.getFilterData.jobCategoryLabelIds = ''
-      this.getFilterData.jobSpecialLabelIds = ''
-      this.getFilterData.jobCategoryLabelObjects = []
-      this.getFilterData.jobSpecialLabelObjects = []
-      this.scrollTo = ''
-      this.getFilterData.sex = -1
-      this.getFilterData.ageRangeStr = ''
-      console.log('this.getFilterData', this.getFilterData)
-      this.$refs.filterChild.clearFilter()
-      this.getList()
+			this.getList();
+		},
+		deleteJobSpecialLabel(id) {
+			this.getFilterData.jobSpecialLabelObjects = JSON.parse(JSON.stringify(this.getFilterData.jobSpecialLabelObjects.filter((obj) => obj.id != id)));
+			const idsArray = this.getFilterData.jobSpecialLabelObjects.map((obj) => obj.id);
+			// 将数组转换为字符串
+			this.getFilterData.jobSpecialLabelIds = idsArray.join(",");
+			console.log("deleteJobSpecialLabel", this.getFilterData);
+			this.getList();
+		},
+		clearFilter1() {
+			var that = this;
+			this.getFilterData.jobCategoryLabelIds = "";
+			this.getFilterData.jobSpecialLabelIds = "";
+			this.getFilterData.jobCategoryLabelObjects = [];
+			this.getFilterData.jobSpecialLabelObjects = [];
+			this.scrollTo = "";
+			this.getFilterData.sex = -1;
+			this.getFilterData.ageRangeStr = "";
+			console.log("this.getFilterData", this.getFilterData);
+			this.$refs.filterChild.clearFilter();
+			this.getList();
 
-      setTimeout(() => {
-        that.scrollTo = 'listBox'
-        console.log('aaaaaaaaa')
-      }, 1)
-    },
-    receiveFromChild(data) {
-      console.log(data)
-      this.whichOneShow = ''
-      this.query.page = 1
-      this.getFilterData = JSON.parse(JSON.stringify(data))
-      console.log('getFilterData in receiveFromChild', this.getFilterData)
-      this.getList()
-      // this.messageFromChild = data.message;
-    },
-    chooseNl(type) {
-      let that = this
-      that.scrollTo = ''
-      that.whichOneShow = that.whichOneShow == type ? '' : type
-      setTimeout(() => {
-        that.scrollTo = 'tttop'
-      }, 1)
-    },
-    /**
-     * 筛选相关================================================end
-     */
-    sortJob(ind) {
-      let that = this
-      this.sortList.active = ind
-      this.query.sortTag = this.sortList.list[ind].key
-      this.whichOneShow = ''
-      if (this.query.sortTag === 2) {
-        // 60 * 60 * 24
-        if (that.currentInfo.latitude && new Date().getTime() - that.currentInfo.timestamp < 1000 * 10) {
-          console.log('inTime')
-          this.getList()
-        } else {
-          console.log('outTime')
-          this.getLocation().then(() => {
-            this.getList()
-          })
-        }
-      } else {
-        this.getList()
-      }
-    },
-  },
-}
+			setTimeout(() => {
+				that.scrollTo = "listBox";
+				console.log("aaaaaaaaa");
+			}, 1);
+		},
+		receiveFromChild(data) {
+			console.log(data);
+			this.whichOneShow = "";
+			this.query.page = 1;
+			this.getFilterData = JSON.parse(JSON.stringify(data));
+			console.log("getFilterData in receiveFromChild", this.getFilterData);
+			this.getList();
+			// this.messageFromChild = data.message;
+		},
+		chooseNl(type) {
+			let that = this;
+			that.scrollTo = "";
+			that.whichOneShow = that.whichOneShow == type ? "" : type;
+			setTimeout(() => {
+				that.scrollTo = "tttop";
+			}, 1);
+		},
+		/**
+		 * 筛选相关================================================end
+		 */
+		sortJob(ind) {
+			let that = this;
+			this.sortList.active = ind;
+			this.query.sortTag = this.sortList.list[ind].key;
+			this.whichOneShow = "";
+			if (this.query.sortTag === 2) {
+				// 60 * 60 * 24
+				if (that.currentInfo.latitude && new Date().getTime() - that.currentInfo.timestamp < 1000 * 10) {
+					console.log("inTime");
+					this.getList();
+				} else {
+					console.log("outTime");
+					this.getLocation().then(() => {
+						this.getList();
+					});
+				}
+			} else {
+				this.getList();
+			}
+		},
+		checkLength(e) {
+			console.log("e", e);
+			console.log("keyword", this.keyword);
+			if (e.length == 0) {
+				this.keyword = "";
+				this.searchJob();
+			}
+		},
+		searchJob() {
+			this.query.list = [];
+			this.query.page = 1;
+			this.getList();
+		},
+		goCity() {
+			uni.navigateTo({
+				url: "/root/other/city",
+			});
+		},
+	},
+};
 </script>
 
 <style lang="scss">
 .p-home-inedx {
-  background-color: #ededed;
-  min-height: 100%;
-  .m-more {
-    position: absolute;
-    left: 12rpx;
-    bottom: -44rpx;
-    width: 154px;
-    background-color: #696969;
-    box-shadow: 0px 2px 19px 0px rgba(179, 179, 179, 0.5);
-    border-radius: 8px;
-  }
+	background-color: #ededed;
+	min-height: 100%;
+	.m-more {
+		position: absolute;
+		left: 12rpx;
+		bottom: -44rpx;
+		width: 154px;
+		background-color: #696969;
+		box-shadow: 0px 2px 19px 0px rgba(179, 179, 179, 0.5);
+		border-radius: 8px;
+	}
 
-  .suffix {
-    position: absolute;
-    right: 20rpx;
-    top: 10px;
-    z-index: 1;
-    border-top-right-radius: 110rpx;
-    border-bottom-right-radius: 110rpx;
-  }
+	.suffix {
+		position: absolute;
+		right: 20rpx;
+		top: 10px;
+		z-index: 1;
+		border-top-right-radius: 110rpx;
+		border-bottom-right-radius: 110rpx;
+	}
 
-  // #ifdef MP-WEIXIN
-  .u-border {
-    border-color: #fff !important;
-    background-color: #fff;
-  }
-  .navigatorBar .tabs {
-    position: relative;
-    left: 50%;
-    color: #111;
-    transform: translateX(-50%);
-    justify-content: center;
-    box-sizing: border-box;
-  }
+	// #ifdef MP-WEIXIN
+	.u-border {
+		border-color: #fff !important;
+		background-color: #fff;
+	}
+	.navigatorBar .tabs {
+		position: relative;
+		left: 50%;
+		color: #111;
+		transform: translateX(-50%);
+		justify-content: center;
+		box-sizing: border-box;
+	}
 
-  .sticky {
-    position: sticky;
-    top: 0px;
-    left: 0;
-    z-index: 100;
-  }
-  // #searchInputBox {
-  // 	display: flex;
-  // 	justify-content: space-between;
-  // 	padding: 0 10px;
-  // 	top: 10px;
-  // 	box-sizing: border-box;
-  // 	position: absolute;
-  // 	z-index: 9999;
-  // 	width: 100vw;
-  // }
-  // #endif
+	.sticky {
+		position: sticky;
+		top: 0px;
+		left: 0;
+		z-index: 100;
+	}
+	// #searchInputBox {
+	// 	display: flex;
+	// 	justify-content: space-between;
+	// 	padding: 0 10px;
+	// 	top: 10px;
+	// 	box-sizing: border-box;
+	// 	position: absolute;
+	// 	z-index: 9999;
+	// 	width: 100vw;
+	// }
+	// #endif
 }
 </style>
diff --git a/root/other/city.vue b/root/other/city.vue
new file mode 100644
index 0000000..31e17ac
--- /dev/null
+++ b/root/other/city.vue
@@ -0,0 +1,255 @@
+<template>
+	<view class="g_pl_16 container" style="background-color: #f5f5f5">
+		<scroll-view class="cities-scroll" scroll-with-animation="true" style="box-sizing: border-box; height: calc(100vh - 87px)" :scroll-into-view="az" scroll-y ref="scrollViewRef">
+			<view class="">
+				<view class="headTxt">当前城市</view>
+				<view class="" hover-class="none" hover-stop-propagation="false">
+					<view @click="selectQuanGuo" class="itemCity" :class="{ active: selectedCity === '全国' }">全国</view>
+					<view class="g_flex_row_center itemCity" v-if="currentCity" @click="selectCity({ shortName: currentCity })" :class="{ active: selectedCity === currentCity }">
+						<i class="iconfont icon-dizhi1 g_mr_4"></i>
+						{{ currentCity }}
+					</view>
+				</view>
+
+				<view class="cities-list">
+					<block v-for="group in cities">
+						<view class="headTxt" :id="`letter-${group.name[0] == '热' ? 're' : group.name[0]}`">{{ group.name }}</view>
+						<block v-for="city in group.list">
+							<view @click="selectCity(city)" class="itemCity" :class="{ active: selectedCity === city.shortName }">{{ city.shortName }}</view>
+						</block>
+					</block>
+				</view>
+			</view>
+			<view class="" style="height: 120px"> </view>
+		</scroll-view>
+		<!-- 添加字母索引 -->
+		<view class="index-list" v-if="false">
+			<block v-for="(letter, index) in letters">
+				<!-- , activeIndex: currentIndex === index -->
+				<view :class="{ indexItem: true }" @click="scrollToLetter(letter)">
+					{{ letter }}
+				</view>
+			</block>
+		</view>
+
+		<g-panel-fixed>
+			<view class="g_flex_row_center">
+				<g-button btnText="重置" size="small" @clickBtn="back"></g-button>
+				<g-button btnText="确定" type="primary" class="g_ml_24" size="small" @clickBtn="setCity"></g-button>
+			</view>
+		</g-panel-fixed>
+	</view>
+</template>
+<script>
+// import { cityList } from "../utils/city.js";
+
+export default {
+	data() {
+		return {
+			cities: [],
+			cdnBaseImg: this.G.store().cdnBaseImg,
+			selectedCity: "全国",
+			currentIndex: 0,
+			letters: [],
+			az: "",
+			currentInfo: {}, // 当前位置信息
+			currentCity: "",
+		};
+	},
+	onLoad() {
+		this.initializeCities();
+
+		this.getLocation().then((res) => {
+			console.log("res", res);
+			this.getCity();
+		});
+
+		// this.calculateLetters();
+	},
+	methods: {
+		setCity() {
+			uni.setStorageSync("selectedCity", this.selectedCity);
+			console.log(`城市 ${this.selectedCity} 已保存到缓存`);
+			uni.navigateBack({ delta: 1 });
+		},
+		getCity() {
+			let that = this;
+			this.G.Get(this.api.getCityNameByLatLng, { lng: this.currentInfo.longitude, lat: this.currentInfo.latitude }, (res) => {
+				if (res) {
+					that.currentCity = res.replace("市", "");
+				}
+				console.log("res");
+			});
+		},
+		getLocation() {
+			let that = this;
+			console.log("123123");
+			return new Promise((resolve, reject) => {
+				uni.authorize({
+					// 检测是否授权位置信息
+					scope: "scope.userLocation",
+					success() {
+						console.log("用户成功授权位置信息");
+						uni.getLocation({
+							type: "wgs84",
+							success(res) {
+								that.currentInfo = {
+									latitude: res.latitude,
+									longitude: res.longitude,
+									timestamp: new Date().getTime(),
+								};
+								console.log("获取当前经纬度：", that.currentInfo);
+								resolve();
+							},
+							fail(err) {
+								console.log(err);
+							},
+							complete() {
+								resolve();
+							},
+						});
+					},
+					fail(err) {
+						console.log(err);
+						console.log("用户拒绝授权位置信息，再次提示用户授权");
+						uni.showToast({
+							title: "请开启定位权限以显示距职位距离",
+							icon: "none",
+						});
+						resolve();
+						// that.showRefuseLocationPermission();
+					},
+				});
+			});
+		},
+		back() {
+			this.selectedCity = "全国";
+			uni.setStorageSync("selectedCity", "全国");
+
+			// uni.navigateBack({ delta: 1 });
+		},
+		selectQuanGuo() {
+			this.selectedCity = "全国";
+			console.log("全国被选中");
+		},
+		selectCity(city) {
+			this.selectedCity = city.shortName;
+			console.log(`城市 ${city.shortName} 被选中`);
+		},
+		initializeCities() {
+			this.G.Get(this.api.get_city_list, {}, (res) => {
+				console.log(res);
+				this.letters.push("热");
+				res.forEach((item) => {
+					if (!this.letters.includes(item.name[0])) {
+						this.letters.push(item.name[0]);
+					}
+				});
+				this.cities = res;
+				const cachedSelectedCity = uni.getStorageSync("selectedCity");
+				if (cachedSelectedCity) {
+					this.selectedCity = cachedSelectedCity;
+				} else {
+					this.selectedCity = "全国";
+				}
+			});
+			// const hotCities = originalCities.find(group => group.name === '热门城市');
+
+			// if (hotCities) {
+			//   hotCities.name = '热';
+			//   this.cities = originalCities.filter(group => group.name !== '热门城市');
+			//   this.cities.unshift(hotCities);
+			// } else {
+			//   this.cities = originalCities;
+			// }
+		},
+		// calculateLetters() {
+		// 	this.letters = [];
+		// 	this.cities.forEach((group) => {
+		// 		const firstLetter = group.name.charAt(0).toUpperCase();
+		// 		if (!this.letters.includes(firstLetter)) {
+		// 			this.letters.push(firstLetter);
+		// 		}
+		// 	});
+		// },
+		scrollToLetter(letter) {
+			var that = this;
+			if (letter == "热") {
+				letter = "re";
+			}
+			const id = `letter-${letter}`;
+			console.log(id);
+			this.az = id;
+			// console.log(that.$refs.scrollViewRef);
+			// this.$nextTick(() => {
+			//   this.$refs.scrollViewRef.scrollIntoView(id, 300);
+			// });
+		},
+	},
+};
+</script>
+<style lang="scss">
+.container {
+	.itemCity {
+		width: calc(33.33% - 10px);
+		float: left;
+		margin-right: 10px;
+		background: #fff;
+		border-radius: 30px;
+		font-size: 16px;
+		font-weight: 400;
+		text-align: center;
+		padding: 8px 0;
+		color: #1d1d1d;
+		margin-bottom: 10px;
+		line-height: 20px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+
+		&.active {
+			background: #00b666;
+			color: #ffffff;
+		}
+	}
+
+	.headTxt {
+		font-size: 18px;
+		font-weight: 400;
+		color: #999999;
+		line-height: 25px;
+		margin-top: 10px;
+		margin-left: 16px;
+		margin-bottom: 10px;
+		clear: both;
+	}
+
+	.cities-scroll {
+		// height: calc(100vh - 100px);
+		// overflow-y: auto;
+	}
+
+	.index-list {
+		position: fixed;
+		right: 10px;
+		top: 50%;
+		transform: translateY(-50%);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		background-color: #f5f5f5;
+
+		.indexItem {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			border-radius: 50%;
+			margin: 2px;
+			&.activeIndex {
+				background: #00b666;
+				color: #ffffff;
+			}
+		}
+	}
+}
+</style>