Compare commits
No commits in common. "1ebfe3e9aa2e5efe4598a0e1ae03924f3b2279cc" and "998de8e95149ddc07f40da9c9981f76505fe6551" have entirely different histories.
1ebfe3e9aa
...
998de8e951
@ -57,15 +57,7 @@
|
|||||||
"postcss" : true,
|
"postcss" : true,
|
||||||
"minified" : true
|
"minified" : true
|
||||||
},
|
},
|
||||||
"usingComponents": true,
|
"usingComponents" : true
|
||||||
"optimization": {
|
|
||||||
"subPackages": true
|
|
||||||
},
|
|
||||||
"permission": {
|
|
||||||
"scope.userLocation": {
|
|
||||||
"desc": "用于展示驾校位置"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"mp-alipay" : {
|
"mp-alipay" : {
|
||||||
"usingComponents" : true
|
"usingComponents" : true
|
||||||
@ -79,10 +71,5 @@
|
|||||||
"uniStatistics" : {
|
"uniStatistics" : {
|
||||||
"enable" : false
|
"enable" : false
|
||||||
},
|
},
|
||||||
"vueVersion": "2",
|
"vueVersion" : "2"
|
||||||
"h5": {
|
|
||||||
"sdkConfigs": {
|
|
||||||
"maps": {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@ -146,12 +146,12 @@
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
margin: 10rpx 0 0 32rpx;
|
margin: 30rpx 0 0 32rpx;
|
||||||
}
|
}
|
||||||
.text-wrapper_1 {
|
.text-wrapper_1 {
|
||||||
width: 220rpx;
|
width: 220rpx;
|
||||||
height: 24rpx;
|
height: 24rpx;
|
||||||
margin: 30rpx 0 0 32rpx;
|
margin: 15rpx 0 0 32rpx;
|
||||||
.text_4 {
|
.text_4 {
|
||||||
/* width: 72rpx;
|
/* width: 72rpx;
|
||||||
height: 24rpx; */
|
height: 24rpx; */
|
||||||
@ -166,7 +166,7 @@
|
|||||||
line-height: 24rpx;
|
line-height: 24rpx;
|
||||||
}
|
}
|
||||||
.text_5 {
|
.text_5 {
|
||||||
width: 200rpx;
|
width: 138rpx;
|
||||||
height: 24rpx;
|
height: 24rpx;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
color: rgba(51, 51, 51, 1);
|
color: rgba(51, 51, 51, 1);
|
||||||
@ -182,8 +182,9 @@
|
|||||||
.block_2 {
|
.block_2 {
|
||||||
width: 686rpx;
|
width: 686rpx;
|
||||||
height: 120rpx;
|
height: 120rpx;
|
||||||
background-color: #000000;
|
background: url(/static/lanhu_jiaxiaoxiangqing/FigmaDDSSlicePNG1eb894220f6795fd386c751f181ce5e4.png)
|
||||||
// background-size: 100% 100%;
|
100% no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
margin: 30rpx 0 30rpx 32rpx;
|
margin: 30rpx 0 30rpx 32rpx;
|
||||||
.text-group_1 {
|
.text-group_1 {
|
||||||
width: 522rpx;
|
width: 522rpx;
|
||||||
|
|||||||
@ -12,33 +12,16 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="group_5 flex-col">
|
<view class="group_5 flex-col">
|
||||||
<text class="text_3">{{ schoolInfo.corpName }}</text>
|
<text class="text_3">{{ schoolInfo.corpName }}</text>
|
||||||
<view class="text-wrapper_1 flex-row justify-between">
|
<text class="text_3_2">地址:{{ schoolInfo.address }}</text>
|
||||||
|
<!-- <view class="text-wrapper_1 flex-row justify-between">
|
||||||
<text class="text_4">营业时间</text>
|
<text class="text_4">营业时间</text>
|
||||||
<text class="text_5" v-if=" schoolInfo.businessStartTime && schoolInfo.businessEndTime ">
|
<text class="text_5"
|
||||||
{{ schoolInfo.businessStartTime }} - {{ schoolInfo.businessEndTime }}</text>
|
v-if=" schoolInfo.businessStartTime && schoolInfo.businessEndTime ">{{ schoolInfo.businessStartTime }}
|
||||||
|
- {{ schoolInfo.businessEndTime }}</text>
|
||||||
<text class="text_5" v-else>08:00-18:00</text>
|
<text class="text_5" v-else>08:00-18:00</text>
|
||||||
</view>
|
</view> -->
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- 地图 -->
|
|
||||||
<view class="map_whole flex-row">
|
|
||||||
<!-- <view class="map_body flex-col" @click="bookingInfoClick(schoolInfo.lat, schoolInfo.lgt)"> -->
|
|
||||||
<view class="map_body flex-col">
|
|
||||||
<view class="map_container"
|
|
||||||
@click="bookingInfoClick(schoolInfo.lat, schoolInfo.lgt, schoolInfo.corpName, schoolInfo.address)">
|
|
||||||
<image class="bg-img" src="/static/imgs/mapBackground.png" mode="scaleToFill" />
|
|
||||||
<view class="map-text-1">{{ schoolInfo.address }}</view>
|
|
||||||
<!-- <view class="map-text-2">距离 {{ distance }}</view> -->
|
|
||||||
<view class="map-text-2" v-if="showDistance">距离 {{ distance }} </view>
|
|
||||||
<view class="get-distance-btn" v-else @click.stop="requestLocationPermission">
|
|
||||||
<text>获取距离</text>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
<view class="group_6 flex-col">
|
<view class="group_6 flex-col">
|
||||||
<view class="box_4 flex-row justify-between">
|
<view class="box_4 flex-row justify-between">
|
||||||
@ -131,17 +114,6 @@
|
|||||||
schoolAllClassList: [],
|
schoolAllClassList: [],
|
||||||
schoolCoachList: [],
|
schoolCoachList: [],
|
||||||
|
|
||||||
latitude: 0, // 地图中心纬度
|
|
||||||
longitude: 0, // 地图中心经度
|
|
||||||
scale: 16, // 地图缩放级别
|
|
||||||
markers: [], // 地图标记点
|
|
||||||
|
|
||||||
distance: '0.0', // 初始距离
|
|
||||||
|
|
||||||
showDistance: true, // 控制是否显示距离
|
|
||||||
locationPermissionDenied: false // 记录用户是否拒绝了位置权限
|
|
||||||
|
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
@ -160,19 +132,6 @@
|
|||||||
this.getSchoolCoach()
|
this.getSchoolCoach()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
bookingInfoClick(lat, lgt, name, address) {
|
|
||||||
// 进行导航
|
|
||||||
uni.openLocation({
|
|
||||||
latitude: lat,
|
|
||||||
longitude: lgt,
|
|
||||||
name: name,
|
|
||||||
address: address,
|
|
||||||
success: function() {
|
|
||||||
console.log('success');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
handleBack() {
|
handleBack() {
|
||||||
uni.navigateBack({
|
uni.navigateBack({
|
||||||
delta: 1
|
delta: 1
|
||||||
@ -193,74 +152,18 @@
|
|||||||
console.error('获取驾校详情失败', err);
|
console.error('获取驾校详情失败', err);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/* async getSchoolInfo() {
|
getSchoolInfo() {
|
||||||
try {
|
request({
|
||||||
const res = await request({
|
|
||||||
url: '/userClient/base/companySmallProgram/getCompanyByTenantId',
|
url: '/userClient/base/companySmallProgram/getCompanyByTenantId',
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
params: {
|
params: {
|
||||||
tenantId: this.tenantId,
|
tenantId: this.tenantId,
|
||||||
systemCode: 'jiaxiao',
|
systemCode: 'jiaxiao',
|
||||||
}
|
}
|
||||||
});
|
}).then(res => {
|
||||||
|
this.schoolInfo = res.data
|
||||||
this.schoolInfo = res.data;
|
})
|
||||||
|
|
||||||
// 获取用户位置并计算距离
|
|
||||||
const userLocation = await this.getLocation();
|
|
||||||
if (userLocation.lat && userLocation.lng && this.schoolInfo.lat && this.schoolInfo.lgt) {
|
|
||||||
const distance = this.calculateDistance({
|
|
||||||
latitude: userLocation.lat,
|
|
||||||
longitude: userLocation.lng
|
|
||||||
}, {
|
|
||||||
latitude: parseFloat(this.schoolInfo.lat),
|
|
||||||
longitude: parseFloat(this.schoolInfo.lgt)
|
|
||||||
});
|
|
||||||
this.distance = distance; // 保存距离到data中
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('获取驾校信息失败', error);
|
|
||||||
}
|
|
||||||
}, */
|
|
||||||
|
|
||||||
async getSchoolInfo() {
|
|
||||||
try {
|
|
||||||
const res = await request({
|
|
||||||
url: '/userClient/base/companySmallProgram/getCompanyByTenantId',
|
|
||||||
method: 'GET',
|
|
||||||
params: {
|
|
||||||
tenantId: this.tenantId,
|
|
||||||
systemCode: 'jiaxiao',
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
this.schoolInfo = res.data;
|
|
||||||
|
|
||||||
// 获取用户位置并计算距离
|
|
||||||
try {
|
|
||||||
const userLocation = await this.getLocation();
|
|
||||||
if (userLocation.lat && userLocation.lng && this.schoolInfo.lat && this.schoolInfo.lgt) {
|
|
||||||
const distance = this.calculateDistance({
|
|
||||||
latitude: userLocation.lat,
|
|
||||||
longitude: userLocation.lng
|
|
||||||
}, {
|
|
||||||
latitude: parseFloat(this.schoolInfo.lat),
|
|
||||||
longitude: parseFloat(this.schoolInfo.lgt)
|
|
||||||
});
|
|
||||||
this.distance = distance;
|
|
||||||
this.showDistance = true;
|
|
||||||
this.locationPermissionDenied = false;
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('获取位置失败', error);
|
|
||||||
this.showDistance = false;
|
|
||||||
this.locationPermissionDenied = true;
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('获取驾校信息失败', error);
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
getSchoolClass() {
|
getSchoolClass() {
|
||||||
request({
|
request({
|
||||||
url: '/app-api/dl-drive-school-course-small/noTenantIdPage',
|
url: '/app-api/dl-drive-school-course-small/noTenantIdPage',
|
||||||
@ -278,29 +181,25 @@
|
|||||||
},
|
},
|
||||||
//获取当前位置
|
//获取当前位置
|
||||||
getLocation() {
|
getLocation() {
|
||||||
return new Promise((resolve, reject) => {
|
let location = {
|
||||||
|
lat: 0,
|
||||||
|
lng: 0,
|
||||||
|
}
|
||||||
|
return new Promise((reserve, reject) => { //因为获取位置是异步接口所以需要使用promise
|
||||||
uni.getLocation({
|
uni.getLocation({
|
||||||
type: 'gcj02',
|
success(res) {
|
||||||
success: (res) => {
|
console.log('成功')
|
||||||
resolve({
|
location.lat = res.latitude
|
||||||
lat: res.latitude,
|
location.lng = res.longitude,
|
||||||
lng: res.longitude
|
reserve(location);
|
||||||
});
|
|
||||||
},
|
},
|
||||||
fail: (err) => {
|
fail(err) {
|
||||||
console.error('获取位置失败', err);
|
console.log('失败', err)
|
||||||
// 用户拒绝了位置授权
|
reject(location); //获取失败则返回经纬坐标为0
|
||||||
if (err.errMsg.includes('auth deny') || err.errMsg.includes(
|
|
||||||
'fail auth deny')) {
|
|
||||||
this.showDistance = false;
|
|
||||||
this.locationPermissionDenied = true;
|
|
||||||
}
|
}
|
||||||
reject(err);
|
})
|
||||||
}
|
})
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// 计算两点间距离(单位:米)
|
// 计算两点间距离(单位:米)
|
||||||
calculateDistance(loc1, loc2) {
|
calculateDistance(loc1, loc2) {
|
||||||
const {
|
const {
|
||||||
@ -312,15 +211,13 @@
|
|||||||
longitude: lng2
|
longitude: lng2
|
||||||
} = loc2;
|
} = loc2;
|
||||||
|
|
||||||
// 将经纬度转换为弧度
|
|
||||||
const rad = (d) => d * Math.PI / 180.0;
|
const rad = (d) => d * Math.PI / 180.0;
|
||||||
const radLat1 = rad(lat1);
|
const radLat1 = rad(lat1);
|
||||||
const radLat2 = rad(lat2);
|
const radLat2 = rad(lat2);
|
||||||
const a = radLat1 - radLat2;
|
const a = radLat1 - radLat2;
|
||||||
const b = rad(lng1) - rad(lng2);
|
const b = rad(lng1) - rad(lng2);
|
||||||
|
|
||||||
// 使用Haversine公式计算距离
|
const distance = 2 * Math.asin(Math.sqrt(
|
||||||
const s = 2 * Math.asin(Math.sqrt(
|
|
||||||
Math.pow(Math.sin(a / 2), 2) +
|
Math.pow(Math.sin(a / 2), 2) +
|
||||||
Math.cos(radLat1) *
|
Math.cos(radLat1) *
|
||||||
Math.cos(radLat2) *
|
Math.cos(radLat2) *
|
||||||
@ -328,16 +225,11 @@
|
|||||||
));
|
));
|
||||||
|
|
||||||
const EARTH_RADIUS = 6378.137; // 地球半径(千米)
|
const EARTH_RADIUS = 6378.137; // 地球半径(千米)
|
||||||
const distance = s * EARTH_RADIUS;
|
// 修改计算结果(原米制 → 公里制)
|
||||||
|
const result = (distance * EARTH_RADIUS).toFixed(2); // 直接得到公里,保留2位小数
|
||||||
// 小于1公里显示米,大于等于1公里显示千米
|
console.log('距离:', result + 'km');
|
||||||
if (distance < 1) {
|
return result;
|
||||||
return (distance * 1000).toFixed(0) + '米';
|
|
||||||
} else {
|
|
||||||
return distance.toFixed(2) + '公里';
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
wxGeocoder(address) {
|
wxGeocoder(address) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
// 需要先通过chooseLocation获取坐标(用户交互触发)
|
// 需要先通过chooseLocation获取坐标(用户交互触发)
|
||||||
@ -417,142 +309,10 @@
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
// 请求位置权限
|
|
||||||
requestLocationPermission() {
|
|
||||||
uni.showModal({
|
|
||||||
title: '提示',
|
|
||||||
content: '需要获取您的位置信息才能计算距离,是否前往设置开启权限?',
|
|
||||||
success: (res) => {
|
|
||||||
if (res.confirm) {
|
|
||||||
// 打开设置页面
|
|
||||||
uni.openSetting({
|
|
||||||
success: (res) => {
|
|
||||||
if (res.authSetting['scope.userLocation']) {
|
|
||||||
// 用户授权了位置权限,重新获取位置
|
|
||||||
this.getSchoolInfo();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
// 初始化地图
|
|
||||||
/* initMap() {
|
|
||||||
// 假设驾校地址的经纬度已经获取或通过接口返回
|
|
||||||
if (this.schoolInfo.lat && this.schoolInfo.lgt) {
|
|
||||||
this.latitude = parseFloat(this.schoolInfo.lat);
|
|
||||||
this.longitude = parseFloat(this.schoolInfo.lgt);
|
|
||||||
|
|
||||||
this.markers = [{
|
|
||||||
id: 1,
|
|
||||||
latitude: this.latitude,
|
|
||||||
longitude: this.longitude,
|
|
||||||
title: this.schoolInfo.corpName,
|
|
||||||
iconPath: '/static/location.png', // 自定义标记图标
|
|
||||||
width: 30,
|
|
||||||
height: 30
|
|
||||||
}];
|
|
||||||
}
|
|
||||||
}, */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 点击地图事件
|
|
||||||
/* handleMapTap() {
|
|
||||||
// 打开地图APP或导航
|
|
||||||
uni.openLocation({
|
|
||||||
latitude: this.latitude,
|
|
||||||
longitude: this.longitude,
|
|
||||||
name: this.schoolInfo.corpName,
|
|
||||||
address: this.schoolInfo.address
|
|
||||||
});
|
|
||||||
}, */
|
|
||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang='scss'>
|
<style lang='scss'>
|
||||||
@import '../common/common.scss';
|
@import '../common/common.scss';
|
||||||
@import './assets/style/index.rpx.scss';
|
@import './assets/style/index.rpx.scss';
|
||||||
|
|
||||||
.map_whole {
|
|
||||||
width: 100%;
|
|
||||||
height: 180rpx;
|
|
||||||
/* background-color: #000000; */
|
|
||||||
margin: 0 0 10rpx 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.map_body {
|
|
||||||
width: 92%;
|
|
||||||
height: 95%;
|
|
||||||
/* background-color: #00aaff; */
|
|
||||||
border-radius: 16rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.map_container {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 300rpx;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-img {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.map-text-1 {
|
|
||||||
width: 70%;
|
|
||||||
position: absolute;
|
|
||||||
top: 30rpx;
|
|
||||||
left: 20rpx;
|
|
||||||
z-index: 1;
|
|
||||||
color: #000;
|
|
||||||
font-size: 26rpx;
|
|
||||||
right: 20rpx;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
word-break: break-word;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.map-text-2 {
|
|
||||||
margin-top: 30rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 80rpx;
|
|
||||||
left: 20rpx;
|
|
||||||
z-index: 1;
|
|
||||||
color: #5f5f5f;
|
|
||||||
font-size: 26rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.get-distance-btn {
|
|
||||||
margin-top: 30rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 80rpx;
|
|
||||||
left: 20rpx;
|
|
||||||
z-index: 1;
|
|
||||||
color: #007AFF;
|
|
||||||
font-size: 26rpx;
|
|
||||||
padding: 5rpx 15rpx;
|
|
||||||
background-color: rgba(223, 235, 255, 1);
|
|
||||||
border-radius: 8rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.get-distance-btn text {
|
|
||||||
color: #007AFF;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@ -24,16 +24,25 @@
|
|||||||
<view class="block_4 flex-row justify-between">
|
<view class="block_4 flex-row justify-between">
|
||||||
<text class="text_2">头像</text>
|
<text class="text_2">头像</text>
|
||||||
<view class="label_2">
|
<view class="label_2">
|
||||||
<u-upload :fileList="avatarList" @afterRead="avatarAfterRead" @delete="avatarDelete"
|
<u-upload
|
||||||
:maxCount="1" width="70rpx" height="70rpx">
|
:fileList="avatarList"
|
||||||
|
@afterRead="avatarAfterRead"
|
||||||
|
@delete="avatarDelete"
|
||||||
|
:maxCount="1"
|
||||||
|
width="70rpx"
|
||||||
|
height="70rpx"
|
||||||
|
|
||||||
|
>
|
||||||
<!-- <image
|
<!-- <image
|
||||||
class="label_2"
|
class="label_2"
|
||||||
referrerpolicy="no-referrer"
|
referrerpolicy="no-referrer"
|
||||||
:src="(item ? imageUrl + '/' + userDetails.avatar : '/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNG6ea89e46a56641bc7e118ef1d4d789d5.png')"
|
:src="(item ? imageUrl + '/' + userDetails.avatar : '/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNG6ea89e46a56641bc7e118ef1d4d789d5.png')"
|
||||||
/> -->
|
/> -->
|
||||||
|
|
||||||
<image class="label_2"
|
<image
|
||||||
:src="avatarList[0] ? avatarList[0].url : '/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNG6ea89e46a56641bc7e118ef1d4d789d5.png'" />
|
class="label_2"
|
||||||
|
:src="avatarList[0] ? avatarList[0].url : '/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNG6ea89e46a56641bc7e118ef1d4d789d5.png'"
|
||||||
|
/>
|
||||||
</u-upload>
|
</u-upload>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -52,8 +61,16 @@
|
|||||||
<text class="text_7">身份证照片</text>
|
<text class="text_7">身份证照片</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="image-wrapper_2 flex-row justify-between">
|
<view class="image-wrapper_2 flex-row justify-between">
|
||||||
<u-upload :fileList="idCardfileList" @afterRead="idCardAfterRead" @delete="idCardDelete"
|
<u-upload
|
||||||
:maxCount="2" width="300rpx" height="196rpx" margin-right="10rpx" :previewFullImage="true">
|
:fileList="idCardfileList"
|
||||||
|
@afterRead="idCardAfterRead"
|
||||||
|
@delete="idCardDelete"
|
||||||
|
:maxCount="2"
|
||||||
|
width="300rpx"
|
||||||
|
height="196rpx"
|
||||||
|
margin-right="10rpx"
|
||||||
|
:previewFullImage="true"
|
||||||
|
>
|
||||||
<!-- <view v-if="idCardList.length > 0" class="flex-row">
|
<!-- <view v-if="idCardList.length > 0" class="flex-row">
|
||||||
<image
|
<image
|
||||||
v-for="(item, index) in idCardList"
|
v-for="(item, index) in idCardList"
|
||||||
@ -78,8 +95,13 @@
|
|||||||
<view class="group_6 flex-col" v-if="noN">
|
<view class="group_6 flex-col" v-if="noN">
|
||||||
<text class="text_8">生活照片</text>
|
<text class="text_8">生活照片</text>
|
||||||
<view class="list_1 flex-row">
|
<view class="list_1 flex-row">
|
||||||
<u-upload :fileList="lifePhotoFileList" @afterRead="lifePhotoAfterRead"
|
<u-upload
|
||||||
@delete="lifePhotoDelete" :maxCount="3" :previewFullImage="true">
|
:fileList="lifePhotoFileList"
|
||||||
|
@afterRead="lifePhotoAfterRead"
|
||||||
|
@delete="lifePhotoDelete"
|
||||||
|
:maxCount="3"
|
||||||
|
:previewFullImage="true"
|
||||||
|
>
|
||||||
<!-- <view class="flex-row">
|
<!-- <view class="flex-row">
|
||||||
<view
|
<view
|
||||||
class="list-items_1 flex-col"
|
class="list-items_1 flex-col"
|
||||||
@ -115,9 +137,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import upload from '@/utils/upload.js'
|
import upload from '@/utils/upload.js'
|
||||||
import request from '@/utils/request.js'
|
import request from '@/utils/request.js'
|
||||||
import {
|
import { getLocalUserInfo } from '../../utils/auth';
|
||||||
getLocalUserInfo
|
|
||||||
} from '../../utils/auth';
|
|
||||||
import headers from "@/components/header/headers.vue";
|
import headers from "@/components/header/headers.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -146,28 +166,36 @@
|
|||||||
noN:true,
|
noN:true,
|
||||||
scrollHeight: 0,
|
scrollHeight: 0,
|
||||||
|
|
||||||
loopData0: [{
|
loopData0: [
|
||||||
lanhuBg0: 'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG6c58eb8af40eb273da0485e6cc1d93d1.png) 100% no-repeat',
|
{
|
||||||
lanhuimage0: 'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
lanhuBg0:
|
||||||
|
'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG6c58eb8af40eb273da0485e6cc1d93d1.png) 100% no-repeat',
|
||||||
|
lanhuimage0:
|
||||||
|
'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
lanhuBg0: 'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGb51240b007489f1975779de452af0c84.png) 100% no-repeat',
|
lanhuBg0:
|
||||||
lanhuimage0: 'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGb51240b007489f1975779de452af0c84.png) 100% no-repeat',
|
||||||
|
lanhuimage0:
|
||||||
|
'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
lanhuBg0: 'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG6096ca91210c53f26481649ad200964b.png) 100% no-repeat',
|
lanhuBg0:
|
||||||
lanhuimage0: 'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG6096ca91210c53f26481649ad200964b.png) 100% no-repeat',
|
||||||
|
lanhuimage0:
|
||||||
|
'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
lanhuBg0: 'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG31e719001bca1c0de203d1dbe975991e.png) 100% no-repeat',
|
lanhuBg0:
|
||||||
lanhuimage0: 'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG31e719001bca1c0de203d1dbe975991e.png) 100% no-repeat',
|
||||||
|
lanhuimage0:
|
||||||
|
'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
constants: {}
|
constants: {}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
console.log('option', option)
|
|
||||||
this.usersMsg = getLocalUserInfo()
|
this.usersMsg = getLocalUserInfo()
|
||||||
this.userId = option.userId;
|
this.userId = option.userId;
|
||||||
this.userDetails.userId = option.userId;
|
this.userDetails.userId = option.userId;
|
||||||
@ -190,9 +218,7 @@
|
|||||||
request({
|
request({
|
||||||
url: '/app-api/small/dl-drive-school-student/getByUserId',
|
url: '/app-api/small/dl-drive-school-student/getByUserId',
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
params: {
|
params: { userId: this.userId },
|
||||||
userId: this.userId
|
|
||||||
},
|
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
if (!res.data) {
|
if (!res.data) {
|
||||||
this.noN = false;
|
this.noN = false;
|
||||||
@ -207,17 +233,13 @@
|
|||||||
url: `${this.imageUrl}/${this.usersMsg.avatar}`,
|
url: `${this.imageUrl}/${this.usersMsg.avatar}`,
|
||||||
fileName: this.usersMsg.avatar,
|
fileName: this.usersMsg.avatar,
|
||||||
status: 'success',
|
status: 'success',
|
||||||
response: {
|
response: { url: this.usersMsg.avatar }
|
||||||
url: this.usersMsg.avatar
|
|
||||||
}
|
|
||||||
}];
|
}];
|
||||||
}
|
}
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.userDetails = {
|
this.userDetails = { ...res.data };
|
||||||
...res.data
|
|
||||||
};
|
|
||||||
|
|
||||||
// 头像初始化
|
// 头像初始化
|
||||||
if (res.data.avatar) {
|
if (res.data.avatar) {
|
||||||
@ -225,39 +247,33 @@
|
|||||||
url: `${this.imageUrl}/${res.data.avatar}`,
|
url: `${this.imageUrl}/${res.data.avatar}`,
|
||||||
fileName: res.data.avatar,
|
fileName: res.data.avatar,
|
||||||
status: 'success',
|
status: 'success',
|
||||||
response: {
|
response: { url: res.data.avatar }
|
||||||
url: res.data.avatar
|
|
||||||
}
|
|
||||||
}];
|
}];
|
||||||
}
|
}
|
||||||
|
|
||||||
// 身份证照片初始化
|
// 身份证照片初始化
|
||||||
this.idCardfileList = res.data.idPhoto ?
|
this.idCardfileList = res.data.idPhoto
|
||||||
res.data.idPhoto.split(',')
|
? res.data.idPhoto.split(',')
|
||||||
.filter(url => url.trim())
|
.filter(url => url.trim())
|
||||||
.map(url => ({
|
.map(url => ({
|
||||||
url: `${this.imageUrl}/${url.trim()}`,
|
url: `${this.imageUrl}/${url.trim()}`,
|
||||||
fileName: url.trim(),
|
fileName: url.trim(),
|
||||||
status: 'success',
|
status: 'success',
|
||||||
response: {
|
response: { url:`${this.imageUrl}/${url.trim()}` }
|
||||||
url: `${this.imageUrl}/${url.trim()}`
|
}))
|
||||||
}
|
: [];
|
||||||
})) :
|
|
||||||
[];
|
|
||||||
|
|
||||||
// 生活照初始化
|
// 生活照初始化
|
||||||
this.lifePhotoFileList = res.data.lifePhoto ?
|
this.lifePhotoFileList = res.data.lifePhoto
|
||||||
res.data.lifePhoto.split(',')
|
? res.data.lifePhoto.split(',')
|
||||||
.filter(url => url.trim())
|
.filter(url => url.trim())
|
||||||
.map(url => ({
|
.map(url => ({
|
||||||
url: `${this.imageUrl}/${url.trim()}`,
|
url: `${this.imageUrl}/${url.trim()}`,
|
||||||
fileName: url.trim(),
|
fileName: url.trim(),
|
||||||
status: 'success',
|
status: 'success',
|
||||||
response: {
|
response: { url: `${this.imageUrl}/${url.trim()}` }
|
||||||
url: `${this.imageUrl}/${url.trim()}`
|
}))
|
||||||
}
|
: [];
|
||||||
})) :
|
|
||||||
[];
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -282,10 +298,7 @@
|
|||||||
idCardAfterRead(event) {
|
idCardAfterRead(event) {
|
||||||
const files = Array.isArray(event.file) ? event.file : [event.file]
|
const files = Array.isArray(event.file) ? event.file : [event.file]
|
||||||
if (this.idCardfileList.length + files.length > 2) {
|
if (this.idCardfileList.length + files.length > 2) {
|
||||||
uni.showToast({
|
uni.showToast({ title: '最多上传2张身份证照片', icon: 'none' })
|
||||||
title: '最多上传2张身份证照片',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -311,10 +324,7 @@
|
|||||||
lifePhotoAfterRead(event) {
|
lifePhotoAfterRead(event) {
|
||||||
const files = Array.isArray(event.file) ? event.file : [event.file]
|
const files = Array.isArray(event.file) ? event.file : [event.file]
|
||||||
if (this.lifePhotoFileList.length + files.length > 3) {
|
if (this.lifePhotoFileList.length + files.length > 3) {
|
||||||
uni.showToast({
|
uni.showToast({ title: '最多上传3张生活照片', icon: 'none' })
|
||||||
title: '最多上传3张生活照片',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -339,9 +349,7 @@
|
|||||||
url: '/app-api/small-upload/common/upload',
|
url: '/app-api/small-upload/common/upload',
|
||||||
filePath: file.url || file.path,
|
filePath: file.url || file.path,
|
||||||
name: 'file',
|
name: 'file',
|
||||||
formData: {
|
formData: { type }
|
||||||
type
|
|
||||||
}
|
|
||||||
}).then(resolve).catch(reject)
|
}).then(resolve).catch(reject)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@ -414,16 +422,10 @@
|
|||||||
method: 'PUT',
|
method: 'PUT',
|
||||||
data: submitData
|
data: submitData
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
uni.showToast({
|
uni.showToast({ title: '保存成功', icon: 'success' })
|
||||||
title: '保存成功',
|
|
||||||
icon: 'success'
|
|
||||||
})
|
|
||||||
setTimeout(() => uni.navigateBack(), 1500)
|
setTimeout(() => uni.navigateBack(), 1500)
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
uni.showToast({
|
uni.showToast({ title: '保存失败', icon: 'none' })
|
||||||
title: '保存失败',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 83 KiB |
Loading…
Reference in New Issue
Block a user