518 lines
8.5 KiB
Vue
518 lines
8.5 KiB
Vue
|
<template>
|
|||
|
|
<view class="content">
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import headers from '../../components/header/headers.vue'
|
|||
|
|
import tabbar from '../../components/tabbar/tabbar.vue'
|
|||
|
|
// import newMap from './newMap.nvue'
|
|||
|
|
import {
|
|||
|
|
getToken
|
|||
|
|
} from '@/utils/auth'
|
|||
|
|
import request from '../../utils/request'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
type: 1,
|
|||
|
|
bindex: 0,
|
|||
|
|
is_focus: false,
|
|||
|
|
showLeft: true,
|
|||
|
|
titles: "首页",
|
|||
|
|
msg: "1",
|
|||
|
|
controls: [],
|
|||
|
|
latitude: 23.099994,
|
|||
|
|
longitude: 113.324520,
|
|||
|
|
markers: [{
|
|||
|
|
id: 0,
|
|||
|
|
latitude: 23.099994,
|
|||
|
|
longitude: 113.324520,
|
|||
|
|
width: 30,
|
|||
|
|
height: 30,
|
|||
|
|
}],
|
|||
|
|
show: false,
|
|||
|
|
status: 'loading',
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.getBaseInfo()
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
components: {
|
|||
|
|
headers,
|
|||
|
|
tabbar,
|
|||
|
|
// newMap
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 获取用户信息
|
|||
|
|
|
|||
|
|
|
|||
|
|
getBaseInfo() {
|
|||
|
|
|
|||
|
|
request({
|
|||
|
|
url: 'system/user/getUserBaseInfo',
|
|||
|
|
method: 'get',
|
|||
|
|
|
|||
|
|
}).then(res => {
|
|||
|
|
console.log(288);
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url:'/pages/index/nIndex'
|
|||
|
|
})
|
|||
|
|
console.log(res.data);
|
|||
|
|
uni.setStorageSync('user_info', res.data);
|
|||
|
|
}else{
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url:'/pages/login/login'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
// 跳转
|
|||
|
|
goqb() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/my/MyWallet'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 改变状态
|
|||
|
|
interactiveType(num) {
|
|||
|
|
this.type = num
|
|||
|
|
if (num == 0) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "Sorry, it is currently in the development stage",
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 去搜索
|
|||
|
|
goSearch() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/index/search'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getLatLon() {
|
|||
|
|
let _this = this;
|
|||
|
|
uni.getLocation({
|
|||
|
|
// 谷歌使用wgs84 其他使用gcj02
|
|||
|
|
type: 'gcj02', // 使用国测局坐标系
|
|||
|
|
geocode: true,
|
|||
|
|
success: function(res) {
|
|||
|
|
uni.setStorageSync("lon", res.longitude)
|
|||
|
|
uni.setStorageSync("lat", res.latitude)
|
|||
|
|
console.log('经度: ' + res.longitude);
|
|||
|
|
console.log('纬度: ' + res.latitude);
|
|||
|
|
_this.longitude = res.longitude
|
|||
|
|
_this.latitude = res.latitude
|
|||
|
|
_this.markers = [{
|
|||
|
|
id: 0,
|
|||
|
|
latitude: res.latitude,
|
|||
|
|
longitude: res.longitude,
|
|||
|
|
width: 100,
|
|||
|
|
height: 100,
|
|||
|
|
}]
|
|||
|
|
},
|
|||
|
|
fail: function(err) {
|
|||
|
|
console.log('获取位置信息失败: ' + err.errMsg);
|
|||
|
|
uni.setStorageSync("isGetAddress", false)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
showDrawer(e) {
|
|||
|
|
this.$refs[e].open()
|
|||
|
|
console.log(e, 138);
|
|||
|
|
},
|
|||
|
|
change(e, type) {
|
|||
|
|
console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
|
|||
|
|
this[type] = e
|
|||
|
|
},
|
|||
|
|
goback() {
|
|||
|
|
uni.navigateBack()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onNavigationBarButtonTap(e) {
|
|||
|
|
if (this.showLeft) {
|
|||
|
|
this.$refs.showLeft.close()
|
|||
|
|
} else {
|
|||
|
|
this.$refs.showLeft.open()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// app端拦截返回事件 ，仅app端生效
|
|||
|
|
onBackPress() {
|
|||
|
|
if (this.showRight || this.showLeft) {
|
|||
|
|
this.$refs.showLeft.close()
|
|||
|
|
this.$refs.showRight.close()
|
|||
|
|
return true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.input {
|
|||
|
|
flex: 1;
|
|||
|
|
border: 1px solid #ccc;
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
z-index: 999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.map_cavs {
|
|||
|
|
position: relative;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#map {
|
|||
|
|
z-index: -99999999999999999999999999999999999999999999999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.left_icon {
|
|||
|
|
height: 35px;
|
|||
|
|
width: 35px;
|
|||
|
|
background: #fff;
|
|||
|
|
color: #41a863;
|
|||
|
|
background: transparent;
|
|||
|
|
margin: 15px;
|
|||
|
|
z-index: 9999999999999999999999;
|
|||
|
|
margin-top: 44px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.po-input {
|
|||
|
|
z-index: 999999;
|
|||
|
|
width: 90%;
|
|||
|
|
height: 60px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
|
|||
|
|
border-radius: 6px 6px 6px 6px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
// padding: 15px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 44px;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.co-input {
|
|||
|
|
width: 90%;
|
|||
|
|
height: 60px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
|
|||
|
|
|
|||
|
|
border-radius: 6px 6px 6px 6px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
// padding: 15px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
z-index: 999999;
|
|||
|
|
top: 68px;
|
|||
|
|
// margin: 5px auto;
|
|||
|
|
// margin-top: 44px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom_pr {
|
|||
|
|
min-height: 80px;
|
|||
|
|
width: 100%;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);
|
|||
|
|
border-radius: 18px 18px 0px 0px;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0px;
|
|||
|
|
bottom: 68px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom_time {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 50%;
|
|||
|
|
bottom: 55px;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
width: 90%;
|
|||
|
|
height: 106px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|||
|
|
border-radius: 6px 6px 6px 6px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom_po {
|
|||
|
|
min-height: 80px;
|
|||
|
|
width: 100%;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);
|
|||
|
|
border-radius: 18px 18px 0px 0px;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0px;
|
|||
|
|
bottom: 68px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.b_an {
|
|||
|
|
width: 40%;
|
|||
|
|
height: 48px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
border-radius: 6px 6px 6px 6px;
|
|||
|
|
border: 1px solid #E8E8E8;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.avc_ {
|
|||
|
|
background: #32714F !important;
|
|||
|
|
color: #fff !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.i_anniu {
|
|||
|
|
width: 95%;
|
|||
|
|
margin: 15px auto;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
background: #32714F;
|
|||
|
|
color: #fff;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-size: 16px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.z_hang {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
border-bottom: 1px solid #F2F2F2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.z_icon {
|
|||
|
|
width: 15%;
|
|||
|
|
height: 35px;
|
|||
|
|
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 50px;
|
|||
|
|
height: 23px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.z_right {
|
|||
|
|
width: 80%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.z_title {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.z_time {
|
|||
|
|
text-align: center;
|
|||
|
|
color: #DDDDDD;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.g_ {
|
|||
|
|
width: 1px;
|
|||
|
|
height: 74px;
|
|||
|
|
background: #E8E8E8;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sm_size {
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.max-size {
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #333333;
|
|||
|
|
margin: 10px auto;
|
|||
|
|
line-height: 18px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.po_back {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 54px;
|
|||
|
|
left: 15px;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.po_dw {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 18%;
|
|||
|
|
right: 15px;
|
|||
|
|
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 35px;
|
|||
|
|
height: 35px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.introduce_ {
|
|||
|
|
width: 95%;
|
|||
|
|
z-index: 999999;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|||
|
|
border-radius: 6px 6px 6px 6px;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 50%;
|
|||
|
|
bottom: 15%;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.p_1 {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.p_2 {
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.p_3 {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.p_4 {
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 10px;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.h_bs {
|
|||
|
|
width: 90%;
|
|||
|
|
margin: 10px auto;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.zy_ {
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bs_ {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ds_ {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 50px;
|
|||
|
|
height: 23px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dhuang {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #FFA629;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.h_ds {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
border-bottom: 1px solid #F2F2F2;
|
|||
|
|
font-family: PingFang SC, PingFang SC;
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #242E42;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.user_box {
|
|||
|
|
width: 100%;
|
|||
|
|
background: #F7F8FA;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.touxiang {
|
|||
|
|
image {
|
|||
|
|
width: 50px;
|
|||
|
|
height: 50px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.c-input {
|
|||
|
|
background: red;
|
|||
|
|
width: 90%;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 15%;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translateX(-50%);
|
|||
|
|
z-index: 99999999999999999999999999999999;
|
|||
|
|
background-color: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
</style>
|