首页数据调用

src/utils/request.js

@@ -31,28 +31,40 @@ service.interceptors.request.use(
 	}
 )
 
+// 接口响应拦截
+service.interceptors.response.use((response) => {
+	const result = response.data
+	return result
+  }, (error) => {
+	// 网络请求出错
+	const errMsg = ((error.response || {}).data || {}).message || '请求出现错误，请稍后再试'
+	console.log(errMsg)
+	return Promise.reject(error)
+  })
+
 // 添加响应拦截器
-service.interceptors.response.use(
-	function (response) {
-		// console.log(response)
-		// 2xx 范围内的状态码都会触发该函数。
-		// 对响应数据做点什么
-		// dataAxios 是 axios 返回数据中的 data
-		const dataAxios = response.data
-		// 这个状态码是和后端约定的
-		const code = dataAxios.reset
-		if(code!='1'){
-			return Promise.reject(response)
-		}
-		return dataAxios
-	},
-	function (error) {
-		// 超出 2xx 范围的状态码都会触发该函数。
-		// 对响应错误做点什么
-		// console.log(error)
-		return Promise.reject(error)
-	}
-)
+// service.interceptors.response.use(
+// 	function (response) {
+// 		// console.log(response)
+// 		// 2xx 范围内的状态码都会触发该函数。
+// 		// 对响应数据做点什么
+// 		// dataAxios 是 axios 返回数据中的 data
+// 		const dataAxios = response.data.data
+// 		console.log("dataAxios:"+dataAxios)
+// 		// 这个状态码是和后端约定的
+// 		const code = dataAxios.reset
+// 		if(code!='1'){
+// 			return Promise.reject(response)
+// 		}
+// 		return dataAxios
+// 	},
+// 	function (error) {
+// 		// 超出 2xx 范围的状态码都会触发该函数。
+// 		// 对响应错误做点什么
+// 		// console.log(error)
+// 		return Promise.reject(error)
+// 	}
+// )
 
 
 export default service

src/views/HomeView.vue

@@ -159,30 +159,49 @@ export default {
     return {
       // 年月日选中的样式,默认日
       klselt: "d",
+      // 客流标题数组
+      kltdata:[],
+      // 客流值数组
+      klvdata:[],
     }
   },
   mounted() {
     this.showorders()
     this.cgrs_line()
     this.cgchart()
-    //
-    this.btgetdata()
+    // 查询对应的数
+    // this.btgetdata(this.klselt)
   },
   // 方法
   methods: {
     // 获取对应的参数
-    btgetdata(){
+    btgetdata(type){
+      console.log(type)
+      let rqtp;
+      switch(type) {
+        case 'd':rqtp ="daily";break;
+        case 'm':rqtp ="monthly";break;
+        case 'y':rqtp ="yearly";break;
+      }
       //
-      btApi.allGroupTimeNum({'granularity':'daily'}).then(res=>{
-        console.log(res)
-      }).catch(err=>{
-        console.log("发生错误:")
-        console.log(err)
+      btApi.allGroupTimeNum({'granularity':rqtp}).then(res=>{
+        const kldata = res.data.data.allTimeData
+        // 对应的键名
+        let kltd=new Array;
+        let tmpkvd=new Array;
+        const dkeys = res.data.data.dkeys
+        dkeys.forEach(function(item,idx){
+          kltd.push(item)
+          tmpkvd.push(kldata[item].num)
+        })
+        this.kltdata = kltd
+        this.klvdata = tmpkvd
       });
     },
     //选择年月日中的某个
     selitem(type) {
       this.klselt = type;
+      this.btgetdata(type)
     },
     // 圆柱图
     showorders() {
@@ -192,35 +211,8 @@ export default {
       // 指定图表的配置项和数据
       var option;
 
-      // option = {
-      //   grid: { //整张图的大小，距离left，right，bottom的距离
-      //     left: '3%',
-      //     right: '4%',
-      //     bottom: '3%',
-      //     containLabel: true
-      //   },
-      //   xAxis: {
-      //     type: 'category',
-      //     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-      //   },
-      //   yAxis: {
-      //     type: 'value'
-      //   },
-
-      //   series: [
-      //     {
-      //       data: [120, 200, 150, 80, 70, 110, 130],
-      //       type: 'bar',
-      //       showBackground: true,
-      //       color: "#2626ff",
-      //       backgroundStyle: {
-      //         color: 'rgba(180, 180, 180, 0.2)'
-      //       },
-
-      //     }
-      //   ]
-      // };
-      var data = [100, 200, 100, 200, 100, 200, 250, 50, 30, 130, 150, 110, 120]
+      //var data = [100, 200, 100, 200, 100, 200, 250, 50, 30, 130, 150, 110, 120]
+      var data = this.klvdata
       // var data = [Math.random() * 300]
       option = {
         // backgroundColor: '#031245',
@@ -275,7 +267,8 @@ export default {
             },
             show: true,
           },
-          data: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '20:00', '21:00', '22:00'],
+          data: this.kltdata,
+          //data: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '20:00', '21:00', '22:00'],
           type: 'category',
         },
         yAxis: {

vue.config.js

@@ -2,7 +2,7 @@ const { defineConfig } = require('@vue/cli-service')
 
 module.exports = defineConfig({
   // 部署应用时候的基本url
-  //publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
+  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
 
   devServer: {
      proxy: {