地图点击下钻详情页面

public/chengdu/index.html

@@ -65,7 +65,7 @@
                   </li>
                 </ul>
               </div>
-              <div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
+              <!-- <div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
                 <ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
                   <li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
                     <span>制造业</span>
@@ -73,7 +73,7 @@
                     <span>11900</span>
                   </li>
                 </ul>
-              </div>
+              </div> -->
             </div>
           </div>
           <div class="inner-box" style="flex: 2;background:rgb(8,24,83);">
@@ -114,21 +114,6 @@
         <div class="boxall">
           <img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
           <img class="right-bottom-long" src="images/bian_jiao_bottom_right_1.png" />
-          <!-- <div class="dataList" style="">
-            <div class="subject" style="height:32px;">
-              <ul>
-                <li>
-                  <span></span>
-                  <span class="shengFen">岗位名称</span>
-                  <span>学历</span>
-                  <span>需求人数</span>
-                </li>
-              </ul>
-            </div>
-            <div class="myscroll">
-              <ul class="ulBox" id="ulBox"></ul>
-            </div>
-          </div> -->
           <div class="tableList" style="height:100%;width:96%;margin:0 auto;margin-top:8px;">
             <div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;background-color:rgba(101, 124, 168, .2);">
               <ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);">
@@ -169,51 +154,6 @@
       </li>
     </ul>
   </div>
-  <!-- <div class="mainbox mainbox2 indexBox">
-    <ul class="clearfix">
-      <li class="liBox liBox1">
-        <div class="boxall">
-          <div class="alltitle">行业</div>
-          <div class="allnav" id="echart_trend1" style="height:80%;"></div>
-          <div class="boxfoot"></div>
-        </div>
-        <div class="boxall">
-          <div class="alltitle">企业规模</div>
-          <div class="allnav" id="echart_trend2" style="height:80%;"></div>
-          <div class="boxfoot"></div>
-        </div>
-        <div class="boxall">
-          <div class="alltitle">薪资水平</div>
-          <div class="allnav" id="echart_trend3" style="height:80%;"></div>
-          <div class="boxfoot"></div>
-        </div>
-      </li>
-      <li class="liBox liBox2">
-        <div class="boxall">
-          <div class="alltitle">产业</div>
-          <div class="allnav" id="echart_trend4" style="height:88%;"></div>
-          <div class="boxfoot"></div>
-        </div>
-        <div class="boxall">
-          <div class="alltitle">企业性质</div>
-          <div class="allnav" id="echart_trend5" style="height:88%;"></div>
-          <div class="boxfoot"></div>
-        </div>
-      </li>
-      <li class="liBox liBox3">
-        <div class="boxall">
-          <div class="alltitle">学历</div>
-          <div class="allnav" id="echart_trend6" style="height:88%;"></div>
-          <div class="boxfoot"></div>
-        </div>
-        <div class="boxall">
-          <div class="alltitle">岗位</div>
-          <div class="allnav" id="echart_trend7" style="height:88%;"></div>
-          <div class="boxfoot"></div>
-        </div>
-      </li>
-    </ul>
-  </div> -->
   <div class="back"></div>
   <!--jQuery文字无缝滚动-->
   <script type="text/javascript" src="js/common/scroll.js"></script>

public/chengdu/js/index.js

@@ -1,5 +1,210 @@
 //var baseUrl = 'http://cgsu81beft.51xd.pub';
 var baseUrl = "http://39.101.167.152:8088/shekecaiji";
+var testUrl = "http://39.98.184.58:8000/jobslink-api/jkworksreport"
+
+console.log(document.cookie)
+// 获取cookie
+function getCookie(cookieName) {
+  var cookies = document.cookie.split("; ");
+  for (var i = 0; i < cookies.length; i++) {
+    var cookie = cookies[i].split("=");
+    if (cookie[0] === cookieName) {
+      return cookie[1];
+    }
+  }
+  return "";
+}
+ 
+var token = getCookie("jobslink-access-token");
+// $.ajaxSetup({
+//   headers: {
+//       'Content-Type': 'application/json', // 指定请求体为JSON格式
+//       'Jobslink-Auth': `bearer ${token}`
+//   }
+// });
+//测试方法
+function getMapData1() {
+  $.ajax({
+    type: "GET",
+    url: testUrl + "/getMapData1",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    async: false,
+    success: function (res) {
+      // console.log(res);
+      // formattedDateTime = res.data;
+      // var text = res.data.split("-")[1];
+      // if (Number(text) >= 10) {
+      //   $("#btn1").text(text + "月分析");
+      // } else {
+      //   $("#btn1").text(text.substring(1, 2) + "月分析");
+      // }
+    },
+  });
+}
+
+// 分行业需求 
+function getMapData2() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getMapData2",
+    async: false,
+    success: function (res) {
+      
+      console.log(res)
+    },
+  });
+}
+
+function getMapData3() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getMapData3",
+    async: false,
+    success: function (res) {
+    },
+  });
+}
+
+function testData4() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData1",
+    data: { date: '2023-10', province: '四川省' },
+    async: false,
+    success: function (res) {
+    },
+  });
+}
+
+function getIndustryData() {
+  console.log('6666666666666')
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData2",
+    data: { date: '2023-10', province: '四川省'  },
+    async: false,
+    success: function (res) {
+      console.log('6666666666666')
+      // data1 岗位数， // data2 求职人数
+      console.log(res.data)
+      var name = res.data.name;
+      if(name && name.length > 0) {
+        for(var i = 0; i < name.length; i++) {
+          console.log(name[i])
+        }
+      }
+    },
+  });
+}
+
+function testData6() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData3",
+    data: { date: '2023-10', province: '四川省'  },
+    async: false,
+    success: function (res) {
+    },
+  });
+}
+
+function testData7() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData4",
+    data: { date: '2023-10', province: '四川省'  },
+    async: false,
+    success: function (res) {
+    },
+  });
+}
+
+function testData8() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData5",
+    data: { date: '2023-10', province: '四川省'  },
+    async: false,
+    success: function (res) {
+    },
+  });
+}
+
+function testData9() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData6",
+    data: { date: '2023-10', province: '四川省'  },
+    async: false,
+    success: function (res) {
+    },
+  });
+}
+
+function testData10() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData7",
+    data: { date: '2023-10', province: '四川省'  },
+    async: false,
+    success: function (res) {
+    },
+  });
+}
+
+function testData11() {
+  $.ajax({
+    type: "GET",
+    headers: {
+      'Content-Type': 'application/json', // 指定请求体为JSON格式
+      'Jobslink-Auth': `bearer ${token}`
+    },
+    url: testUrl + "/getData8",
+    data: { date: '2023-10', province: '四川省'  },
+    async: false,
+    success: function (res) {
+    },
+  });
+}
 
 //头部数据--------------------------------------
 //获取当前时间
@@ -11,7 +216,7 @@ function getDate() {
     url: baseUrl + "/dataNew/getDate",
     async: false,
     success: function (res) {
-      console.log(res);
+      // console.log(res);
       formattedDateTime = res.data;
       var text = res.data.split("-")[1];
       if (Number(text) >= 10) {
@@ -352,7 +557,7 @@ function getData1() {
 function getCityListByProvinceCode(zhName, pyName, name) {
   console.log(zhName, pyName, name);
   window.location.href =
-    "area.html?longnName=" +
+    "detail.html?longnName=" +
     escape(zhName) +
     "&abbreviation=" +
     pyName +
@@ -1416,6 +1621,17 @@ function getData18() {
   });
 }
 $(function () {
+  getMapData1();
+  getMapData2(); // 分行业
+  getMapData3();
+  testData4();
+  getIndustryData();
+  testData6();
+  testData7();
+  testData8();
+  testData9();
+  testData10();
+  testData11();
   getDate();
   getData1();
   getData2();

src/api/desk/notice.js

@@ -79,3 +79,11 @@ export const getNewsType = () => {
     method: 'get'
   })
 }
+
+//获取某省各市区的数据
+export const getMapData = () => {
+  return request({
+    url: '/api/jobslink-api/jkworksreport/getMapData1',
+    method: 'get'
+  })
+}

src/views/workstation/workbench/index.vue

@@ -24,11 +24,20 @@
 </template>
 
 <script>
+import { getMapData } from '@/api/desk/notice'
 export default {
   data() {
     return {
       getPageUrl: "/chengdu/index.html"
     };
+  },
+  created() {
+    getMapData({
+      date: '2023-09',
+      province: '四川省'
+    }).then(res => {
+      console.log(res)
+    })
   }
 };
 </script>