From 6120b17c08c3651e6b7e3cae113837f295297c54 Mon Sep 17 00:00:00 2001
From: Zhang Ziyu <1772127579@qq.com>
Date: Tue, 30 May 2023 10:58:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E5=B7=A5=E4=BD=9C=E7=A7=8D?=
 =?UTF-8?q?=E7=B1=BB=E5=92=8C=E5=9F=8E=E5=B8=82=E5=88=86=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/api.js                       |   34 +
 src/components/Checkbox-Transfer.vue |   16 +-
 src/components/Input-Search.vue      |    2 +-
 src/components/Loading/Loading.vue   |    2 +-
 src/components/Loading/main.js       |  207 +-
 src/main.js                          |    4 +-
 src/views/Home/Home.vue              |  166 +-
 src/views/JobDetail/JobDetail.vue    |  154 +-
 src/views/Jobs/Jobs.vue              | 2965 +-------------------------
 src/views/Login/Login.vue            |    2 +-
 src/views/Products/Products.vue      |  108 +-
 11 files changed, 285 insertions(+), 3375 deletions(-)

diff --git a/src/api/api.js b/src/api/api.js
index 70d3c28..33a16c9 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -4,15 +4,49 @@
 import request from "./request.js";
 
 export default {
+    // 登录
     login: (data) => request({
         url: '/login/',
         method: 'post',
         data: data
     }),
 
+    // 注册
     sign: (data) => request({
       url: '/sign/',
       method: 'post',
       data: data
+    }),
+
+    // 获取产品列表
+    getProductList: (data) => request({
+        url: '/product/',
+        method: 'get',
+        data: data
+    }),
+
+    // 获取岗位种类
+    getCategory: () => request({
+        url: '/category/',
+        method: 'get',
+    }),
+
+    // 获取城市列表
+    getCity: () => request({
+        url: '/city/',
+        method: 'get',
+    }),
+
+    // 获取岗位信息
+    getJobList: (data) => request({
+        url: '/job/',
+        method: 'post',
+        data: data,
+    }),
+
+    // 获取某个岗位详情
+    getJobDetail: (id) => request({
+        url: `/job_detail/${id}`,
+        method: 'get',
     })
 }
\ No newline at end of file
diff --git a/src/components/Checkbox-Transfer.vue b/src/components/Checkbox-Transfer.vue
index 51e16f8..d6d0c0b 100644
--- a/src/components/Checkbox-Transfer.vue
+++ b/src/components/Checkbox-Transfer.vue
@@ -73,6 +73,8 @@ const prop = defineProps({
   },
 })
 
+const emit = defineEmits(['update:modelValue'])
+
 const {title, targetCount, data, modelValue, props} = toRefs(prop)
 
 // 计算属性
@@ -102,16 +104,9 @@ const placeholder = computed(() => {
   return !focusing.value ? "更多" : "搜索"
 })
 
+
 // 监视函数
 watch(data, (newValue, oldValue) => {
-
-})
-
-onMounted(() => {
-  changeTargets()
-})
-
-const changeTargets = () => {
   targets.value = data.value.slice(0, 6).map(item => item[props.value.key]);
   checked.value.length = targets.value.length;
   modelValue.value.forEach(key => {
@@ -120,7 +115,8 @@ const changeTargets = () => {
       checked.value.push(true);
     }
   });
-}
+})
+
 
 // 事件
 const clearChecked = () => {
@@ -158,7 +154,7 @@ const check = (item, e) => {
 
   EventBus.emit("check", e.target.checked)
   EventBus.emit("check", item[props.value.key])
-  EventBus.emit("input", modelValue.value)
+  emit('update:modelValue', modelValue.value)
 }
 </script>
 <style lang="less" scoped>
diff --git a/src/components/Input-Search.vue b/src/components/Input-Search.vue
index 1527f84..9277d27 100644
--- a/src/components/Input-Search.vue
+++ b/src/components/Input-Search.vue
@@ -3,7 +3,7 @@
     <input
         ref="input"
         type="text"
-        placeholder="输入城市或职位进行搜索"
+        placeholder="输入职位进行搜索"
     />
     <span class="input-search-button"><el-icon class="icons"><Search/></el-icon></span>
   </div>
diff --git a/src/components/Loading/Loading.vue b/src/components/Loading/Loading.vue
index 92e1ae4..0762dec 100644
--- a/src/components/Loading/Loading.vue
+++ b/src/components/Loading/Loading.vue
@@ -16,7 +16,7 @@
 import {getCurrentInstance, ref} from "vue";
 
 const {proxy} = getCurrentInstance()
-const fullscreen = ref(false)
+const fullscreen = ref(true)
 const lock = ref(false)
 const emit = defineEmits(['destroy'])
 
diff --git a/src/components/Loading/main.js b/src/components/Loading/main.js
index 0b85a73..1ced176 100644
--- a/src/components/Loading/main.js
+++ b/src/components/Loading/main.js
@@ -1,112 +1,111 @@
-import {createApp} from 'vue'
 import Loading from "./Loading.vue";
-import App from '../../App.vue'
 
-const app = createApp(App)
+export const LoadingPlugin = {
+    install(app) {
+        const LoadingCtor = app.component('loading', Loading);
+        app.directive("loading", {
+            mounted: (el, binding, vnode, prevNode) => {
+                el.loading = LoadingCtor;
+                el.loading.$mount();
+                el.appendChild(el.loading.$el);
+                el.classList.add("directiveLoading-parent");
 
-const LoadingCtor = app.component('loading', Loading);
-// const fullscreenLoading = new LoadingCtor();
+                if (binding.arg) {
+                    el.loading.$el.style.backgroundColor = binding.arg;
+                }
+                if (binding.value) {
+                    if (binding.modifiers.scrollFixed) {
+                        const position = {
+                            top:
+                                el.getBoundingClientRect().top > 0
+                                    ? Math.abs(el.getBoundingClientRect().top)
+                                    : 0,
+                            bottom:
+                                el.getBoundingClientRect().bottom - window.innerHeight > 0
+                                    ? el.getBoundingClientRect().bottom - window.innerHeight
+                                    : 0
+                        };
+                        el.loading.$el.style.top = position.top + "px";
+                        el.loading.$el.style.bottom = position.bottom + "px";
+                    }
+                    el.classList.add("directiveLoading-parent-visible");
+                } else {
+                    el.loading.$el.style.setProperty("display", "none");
+                }
+            },
 
-LoadingCtor.install = app => {
-  app.directive("loading", {
-    mounted: (el, binding, vnode, prevNode) => {
-      el.loading = new LoadingCtor();
-      el.loading.$mount();
-      el.appendChild(el.loading.$el);
-      el.classList.add("directiveLoading-parent");
+            updated(el, {value, oldValue, ...binding}) {
+                if (value === oldValue) return;
+                app.nextTick(() => {
+                    if (binding.modifiers.scrollFixed && value) {
+                        const position = {
+                            top:
+                                el.getBoundingClientRect().top < 0
+                                    ? Math.abs(el.getBoundingClientRect().top)
+                                    : 0,
+                            bottom:
+                                el.getBoundingClientRect().bottom - window.innerHeight > 0
+                                    ? el.getBoundingClientRect().bottom - window.innerHeight
+                                    : 0
+                        };
+                        el.loading.$el.style.top = position.top + "px";
+                        el.loading.$el.style.bottom = position.bottom + "px";
+                    }
+                });
 
-      if (binding.arg) {
-        el.loading.$el.style.backgroundColor = binding.arg;
-      }
-      if (binding.value) {
-        if (binding.modifiers.scrollFixed) {
-          const position = {
-            top:
-              el.getBoundingClientRect().top > 0
-                ? Math.abs(el.getBoundingClientRect().top)
-                : 0,
-            bottom:
-              el.getBoundingClientRect().bottom - window.innerHeight > 0
-                ? el.getBoundingClientRect().bottom - window.innerHeight
-                : 0
-          };
-          el.loading.$el.style.top = position.top + "px";
-          el.loading.$el.style.bottom = position.bottom + "px";
-        }
-        el.classList.add("directiveLoading-parent-visible");
-      } else {
-        el.loading.$el.style.setProperty("display", "none");
-      }
+                if (value) {
+                    el.classList.add("directiveLoading-parent-visible");
+
+                    el.loading.$el.style.removeProperty("display");
+                } else {
+                    el.loading.$el.style.setProperty("display", "none");
+                    el.classList.remove("directiveLoading-parent-visible");
+                }
+            },
+
+            unmounted(el, binding) {
+                el.loading.close();
+            }
+        });
+
+        const defaultOpts = {target: null, fullscreen: true, lock: false};
+
+        app.config.globalProperties.$loading = function (opts) {
+            opts = Object.assign({}, defaultOpts, opts);
+            let targetParent;
+            if (typeof opts.target === "string") {
+                try {
+                    targetParent = document.querySelector(opts.target);
+                } catch (error) {
+                    targetParent = document.body;
+                }
+            } else if (!opts.target instanceof HTMLElement) {
+                targetParent = document.body;
+            }
+
+            targetParent = opts.target || document.body;
+
+            targetParent.style.position = "relative";
+
+            const loadingIns = LoadingCtor;
+            loadingIns.$mount();
+            targetParent.appendChild(loadingIns.$el);
+
+            if (Object.prototype.toString.call(opts.position) === "[object Object]") {
+                Object.keys(opts.position).forEach(prop => {
+                    loadingIns.$el.style[prop] = opts.position[prop] + "px";
+                });
+            }
+            if (opts.background) {
+                loadingIns.$el.style.background = opts.background;
+            }
+            if (opts.fullscreen) {
+                loadingIns.$el.style.position = "fixed";
+            }
+
+            return loadingIns;
+        };
     },
 
-    updated(el, { value, oldValue, ...binding }) {
-      if (value === oldValue) return;
-      app.nextTick(() => {
-        if (binding.modifiers.scrollFixed && value) {
-          const position = {
-            top:
-              el.getBoundingClientRect().top < 0
-                ? Math.abs(el.getBoundingClientRect().top)
-                : 0,
-            bottom:
-              el.getBoundingClientRect().bottom - window.innerHeight > 0
-                ? el.getBoundingClientRect().bottom - window.innerHeight
-                : 0
-          };
-          el.loading.$el.style.top = position.top + "px";
-          el.loading.$el.style.bottom = position.bottom + "px";
-        }
-      });
 
-      if (value) {
-        el.classList.add("directiveLoading-parent-visible");
-
-        el.loading.$el.style.removeProperty("display");
-      } else {
-        el.loading.$el.style.setProperty("display", "none");
-        el.classList.remove("directiveLoading-parent-visible");
-      }
-    },
-
-    unmounted(el, binding) {
-      el.loading.close();
-    }
-  });
-  const defaultOpts = { target: null, fullscreen: true, lock: false };
-  app.config.globalProperties.$loading = function(opts) {
-    opts = Object.assign({}, defaultOpts, opts);
-    let targetParent;
-    if (typeof opts.target === "string") {
-      try {
-        targetParent = document.querySelector(opts.target);
-      } catch (error) {
-        targetParent = document.body;
-      }
-    } else if (!opts.target instanceof HTMLElement) {
-      targetParent = document.body;
-    }
-
-    targetParent = opts.target || document.body;
-
-    targetParent.style.position = "relative";
-
-    const loadingIns = new LoadingCtor({ data: opts });
-    loadingIns.$mount();
-    targetParent.appendChild(loadingIns.$el);
-
-    if (Object.prototype.toString.call(opts.position) === "[object Object]") {
-      Object.keys(opts.position).forEach(prop => {
-        loadingIns.$el.style[prop] = opts.position[prop] + "px";
-      });
-    }
-    if (opts.background) {
-      loadingIns.$el.style.background = opts.background;
-    }
-    if (opts.fullscreen) {
-      loadingIns.$el.style.position = "fixed";
-    }
-
-    return loadingIns;
-  };
-};
-export default LoadingCtor;
+}
diff --git a/src/main.js b/src/main.js
index 652931e..9e2e667 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,11 +8,11 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import api from './api/api.js'
 
 
-// import Loading from "./components/Loading/main";
+import {LoadingPlugin} from "./components/Loading/main";
 
 const app = createApp(App)
 app.use(router).use(store)
-// app.use(Loading)
+app.use(LoadingPlugin)
 app.config.globalProperties.$api = api
 
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index 1833c66..e1d0a05 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -58,12 +58,12 @@
       <div class="job-category content-item-block">
         <h2 class="job-category-title title">探索你感兴趣的职位</h2>
         <ul class="job-category-list clearfix">
-          <li v-for="item in jobCategories" :key="item.id" class="job-category-item">
-            <router-link :to="{ name: 'jobs', query: { job_category_id: item.id } }">
+          <li v-for="item in jobCategories" :key="item.nid" class="job-category-item">
+            <router-link :to="{ name: 'jobs', query: { job_category_id: item.nid } }">
               <div class="image" :style="`background-image:url(${item.image})`">
-                <span class="overlay" v-if="!item.id">{{ item.zh_name }}</span>
+                <span class="overlay" v-if="!item.nid">{{ item.name }}</span>
               </div>
-              <div v-if="item.id" class="name">{{ item.zh_name }}</div>
+              <div v-if="item.nid" class="name">{{ item.name }}</div>
             </router-link>
           </li>
         </ul>
@@ -196,149 +196,15 @@ const router = useRouter()
 const productLayerVisible = ref(false)
 
 // 产品列表
-const products = ref([
-  {
-    "name": "faceu",
-    "title": "激萌",
-    "logo": "//sf3-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/Faceu2x_1574665474719.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jimeng.jpeg",
-    "description": "Faceu激萌，4 亿年轻人都爱用的卖萌自拍神器。",
-    "subDescription": "一款能社交的 AR 相机，海量酷炫贴纸、 激萌表情包 、实时美颜、 趣味特效让聊天姿势更丰富更有趣，满足全方位拍摄需求。累计用户量超过 4 亿， 平均每天为用户提供 1.7 亿次拍摄服务。",
-    "id": 1,
-    "link": "https://www.faceu.com"
-  },
-  {
-    "name": "lightFaceCamera",
-    "title": "轻颜相机",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/qingyan_square_logo_1577262252373.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/qingyan-bg2.jpg",
-    "description": "轻颜相机是一款主打高级感的质感自拍相机，连续霸榜应用商店。拥有时下最流行的滤镜、美颜效果、和海量拍照“姿势”模板，一键就能 get 潮流自拍。",
-    "subDescription": "",
-    "id": 2,
-    "link": "https://m.ulikecam.com/"
-  },
-  {
-    "name": "headNews",
-    "title": "今日头条",
-    "logo": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/toutiao_square_logo_1577262251819.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/toutiao_new_2.png",
-    "description": "今日头条是一款个性化资讯推荐引擎产品，致力于连接人与信息，让优质、丰富的信息得到高效、精准的分发，为用户创造价值。",
-    "subDescription": "今日头条目前拥有科技、体育、健康、美食、教育、三农、国风、NBA 等超过 100 个垂直领域，覆盖了图文、图集、小视频、短视频、短内容、直播、小程序等多种信息体裁。",
-    "id": 3,
-    "link": "https://m.ulikecam.com/"
-  },
-  {
-    "name": "trillShortVideo",
-    "title": "抖音短视频",
-    "logo": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/douyin_square_logo_1577262251779.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/douyin-bg2.jpg",
-    "description": "抖音是一个帮助用户表达自我，记录美好生活的短视频平台。截至 2020 年 1 月，日活跃用户数已经突破 4 亿，并继续保持高速增长。",
-    "subDescription": "",
-    "id": 4,
-    "link": "https://douyin.com/"
-  },
-  {
-    "name": "trillShortVideo",
-    "title": "西瓜视频",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/xigua_square_logo_1577262253312.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/xigua-bg2.jpg",
-    "description": "西瓜视频是字节跳动旗下的一款视频 App，作为聚合多元文化的综合视频平台，它通过个性化推荐，源源不断地为不同人群提供丰富的优质内容，同时鼓励多样化创作，帮助人们轻松地向全世界分享视频作品。",
-    "subDescription": "目前西瓜视频累计用户数超过 3.5 亿，日均播放量超过 40 亿。",
-    "id": 5,
-    "link": "https://ixigua.com/"
-  },
-  {
-    "name": "trillShortVideo",
-    "title": "懂车帝",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/dongchedi_square_logo_1577262251826.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/dongche-bg2.jpg",
-    "description": "懂车帝是“看车、选车、买车”一站式汽车媒体和服务平台，产品基于个性化推荐引擎帮助用户发现感兴趣的汽车内容，同时配有车型库、360 度全景看车等选车工具，首创短视频社区“车友圈”，为用户打造内容 + 社区 + 工具的多元生态。目前，懂车帝已经成长为增长最快的汽车类手机应用。",
-    "subDescription": "目前西瓜视频累计用户数超过 3.5 亿，日均播放量超过 40 亿。",
-    "id": 6,
-    "link": "https://www.dongchediapp.com/"
-  },
-  {
-    "name": "gogokid",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/gogokid_square_logo_1577262251773.png",
-    "title": "GoGoKid",
-    "id": 7,
-    "description": "GoGokid 是一个面向 4 - 12 岁孩子的在线少儿英语 1 对 1学习平台。主打 100% 纯北美外教；教材对标美国小学主流课标（CCSS），融入 SED（社交情商培养）、多元智能理论，为中国孩子带来高效的英语学习体验。",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/gogokid-bg2.jpg",
-    "link": "https://www.gogokid.com.cn"
-  },
-  {
-    "name": "naughtyShrimp",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/pipixia_square_logo_1577262251826.png",
-    "title": "皮皮虾",
-    "id": 8,
-    "description": "今日头条官方爆笑社区，一个只要打开就能让你笑到停不下来的 App。",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/pipi_new.png",
-    "subDescription": "皮皮虾一直坚持「传播快乐，分享生活」的目标，以特有的「神评」玩法形成了独特的社区氛围。之后，皮皮虾将不断提供更多有趣的功能，帮助用户创造出更多优质的内容。",
-    "link": "https://mp.pipix.com"
-  },
-  {
-    "name": "urgentLetter",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/feishu_squre.png",
-    "title": "飞书",
-    "id": 9,
-    "description": "飞书是新一代企业办公套件，整合即时沟通、日历、音视频会议、在线文档、云盘、工作台等功能于一体，为企业提供全方位协作解决方案，成就组织和个人，更高效、更愉悦。",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/feishu_bg.jpg",
-    "subDescription": "",
-    "link": "https://www.feishu.com"
-  }
-])
+const products = ref([])
 // 岗位列表
-const jobCategories = ref([
-  {
-    "id": "6704215862603155720",
-    "en_name": "developer",
-    "zh_name": "研发",
-    "image": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jobslight/rd2.png"
-  },
-  {
-    "id": "6704215864629004552",
-    "en_name": "productManager",
-    "zh_name": "产品",
-    "image": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jobslight/prod2.png"
-  },
+const jobCategories = ref([])
 
-  {
-    "id": "6704215882479962371",
-    "en_name": "operator",
-    "zh_name": "运营",
-    "image": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jobslight/operation2.png"
-  },
-  {
-    "id": "6709824272514156812",
-    "en_name": "designer",
-    "zh_name": "设计",
-    "image": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jobslight/design2.png"
-  },
-  {
-    "id": "6704215901438216462",
-    "en_name": "marketer",
-    "zh_name": "市场",
-    "image": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jobslight/market2.png"
-  },
-  {
-    "id": "6709824272505768200",
-    "en_name": "seller",
-    "zh_name": "销售",
-    "image": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jobslight/sales2.png"
-  },
-  {
-    "id": "6704215913488451847",
-    "en_name": "supporter",
-    "zh_name": "职能支持",
-    "image": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jobslight/support2.png"
-  },
-  {
-    "id": "",
-    "en_name": "whole",
-    "zh_name": "全部",
-    "image": "//sf3-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/alljobs_2x_crop_min.png"
-  }
-])
+// 获取岗位列表
+const getJobCategory = async () => {
+  let res = await proxy.$api.getCategory()
+  jobCategories.value = res.data
+}
 // 字节标准列表
 const byteStandards = ref([
   {
@@ -406,6 +272,7 @@ const staffStories = ref([
     "richContent": "<p style='-webkit-font-smoothing: antialiased; margin: 20px auto; padding: 0px; line-height: 2.14; color: rgb(81, 86, 93); font-family: Gilroy-regular, -apple-system, system-ui, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;'>我是 Roger 左儒哲，一个土生土长的美国人。在哈佛毕业之后，我和许多美国技术人才一样，漂到西海岸的硅谷，在亚马逊、Facebook 这类大厂和初创公司间跳来跳去，大厂小厂都待过后，我发现硅谷变了，这里的技术水平仍然很好，但大公司却越来越趋于稳定保守，不想冒险做创新的事情。</p><img src='https://sf3-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/story/story3_img12x_1577069327983.jpg' alt='' style='-webkit-font-smoothing: antialiased; vertical-align: middle; width: 720px; margin: 12px auto; color: rgb(31, 35, 41); font-family: Gilroy-regular, -apple-system, system-ui, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;'><span style='color: rgb(31, 35, 41); font-family: Gilroy-regular, -apple-system, system-ui, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;'></span><p style='-webkit-font-smoothing: antialiased; margin: 20px auto; padding: 0px; line-height: 2.14; color: rgb(81, 86, 93); font-family: Gilroy-regular, -apple-system, system-ui, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;'>后来我发现，九千多公里外的北京，倒是更像早期的硅谷。移动支付、二维码、共享经济……中国的互联网世界出现了好多创新，北京很多方面的发展比硅谷还要快，于是我决定，一定要来这里看看。</p><p style='-webkit-font-smoothing: antialiased; margin: 20px auto; padding: 0px; line-height: 2.14; color: rgb(81, 86, 93); font-family: Gilroy-regular, -apple-system, system-ui, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;'>其实早在 2016 年的时候我就知道字节跳动，那时候只知道今日头条、抖音，还有海外的一些应用，入职后才知道，我们产品的覆盖范围其实比想象中大很多。 现在我主要在做飞书这个产品的客户端，目前还处于创新、创建、探索的阶段，很多的系统还没那么成熟，但这是一个全新的机会，我可以完整参与到做出一个兼具创新性和实用性的产品的过程中去，同事们的技术能力很强。飞书把日历、文档、聊天都放在一个 App 内，这样的工作模型非常方便，未来也很有潜力，很多硅谷的科技公司，也没有一个这么完整的办公软件。飞书的海外版本 Lark 已经发布，我也会给美国的朋友主动推广我们的产品，他们对 Lark 的反馈也都很不错！</p><p style='-webkit-font-smoothing: antialiased; margin: 20px auto; padding: 0px; line-height: 2.14; color: rgb(81, 86, 93); font-family: Gilroy-regular, -apple-system, system-ui, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;'>当然，工作有成就感的同时，我也面临一些挑战，公司的工作节奏很快，每个人需要同时做很多事情。目前我们每两周发布一个新版本，关于产品计划，需要提前思考，这两周要发布什么新功能，功能上线后我需要管理哪些新的功能，修复哪些 bug，如何管理自己的时间等等。</p><p style='-webkit-font-smoothing: antialiased; margin: 20px auto; padding: 0px; line-height: 2.14; color: rgb(81, 86, 93); font-family: Gilroy-regular, -apple-system, system-ui, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;'>工作下来我最大的感受是， 字节跳动有一个产品至上的概念，视用户为中心，所有的价值观和工作方法都在围绕这个概念展开。与此同时，这里的文化非常开放包容，没有太多的限制——我中文沟通还比较慢，但也可以来到北京和中国的同事一起工作。比起其他公司，字节跳动可能更浪漫，或者说，有更大的梦想。公司不设边界，只要连接人与信息的事情，我们都会尝试去做。</p>"
   }
 ])
+
 const onScrollRightAnimationEnd = () => {
   productLayerVisible.value = false
 }
@@ -414,6 +281,8 @@ onMounted(() => {
   EventBus.emit("home-scrolling",
       {x: document.body.scrollLeft, y: document.body.scrollTop}
   )
+  getProductList()
+  getJobCategory()
 })
 
 // 位置跳转
@@ -429,11 +298,16 @@ const jumpToDetail = (item) => {
   router.push({
     name: "products",
     query: {
-      id: item.id
+      id: item.nid
     }
   });
 }
 
+// 获取产品列表
+const getProductList = async () => {
+  let res = await proxy.$api.getProductList({})
+  products.value = res.data
+}
 </script>
 
 <style scoped lang="less">
diff --git a/src/views/JobDetail/JobDetail.vue b/src/views/JobDetail/JobDetail.vue
index 715525a..23086fb 100644
--- a/src/views/JobDetail/JobDetail.vue
+++ b/src/views/JobDetail/JobDetail.vue
@@ -23,7 +23,7 @@
 </template>
 <script setup>
 import BytedanceButton from '../../components/Bytedance-Button.vue'
-import {reactive, getCurrentInstance} from "vue";
+import {reactive, getCurrentInstance, ref, onMounted} from "vue";
 import {useStore} from "vuex";
 import {useRoute} from "vue-router";
 
@@ -34,144 +34,28 @@ const {proxy} = getCurrentInstance()
 // setTimeout(() => {
 //   loading.close()
 // })
-const jobDetail = reactive({
-  "id": "7225929779840829752",
-  "title": "国际化广告算法工程师-App Ads与游戏",
-  "sub_title": "",
-  "description": "1、负责广告投放中定向、召回、粗排、精排、出价各个阶段模型和策略的改进，极致优化变现效率和客户体验；\n2、利用业界最先进的手段，持续优化深度转化模型，极致提升LTV、付费率、留存率的预估准确度；\n3、探索并落地联邦学习、多方计算等前沿技术，持续提升隐私保护环境下的广告投放效果；\n4、深入了解行业痛点，利用策略和模型的手段，从广告主诉求视角出发，探索最新的商业变现技术和商业产品设计。",
-  "requirement": "1、良好的数据结构、数理统计和概率论等基础；优秀的编码能力，熟练掌握C++/Go更佳；\n2、扎实的机器学习/深度学习理论基础，熟练掌握至少一种主流深度学习编程框架；\n3、较好的产品意识，愿意将产品效果作为工作最重要的驱动因素；\n4、有deep model在广告和推荐业务经验者优先。",
-  "job_category": {
-    "id": "6704215862603155720",
-    "name": "研发",
-    "en_name": "R&D",
-    "i18n_name": "研发",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  "city_info": {
-    "code": "CT_11",
-    "name": "北京",
-    "en_name": "Beijing",
-    "location_type": null,
-    "i18n_name": "北京",
-    "py_name": null,
-    "mdm_code": null
-  },
-  "recruit_type": {
-    "id": "101",
-    "name": "正式",
-    "en_name": "Regular",
-    "i18n_name": "正式",
-    "depth": 2,
-    "parent": {
-      "id": "1",
-      "name": "社招",
-      "en_name": "Experienced",
-      "i18n_name": "社招",
-      "depth": 1,
-      "parent": null,
-      "children": null,
-      "active_status": 1,
-      "selectability": 1
-    },
-    "children": null,
-    "active_status": 1,
-    "selectability": 1
-  },
-  "publish_time": 1682418035000,
-  "delivery_info_id": null,
-  "channel_online_status": 1,
-  "job_hot_flag": 2,
-  "job_subject": null,
-  "code": "A73289",
-  "department_id": null,
-  "job_function": null,
-  "job_id": "7216268434823891237",
-  "city_list": [{
-    "code": "CT_11",
-    "name": "北京",
-    "en_name": "Beijing",
-    "location_type": 3,
-    "i18n_name": "北京",
-    "py_name": "beijing",
-    "mdm_code": null
-  }],
-  "job_post_info": {
-    "id": null,
-    "job_id": null,
-    "title": null,
-    "sub_title": null,
-    "address_id": null,
-    "address": null,
-    "city": null,
-    "education": null,
-    "experience": null,
-    "description": null,
-    "requirement": null,
-    "min_salary": null,
-    "max_salary": null,
-    "currency": null,
-    "head_count": null,
-    "crator_id": null,
-    "expiry_time": null,
-    "progress": null,
-    "department_id": null,
-    "job_type": null,
-    "recruitment_type": {
-      "id": "101",
-      "name": "正式",
-      "en_name": "Regular",
-      "i18n_name": "正式",
-      "depth": 2,
-      "parent": {
-        "id": "1",
-        "name": "社招",
-        "en_name": "Experienced",
-        "i18n_name": "社招",
-        "depth": 1,
-        "parent": null,
-        "children": null,
-        "active_status": 1,
-        "selectability": 1
-      },
-      "children": null,
-      "active_status": 1,
-      "selectability": 1
-    },
-    "job_process_time": null,
-    "job_in_charge_user_id": null,
-    "biz_create_time": null,
-    "HighlightList": null,
-    "JobChannelPublishList": null,
-    "required_degree": null,
-    "never_expiry": null,
-    "job_hot_flag": null,
-    "subject": null,
-    "sequence": null,
-    "min_level": null,
-    "max_level": null,
-    "job_post_object_value_map": {"7154429338292128008": "", "7154429338292144392": ""},
-    "code": null,
-    "job_active_status": null,
-    "job_process_type": null,
-    "biz_modify_time": null,
-    "job_function": null,
-    "job_process": null,
-    "job_process_id": null,
-    "job_category": null,
-    "address_list": null,
-    "city_list": null,
-    "correlation_job_list": null,
-    "tag_list": null,
-    "department": null
-  },
-  "city_info_list_for_delivery": null
-})
+const jobDetail = ref({})
 const store = useStore()
 const route = useRoute()
 
 const id = route.params.id
+
+// 获取岗位详情
+const getJobDetail = async () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
+  let res = await proxy.$api.getJobDetail(id)
+  jobDetail.value = res.data
+  loading.close()
+}
+
+onMounted(() => {
+  getJobDetail()
+})
+
 const delivery = () => {
   ElMessage({
     showClose: true,
diff --git a/src/views/Jobs/Jobs.vue b/src/views/Jobs/Jobs.vue
index ced3829..b8bbf28 100644
--- a/src/views/Jobs/Jobs.vue
+++ b/src/views/Jobs/Jobs.vue
@@ -24,7 +24,7 @@
               title="职位"
               ref="jobCategory"
               v-model="job_category_id_list"
-              :props="{ key: 'id', label: 'name' }"
+              :props="{ key: 'nid', label: 'name' }"
               :data="jobCategories"
           ></checkbox-transfer>
         </div>
@@ -41,32 +41,41 @@
       </div>
       <!-- 主体内容 -->
       <div class="content" v-loading:#ffffff7d.scrollFixed="loading">
-        <h2 class="content-title">开启新的职位 ({{ results.count }})</h2>
+        <h2 class="content-title">开启新的职位 ({{ results.total }})</h2>
         <ul class="content-list">
-          <li class="content-item" v-for="item in results.job_post_list" :key="item.id">
-            <router-link :to="`/jobs/${item.id}`">
+          <li class="content-item" v-for="item in results.data" :key="item.nid">
+            <router-link :to="`/jobs/${item.nid}`" target="_blank">
               <h3 class="title">{{ item.title }}</h3>
 
               <div class="subTitle">
-                <span class="city">{{ item.city_info.name }}</span>&nbsp;|
-                <span class="job_category">{{ item.job_category.name }}</span>&nbsp;|
-                <span class="recruitment_channel">社招</span>
+                <span class="city">{{ item.city_name }}</span>&nbsp;|
+                <span class="job_category">{{ item.category_name }}</span>&nbsp;|
+                <span class="recruitment_channel">{{ item.recruit_type }}</span>
               </div>
               <p class="desc">{{ item.description }}</p>
             </router-link>
           </li>
         </ul>
-<!--        &lt;!&ndash; 分页器 &ndash;&gt;-->
-<!--        <div v-show="!loading" class="pagination-wrapper">-->
-<!--          <pagination :current-page.sync="currentPage" :total="results.count"></pagination>-->
-<!--        </div>-->
+        <!--        &lt;!&ndash; 分页器 &ndash;&gt;-->
+        <!--        <div v-show="!loading" class="pagination-wrapper">-->
+        <!--          <pagination :current-page.sync="currentPage" :total="results.count"></pagination>-->
+        <!--        </div>-->
+        <el-pagination
+            class="pager"
+            v-model:current-page="pageOperation.page"
+            v-model:page-size="pageOperation.limit"
+            :background="false"
+            layout="prev, pager, next, jumper"
+            :total="results.total || 10"
+            @current-change="handleCurrentChange"
+        />
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import {ref, computed, watch, getCurrentInstance, onMounted} from "vue";
+import {computed, getCurrentInstance, onMounted, ref, watch} from "vue";
 import {useRoute} from "vue-router";
 import {getOffsetTop} from "../../helper/utilities.js";
 import EventBus from "../../helper/EventBus/index.js";
@@ -80,1486 +89,48 @@ let searchBarClientHeight = 0
 const {keyword, job_category_id} = route.query
 const searchBarFixedTop = ref(false)
 // 工作种类数组
-const job_category_id_list = ref(job_category_id ? [job_category_id] : [])
+const job_category_id_list = ref(job_category_id ? [Number(job_category_id)] : [])
 // 工作地点数组
 const location_code_list = ref([])
 // 搜索内容
 const searchKeyword = ref("")
 // 岗位种类列表
-const jobCategories = ref([
-  {
-    "id": "6704215862603155720",
-    "name": "研发",
-    "en_name": "R\u0026D",
-    "i18n_name": "研发",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6704215882479962371",
-    "name": "运营",
-    "en_name": "Operations",
-    "i18n_name": "运营",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6704215864629004552",
-    "name": "产品",
-    "en_name": "Product",
-    "i18n_name": "产品",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6709824272505768200",
-    "name": "销售",
-    "en_name": "Sales",
-    "i18n_name": "销售",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6704215913488451847",
-    "name": "职能 / 支持",
-    "en_name": "Corporate Function / Support",
-    "i18n_name": "职能 / 支持",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6704215901438216462",
-    "name": "市场",
-    "en_name": "Marketing",
-    "i18n_name": "市场",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6709824272514156812",
-    "name": "设计",
-    "en_name": "Design",
-    "i18n_name": "设计",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6850051244971526414",
-    "name": "游戏策划",
-    "en_name": "Game Design",
-    "i18n_name": "游戏策划",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  },
-  {
-    "id": "6794746007419619592",
-    "name": "教研教学",
-    "en_name": "Teaching and researching",
-    "i18n_name": "教研教学",
-    "depth": 1,
-    "parent": null,
-    "children": null
-  }
-])
+const jobCategories = ref([])
 // 岗位城市列表
-const jobCities = ref([
-  {
-    "code": "CT_11",
-    "name": "北京",
-    "en_name": "Beijing",
-    "location_type": 3,
-    "i18n_name": "北京",
-    "py_name": "beijing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_125",
-    "name": "上海",
-    "en_name": "Shanghai",
-    "location_type": 3,
-    "i18n_name": "上海",
-    "py_name": "shanghai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_128",
-    "name": "深圳",
-    "en_name": "Shenzhen",
-    "location_type": 3,
-    "i18n_name": "深圳",
-    "py_name": "shenzhen",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_52",
-    "name": "杭州",
-    "en_name": "Hangzhou",
-    "location_type": 3,
-    "i18n_name": "杭州",
-    "py_name": "hangzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_163",
-    "name": "新加坡",
-    "en_name": "Singapore",
-    "location_type": 3,
-    "i18n_name": "新加坡",
-    "py_name": "xinjiapo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_1103355",
-    "name": "圣何塞",
-    "en_name": "San Jose",
-    "location_type": 3,
-    "i18n_name": "圣何塞",
-    "py_name": "shenghesai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_45",
-    "name": "广州",
-    "en_name": "Guangzhou",
-    "location_type": 3,
-    "i18n_name": "广州",
-    "py_name": "guangzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_22",
-    "name": "成都",
-    "en_name": "Chengdu",
-    "location_type": 3,
-    "i18n_name": "成都",
-    "py_name": "chengdu",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_157",
-    "name": "西雅图",
-    "en_name": "Seattle",
-    "location_type": 3,
-    "i18n_name": "西雅图",
-    "py_name": "xiyatu",
-    "mdm_code": null
-  },
-
-  {
-    "code": "CT_94",
-    "name": "洛杉矶",
-    "en_name": "Los Angeles",
-    "location_type": 3,
-    "i18n_name": "洛杉矶",
-    "py_name": "luoshanji",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_243",
-    "name": "山景城",
-    "en_name": "Mountain View",
-    "location_type": 3,
-    "i18n_name": "山景城",
-    "py_name": "shanjingcheng",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_114",
-    "name": "纽约",
-    "en_name": "New York",
-    "location_type": 3,
-    "i18n_name": "纽约",
-    "py_name": "niuyue",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_93",
-    "name": "伦敦",
-    "en_name": "London",
-    "location_type": 3,
-    "i18n_name": "伦敦",
-    "py_name": "lundun",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_37",
-    "name": "都柏林",
-    "en_name": "Dublin",
-    "location_type": 3,
-    "i18n_name": "都柏林",
-    "py_name": "dubolin",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_98",
-    "name": "曼谷",
-    "en_name": "Bangkok",
-    "location_type": 3,
-    "i18n_name": "曼谷",
-    "py_name": "mangu",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_190",
-    "name": "重庆",
-    "en_name": "Chongqing",
-    "location_type": 3,
-    "i18n_name": "重庆",
-    "py_name": "chongqing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_154",
-    "name": "武汉",
-    "en_name": "Wuhan",
-    "location_type": 3,
-    "i18n_name": "武汉",
-    "py_name": "wuhan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_65",
-    "name": "吉隆坡",
-    "en_name": "Kuala Lumpur",
-    "location_type": 3,
-    "i18n_name": "吉隆坡",
-    "py_name": "jilongpo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_169",
-    "name": "雅加达",
-    "en_name": "Jakarta",
-    "location_type": 3,
-    "i18n_name": "雅加达",
-    "py_name": "yajiada",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_34",
-    "name": "东京",
-    "en_name": "Tokyo",
-    "location_type": 3,
-    "i18n_name": "东京",
-    "py_name": "dongjing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_60",
-    "name": "胡志明市",
-    "en_name": "Ho Chi Minh City",
-    "location_type": 3,
-    "i18n_name": "胡志明市",
-    "py_name": "huzhimingshi",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_107",
-    "name": "南京",
-    "en_name": "Nanjing",
-    "location_type": 3,
-    "i18n_name": "南京",
-    "py_name": "nanjing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_155",
-    "name": "西安",
-    "en_name": "Xi'an",
-    "location_type": 3,
-    "i18n_name": "西安",
-    "py_name": "xian",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_233",
-    "name": "华盛顿哥伦比亚特区",
-    "en_name": "Washington D.C.",
-    "location_type": 3,
-    "i18n_name": "华盛顿哥伦比亚特区",
-    "py_name": "huashengdun",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_6",
-    "name": "柏林",
-    "en_name": "Berlin",
-    "location_type": 3,
-    "i18n_name": "柏林",
-    "py_name": "bolin",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_247",
-    "name": "奥斯汀",
-    "en_name": "Austin",
-    "location_type": 3,
-    "i18n_name": "奥斯汀",
-    "py_name": "aositing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_75",
-    "name": "旧金山",
-    "en_name": "San Francisco",
-    "location_type": 3,
-    "i18n_name": "旧金山",
-    "py_name": "jiujinshan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_244",
-    "name": "悉尼",
-    "en_name": "Sydney",
-    "location_type": 3,
-    "i18n_name": "悉尼",
-    "py_name": "xini",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_33",
-    "name": "迪拜",
-    "en_name": "Dubai",
-    "location_type": 3,
-    "i18n_name": "迪拜",
-    "py_name": "dibai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_97",
-    "name": "马尼拉",
-    "en_name": "Manila",
-    "location_type": 3,
-    "i18n_name": "马尼拉",
-    "py_name": "manila",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_134",
-    "name": "首尔",
-    "en_name": "Seoul",
-    "location_type": 3,
-    "i18n_name": "首尔",
-    "py_name": "shouer",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_130",
-    "name": "圣保罗",
-    "en_name": "Sao Paulo",
-    "location_type": 3,
-    "i18n_name": "圣保罗",
-    "py_name": "shengbaoluo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_158",
-    "name": "厦门",
-    "en_name": "Xiamen",
-    "location_type": 3,
-    "i18n_name": "厦门",
-    "py_name": "xiamen",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_66",
-    "name": "济南",
-    "en_name": "Jinan",
-    "location_type": 3,
-    "i18n_name": "济南",
-    "py_name": "jinan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100065",
-    "name": "三亚",
-    "en_name": "Sanya",
-    "location_type": 3,
-    "i18n_name": "三亚",
-    "py_name": "sanya",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_143",
-    "name": "天津",
-    "en_name": "Tianjin",
-    "location_type": 3,
-    "i18n_name": "天津",
-    "py_name": "tianjin",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_55",
-    "name": "合肥",
-    "en_name": "Hefei",
-    "location_type": 3,
-    "i18n_name": "合肥",
-    "py_name": "hefei",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_80",
-    "name": "昆明",
-    "en_name": "Kunming",
-    "location_type": 3,
-    "i18n_name": "昆明",
-    "py_name": "kunming",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_20",
-    "name": "长沙",
-    "en_name": "Changsha",
-    "location_type": 3,
-    "i18n_name": "长沙",
-    "py_name": "changsha",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_101459",
-    "name": "塔吉格",
-    "en_name": "Taguig",
-    "location_type": 3,
-    "i18n_name": "塔吉格",
-    "py_name": "tagige",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_188",
-    "name": "郑州",
-    "en_name": "Zhengzhou",
-    "location_type": 3,
-    "i18n_name": "郑州",
-    "py_name": "zhengzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_103",
-    "name": "墨西哥城",
-    "en_name": "Mexico City",
-    "location_type": 3,
-    "i18n_name": "墨西哥城",
-    "py_name": "moxigecheng",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_40",
-    "name": "福州",
-    "en_name": "Fuzhou",
-    "location_type": 3,
-    "i18n_name": "福州",
-    "py_name": "fuzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_119",
-    "name": "青岛",
-    "en_name": "Qingdao",
-    "location_type": 3,
-    "i18n_name": "青岛",
-    "py_name": "qingdao",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_199",
-    "name": "苏州",
-    "en_name": "Suzhou",
-    "location_type": 3,
-    "i18n_name": "苏州",
-    "py_name": "suzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100762",
-    "name": "亚特兰大",
-    "en_name": "Atlanta",
-    "location_type": 3,
-    "i18n_name": "亚特兰大",
-    "py_name": "yatelanda",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_105",
-    "name": "南昌",
-    "en_name": "Nanchang",
-    "location_type": 3,
-    "i18n_name": "南昌",
-    "py_name": "nanchang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_1000001",
-    "name": "阿什本",
-    "en_name": "Ashburn",
-    "location_type": 3,
-    "i18n_name": "阿什本",
-    "py_name": "ashiben",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100766",
-    "name": "阿姆斯特丹",
-    "en_name": "Amsterdam",
-    "location_type": 3,
-    "i18n_name": "阿姆斯特丹",
-    "py_name": "amusitedan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_209",
-    "name": "华沙",
-    "en_name": "Warsaw",
-    "location_type": 3,
-    "i18n_name": "华沙",
-    "py_name": "huasha",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_112",
-    "name": "宁波",
-    "en_name": "Ningbo",
-    "location_type": 3,
-    "i18n_name": "宁波",
-    "py_name": "ningbo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_101443",
-    "name": "希尔斯伯勒",
-    "en_name": "Hillsboro",
-    "location_type": 3,
-    "i18n_name": "希尔斯伯勒",
-    "py_name": "xiersibole",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_204",
-    "name": "米兰",
-    "en_name": "Milan",
-    "location_type": 3,
-    "i18n_name": "米兰",
-    "py_name": "milan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_141",
-    "name": "太原",
-    "en_name": "Taiyuan",
-    "location_type": 3,
-    "i18n_name": "太原",
-    "py_name": "taiyuan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_48",
-    "name": "哈尔滨",
-    "en_name": "Harbin",
-    "location_type": 3,
-    "i18n_name": "哈尔滨",
-    "py_name": "haerbin",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_25",
-    "name": "大连",
-    "en_name": "Dalian",
-    "location_type": 3,
-    "i18n_name": "大连",
-    "py_name": "dalian",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100772",
-    "name": "波哥大",
-    "en_name": "Bogota",
-    "location_type": 3,
-    "i18n_name": "波哥大",
-    "py_name": "bogeda",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_221",
-    "name": "芝加哥",
-    "en_name": "Chicago",
-    "location_type": 3,
-    "i18n_name": "芝加哥",
-    "py_name": "zhijiage",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_36",
-    "name": "东莞",
-    "en_name": "Dongguan",
-    "location_type": 3,
-    "i18n_name": "东莞",
-    "py_name": "dongguan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_129",
-    "name": "沈阳",
-    "en_name": "Shenyang",
-    "location_type": 3,
-    "i18n_name": "沈阳",
-    "py_name": "shenyang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_39",
-    "name": "佛山",
-    "en_name": "Foshan",
-    "location_type": 3,
-    "i18n_name": "佛山",
-    "py_name": "foshan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_242",
-    "name": "多伦多",
-    "en_name": "Toronto",
-    "location_type": 3,
-    "i18n_name": "多伦多",
-    "py_name": "duolunduo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_5",
-    "name": "巴黎",
-    "en_name": "Paris",
-    "location_type": 3,
-    "i18n_name": "巴黎",
-    "py_name": "bali",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_249",
-    "name": "特拉维夫",
-    "en_name": "Tel Aviv",
-    "location_type": 3,
-    "i18n_name": "特拉维夫",
-    "py_name": "telaweifu",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_121",
-    "name": "泉州",
-    "en_name": "Quanzhou",
-    "location_type": 3,
-    "i18n_name": "泉州",
-    "py_name": "quanzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_49",
-    "name": "海口",
-    "en_name": "Haikou",
-    "location_type": 3,
-    "i18n_name": "海口",
-    "py_name": "haikou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_88",
-    "name": "临汾",
-    "en_name": "Linfen",
-    "location_type": 3,
-    "i18n_name": "临汾",
-    "py_name": "linfen",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_151",
-    "name": "无锡",
-    "en_name": "Wuxi",
-    "location_type": 3,
-    "i18n_name": "无锡",
-    "py_name": "wuxi",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_1102285",
-    "name": "斯德哥尔摩",
-    "en_name": "Stockholm",
-    "location_type": 3,
-    "i18n_name": "斯德哥尔摩",
-    "py_name": "sidegeermo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100",
-    "name": "孟买",
-    "en_name": "Mumbai",
-    "location_type": 3,
-    "i18n_name": "孟买",
-    "py_name": "mengmai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_108",
-    "name": "南宁",
-    "en_name": "Nanning",
-    "location_type": 3,
-    "i18n_name": "南宁",
-    "py_name": "nanning",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_173",
-    "name": "宜宾",
-    "en_name": "Yibin",
-    "location_type": 3,
-    "i18n_name": "宜宾",
-    "py_name": "yibin",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_96",
-    "name": "马德里",
-    "en_name": "Madrid",
-    "location_type": 3,
-    "i18n_name": "马德里",
-    "py_name": "madeli",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_101382",
-    "name": "阿斯塔纳",
-    "en_name": "Astana",
-    "location_type": 3,
-    "i18n_name": "阿斯塔纳",
-    "py_name": "asitana",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_77",
-    "name": "卡萨布兰卡",
-    "en_name": "Casablanca",
-    "location_type": 3,
-    "i18n_name": "卡萨布兰卡",
-    "py_name": "kasabulanka",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_79",
-    "name": "开罗",
-    "en_name": "Cairo",
-    "location_type": 3,
-    "i18n_name": "开罗",
-    "py_name": "kailuo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_206",
-    "name": "伊斯坦布尔",
-    "en_name": "Istanbul",
-    "location_type": 3,
-    "i18n_name": "伊斯坦布尔",
-    "py_name": "yisitanbuer",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_47",
-    "name": "贵阳",
-    "en_name": "Guiyang",
-    "location_type": 3,
-    "i18n_name": "贵阳",
-    "py_name": "guiyang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_159",
-    "name": "中国香港",
-    "en_name": "Hong Kong (China)",
-    "location_type": 3,
-    "i18n_name": "中国香港",
-    "py_name": "zhongguoxianggang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_19",
-    "name": "长春",
-    "en_name": "Changchun",
-    "location_type": 3,
-    "i18n_name": "长春",
-    "py_name": "changchun",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_218",
-    "name": "约翰内斯堡",
-    "en_name": "Johannesburg",
-    "location_type": 3,
-    "i18n_name": "约翰内斯堡",
-    "py_name": "yuehanneisibao",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_71",
-    "name": "金华",
-    "en_name": "Jinhua",
-    "location_type": 3,
-    "i18n_name": "金华",
-    "py_name": "jinhua",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_189",
-    "name": "中山",
-    "en_name": "Zhongshan",
-    "location_type": 3,
-    "i18n_name": "中山",
-    "py_name": "zhongshan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100764",
-    "name": "波士顿",
-    "en_name": "Boston",
-    "location_type": 3,
-    "i18n_name": "波士顿",
-    "py_name": "boshidun",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_83",
-    "name": "兰州",
-    "en_name": "Lanzhou",
-    "location_type": 3,
-    "i18n_name": "兰州",
-    "py_name": "lanzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_226",
-    "name": "慕尼黑",
-    "en_name": "Munich",
-    "location_type": 3,
-    "i18n_name": "慕尼黑",
-    "py_name": "munihei",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_203",
-    "name": "圣地亚哥",
-    "en_name": "San Diego",
-    "location_type": 3,
-    "i18n_name": "圣地亚哥",
-    "py_name": "shengdeyage",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_1100743",
-    "name": "汉堡",
-    "en_name": "Hamburg",
-    "location_type": 3,
-    "i18n_name": "汉堡",
-    "py_name": "hanbao",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100051",
-    "name": "澄迈",
-    "en_name": "chengmai",
-    "location_type": 3,
-    "i18n_name": "澄迈",
-    "py_name": "chengmai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_133",
-    "name": "石家庄",
-    "en_name": "Shijiazhuang",
-    "location_type": 3,
-    "i18n_name": "石家庄",
-    "py_name": "shijiazhuang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_127",
-    "name": "绍兴",
-    "en_name": "Shaoxing",
-    "location_type": 3,
-    "i18n_name": "绍兴",
-    "py_name": "shaoxing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100747",
-    "name": "底特律",
-    "en_name": "Detroit",
-    "location_type": 3,
-    "i18n_name": "底特律",
-    "py_name": "ditelv",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_149",
-    "name": "温州",
-    "en_name": "Wenzhou",
-    "location_type": 3,
-    "i18n_name": "温州",
-    "py_name": "wenzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_44",
-    "name": "古尔冈",
-    "en_name": "Gurgaon",
-    "location_type": 3,
-    "i18n_name": "古尔冈",
-    "py_name": "guergang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100166",
-    "name": "内江",
-    "en_name": "Neijiang",
-    "location_type": 3,
-    "i18n_name": "内江",
-    "py_name": "neijiang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100755",
-    "name": "拉各斯",
-    "en_name": "Lagos",
-    "location_type": 3,
-    "i18n_name": "拉各斯",
-    "py_name": "Lagesi",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_101",
-    "name": "绵阳",
-    "en_name": "Mianyang",
-    "location_type": 3,
-    "i18n_name": "绵阳",
-    "py_name": "mianyang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_195",
-    "name": "淄博",
-    "en_name": "Zibo",
-    "location_type": 3,
-    "i18n_name": "淄博",
-    "py_name": "zibo",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_104",
-    "name": "纳什维尔",
-    "en_name": "Nashville",
-    "location_type": 3,
-    "i18n_name": "纳什维尔",
-    "py_name": "nashenweier",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_89",
-    "name": "临沂",
-    "en_name": "Linyi",
-    "location_type": 3,
-    "i18n_name": "临沂",
-    "py_name": "linyi",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_90",
-    "name": "柳州",
-    "en_name": "Liuzhou",
-    "location_type": 3,
-    "i18n_name": "柳州",
-    "py_name": "liuzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_170",
-    "name": "烟台",
-    "en_name": "Yantai",
-    "location_type": 3,
-    "i18n_name": "烟台",
-    "py_name": "yantai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_142",
-    "name": "唐山",
-    "en_name": "Tangshan",
-    "location_type": 3,
-    "i18n_name": "唐山",
-    "py_name": "tangshan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_137",
-    "name": "台州",
-    "en_name": "Taizhou",
-    "location_type": 3,
-    "i18n_name": "台州",
-    "py_name": "taizhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100026",
-    "name": "清远",
-    "en_name": "Qingyuan",
-    "location_type": 3,
-    "i18n_name": "清远",
-    "py_name": "qingyuan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_177",
-    "name": "银川",
-    "en_name": "Yinchuan",
-    "location_type": 3,
-    "i18n_name": "银川",
-    "py_name": "yinchuan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_1103347",
-    "name": "凤凰城",
-    "en_name": "Phoenix",
-    "location_type": 3,
-    "i18n_name": "凤凰城",
-    "py_name": "fenghuangcheng",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_123",
-    "name": "汕头",
-    "en_name": "Shantou",
-    "location_type": 3,
-    "i18n_name": "汕头",
-    "py_name": "shantou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_167",
-    "name": "徐州",
-    "en_name": "Xuzhou",
-    "location_type": 3,
-    "i18n_name": "徐州",
-    "py_name": "xuzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_32",
-    "name": "德州",
-    "en_name": "Dezhou",
-    "location_type": 3,
-    "i18n_name": "德州",
-    "py_name": "dezhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_27",
-    "name": "大同",
-    "en_name": "Datong",
-    "location_type": 3,
-    "i18n_name": "大同",
-    "py_name": "datong",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_120",
-    "name": "曲靖",
-    "en_name": "Qujing",
-    "location_type": 3,
-    "i18n_name": "曲靖",
-    "py_name": "qujing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_118",
-    "name": "秦皇岛",
-    "en_name": "Qinhuangdao",
-    "location_type": 3,
-    "i18n_name": "秦皇岛",
-    "py_name": "qinhuangdao",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_117",
-    "name": "齐齐哈尔",
-    "en_name": "Qiqihaer",
-    "location_type": 3,
-    "i18n_name": "齐齐哈尔",
-    "py_name": "qiqihaer",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_68",
-    "name": "嘉兴",
-    "en_name": "Jiaxing",
-    "location_type": 3,
-    "i18n_name": "嘉兴",
-    "py_name": "jiaxing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_111",
-    "name": "南阳",
-    "en_name": "Nanyang",
-    "location_type": 3,
-    "i18n_name": "南阳",
-    "py_name": "nanyang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_43",
-    "name": "赣州",
-    "en_name": "Ganzhou",
-    "location_type": 3,
-    "i18n_name": "赣州",
-    "py_name": "ganzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_124",
-    "name": "商丘",
-    "en_name": "Shangqiu",
-    "location_type": 3,
-    "i18n_name": "商丘",
-    "py_name": "shangqiu",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_126",
-    "name": "上饶",
-    "en_name": "Shangrao",
-    "location_type": 3,
-    "i18n_name": "上饶",
-    "py_name": "shangrao",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_241",
-    "name": "红河",
-    "en_name": "Honghe",
-    "location_type": 3,
-    "i18n_name": "红河",
-    "py_name": "honghe",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_24",
-    "name": "赤峰",
-    "en_name": "Chifeng",
-    "location_type": 3,
-    "i18n_name": "赤峰",
-    "py_name": "chifeng",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_110",
-    "name": "南通",
-    "en_name": "Nantong",
-    "location_type": 3,
-    "i18n_name": "南通",
-    "py_name": "nantong",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_235",
-    "name": "布鲁塞尔",
-    "en_name": "Brussels",
-    "location_type": 3,
-    "i18n_name": "布鲁塞尔",
-    "py_name": "bulusaier",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_50",
-    "name": "邯郸",
-    "en_name": "Handan",
-    "location_type": 3,
-    "i18n_name": "邯郸",
-    "py_name": "handan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_106",
-    "name": "南充",
-    "en_name": "Nanchong",
-    "location_type": 3,
-    "i18n_name": "南充",
-    "py_name": "nanchong",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_147",
-    "name": "潍坊",
-    "en_name": "Weifang",
-    "location_type": 3,
-    "i18n_name": "潍坊",
-    "py_name": "weifang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_57",
-    "name": "衡水",
-    "en_name": "Hengshui",
-    "location_type": 3,
-    "i18n_name": "衡水",
-    "py_name": "hengshui",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_59",
-    "name": "呼和浩特",
-    "en_name": "Huhehot",
-    "location_type": 3,
-    "i18n_name": "呼和浩特",
-    "py_name": "huhehaote",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_230",
-    "name": "西昌",
-    "en_name": "Xichang",
-    "location_type": 3,
-    "i18n_name": "西昌",
-    "py_name": "xichang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_23",
-    "name": "承德",
-    "en_name": "Chengde",
-    "location_type": 3,
-    "i18n_name": "承德",
-    "py_name": "chengde",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_62",
-    "name": "淮安",
-    "en_name": "Huaian",
-    "location_type": 3,
-    "i18n_name": "淮安",
-    "py_name": "huaian",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100913",
-    "name": "尔湾",
-    "en_name": "Irvine",
-    "location_type": 3,
-    "i18n_name": "尔湾",
-    "py_name": "erwan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_186",
-    "name": "肇庆",
-    "en_name": "Zhaoqing",
-    "location_type": 3,
-    "i18n_name": "肇庆",
-    "py_name": "zhaoqing",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_227",
-    "name": "大理",
-    "en_name": "Dali",
-    "location_type": 3,
-    "i18n_name": "大理",
-    "py_name": "dali",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_224",
-    "name": "自贡",
-    "en_name": "Zigong",
-    "location_type": 3,
-    "i18n_name": "自贡",
-    "py_name": "zigong",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_74",
-    "name": "九江",
-    "en_name": "Jiujiang",
-    "location_type": 3,
-    "i18n_name": "九江",
-    "py_name": "jiujiang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_15",
-    "name": "沧州",
-    "en_name": "Cangzhou",
-    "location_type": 3,
-    "i18n_name": "沧州",
-    "py_name": "cangzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_171",
-    "name": "盐城",
-    "en_name": "Yancheng",
-    "location_type": 3,
-    "i18n_name": "盐城",
-    "py_name": "yancheng",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_150",
-    "name": "乌鲁木齐",
-    "en_name": "Urumqi",
-    "location_type": 3,
-    "i18n_name": "乌鲁木齐",
-    "py_name": "wulumuqi",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_162",
-    "name": "新德里",
-    "en_name": "New Delhi",
-    "location_type": 3,
-    "i18n_name": "新德里",
-    "py_name": "xindeli",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_166",
-    "name": "邢台",
-    "en_name": "Xingtai",
-    "location_type": 3,
-    "i18n_name": "邢台",
-    "py_name": "xingtai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_87",
-    "name": "聊城",
-    "en_name": "Liaocheng",
-    "location_type": 3,
-    "i18n_name": "聊城",
-    "py_name": "liaocheng",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_197",
-    "name": "衢州",
-    "en_name": "Quzhou",
-    "location_type": 3,
-    "i18n_name": "衢州",
-    "py_name": "quzhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_192",
-    "name": "珠海",
-    "en_name": "Zhuhai",
-    "location_type": 3,
-    "i18n_name": "珠海",
-    "py_name": "zhuhai",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_9",
-    "name": "保定",
-    "en_name": "Baoding",
-    "location_type": 3,
-    "i18n_name": "保定",
-    "py_name": "baoding",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_17",
-    "name": "常熟",
-    "en_name": "Changshu",
-    "location_type": 3,
-    "i18n_name": "常熟",
-    "py_name": "changshu",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_92",
-    "name": "龙岩",
-    "en_name": "Longyan",
-    "location_type": 3,
-    "i18n_name": "龙岩",
-    "py_name": "longyan",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_185",
-    "name": "张家口",
-    "en_name": "Zhangjiakou",
-    "location_type": 3,
-    "i18n_name": "张家口",
-    "py_name": "zhangjiakou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_182",
-    "name": "湛江",
-    "en_name": "Zhanjiang",
-    "location_type": 3,
-    "i18n_name": "湛江",
-    "py_name": "zhanjiang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_95",
-    "name": "洛阳",
-    "en_name": "Luoyang",
-    "location_type": 3,
-    "i18n_name": "洛阳",
-    "py_name": "luoyang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_174",
-    "name": "宜昌",
-    "en_name": "Yichang",
-    "location_type": 3,
-    "i18n_name": "宜昌",
-    "py_name": "yichang",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100004",
-    "name": "亳州",
-    "en_name": "Bozhou",
-    "location_type": 3,
-    "i18n_name": "亳州",
-    "py_name": "bozhou",
-    "mdm_code": null
-  },
-  {
-    "code": "CT_100156",
-    "name": "眉山",
-    "en_name": "Meishan",
-    "location_type": 3,
-    "i18n_name": "眉山",
-    "py_name": "meishan",
-    "mdm_code": null
-  }])
+const jobCities = ref([])
 // 加载
 const loading = ref(false)
-const currentPage = ref(1)
 const results = ref({})
 
-// 加载动画
-// const loadingIns = proxy.$loading()
-//
-// setTimeout(() => {
-//   loadingIns.close()
-// }, 500)
+// 获取岗位种类列表
+const getCategory = async () => {
+  let res = await proxy.$api.getCategory()
+
+  jobCategories.value = res.data.filter(item => item.name !== '全部')
+}
+
+// 获取城市列表
+const getCity = async () => {
+  let res = await proxy.$api.getCity()
+  jobCities.value = res.data
+}
+
+const pageOperation = ref({
+  limit: 5,
+  page: 1
+})
+
+// 分类及城市分类配置
+const config = computed(() => {
+  return {
+    job_category_id_list: job_category_id_list.value,
+    location_code_list: location_code_list.value,
+  }
+})
+
+const handleCurrentChange = () => {
+  console.log('fen ye')
+}
 
 // 计算属性
 const clearable = computed(() => {
@@ -1567,7 +138,16 @@ const clearable = computed(() => {
       job_category_id_list.value.length !== 0 || location_code_list.value.length !== 0
   )
 })
-const searchBar = ref()
+
+const searchBar = ref("")
+
+// 获取岗位信息
+const getJobList = async () => {
+  loading.value = true
+  let res = await proxy.$api.getJobList(config.value)
+  results.value = res
+  loading.value = false
+}
 
 // mounted
 onMounted(() => {
@@ -1578,8 +158,6 @@ onMounted(() => {
   })
 
   const onPageScroll = () => {
-    const top = searchBar.value.getBoundingClientRect().top;
-
     searchBarFixedTop.value =
         window.scrollY > positionY - searchBarClientHeight / 2;
   }
@@ -1590,21 +168,27 @@ onMounted(() => {
     window.removeEventListener("scroll", onPageScroll);
   });
 
+  getCategory()
+  getCity()
+  getJobList()
+  const loadingInstance = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
+
+  Promise.all([getCategory, getCity, getJobList]).then(() => {
+    loadingInstance.close()
+  })
 })
 
-const queryFilter = computed(() => {
-  return {
-    job_category_id_list: job_category_id_list.value,
-    location_code_list: location_code_list.value,
-    keyword: searchKeyword.value,
-    offset: Math.max(0, currentPage.value - 1) * 10
-  }
-})
-
-watch(queryFilter.value, (newValue, oldValue) => {
+watch(config, (newValue, oldValue) => {
+  console.log(config)
   searchBarFixedTop.value && window.scrollTo(0, positionY)
+  getJobList()
 })
 
+
 const clearFilter = () => {
   if (job_category_id_list.value.length) {
     job_category_id_list.value = []
@@ -1614,1391 +198,6 @@ const clearFilter = () => {
   }
 }
 
-const fetchList = () => {
-  loading.value = true
-  setTimeout(() => {
-    results.value = {
-      "job_post_list": [
-        {
-          "id": "7225444089478367548",
-          "title": "机器人感知工程师-AILab",
-          "sub_title": "",
-          "description": "1、负责开展机器人3D感知相关领域的研究和开发工作，进行对应的方案调研、算法设计和模型优化等工作。\n2、协助团队完成相关前沿的技术应用和创新，力求实现科技和业务的完美结合。",
-          "requirement": "1、熟悉各种计算机视觉、计算机图形学、深度学习等相关理论，具备良好的算法分析和设计能力；\n2、熟悉NERF、深度估计、BEV等相关3D感知的工作，并具有相关算法的实践经验；\n3、熟练使用Python等编程语言，熟练使用pytorch等相关工具；\n4、具有良好的英语阅读、写作能力，能够阅读和理解相关领域的英文文献；\n5、具备独立承担科研项目的能力，有相关领域顶会论文者优先。",
-          "job_category": {
-            "id": "6704215862603155720",
-            "name": "研发",
-            "en_name": "R&D",
-            "i18n_name": "研发",
-            "depth": 1,
-            "parent": null,
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682304868000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A151429",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [
-            {
-              "code": "CT_11",
-              "name": "北京",
-              "en_name": "Beijing",
-              "location_type": null,
-              "i18n_name": "北京",
-              "py_name": null,
-              "mdm_code": null
-            }
-          ],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-
-        {
-          "id": "7225148933311318333",
-          "title": "销售运营管理负责人",
-          "sub_title": "",
-          "description": "1、根据公司年度经营战略，搭建销售管理体系，制定标准化的工作流程；\n2、梳理并规划销售管理相关流程，赋能销售体系运转顺畅，支持业务快速增长同时保障业务环节合规，风险可控；\n3、带领团队完成经营数预测，月度季度经营数据分析；\n4、结合业务模式制定业务管理的制度体系、业务流程、以及激励考核机制，并确保落地实施，通过对目标的层层细化，调整策略，提升业务目标达成率。",
-          "requirement": "1、本科及以上学历，8年以上销售运营或销售管理相关经验相关工作经验，有消费电子硬件行业背景优先；\n2、具备优秀的数据分析能力；能够独立完成数据获取、数据处理、数据分析并产出分析报告；\n3、有较强的推动力强、能落地，具备跨部门、跨组织沟通协调经验，能够应对复杂的项目环境；\n4、具备持续学习的能力，责任心强，有良好的团队合作精神；\n5、英语口语优秀者优先。",
-          "job_category": {
-            "id": "6709824273038444807",
-            "name": "销售管理",
-            "en_name": "Sales Manager",
-            "i18n_name": "销售管理",
-            "depth": 2,
-            "parent": {
-              "id": "6709824272505768200",
-              "name": "销售",
-              "en_name": "Sales",
-              "i18n_name": "销售",
-              "depth": 1,
-              "parent": null,
-              "children": null
-            },
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682236538000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A112715",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7226993338502482213",
-          "title": "泛垂类内容质量运营",
-          "sub_title": "",
-          "description": "1、对「今日头条」APP泛垂类（主要包含生活、美食、家居、时尚、教育、汽车、体育、情感、旅游）等领域内容质量和画风进行把控；\n2、熟悉相关垂类领域的优质内容，有独立证伪能力，可以快速辨别相关领域文章中的虚假内容和低质内容；\n3、协助维护今日头条站内泛垂类内容质量与画风，改善用户体验；\n4、优化相关运营向策略规则，提升运营效率。",
-          "requirement": "1、本科及以上学历，3年及以上相关内容从业经验，熟悉相关领域的内容生态；\n2、善于洞察目前内容行业动态，对内容风险、新闻价值、PGC/UGC内容优劣有准确判断力；\n3、有原创内容编辑、行业分析研究等工作经验者优先；\n4、对互联网行业有一定了解，乐于接受新事物，自我驱力强，能适应快节奏工作，可接受排班。\n",
-          "job_category": {
-            "id": "6704215961064442123",
-            "name": "内容运营",
-            "en_name": "Content ops",
-            "i18n_name": "内容运营",
-            "depth": 2,
-            "parent": {
-              "id": "6704215882479962371",
-              "name": "运营",
-              "en_name": "Operations",
-              "i18n_name": "运营",
-              "depth": 1,
-              "parent": null,
-              "children": null
-            },
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682665614000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A153582",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7224394926765721913",
-          "title": "EMU/FPGA工程师",
-          "sub_title": "",
-          "description": "1、Emulation/FPGA平台搭建和维护；\n2、支持芯片项目的Emulation/FPGA联合调试工作。",
-          "requirement": "1、微电子、计算机专业硕士研究生及以上学历，3年以上Emulation/FPGA相关经验；\n2、精通Palladium/Protium/Zebu/Veloce/Haps/S2C等至少一种平台；\n3、掌握至少一种高速接口在EMU/FPGA上的调试经验：DDR/PCLe;\n4、熟悉主流处理器体系架构和芯片互联技术；\n5、熟悉掌握C、汇编语言和底层软件代码开发调试；\n6、熟练使用python/shell/tcl/perl等脚本语言；\n7、有完整芯片TO经历及有验证相关工作经历为加分项。",
-          "job_category": {
-            "id": "6704215862603155720",
-            "name": "研发",
-            "en_name": "R&D",
-            "i18n_name": "研发",
-            "depth": 1,
-            "parent": null,
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682060594000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A200445",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7225121652648167738",
-          "title": "抖音电商-战略发展专家",
-          "sub_title": "",
-          "description": "1、通过竞品跟踪和内外部对标，为内部业务痛点提供外部经验参考，并主动探索发掘业务机会点，并输出短中长期可落地的解决方案、推进各方落地；\n2、深度参与业务不同阶段的核心项目，通过定性调研或定量分析，帮忙厘清业务方向；并横向联动电商各团队，推动部门间重点项目的沟通协作，保障关键动作落地；\n3、协助业务制定年度/季度业务目标和规划，并对业务核心指标进行定期复盘和分析，为业务及管理层提供决策支持。",
-          "requirement": "1、本科及以上学历，5年以上相关工作经验，计算机、统计学、经济学、金融、营销学专业优先；\n2、有咨询行业或大型互联网公司产品/分析/运营经验优先，具备良好的hardskills(包括但不限于问题拆解，数据分析， PPT/doc呈现等)；\n3、有较强的好奇心、自驱力及结构化思维；对电商或内容行业有兴趣，对参与业务、快速成长有激情，愿意承担工作的压力与使命；\n4、有较强的执行力、项目管理、跨团队协调能力，能独立推动项目落地并达成预期结果。",
-          "job_category": {
-            "id": "6704215955154667787",
-            "name": "用户运营",
-            "en_name": "User ops",
-            "i18n_name": "用户运营",
-            "depth": 2,
-            "parent": {
-              "id": "6704215882479962371",
-              "name": "运营",
-              "en_name": "Operations",
-              "i18n_name": "运营",
-              "depth": 1,
-              "parent": null,
-              "children": null
-            },
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682230070000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A101124",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7225150434724677945",
-          "title": "抖音增长策略产品-裂变方向",
-          "sub_title": "",
-          "description": "用户增长（User Growth）团队负责字节跳动旗下产品的增长工作。我们帮助产品量身定做增长方案，并利用各种营销、产品、数据分析手段达成业务增长目标。UG 团队维护和优化一系列类似付费广告、自然新增等成熟的产品增长方案，并熟练将其应用到各种不同的业务中，推动业务增长；同时当发现新的增长机会时，我们也及时构建新的解决方案，帮助业务实现突破。加入 UG 团队，可以负责亿级用户产品的增长工作，掌握业界先进、第一手的增长实践。\n\n1、负责抖音/抖音极速版的增长裂变/营销活动，统筹裂变的策划、开发、上线迭代和复盘；\n2、结合用户完整生命周期建立长效拉新系统，通过产品化赋能用户自传播，实现规模化增长；\n3、对数据敏感，搭建为获取新用户or 老用户召回等业务指标的线上玩法，例如拼团，助力等激励活动；\n4、跨部门推动上下游业务各个部门，例如策略，数据，开发，风控等各个职能的同事一起协作，作为owner，保证整体项目效果。",
-          "requirement": "1、本科及以上学历，有用户增长、游戏化、自传播活动产品经验的优先；\n2、对增长裂变有自己的思考，具备将创意和目标效果结合的能力，持续寻找新的增长点；\n3、强目标导向，主观能动性强，逻辑/数据sense好，能够高质量完成目标拆解、优先级判断以及项目推进；\n4、有较强的综合决策能力，能在外部环境快速变化时找到正确的角度&方向，做出正确的决策。",
-          "job_category": {
-            "id": "6704215864629004552",
-            "name": "产品",
-            "en_name": "Product",
-            "i18n_name": "产品",
-            "depth": 1,
-            "parent": null,
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682236447000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A167127",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7225905859737602362",
-          "title": "数据科学家",
-          "sub_title": "",
-          "description": "1、业务数据监控及分析：通过数据监控，主导专项分析，发现审核业务问题并提出解决建议或方案，进行团队协调沟通及推动业务执行落地；\n2、支持业务决策及改进：深入理解审核业务，从多维度拆解现有平台产品业务，围绕数据分析，发现审核业务中的问题及痛点，发现业务价值洼地，通过搭建完善的数据服务，驱动业务快速迭代发展；\n3、平台用户行为分析：通过规范化的用户埋点事件，收集并处理用户行为数据，对用户行为挖掘及活跃用户分析，洞察平台产品的问题并提出改进意见；\n4、负责对抖音业务安全产品模块建立AB测试试验体系，完成方案设计并推动落地，开展上线前后的效果评估，支持数据驱动的平台建设，提升业务数据化能力。",
-          "requirement": "1、3年以上分析相关工作经验，硕士或以上优先，熟练掌握Hive，SQL，Excel，PPT，Python或R，Tableau等工具，熟悉常用的统计分析模型；\n2、对数字敏感，具备良好的逻辑分析、系统性思维、结构化拆解能力；有清晰的分析方法论沉淀，具备准确定位分析解决问题能力；\n3、熟练掌握数据挖掘技能，如数据预处理、特征工程、监督学习和无监督学习算法的应用和调优，熟练使用聚类、回归、决策树、神经网络等机器学习模型，能够自主处理并挖掘数据，发现规律及价值；\n4、有产品设计经验优先，熟悉常用的产品策略，能够将数据分析解决方案转化为实际应用，并确保应用的可持续性和可扩展性；\n5、掌握AB试验的技巧，有较丰富的AB实验经验，清楚指标管理，假设检验方法，能够独立设计AB实验评估体系和方案等；\n6、沟通协调能力强，工作严谨负责，能够独立思考；具备团队合作精神，能够与团队成员合作完成项目。",
-          "job_category": {
-            "id": "6704216224387041544",
-            "name": "数据分析",
-            "en_name": "Data analysis",
-            "i18n_name": "数据分析",
-            "depth": 2,
-            "parent": {
-              "id": "6704215864629004552",
-              "name": "产品",
-              "en_name": "Product",
-              "i18n_name": "产品",
-              "depth": 1,
-              "parent": null,
-              "children": null
-            },
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682412742000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A49086",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7223639035725596985",
-          "title": "商业化内容运营-飞书",
-          "sub_title": "",
-          "description": "1、洞察行业客户痛点，结合产品提出解决方案，并用视频、图文等形式进行包装，助力客户转化；\n2、提炼面向行业的产品价值，制作相关内容物料，包括产品手册、演示、销售工具等；\n3、与产品相关团队紧密合作，用工具推动内容分发，追踪各类内容素材的效果，迭代优化。",
-          "requirement": "1、本科及以上学历，拥有To B内容运营（尤其是视频）相关经验，有销售经验优先，熟练使用飞书优先；\n2、有业务视角，能敏锐洞察客户共性需求，具备出色的内容生产能力和沟通转化意识，有独立的项目管理及执行完成的成功案例经验；\n3、对企业服务、消费零售、文娱传媒、制造等任一行业有比较深的认知和经验积累；\n4、有产品化思维，学习能力强，适应挑战变化的环境，有主人翁意识，能有效推动跨部门项目的进展。",
-          "job_category": {
-            "id": "6704215882438019342",
-            "name": "商业运营",
-            "en_name": "Commerce ops",
-            "i18n_name": "商业运营",
-            "depth": 2,
-            "parent": {
-              "id": "6704215882479962371",
-              "name": "运营",
-              "en_name": "Operations",
-              "i18n_name": "运营",
-              "depth": 1,
-              "parent": null,
-              "children": null
-            },
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1681884656000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A70989",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7224465349646797117",
-          "title": "AI-Lab高性能计算研发工程师—语音方向",
-          "sub_title": "",
-          "description": "1、负责语音场景下高性能训推计算平台开发，支撑各业务场景下的训练、推理性能优化需求并推动业务落地；\n2、负责训推高性能方案建设，跟进前沿技术，补足关键能力，构建领先的高性能训推平台。",
-          "requirement": "1、精通C++，有良好的数据结构和算法基础，有3年以上高性能优化相关工作经验；\n2、熟悉主流的并行编程以及性能优化技术，熟悉CUDA和tensorcore编程，有相关高性能优化经验优先；\n3、熟悉TVM/MLIR/XLA等自动化编译技术的优先；\n4、熟悉深度学习常用算法和模型结构，有CV/NLP/语言场景模型优化经验优先；\n5、了解FasterTransformer模型推理优化框架优化；\n6、有量化/稀疏化高性能优化经验优先；\n7、了解Pytorch/Tensorflow/Paddle深度学习框架优先；\n8、有团队管理经验优先；\n9、有跨团队合作经验优先。",
-          "job_category": {
-            "id": "6704215862603155720",
-            "name": "研发",
-            "en_name": "R&D",
-            "i18n_name": "研发",
-            "depth": 1,
-            "parent": null,
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682077641000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A14035",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_125",
-            "name": "上海",
-            "en_name": "Shanghai",
-            "location_type": null,
-            "i18n_name": "上海",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        },
-        {
-          "id": "7226992796943026487",
-          "title": "泛资讯内容质量运营",
-          "sub_title": "",
-          "description": "1、按照相关标准，对「今日头条」APP军事、文史等内容做出有效评估和处理，维护好前端画风，保证内容安全和质量；\n2、针对热点事件、历史周年纪念等高热话题，结合平台实际需求，拟定和灵活调整相关运营策略与方案；\n3、定期对业务案例、数据做出分析与总结，推动运营策略、业务流程优化迭代。",
-          "requirement": "1、本科及以上学历，有门户网站、热点运营策划、军事/文史相关专业领域工作经验；\n2、具有较高新闻敏感度与深厚军事/文史领域专业知识储备，对热点事件有很强的发掘与跟踪意识；\n3、结果导向，较强的自我驱动和责任心，有独立负责项目经验者优先，可接受排班。",
-          "job_category": {
-            "id": "6704215961064442123",
-            "name": "内容运营",
-            "en_name": "Content ops",
-            "i18n_name": "内容运营",
-            "depth": 2,
-            "parent": {
-              "id": "6704215882479962371",
-              "name": "运营",
-              "en_name": "Operations",
-              "i18n_name": "运营",
-              "depth": 1,
-              "parent": null,
-              "children": null
-            },
-            "children": null
-          },
-          "city_info": {
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          },
-          "recruit_type": {
-            "id": "101",
-            "name": "正式",
-            "en_name": "Regular",
-            "i18n_name": "正式",
-            "depth": 2,
-            "parent": {
-              "id": "1",
-              "name": "社招",
-              "en_name": "Experienced",
-              "i18n_name": "社招",
-              "depth": 1,
-              "parent": null,
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "children": null,
-            "active_status": 1,
-            "selectability": 1
-          },
-          "publish_time": 1682665650000,
-          "job_hot_flag": 2,
-          "job_subject": null,
-          "code": "A64679",
-          "department_id": null,
-          "job_function": null,
-          "job_process_id": "6694104661676411150",
-          "recommend_id": null,
-          "city_list": [{
-            "code": "CT_11",
-            "name": "北京",
-            "en_name": "Beijing",
-            "location_type": null,
-            "i18n_name": "北京",
-            "py_name": null,
-            "mdm_code": null
-          }],
-          "job_post_info": {
-            "id": null,
-            "job_id": null,
-            "title": null,
-            "sub_title": null,
-            "address_id": null,
-            "address": null,
-            "city": null,
-            "education": null,
-            "experience": null,
-            "description": null,
-            "requirement": null,
-            "min_salary": null,
-            "max_salary": null,
-            "currency": null,
-            "head_count": null,
-            "crator_id": null,
-            "expiry_time": null,
-            "progress": null,
-            "department_id": null,
-            "job_type": null,
-            "recruitment_type": {
-              "id": "101",
-              "name": "正式",
-              "en_name": "Regular",
-              "i18n_name": "正式",
-              "depth": 2,
-              "parent": {
-                "id": "1",
-                "name": "社招",
-                "en_name": "Experienced",
-                "i18n_name": "社招",
-                "depth": 1,
-                "parent": null,
-                "children": null,
-                "active_status": 1,
-                "selectability": 1
-              },
-              "children": null,
-              "active_status": 1,
-              "selectability": 1
-            },
-            "job_process_time": null,
-            "job_in_charge_user_id": null,
-            "biz_create_time": null,
-            "HighlightList": null,
-            "JobChannelPublishList": null,
-            "required_degree": null,
-            "never_expiry": null,
-            "job_hot_flag": null,
-            "subject": null,
-            "sequence": null,
-            "min_level": null,
-            "max_level": null,
-            "job_post_object_value_map": {},
-            "code": null,
-            "job_active_status": null,
-            "job_process_type": null,
-            "biz_modify_time": null,
-            "job_function": null,
-            "job_process": null,
-            "job_process_id": null,
-            "job_category": null,
-            "address_list": null,
-            "city_list": null,
-            "correlation_job_list": null,
-            "tag_list": null,
-            "department": null
-          }
-        }
-      ],
-      "count": 10000,
-    }
-    loading.value = false
-  }, 1000)
-}
-
-// setup生命周期钩子
-fetchList()
 </script>
 
 <style scoped lang="less">
@@ -3073,6 +272,7 @@ fetchList()
     padding-left: 20px;
     border-left: 1px solid @border-lighter-color;
     margin-left: 300px;
+    position: relative;
 
     &-title {
       margin-bottom: 30px;
@@ -3114,4 +314,9 @@ fetchList()
     }
   }
 }
+
+.pager {
+  margin-bottom: 10px;
+  float: right;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index 8d46845..e6eb25b 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -121,7 +121,7 @@ const svg = `
       `
 
 const changeLogin = () => {
-  const loadingInstance1 = ElLoading.service({spinner: svg, fullscreen: true})
+  const loadingInstance1 = ElLoading.service({fullscreen: true, text: '加载中...'})
   setTimeout(() => {
     isLogin.value = !isLogin.value
     loadingInstance1.close()
diff --git a/src/views/Products/Products.vue b/src/views/Products/Products.vue
index f028f1f..2b8b7aa 100644
--- a/src/views/Products/Products.vue
+++ b/src/views/Products/Products.vue
@@ -44,97 +44,8 @@ import {useRoute} from "vue-router";
 const route = useRoute()
 const {proxy} = getCurrentInstance()
 // 产品列表
-const products = ref([
-  {
-    "name": "faceu",
-    "title": "激萌",
-    "logo": "//sf3-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/Faceu2x_1574665474719.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/jimeng.jpeg",
-    "description": "Faceu激萌，4 亿年轻人都爱用的卖萌自拍神器。",
-    "subDescription": "一款能社交的 AR 相机，海量酷炫贴纸、 激萌表情包 、实时美颜、 趣味特效让聊天姿势更丰富更有趣，满足全方位拍摄需求。累计用户量超过 4 亿， 平均每天为用户提供 1.7 亿次拍摄服务。",
-    "id": 1,
-    "link": "https://www.faceu.com"
-  },
-  {
-    "name": "lightFaceCamera",
-    "title": "轻颜相机",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/qingyan_square_logo_1577262252373.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/qingyan-bg2.jpg",
-    "description": "轻颜相机是一款主打高级感的质感自拍相机，连续霸榜应用商店。拥有时下最流行的滤镜、美颜效果、和海量拍照“姿势”模板，一键就能 get 潮流自拍。",
-    "subDescription": "",
-    "id": 2,
-    "link": "https://m.ulikecam.com/"
-  },
-  {
-    "name": "headNews",
-    "title": "今日头条",
-    "logo": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/toutiao_square_logo_1577262251819.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/toutiao_new_2.png",
-    "description": "今日头条是一款个性化资讯推荐引擎产品，致力于连接人与信息，让优质、丰富的信息得到高效、精准的分发，为用户创造价值。",
-    "subDescription": "今日头条目前拥有科技、体育、健康、美食、教育、三农、国风、NBA 等超过 100 个垂直领域，覆盖了图文、图集、小视频、短视频、短内容、直播、小程序等多种信息体裁。",
-    "id": 3,
-    "link": "https://m.ulikecam.com/"
-  },
-  {
-    "name": "trillShortVideo",
-    "title": "抖音短视频",
-    "logo": "https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/douyin_square_logo_1577262251779.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/douyin-bg2.jpg",
-    "description": "抖音是一个帮助用户表达自我，记录美好生活的短视频平台。截至 2020 年 1 月，日活跃用户数已经突破 4 亿，并继续保持高速增长。",
-    "subDescription": "",
-    "id": 4,
-    "link": "https://douyin.com/"
-  },
-  {
-    "name": "trillShortVideo",
-    "title": "西瓜视频",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/xigua_square_logo_1577262253312.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/xigua-bg2.jpg",
-    "description": "西瓜视频是字节跳动旗下的一款视频 App，作为聚合多元文化的综合视频平台，它通过个性化推荐，源源不断地为不同人群提供丰富的优质内容，同时鼓励多样化创作，帮助人们轻松地向全世界分享视频作品。",
-    "subDescription": "目前西瓜视频累计用户数超过 3.5 亿，日均播放量超过 40 亿。",
-    "id": 5,
-    "link": "https://ixigua.com/"
-  },
-  {
-    "name": "trillShortVideo",
-    "title": "懂车帝",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/dongchedi_square_logo_1577262251826.png",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/dongche-bg2.jpg",
-    "description": "懂车帝是“看车、选车、买车”一站式汽车媒体和服务平台，产品基于个性化推荐引擎帮助用户发现感兴趣的汽车内容，同时配有车型库、360 度全景看车等选车工具，首创短视频社区“车友圈”，为用户打造内容 + 社区 + 工具的多元生态。目前，懂车帝已经成长为增长最快的汽车类手机应用。",
-    "subDescription": "目前西瓜视频累计用户数超过 3.5 亿，日均播放量超过 40 亿。",
-    "id": 6,
-    "link": "https://www.dongchediapp.com/"
-  },
-  {
-    "name": "gogokid",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/gogokid_square_logo_1577262251773.png",
-    "title": "GoGoKid",
-    "id": 7,
-    "description": "GoGokid 是一个面向 4 - 12 岁孩子的在线少儿英语 1 对 1学习平台。主打 100% 纯北美外教；教材对标美国小学主流课标（CCSS），融入 SED（社交情商培养）、多元智能理论，为中国孩子带来高效的英语学习体验。",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/gogokid-bg2.jpg",
-    "link": "https://www.gogokid.com.cn"
-  },
-  {
-    "name": "naughtyShrimp",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/pipixia_square_logo_1577262251826.png",
-    "title": "皮皮虾",
-    "id": 8,
-    "description": "今日头条官方爆笑社区，一个只要打开就能让你笑到停不下来的 App。",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/pipi_new.png",
-    "subDescription": "皮皮虾一直坚持「传播快乐，分享生活」的目标，以特有的「神评」玩法形成了独特的社区氛围。之后，皮皮虾将不断提供更多有趣的功能，帮助用户创造出更多优质的内容。",
-    "link": "https://mp.pipix.com"
-  },
-  {
-    "name": "urgentLetter",
-    "logo": "https://sf6-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/feishu_squre.png",
-    "title": "飞书",
-    "id": 9,
-    "description": "飞书是新一代企业办公套件，整合即时沟通、日历、音视频会议、在线文档、云盘、工作台等功能于一体，为企业提供全方位协作解决方案，成就组织和个人，更高效、更愉悦。",
-    "cover": "//sf1-ttcdn-tos.pstatp.com/obj/ttfe/ATSX/mainland/feishu_bg.jpg",
-    "subDescription": "",
-    "link": "https://www.feishu.com"
-  }
-])
+const products = ref([])
+
 const activeIndex = ref(0)
 const loading = ref(false)
 const scrolling = ref(false)
@@ -144,10 +55,6 @@ const transitionName = ref("")
 // created生命周期钩子 --- vue3setup
 // loading.value = true
 
-if (route.query.id) {
-  activeIndex.value = products.value.findIndex(item => item.id == route.query.id)
-}
-
 // 方法
 const mousewheelHandler = (e) => {
   if (this.scrolling) {
@@ -173,6 +80,7 @@ const mousewheelHandler = (e) => {
 
 onMounted(() => {
   window.addEventListener("mousewheel", mousewheelHandler);
+  getProductList()
 })
 
 onUnmounted(() => {
@@ -194,9 +102,19 @@ watch(activeIndex, (newValue, oldValue) => {
 
 // 计算属性
 const item = computed(() => {
+  // console.log(activeIndex.value)
   return products.value[activeIndex.value] || {};
 })
 
+// 获取产品列表
+const getProductList = async () => {
+  let res = await proxy.$api.getProductList({})
+  products.value = res.data
+  if (route.query.id) {
+    activeIndex.value = products.value.findIndex(item => item.nid == route.query.id)
+  }
+}
+
 
 </script>