chuangte/bike
5
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11

Browse Source
This commit is contained in:
Sliverber 2024-07-02 18:07:01 +08:00
parent dd626b5618
commit efd58a0571
15 changed files with 1808 additions and 472 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
common/http.interceptor.js
View File

@ -35,7 +35,8 @@ const install = (Vue, vm) => {
},
// ......
});
// 创享 wx3428c498d5061192
// 嵛山岛 wx4d178f8c80348214
// 请求拦截部分，如配置，每次请求前都会执行
Vue.prototype.$u.http.interceptor.request = (config) => {
// 引用token

1122
common/qqmap-wx-jssdk.js Normal file
View File

File diff suppressed because it is too large Load Diff

1
common/qqmap-wx-jssdk.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

11
manifest.json
View File

@ -78,5 +78,14 @@
"uniStatistics" : {
"enable" : false
},
"vueVersion" : "2"
"vueVersion" : "2",
"h5" : {
"sdkConfigs" : {
"maps" : {
"qqmap" : {
"key" : "E7OBZ-KRKWW-5VKRH-36XXR-TB3NS-MUFHB"
}
}
}
}
}

272
page_fix/fix_index.vue
View File

@ -11,6 +11,14 @@
mode=""></cover-image>
</cover-view>
</map>
<view class="btn_box">
<view class="btn1" @click="qecodelock()">
车辆扫码
</view>
<view class="btn2" @click="topages()">
车辆搜索
</view>
</view>
<view class="bot">
<view class="btn" @click="topage()">
维修换电
@ -70,14 +78,18 @@
this.$store.dispatch('userInfo', this.$u).then(() => {
// 执行其他操作...
});
this.getordernum()
},
onLoad() {
if(uni.getStorageSync('adminAreaid')){
this.areaId = uni.getStorageSync('adminAreaid')
}
this.getArea()
this.getordernum()
},
computed: {
userId() {
@ -85,44 +97,122 @@
},
},
methods: {
topages() {
uni.navigateTo({
url: '/pages_admin/order/search_device'
})
},
qecodelock() {
uni.scanCode({
onlyFromCamera: true,
scanType: ['qrCode'],
success: res => {
let sn = null;
let queryParams = res.result.split('?')[1];
if (queryParams) {
let params = queryParams.split('&');
params.forEach(param => {
let [key, value] = param.split('=');
if (key === 'sn') {
sn = value;
}
});
}
this.sn = sn
if (this.sn != '') {
uni.navigateTo({
url: '/pages_admin/order/device_detail?id=' + this.sn
})
}
},
fail: err => {
console.error('扫描失败：', err);
uni.showToast({
title: '扫描失败',
icon: 'none'
});
}
});
},
toggleIconAndCallout() {
this.showIconAndCallout = !this.showIconAndCallout;
if (this.showIconAndCallout) {
const newMarkers = [];
this.parkingList.forEach(item => {
newMarkers.push({
id: parseFloat(item.parkingId),
latitude: parseFloat(item.latitude),
longitude: parseFloat(item.longitude),
width: 20,
height: 28.95,
iconPath: item.type == 1 ?
'https://lxnapi.ccttiot.com/bike/img/static/up2xXqAgwCX5iER600k3' : item
.type == 2 ?
'https://lxnapi.ccttiot.com/bike/img/static/u53BAQcFIX3vxsCzEZ7t' :
' https://lxnapi.ccttiot.com/bike/img/static/uDNY5Q4zOiZTCBTA2Jdq',
callout: {
content: item.parkingName,
color: '#ffffff',
fontSize: 14,
borderRadius: 10,
bgColor: item.type == 1 ? '#3A7EDB' : item.type == 2 ? '#FFC107' :
'#FF473E',
padding: 6,
display: 'ALWAYS'
},
isCalloutVisible: true // 添加标记
});
});
this.$set(this, 'markers', [...this.markers, ...newMarkers]);
} else {
// 过滤掉所有气泡显示的标记
this.$set(this, 'markers', this.markers.filter(marker => !marker.isCalloutVisible));
}
this.markers.forEach(marker => {
if (marker.isParking) {
marker.callout.display = this.showIconAndCallout ? 'ALWAYS' : 'BYCLICK';
}
});
},
getParking() {
let data = {
areaId: this.areaId
};
this.$u.get('/app/parking/list?', data).then((res) => {
if (res.code === 200) {
const newMarkers = [];
const type1Data = [];
const type2Data = [];
const type3Data = [];
res.rows.forEach(row => {
if (row.type == 1) {
type1Data.push(row);
} else if (row.type == 2) {
type2Data.push(row);
} else if (row.type == 3) {
type3Data.push(row);
}
newMarkers.push({
id: parseFloat(row.parkingId),
latitude: parseFloat(row.latitude),
longitude: parseFloat(row.longitude),
width: 20,
height: 29,
iconPath: row.type == 1 ?
'https://lxnapi.ccttiot.com/bike/img/static/up2xXqAgwCX5iER600k3' :
row.type == 2 ?
'https://lxnapi.ccttiot.com/bike/img/static/u53BAQcFIX3vxsCzEZ7t' :
'https://lxnapi.ccttiot.com/bike/img/static/uDNY5Q4zOiZTCBTA2Jdq',
callout: {
content: row.parkingName,
color: '#ffffff',
fontSize: 14,
borderRadius: 10,
bgColor: row.type == 1 ? '#3A7EDB' : row.type == 2 ?
'#FFC107' : '#FF473E',
padding: 6,
display: 'BYCLICK'
},
isParking: true
});
});
this.$set(this, 'markers', [...this.markers, ...newMarkers]);
const validBoundaries1 = type1Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines1 = this.convertBoundaryToPolylines(validBoundaries1, 1);
const validBoundaries2 = type2Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines2 = this.convertBoundaryToPolylines(validBoundaries2, 2);
const validBoundaries3 = type3Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines3 = this.convertBoundaryToPolylines(validBoundaries3, 3);
this.polyline = this.polyline.concat(polylines1, polylines2, polylines3);
} else {
console.error("Error fetching parking data:", res);
}
}).catch(error => {
console.error("Error fetching parking data:", error);
});
},
onMarkerTap(e) {
console.log('点击了标记：', e);
this.sn = e.detail.markerId;
@ -137,7 +227,7 @@
let data ={
areaId:this.areaId
}
this.$u.get(`/appVerify/adminOrder/list?adminId=` ,data).then((res) => {
this.$u.get(`/appVerify/adminOrder/list?` ,data).then((res) => {
if (res.code == 200) {
console.log('调用了');
this.listData = res.rows;
@ -206,15 +296,24 @@
});
},
getArea() {
this.$u.get('/app/area/list').then((res) => {
if (res.code === 200) {
const polylines = res.rows.filter(area => area.boundaryStr)
.map(area => this.convertBoundaryToPolyline(area.boundaryStr));
this.polyline = polylines;
let id = this.areaId
this.$u.get("/app/area/" + id).then((res) => {
if (res.code == 200) {
this.latitude =res.data.latitude
this.longitude = res.data.longitude
// this.areaInfo = res.data
const polylines = this.convertBoundaryToPolyline(res.data.boundaryStr)
this.polyline.push(polylines)
this.getmarks()
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
}).catch(error => {
console.error("获取区域数据失败:", error);
});
},
convertBoundaryToPolylines(boundaries,num) {
@ -303,52 +402,7 @@
}
},
getParking() {
// 发送请求获取数据\
let data ={
areaId:this.areaId
}
this.$u.get('/app/parking/list?',data).then((res) => {
if (res.code === 200) {
// 处理接口返回的数据
const type1Data = [];
const type2Data = [];
const type3Data = [];
res.rows.forEach(row => {
if (row.type == 1) {
type1Data.push(row);
} else if (row.type == 2) {
type2Data.push(row);
} else if (row.type == 3) {
type3Data.push(row);
}
});
const validBoundaries = type1Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines = this.convertBoundaryToPolylines(validBoundaries,1);
const validBoundaries1 = type2Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines1 = this.convertBoundaryToPolylines(validBoundaries1,2);
const validBoundaries2 = type3Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines2 = this.convertBoundaryToPolylines(validBoundaries2,3);
// 将处理后的数据添加到 this.polyline 中
this.polyline = this.polyline.concat(polylines2);
this.polyline = this.polyline.concat(polylines1);
this.polyline = this.polyline.concat(polylines);
// console.log(this.polyline);
this.parkingList = res.rows
}
}).catch(error => {
console.error("Error fetching parking data:", error);
});
},
convertBoundaryToPolyline(boundary) {
if (!boundary) return null;
const points = JSON.parse(boundary).map(coord => ({
@ -374,11 +428,11 @@
.page {
width: 750rpx;
height: 100vh;
.map {
position: relative;
width: 750rpx;
height: 1250rpx;
height: 65vh;
.park {
position: absolute;
@ -399,13 +453,41 @@
}
}
}
.btn_box {
width: 100%;
display: flex;
flex-wrap: nowrap;
.btn1 {
display: flex;
align-items: center;
justify-content: center;
width: 376rpx;
height: 5vh;
background: #D4ECFF;
font-weight: 500;
font-size: 40rpx;
color: #4C97E7;
}
.btn2 {
display: flex;
align-items: center;
justify-content: center;
width: 374rpx;
height: 5vh;
background: #4C97E7;
font-weight: 500;
font-size: 40rpx;
color: #FFFFFF;
}
}
.bot {
padding: 40rpx 32rpx;
position: fixed;
bottom: 0;
// position: fixed;
// bottom: 0;
width: 750rpx;
height: 272rpx;
height: 30vh;
background: #fff;
border-radius: 60rpx 60rpx 0 0;

5
page_fix/repair/repair_detail.vue
View File

@ -801,7 +801,10 @@
this.$u.get(`/appVerify/adminOrder/` + this.id).then((res) => {
if (res.code == 200) {
this.info=res.data
this.mac=res.data.mac
this.mac=res.data.device.mac
if(res.data.device.onlineStatus==0){
this.Binddevice()
}
this.latitude=parseFloat(this.info.device.latitude)
this.longitude=parseFloat(this.info.device.longitude)
this.historyList()

12
page_user/agreement.vue
View File

@ -101,17 +101,11 @@
},
getagree() {
let ids = 0
let id= uni.getStorageSync('deptId');
if(id==100){
ids=15
}else if(id==101){
ids=14
}
this.$u.get(`/app/article/list?areaId=${ids}&tag=agreement`).then((res) => {
this.$u.get(`/app/article/9`).then((res) => {
if (res.code === 200) {
this.info = res.rows[0];
this.info = res.data;
this.insertPhoneNumberAndDate();
} else {
uni.showToast({

32
page_user/bulelink.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="page">
<u-navbar :title="info.title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
<u-navbar :title="wordinfo.title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
height='45'></u-navbar>
<view class="cont" v-html="content"></view>
@ -16,11 +16,11 @@
backgroundColor: "#fff",
},
content: '',
info:{}
wordinfo:{}
}
},
onLoad() {
this.getword()
this.getword(18)
},
methods: {
// getclass() {
@ -40,21 +40,19 @@
// }
// });
// },
getword() {
this.$u.get("/app/article/list?classifyId=" + 100).then((res) => {
if (res.code == 200) {
this.info = res.rows.find(item => item.articleId == 18);
this.content = this.info.content
this.content = this.replaceImgWithImage(this.content)
getword(id) {
this.$u.get(`/app/article/`+id).then((res) => {
if (res.code === 200) {
this.wordinfo=res.data
this.content = this.replaceImgWithImage(this.wordinfo.content);
} else {
// uni.showToast({
// title: res.msg,
// icon: 'none',
// duration: 2000
// });
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},

9
page_user/khfw/khfw.vue
View File

@ -180,7 +180,7 @@
const encodedContent = encodeURIComponent(JSON.stringify(item.content));
// 跳转到新页面并传递编码后的 title 和 content
uni.navigateTo({
url: `/page_user/word?title=${encodedTitle}&content=${encodedContent}`
url: `/page_user/word?id=`+item.articleId
});
},
changeitx(itme,index){
@ -237,6 +237,7 @@
.page {
width: 750rpx;
padding-bottom: 300rpx;
.pops {
padding: 46rpx 36rpx;
position: fixed;
@ -465,6 +466,12 @@
}
}
}
.qs_li:first-child{
margin-top: 40rpx;
}
.qs_li:last-child{
border-bottom: 2rpx solid #fff;
}
.qs_li{
margin-top: 10rpx;
display: flex;

39
page_user/word.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="page">
<u-navbar :title="title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
<u-navbar :title="wordinfo.title" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
height='45'></u-navbar>
<view class="cont" v-html="content"></view>
</view>
@ -17,25 +17,40 @@
userinfo: {},
areaInfo: {},
content: '',
title: ''
title: '',
wordinfo:{}
}
},
onLoad(options) {
if (options.title && options.content) {
if (options.id ) {
// 解码 title 和 content
const title = decodeURIComponent(options.title);
const content = JSON.parse(decodeURIComponent(options.content));
// 设置数据
this.title = title
this.content = content
this.content = this.replaceImgWithImage(this.content);
let id =options.id
this.getword(id)
// this.content = this.replaceImgWithImage(this.content);
// this.insertPhoneNumberAndDate()
console.log(this.content, 'this.contentthis.contentthis.contentthis.content');
// console.log(this.content, 'this.contentthis.contentthis.contentthis.content');
}
},
methods: {
getword(id) {
this.$u.get(`/app/article/`+id).then((res) => {
if (res.code === 200) {
this.wordinfo=res.data
this.content = this.replaceImgWithImage(this.wordinfo.content);
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
getagree() {
let id = uni.getStorageSync('areaId');
this.$u.get(`/app/article/list?areaId=${id}&tag=agreement`).then((res) => {
@ -78,7 +93,7 @@
.page {
width: 750rpx;
padding-bottom: 100rpx;
.cont {
margin-top: 34rpx ;
margin: 0 auto;

31
page_user/yczn.vue
View File

@ -15,11 +15,12 @@
bgc: {
backgroundColor: "#fff",
},
content: ''
content: '',
wordinfo:{}
}
},
onLoad() {
this.getword()
this.getword(19)
},
methods: {
// getclass() {
@ -39,21 +40,19 @@
// }
// });
// },
getword() {
this.$u.get("/app/article/list?classifyId=" + 100).then((res) => {
if (res.code == 200) {
let abb = res.rows.find(item => item.articleId == 19);
this.content = abb.content
this.content = this.replaceImgWithImage(this.content)
getword(id) {
this.$u.get(`/app/article/`+id).then((res) => {
if (res.code === 200) {
this.wordinfo=res.data
this.content = this.replaceImgWithImage(this.wordinfo.content);
} else {
// uni.showToast({
// title: res.msg,
// icon: 'none',
// duration: 2000
// });
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},

79
pages/index/index.vue
View File

@ -23,7 +23,7 @@
<!-- <u-navbar :is-back="false" title="共享电动车" :border-bottom="false" :background="bgc" title-color='#2E4975'
title-size='36' height='36'></u-navbar> -->
<map class="map" id="map" ref="map" :scale="zoomSize" show-location v-if="showmap" :latitude="latitude"
:longitude="longitude" :show-location="true" :markers="markers" :polygons="polyline"
:longitude="longitude" :show-location="true" :markers="markers" :polygons="polyline" :polyline="mappolyline"
@markertap="onMarkerTap" @tap="onMapTap" @regionchange="onMapRegionChange">
</map>
@ -805,6 +805,7 @@
const app = getApp();
var xBlufi = require("@/utils/blufi/xBlufi.js");
let _this = null;
import QQMapWX from '@/common/qqmap-wx-jssdk.js'
export default {
data() {
return {
@ -917,6 +918,10 @@
statusBarHeight: 0,
// 导航栏高度
navBarHeight: 0,
mappolyline: [],
qqmapsdk: {},
index: 0,
}
},
watch: {
@ -944,6 +949,10 @@
// #endif
this.qqmapsdk = new QQMapWX({
key: 'E7OBZ-KRKWW-5VKRH-36XXR-TB3NS-MUFHB' // 自己申请的key值
});
this.gps.deptId = uni.getStorageSync('deptId');
if (e.q) {
@ -1076,7 +1085,7 @@
that.latitude = lb.latitude;
that.longitude = lb.longitude;
that.routePlanning(27.10557727,120.25709224)
console.log(that.areaInfo, 'that.areaInfo');
that.getArea()
if (that.qParam != 'null' && that.showagre == false) {
@ -1164,6 +1173,11 @@
},
onBeforeUnmount() {
if (this.timers) {
clearInterval(this.timers);
this.timers = null;
console.log('定时器已清除');
}
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
xBlufi.notifyStartDiscoverBle({
'isStart': false
@ -1204,10 +1218,59 @@
},
},
methods: {
routePlanning(end_lat,end_long) {
console.log('调用了');
let that = this
that.qqmapsdk.direction({
mode: 'driving', // 驾车
from: { // 起始位置(当前位置)坐标
latitude: that.latitude,
longitude: that.longitude
},
to: { // 目的地坐标
latitude: end_lat,
longitude: end_long,
},
// 目的地位置坐标
success(res) {
// console.log(res)
var coors = res.result.routes[0].polyline
var pl = [] // 点串数组
// 坐标解压(返回的点串坐标，通过前向差分进行压缩)
var kr = 1000000
for (var i = 2; i < coors.length; i++) {
coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr
}
// 将解压后的坐标放入点串数组pl中
for (var i = 0; i < coors.length; i += 2) {
pl.push({
latitude: coors[i],
longitude: coors[i + 1]
})
}
console.log('点串数组', pl)
// 设置polyline属性，将路线显示出来，将解压坐标第一个数据作为起点
that.mappolyline = [{
points: pl,
color: '#367EEF', // 线的填充色
width: 3, // 折现宽度
borderWidth: 2, // 边线宽度
borderColor: '#5B98FD', // 边线颜色
lineCap: 'square', // 线端头
showArrow: true, // 沿线路方向显示箭头
}]
console.log(that.mappolyline,'that.mappolylinethat.mappolyline');
},
fail(res) {
console.log('resresresresresresres',res)
}
})
},
totxtpage() {
this.seeDetail = true
uni.navigateTo({
url:'/page_user/bulelink'
url: '/page_user/bulelink'
})
},
offopencar() {
@ -4484,7 +4547,7 @@
// duration: 4000
// });
// } else
if (this.deviceInfos.status == 0) {
if (this.deviceInfos.status == 0) {
uni.showToast({
title: '车辆未上架,请使用其他车辆',
icon: 'none',
@ -4527,7 +4590,8 @@
duration: 4000
});
} else if (this.deviceInfos.status == 1) {
this.showdevice = true;
this.routePlanning(res.data.latitude,res.data.longitude)
this.showdevice = true
this.type = 1;
this.deviceIndex = 1;
}
@ -4569,6 +4633,7 @@
this.deviceInfos = res.data;
if (num == 0) {
this.routePlanning(res.data.latitude,res.data.longitude)
this.showdevice = true;
this.type = 0;
} else {
@ -4581,7 +4646,7 @@
// duration: 4000
// });
// } else
if (this.deviceInfos
if (this.deviceInfos
.status ==
0) {
uni.showToast({
@ -4640,6 +4705,7 @@
} else if (this.deviceInfos
.status ==
1) {
this.routePlanning(res.data.latitude,res.data.longitude)
this.showdevice = true;
this.type = 1;
this.deviceIndex = 1;
@ -4871,6 +4937,7 @@
.navBarBox {
position: fixed;
z-index: 10;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent);
.navBar {
width: 100vw;

2
pages/my.vue
View File

@ -280,7 +280,7 @@
confirm(e){
// console.log(e);
uni.setStorageSync('adminAreaid', e[0].value);
if(this.totype=2){
if(this.totype==2){
uni.navigateTo({
url:'/pages_admin/admin_index'

562
pages_admin/admin_index.vue
View File

@ -12,14 +12,14 @@
<view style="width: 650rpx;margin: 0 auto;">
<slider-range :value="rangeValue" :min="rangeMin" :max="rangMax" :step="1" :bar-height="3"
:block-size="20" background-color="#EEEEF6" active-color="#4C97E7" :format="format"
:decorationVisible="true" @change="handleRangeChange"></slider-range>
:decorationVisible="true" @change="handleRangeChange" ></slider-range>
</view>
</view>
</view>
<map class="map" id="map" ref="map" :scale="zoomSize" :latitude="latitude" :longitude="longitude"
:show-location="true" :markers="markers" :polygons="polyline" @markertap="onMarkerTap">
:show-location="true" :markers="markers" :polygons="polyline" @markertap="onMarkerTap" @regionchange="onMapRegionChange">
</map>
<view class="park" @click="toggleIconAndCallout">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uRiYQZQEb3l2LsltEsyW" mode=""></image>
@ -149,7 +149,7 @@
statusidx: 7,
deviceNum: {},
areaId: 0,
showIconAndCallout:false
showIconAndCallout: false
}
@ -165,15 +165,15 @@
// this.getareaid()
if(uni.getStorageSync('adminAreaid')){
if (uni.getStorageSync('adminAreaid')) {
this.areaId = uni.getStorageSync('adminAreaid')
this.getArea()
this.allVehicleNum()
}
// this.getmarks();
},
onLoad() {
@ -182,15 +182,15 @@
uni.getLocation({
type: 'wgs84',
success: function(lb) {
// that.latitude = Number(lb.latitude.toFixed(5)) - 0.005
// that.longitude = Number(lb.longitude.toFixed(5)) + 0.005
console.log(that.areaInfo, 'that.areaInfo');
// that.setMapScale()
// that.getmarks()
//
},
fail: function(error) {
@ -202,7 +202,7 @@
// that.getmarks()
// 在这里处理获取位置信息失败的情况
}
})
},
computed: {
@ -211,44 +211,34 @@
},
},
methods: {
toggleIconAndCallout() {
this.showIconAndCallout = !this.showIconAndCallout;
if (this.showIconAndCallout) {
const newMarkers = [];
this.parkingList.forEach(item => {
newMarkers.push({
id: parseFloat(item.parkingId),
latitude: parseFloat(item.latitude),
longitude: parseFloat(item.longitude),
width: 20,
height: 28.95,
iconPath: item.type == 1 ?'https://lxnapi.ccttiot.com/bike/img/static/up2xXqAgwCX5iER600k3':item.type == 2 ?'https://lxnapi.ccttiot.com/bike/img/static/u53BAQcFIX3vxsCzEZ7t' :' https://lxnapi.ccttiot.com/bike/img/static/uDNY5Q4zOiZTCBTA2Jdq',
callout: {
content: item.parkingName,
color: '#ffffff',
fontSize: 14,
borderRadius: 10,
bgColor: item.type == 1 ? '#3A7EDB' : item.type == 2 ? '#FFC107' :
'#FF473E',
padding: 6,
display: 'ALWAYS'
},
isCalloutVisible: true // 添加标记
});
});
this.$set(this, 'markers', [...this.markers, ...newMarkers]);
} else {
// 过滤掉所有气泡显示的标记
this.$set(this, 'markers', this.markers.filter(marker => !marker.isCalloutVisible));
onMapRegionChange(event) {
// console.log('regionchange', event)
// console.log('当前地图缩放级别：', event.detail.scale);
if (event.detail.type == 'end'&&event.detail.scale>17) {
this.getCenterLanLat()
}
// 你可以在这里执行你需要的操作
},
getCenterLanLat() {
let that = this
uni.createMapContext("map", this).getCenterLocation({
type: 'gcj02',
success: (res) => {
console.log("当前地图中心的经纬度", res)
// that.gps.latitude = res.latitude;
// that.gps.longitude = res.longitude;
// that.getAreas()
//其他逻辑
},
fail: (err) => {}
})
},
getareaid() {
this.$u.post('/appVerify/getAreaId').then((res) => {
if (res.code == 200) {
// 处理接口返回的数据，将边界数据转换为地图组件需要的折线结构
// this.areaId=res.data
// console.log(this.polyline);
} else {
this.areaId = 14
@ -340,6 +330,134 @@
this.statusidx = ids
this.getmarks()
},
format(val) {
return val + '%'
},
handleRangeChange(e) {
// 每次滑动时清除之前的定时器
clearTimeout(timerId);
// 设置一个新的定时器，在滑动停止后 500ms 执行 getmarks 方法
timerId = setTimeout(() => {
this.rangeValue = e;
this.getmarks();
}, 500);
},
onMarkerTap(e) {
if (e.type === 'markertap') {
console.log('点击了标记：', e.markerId);
// 这里可以根据需要处理点击标记的逻辑
// 阻止事件冒泡
this.sn = e.markerId
for (let i = 0; i < this.listData.length; i++) {
if (this.listData[i].sn == this.sn) {
uni.navigateTo({
url: '/pages_admin/order/device_detail?id=' + this.sn
})
}
}
// this.listData
}
},
todetail() {
for (let item of this.fixdata) {
if (item.sn == this.sn) {
uni.navigateTo({
url: '/page_fix/repair/repair_detail?id=' + item.id
})
}
}
for (let item of this.eledata) {
if (item.sn == this.sn) {
uni.navigateTo({
url: '/page_fix/repair/repair_detail?id=' + item.id
})
}
}
},
getArea() {
let id = this.areaId
this.$u.get("/app/area/" + id).then((res) => {
if (res.code == 200) {
this.latitude = res.data.latitude
this.longitude = res.data.longitude
// this.areaInfo = res.data
const polylines = this.convertBoundaryToPolyline(res.data.boundaryStr)
this.polyline.push(polylines)
this.getmarks()
setTimeout(()=>{
this.getParking()
},500)
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
convertBoundaryToPolylines(boundaries, num) {
const colorMap = {
1: {
fillColor: "#3A7EDB10",
strokeColor: "#3A7EDB"
},
2: {
fillColor: "#FFF5D640",
strokeColor: "#FFC107"
},
3: {
fillColor: "#FFD1CF40",
strokeColor: "#FF473E"
}
};
if (!colorMap[num]) {
console.error("Invalid type number:", num);
return [];
}
return boundaries.map(boundary => {
if (!boundary) return null;
let coords;
try {
coords = JSON.parse(boundary);
} catch (error) {
console.error("Error parsing boundary JSON:", error);
return null;
}
if (!Array.isArray(coords)) {
console.error("Parsed boundary is not an array:", coords);
return null;
}
const points = coords.map(coord => ({
latitude: parseFloat(coord[1]),
longitude: parseFloat(coord[0])
}));
return {
points: points,
fillColor: colorMap[num].fillColor,
strokeColor: colorMap[num].strokeColor,
strokeWidth: 2, //描边宽度
zIndex: 1, //层级
};
}).filter(polyline => polyline !== null); // 过滤掉无效的折线数据
},
markstause() {
// console.log(this.status9, 'aaaaaaa');
this.status0.forEach(item => {
@ -371,6 +489,7 @@
longitude: parseFloat(item.longitude),
// title: item.deviceName,
width: 40,
// joinCluster: true,
height: 40,
iconPath: 'https://lxnapi.ccttiot.com/bike/img/static/u1UD93BU1vfshWFoDwgX',
callout: {
@ -412,6 +531,7 @@
// title: item.deviceName,
width: 40,
height: 40,
// joinCluster: true,
iconPath: 'https://lxnapi.ccttiot.com/bike/img/static/u1UD93BU1vfshWFoDwgX',
callout: {
content: '骑行' + item.remainingPower + '%', // 修改为你想要显示的文字内容
@ -432,6 +552,7 @@
// title: item.deviceName,
width: 40,
height: 40,
// joinCluster: true,
iconPath: 'https://lxnapi.ccttiot.com/bike/img/static/u1UD93BU1vfshWFoDwgX',
callout: {
content: '锁车' + item.remainingPower + '%', // 修改为你想要显示的文字内容
@ -489,26 +610,25 @@
},
getmarks() {
this.markers = []
this.status0 = []
this.status1 = []
this.status2 = []
this.status3 = []
this.status4 = []
this.status8 = []
this.status9 = []
this.markers = [];
this.status0 = [];
this.status1 = [];
this.status2 = [];
this.status3 = [];
this.status4 = [];
this.status8 = [];
this.status9 = [];
let data = {
powerStart: this.rangeValue[0],
powerEnd: this.rangeValue[1],
sort: 'desc',
areaId: this.areaId
}
};
if (this.statusidx != 7 && this.statusidx != 9) {
data.status = this.statusidx
data.status = this.statusidx;
this.$u.get(`/appVerify/allVehicleInfo?`, data).then((res) => {
if (res.code == 200) {
this.showmap = true
this.showmap = true;
this.listData = res.data;
res.data.forEach(item => {
if (item.onlineStatus == 0) {
@ -516,7 +636,6 @@
} else {
if (item.status == 0) {
this.status0.push(item);
} else if (item.status == 1) {
this.status1.push(item);
} else if (item.status == 2) {
@ -529,25 +648,19 @@
this.status8.push(item);
}
}
// 可以在这里执行其他针对每个项的操作
});
this.markstause()
// this.getParking()
// this.markers = markers;
this.markstause();
} else {
// 处理接口返回错误的情况
// Handle API error
}
}).catch(error => {
// 处理接口请求失败的情况
// Handle request error
});
} else if (this.statusidx == 7) {
data.status = ''
} else if (this.statusidx == 7 ) {
data.status = '';
this.$u.get(`/appVerify/allVehicleInfo?`, data).then((res) => {
if (res.code == 200) {
this.showmap = true
this.showmap = true;
this.listData = res.data;
res.data.forEach(item => {
if (item.onlineStatus == 0) {
@ -555,7 +668,6 @@
} else {
if (item.status == 0) {
this.status0.push(item);
} else if (item.status == 1) {
this.status1.push(item);
} else if (item.status == 2) {
@ -568,217 +680,100 @@
this.status8.push(item);
}
}
// 可以在这里执行其他针对每个项的操作
});
this.markstause()
// this.getParking()
// this.markers = markers;
this.markstause();
} else {
// 处理接口返回错误的情况
// Handle API error
}
}).catch(error => {
// 处理接口请求失败的情况
// Handle request error
});
} else if (this.statusidx == 9) {
}else if ( this.statusidx == 9) {
data.status = ''
data.onlineStatus=0
this.$u.get(`/appVerify/allVehicleInfo?`, data).then((res) => {
if (res.code == 200) {
this.showmap = true
this.showmap = true;
this.listData = res.data;
res.data.forEach(item => {
if (item.onlineStatus == 0) {
this.status9.push(item);
} else {
if (item.status == 0) {
this.status0.push(item);
} else if (item.status == 1) {
this.status1.push(item);
} else if (item.status == 2) {
this.status2.push(item);
} else if (item.status == 3) {
this.status3.push(item);
} else if (item.status == 4) {
this.status4.push(item);
} else if (item.status == 8) {
this.status8.push(item);
}
}
// 可以在这里执行其他针对每个项的操作
});
this.markstause()
// this.getParking()
// this.markers = markers;
this.markstause();
} else {
// 处理接口返回错误的情况
// Handle API error
}
}).catch(error => {
// 处理接口请求失败的情况
// Handle request error
});
}
this.getParking()
},
format(val) {
return val + '%'
},
handleRangeChange(e) {
// 每次滑动时清除之前的定时器
clearTimeout(timerId);
// 设置一个新的定时器，在滑动停止后 500ms 执行 getmarks 方法
timerId = setTimeout(() => {
this.rangeValue = e;
this.getmarks();
}, 500);
},
onMarkerTap(e) {
if (e.type === 'markertap') {
console.log('点击了标记：', e.markerId);
// 这里可以根据需要处理点击标记的逻辑
// 阻止事件冒泡
this.sn = e.markerId
for (let i = 0; i < this.listData.length; i++) {
if (this.listData[i].sn == this.sn) {
uni.navigateTo({
url: '/pages_admin/order/device_detail?id=' + this.sn
})
}
}
// this.listData
}
},
todetail() {
for (let item of this.fixdata) {
if (item.sn == this.sn) {
uni.navigateTo({
url: '/page_fix/repair/repair_detail?id=' + item.id
})
}
}
for (let item of this.eledata) {
if (item.sn == this.sn) {
uni.navigateTo({
url: '/page_fix/repair/repair_detail?id=' + item.id
})
}
}
},
getArea() {
let id = this.areaId
this.$u.get("/app/area/" + id).then((res) => {
if (res.code == 200) {
this.latitude =res.data.latitude
this.longitude = res.data.longitude
// this.areaInfo = res.data
const polylines = this.convertBoundaryToPolyline(res.data.boundaryStr)
this.polyline.push(polylines)
this.getmarks()
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
this.clusterMarkers(); // 调用聚合方法
},
clusterMarkers() {
this.markers.forEach(marker => {
let added = false;
for (let i = 0; i < this.clusters.length; i++) {
const cluster = this.clusters[i];
const distance = this.calculateDistance(cluster.latitude, cluster.longitude, marker.latitude, marker.longitude);
if (distance < this.clusterRadius) {
// 合并到现有聚合
cluster.markers.push(marker);
cluster.latitude = (cluster.latitude * cluster.markers.length + marker.latitude) / (cluster.markers.length + 1);
cluster.longitude = (cluster.longitude * cluster.markers.length + marker.longitude) / (cluster.markers.length + 1);
added = true;
break;
}
}
if (!added) {
// 创建新的聚合
this.clusters.push({
latitude: marker.latitude,
longitude: marker.longitude,
markers: [marker]
});
}
});
},
// 计算两点间的距离
calculateDistance(lat1, lon1, lat2, lon2) {
const p = 0.017453292519943295; // Math.PI / 180
const c = Math.cos;
const a = 0.5 - c((lat2 - lat1) * p)/2 +
c(lat1 * p) * c(lat2 * p) *
(1 - c((lon2 - lon1) * p))/2;
return 12742 * Math.asin(Math.sqrt(a)); // 2 * R; R = 6371 km
},
toggleIconAndCallout() {
this.showIconAndCallout = !this.showIconAndCallout;
this.markers.forEach(marker => {
if (marker.isParking) {
marker.callout.display = this.showIconAndCallout ? 'ALWAYS' : 'BYCLICK';
}
});
},
convertBoundaryToPolylines(boundaries, num) {
if (num == 1) {
console.log('判断');
return boundaries.map(boundary => {
if (!boundary) return null;
let coords;
try {
coords = JSON.parse(boundary);
} catch (error) {
console.error("Error parsing boundary JSON:", error);
return null;
}
if (!Array.isArray(coords)) {
console.error("Parsed boundary is not an array:", coords);
return null;
}
const points = coords.map(coord => ({
latitude: coord[1],
longitude: coord[0]
}));
return {
points: points,
fillColor: "#3A7EDB10", //填充颜色
strokeColor: "#3A7EDB", //描边颜色
strokeWidth: 2, //描边宽度
zIndex: 1, //层级
};
}).filter(polyline => polyline !== null); // 过滤掉无效的折线数据
} else if (num == 2) {
return boundaries.map(boundary => {
if (!boundary) return null;
let coords;
try {
coords = JSON.parse(boundary);
} catch (error) {
console.error("Error parsing boundary JSON:", error);
return null;
}
if (!Array.isArray(coords)) {
console.error("Parsed boundary is not an array:", coords);
return null;
}
const points = coords.map(coord => ({
latitude: coord[1],
longitude: coord[0]
}));
return {
points: points,
fillColor: "#FFF5D640", //填充颜色
strokeColor: "#FFC107", //描边颜色
strokeWidth: 2, //描边宽度
zIndex: 1, //层级
};
}).filter(polyline => polyline !== null); // 过滤掉无效的折线数据
} else if (num == 3) {
return boundaries.map(boundary => {
if (!boundary) return null;
let coords;
try {
coords = JSON.parse(boundary);
} catch (error) {
console.error("Error parsing boundary JSON:", error);
return null;
}
if (!Array.isArray(coords)) {
console.error("Parsed boundary is not an array:", coords);
return null;
}
const points = coords.map(coord => ({
latitude: coord[1],
longitude: coord[0]
}));
return {
points: points,
fillColor: "#FFD1CF40", //填充颜色
strokeColor: "#FF473E", //描边颜色
strokeWidth: 2, //描边宽度
zIndex: 1, //层级
};
}).filter(polyline => polyline !== null); // 过滤掉无效的折线数据
}
},
getParking() {
// 发送请求获取数据
let data = {
areaId: this.areaId
}
this.$u.get('/app/parking/list?',data).then((res) => {
};
this.$u.get('/app/parking/list?', data).then((res) => {
if (res.code === 200) {
// 处理接口返回的数据
const newMarkers = [];
const type1Data = [];
const type2Data = [];
const type3Data = [];
@ -791,39 +786,64 @@
} else if (row.type == 3) {
type3Data.push(row);
}
newMarkers.push({
id: parseFloat(row.parkingId),
latitude: parseFloat(row.latitude),
longitude: parseFloat(row.longitude),
width: 20,
height: 29,
iconPath: row.type == 1 ?
'https://lxnapi.ccttiot.com/bike/img/static/up2xXqAgwCX5iER600k3' :
row.type == 2 ?
'https://lxnapi.ccttiot.com/bike/img/static/u53BAQcFIX3vxsCzEZ7t' :
'https://lxnapi.ccttiot.com/bike/img/static/uDNY5Q4zOiZTCBTA2Jdq',
callout: {
content: row.parkingName,
color: '#ffffff',
fontSize: 14,
borderRadius: 10,
bgColor: row.type == 1 ? '#3A7EDB' : row.type == 2 ?
'#FFC107' : '#FF473E',
padding: 6,
display: 'BYCLICK'
},
isParking: true
});
});
const validBoundaries = type1Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines = this.convertBoundaryToPolylines(validBoundaries, 1);
this.$set(this, 'markers', [...this.markers, ...newMarkers]);
const validBoundaries1 = type2Data.map(row => row.boundaryStr).filter(boundary =>
const validBoundaries1 = type1Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines1 = this.convertBoundaryToPolylines(validBoundaries1, 2);
const polylines1 = this.convertBoundaryToPolylines(validBoundaries1, 1);
const validBoundaries2 = type3Data.map(row => row.boundaryStr).filter(boundary =>
const validBoundaries2 = type2Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines2 = this.convertBoundaryToPolylines(validBoundaries2, 3);
// 将处理后的数据添加到 this.polyline 中
this.polyline = this.polyline.concat(polylines2);
this.polyline = this.polyline.concat(polylines1);
this.polyline = this.polyline.concat(polylines);
console.log(this.polyline, 'this.polyline');
// console.log(this.polyline);
this.parkingList = res.rows
const polylines2 = this.convertBoundaryToPolylines(validBoundaries2, 2);
const validBoundaries3 = type3Data.map(row => row.boundaryStr).filter(boundary =>
typeof boundary === 'string' && boundary.trim() !== '');
const polylines3 = this.convertBoundaryToPolylines(validBoundaries3, 3);
this.polyline = this.polyline.concat(polylines1, polylines2, polylines3);
} else {
console.error("Error fetching parking data:", res);
}
}).catch(error => {
console.error("Error fetching parking data:", error);
});
},
convertBoundaryToPolyline(boundary) {
if (!boundary) return null;
const points = JSON.parse(boundary).map(coord => ({
latitude: coord[1],
longitude: coord[0]
}));
const polyline = {
points: points,
fillColor: "#55888840", //填充颜色
@ -831,7 +851,7 @@
strokeWidth: 2, //描边宽度
zIndex: 1, //层级
};
return polyline;
},
}
@ -878,6 +898,7 @@
}
.park {
position: fixed;
display: flex;
@ -890,12 +911,13 @@
width: 82rpx;
height: 82rpx;
z-index: 10;
.img {
width: 82rpx;
height: 82rpx;
}
}
.btn_box {
width: 100%;
display: flex;

100
pages_admin/worke/worke_Operation.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="page">
<view class="page" v-if="loading">
<u-navbar title="运营数据" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
height='45'></u-navbar>
<view class="top_box">
@ -37,18 +37,26 @@
</view>
<view class="info">
<view class="info_li">
总营收 <span style="color: #4C97E7;">￥{{info.income.totalIncome}}</span>
总营收
<span style="color: #4C97E7;" v-if="info.income.totalIncome">￥{{info.income.totalIncome}}</span>
<span style="color: #4C97E7;" v-else>￥--</span>
</view>
<view class="info_li">
累计待支付 <span style="color: #4C97E7;">￥{{info.income.totalUnpaid}}</span>
累计待支付
<span style="color: #4C97E7;" v-if="info.income.totalUnpaid">￥{{info.income.totalUnpaid}}</span>
<span style="color: #4C97E7;" v-else>￥--</span>
</view>
</view>
<view class="info">
<view class="info_li">
已支付 <span style="color: #3D3D3D ;">￥{{info.income.totalPaid}}</span>
已支付
<span style="color: #3D3D3D;" v-if="info.income.totalPaid">￥{{info.income.totalPaid}}</span>
<span style="color: #3D3D3D;" v-else>￥--</span>
</view>
<view class="info_li">
已退款 <span style="color: #3D3D3D ;">￥{{info.income.totalRefund}}</span>
已退款
<span style="color: #3D3D3D;" v-if="info.income.totalRefund">￥{{info.income.totalRefund}}</span>
<span style="color: #3D3D3D;" v-else>￥--</span>
</view>
</view>
</view>
@ -65,21 +73,27 @@
</view>
<view class="cont_info">
<view class="info_li">
<view class="info_li" v-if="info.income.totalRidingFee">
已支付：￥{{info.income.totalRidingFee}}
</view>
<view class="info_li">
已支付：￥{{info.income.totalRidingRefund}}
<view class="info_li" v-else>
已支付：￥--
</view>
<view class="info_li" v-if="info.income.totalDispatchFee">
已支付：￥{{info.income.totalDispatchFee}}
</view>
<view class="info_li" v-else>
已支付：￥--
</view>
</view>
<view class="cont_info">
<view class="info_li">
已退款：￥{{info.income.totalDispatchFee}}
已退款：￥{{ displayAmount(info.income.totalRidingRefund)}}
</view>
<view class="info_li">
已退款：￥{{info.income.totalDispatchRefund}}
已退款：￥{{ displayAmount(info.income.totalDispatchRefund)}}
</view>
</view>
@ -95,20 +109,20 @@
<view class="cont_info">
<view class="info_li">
已支付：￥{{info.income.totalAppointmentFee}}
已支付：￥{{displayAmount(info.income.totalAppointmentFee) }}
</view>
<view class="info_li">
已支付：￥{{info.income.totalAppointmentRefund}}
已支付：￥{{displayAmount(info.income.totalManageFee) }}
</view>
</view>
<view class="cont_info">
<view class="info_li">
已退款：￥{{info.income.totalManageFee}}
已退款：￥{{displayAmount(info.income.totalAppointmentRefund) }}
</view>
<view class="info_li">
已退款：￥{{info.income.totalManageRefund}}
已退款：￥{{displayAmount(info.income.totalManageRefund) }}
</view>
</view>
@ -121,7 +135,7 @@
<view class="info_box">
<view class="one_cont">
<view class="text">
{{info.order.ridingOrder}}
{{displayAmount(info.order.ridingOrder) }}
</view>
<view class="text">
新增行程订单
@ -129,7 +143,7 @@
</view>
<view class="one_cont">
<view class="text">
{{info.order.paidOrder}}
{{displayAmount(info.order.paidOrder) }}
</view>
<view class="text">
已支付订单
@ -137,7 +151,7 @@
</view>
<view class="one_cont">
<view class="text">
{{info.order.refundOrder}}
{{displayAmount(info.order.refundOrder)}}
</view>
<view class="text">
已退款订单
@ -145,7 +159,7 @@
</view>
<view class="one_cont">
<view class="text">
{{info.order.unpaidOrder}}
{{displayAmount(info.order.unpaidOrder) }}
</view>
<view class="text">
待支付订单
@ -162,7 +176,7 @@
<view class="info_box">
<view class="one_cont">
<view class="text">
{{info.device.inOperationDevice}}
{{displayAmount(info.device.inOperationDevice)}}
</view>
<view class="text">
运营中车辆
@ -170,7 +184,7 @@
</view>
<view class="one_cont">
<view class="text">
{{info.device.inOrderDevice}}
{{displayAmount(info.device.inOrderDevice)}}
</view>
<view class="text">
有订单车辆
@ -178,7 +192,7 @@
</view>
<view class="one_cont">
<view class="text">
{{info.device.noOrderDevice}}
{{displayAmount(info.device.noOrderDevice)}}
</view>
<view class="text">
无订单车辆
@ -196,7 +210,7 @@
<view class="info_box">
<view class="one_cont">
<view class="text">
{{info.user.totalUser}}
{{ displayAmount(info.user.totalUser)}}
</view>
<view class="text">
用户总数
@ -204,7 +218,7 @@
</view>
<view class="one_cont">
<view class="text">
{{info.user.newUser}}
{{displayAmount(info.user.newUser) }}
</view>
<view class="text">
新增用户
@ -212,7 +226,7 @@
</view>
<view class="one_cont">
<view class="text">
{{info.user.leaseUser}}
{{displayAmount(info.user.leaseUser) }}
</view>
<view class="text">
租赁用户
@ -221,10 +235,8 @@
</view>
</view>
<u-picker mode="time" v-model="time1" :params="params" @confirm="confirm1"
:default-time='firsTime'></u-picker>
<u-picker mode="time" v-model="time2" :params="params" @confirm="confirm2"
:default-time='lasTime'></u-picker>
<u-picker mode="time" v-model="time1" :params="params" @confirm="confirm1" :default-time='firsTime'></u-picker>
<u-picker mode="time" v-model="time2" :params="params" @confirm="confirm2" :default-time='lasTime'></u-picker>
</view>
</template>
@ -248,24 +260,28 @@
second: false
},
cutidx: 0,
info:{},
areaId:0,
info: {},
areaId: 0,
loading:false
}
},
onLoad() {
let today = new Date();
// 获取七天前的日期
// 格式化日期为 yyyy-MM-dd
this.firsTime = this.formatDate(today);
this.lasTime = this.formatDate(today);
if(uni.getStorageSync('adminAreaid')){
if (uni.getStorageSync('adminAreaid')) {
this.areaId = uni.getStorageSync('adminAreaid')
this.operatingData()
}
},
methods:{
methods: {
displayAmount(amount) {
return amount ? amount : '--';
},
changeTime(num) {
if (num == 0) {
this.cutidx = num;
@ -278,7 +294,7 @@
let yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);
this.firsTime = this.formatDate(yesterday);
this.lasTime = this.formatDate(new Date());
this.lasTime =this.formatDate(yesterday);
this.operatingData()
} else if (num == 2) {
this.cutidx = num;
@ -307,30 +323,30 @@
let data = {
timeStart: this.firsTime,
timeEnd: this.lasTime,
areaId:this.areaId
areaId: this.areaId
}
this.$u.get('/appVerify/operatingData', data).then((res) => {
if (res.code === 200) {
// 处理接口返回的数据，将边界数据转换为地图组件需要的折线结构
this.info=res.data
this.info = res.data
this.loading=true
}
}).catch(error => {
console.error("Error fetching area data:", error);
});
},
confirm1(e) {
this.firsTime = e.year + '-' + e.month + '-' + e.day
this.cutidx=-1
this.cutidx = -1
},
confirm2(e) {
this.lasTime = e.year + '-' + e.month + '-' + e.day
this.cutidx=-1
this.cutidx = -1
},
}
}
</script>
<style lang="scss">