调整页面

This commit is contained in:
浅念
2025-03-20 10:58:04 +08:00
parent c57ed8a701
commit 634fe57349
14 changed files with 145 additions and 52 deletions
+1 -1
View File
@@ -14,7 +14,7 @@
<view class=""><text class="name">{{item.contacts}}</text><text class="phone">{{item.phone}}</text></view>
<view class="ststus">{{item.grade_txt}}</view>
</view>
<view class="info"><text class="sex">男</text> | <text class="addr">迪拜</text><text class="type">越野车</text>
<view class="info"><text class="sex">{{item.sex_txt}}</text> | <text class="addr">迪拜</text><text class="type">{{item.car_type_name}}</text>
</view>
<view class="desc">{{item.describe}}</view>
<!-- <slot name="footer">
+13 -6
View File
@@ -6,7 +6,6 @@
<view>{{$t('customer.CustomerChannel')}}</view>
<view class="right select" @click="showchannel = true">
<input :placeholder="$t('customer.CustomerChannelinput')" disabled v-model="channel_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showchannel" @cancel="cancel('showchannel')" :columns="channelList" keyName="name" @confirm="channelChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -15,7 +14,6 @@
<view>{{$t('customer.Medal')}}</view>
<view class="right select" @click="showmagnitude = true">
<input :placeholder="$t('customer.Medalinput')" disabled v-model="magnitude_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showmagnitude" @cancel="cancel('showmagnitude')" :columns="magnitudeList" keyName="name" @confirm="magnitudeChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -32,7 +30,7 @@
<view class="right">
<u-radio-group v-model="form.sex">
<u-radio name="0">{{$t('gender0')}}</u-radio>
<u-radio name="1">{{$t('gender1')}}</u-radio>
<u-radio name="1" class="u-m-lr-10">{{$t('gender1')}}</u-radio>
<u-radio name="2">{{$t('gender2')}}</u-radio>
</u-radio-group>
</view>
@@ -63,7 +61,6 @@
<view>{{$t('customer.Customerph')}}</view>
<view class="right select" @click="showcartype = true">
<input :placeholder="$t('customer.Customerphinput')" disabled v-model="car_type_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showcartype" @cancel="cancel('showcartype')" :columns="carTypeList" keyName="name" @confirm="cartypesChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -72,7 +69,6 @@
<view>{{$t('customer.Cstomerfj')}}</view>
<view class="right select" @click="showgrade = true">
<input :placeholder="$t('customer.Cstomerfjinput')" disabled v-model="grade_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showgrade" @cancel="cancel('showgrade')" :columns="getGradeList" keyName="name" @confirm="gradeHandler"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -81,7 +77,6 @@
<view>{{$t('customer.Country')}}</view>
<view class="right select" @click="showarea = true">
<input :placeholder="$t('customer.Countryinput')" disabled v-model="country_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showarea" @cancel="cancel('showarea')" :columns="areaList" keyName="name" @confirm="areaChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -112,6 +107,11 @@
<view class="foot">
<button class="btn" @click="saveFn">{{$t('submit')}}</button>
</view>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showchannel" @cancel="cancel('showchannel')" @close="close('showchannel')" :columns="channelList" keyName="name" @confirm="channelChange"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showmagnitude" @cancel="cancel('showmagnitude')" @close="close('showmagnitude')" :columns="magnitudeList" keyName="name" @confirm="magnitudeChange"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showcartype" @cancel="cancel('showcartype')" @close="close('showcartype')" :columns="carTypeList" keyName="name" @confirm="cartypesChange"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showgrade" @cancel="cancel('showgrade')" @close="close('showgrade')" :columns="getGradeList" keyName="name" @confirm="gradeHandler"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showarea" @cancel="cancel('showarea')" @close="close('showarea')" :columns="areaList" keyName="name" @confirm="areaChange"></u-picker>
<!-- <u-popup :show="showmap" :round="10" mode="bottom" @close="mapclose" width="90%" height="70%">
<view class="mapcont">
@@ -287,6 +287,9 @@
cancel(val){
this[val] = false
},
close(val){
this[val] = false
},
//提交保存
saveFn(){
if(this.form.contacts==''){
@@ -303,6 +306,7 @@
});
return false
}
console.log(this.form)
request({
url:'customer/save',
method:'post',
@@ -326,6 +330,9 @@
</script>
<style lang="scss">
.u-m-lr-10{
margin: 0px 10px;
}
textarea {
min-height: 200rpx;// 设置默认高度 ,解决设置自适应高度之后高度无效问题
margin-top: 15px;
+35 -12
View File
@@ -1,12 +1,11 @@
<template>
<view>
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" :title="$t('customer.customerinfo')"></uni-nav-bar>
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" :title="$t('navbar.customerinfo')"></uni-nav-bar>
<view class="content">
<view class="cell">
<view>{{$t('customer.CustomerChannel')}}</view>
<view class="right select" @click="showchannel = true">
<input :placeholder="$t('customer.CustomerChannelinput')" disabled v-model="channel_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexqd" :show="showchannel" @cancel="cancel('showchannel')" :columns="channelList" keyName="name" @confirm="channelChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -15,7 +14,6 @@
<view>{{$t('customer.Medal')}}</view>
<view class="right select" @click="showmagnitude = true">
<input :placeholder="$t('customer.Medalinput')" disabled v-model="magnitude_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexsj" :show="showmagnitude" @cancel="cancel('showmagnitude')" :columns="magnitudeList" keyName="name" @confirm="magnitudeChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -31,9 +29,9 @@
<view>{{$t('gender')}}</view>
<view class="right">
<u-radio-group v-model="form.sex">
<u-radio name="0">{{$t('gender0')}}</u-radio>
<u-radio name="1">{{$t('gender1')}}</u-radio>
<u-radio name="2">{{$t('gender2')}}</u-radio>
<u-radio :name="Number(0)">{{$t('gender0')}}</u-radio>
<u-radio :name="Number(1)" class="u-m-lr-10">{{$t('gender1')}}</u-radio>
<u-radio :name="Number(2)">{{$t('gender2')}}</u-radio>
</u-radio-group>
</view>
</view>
@@ -63,7 +61,6 @@
<view>{{$t('customer.Customerph')}}</view>
<view class="right select" @click="showcartype = true">
<input :placeholder="$t('customer.Customerphinput')" disabled v-model="car_type_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')":defaultIndex="defaultIndexph" :show="showcartype" @cancel="cancel('showcartype')" :columns="carTypeList" keyName="name" @confirm="cartypesChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -72,7 +69,6 @@
<view>{{$t('customer.Cstomerfj')}}</view>
<view class="right select" @click="showgrade = true">
<input :placeholder="$t('customer.Cstomerfjinput')" disabled v-model="grade_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexfj" :show="showgrade" @cancel="cancel('showgrade')" :columns="getGradeList" keyName="name" @confirm="gradeHandler"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -81,7 +77,6 @@
<view>{{$t('customer.Country')}}</view>
<view class="right select" @click="showarea = true">
<input :placeholder="$t('customer.Countryinput')" disabled v-model="country_name" />
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexgj" :show="showarea" @cancel="cancel('showarea')" :columns="areaList" keyName="name" @confirm="areaChange"></u-picker>
<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
</view>
</view>
@@ -108,7 +103,7 @@
{{$t('customer.followrecord')}} <text class="status" :style="{color:(datas.follow == 0 ?'#3471FF' : datas.follow == 1 ?'#27C89C': '#FF4040')}">{{datas.follow_txt}}</text>
</view>
<view class="btnjl" @click="followupFn">
{{$t('navbar.addfollow')}}
{{$t('navbar.addfollowup')}}
</view>
</view>
<u-steps v-if="followList.length>0" :current="followList.length" direction="column" dot>
@@ -143,6 +138,12 @@
<view class="foot">
<button class="btn" @click="nextFn">{{$t('submit')}}</button>
</view>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexqd" :show="showchannel" @cancel="cancel('showchannel')" @close="close('showchannel')" :columns="channelList" keyName="name" @confirm="channelChange"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexsj" :show="showmagnitude" @cancel="cancel('showmagnitude')" @close="close('showmagnitude')" :columns="magnitudeList" keyName="name" @confirm="magnitudeChange"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')":defaultIndex="defaultIndexph" :show="showcartype" @cancel="cancel('showcartype')" @close="close('showcartype')" :columns="carTypeList" keyName="name" @confirm="cartypesChange"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexfj" :show="showgrade" @cancel="cancel('showgrade')" @close="close('showgrade')" :columns="getGradeList" keyName="name" @confirm="gradeHandler"></u-picker>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :defaultIndex="defaultIndexgj" :show="showarea" @cancel="cancel('showarea')" @close="close('showarea')" :columns="areaList" keyName="name" @confirm="areaChange"></u-picker>
<!-- <u-popup :show="showmap" :round="10" mode="bottom" @close="mapclose">
<view class="mapcont">
<view class="header">
@@ -269,7 +270,7 @@
})
that.areaList1.forEach((item,index) => {
if(item.id == that.form.country_id){
that.channel_name = item.name
that.country_name = item.name
that.defaultIndexgj=[index]
}
})
@@ -402,14 +403,36 @@
cancel(val){
this[val] = false
},
close(val){
this[val] = false
},
nextFn(){
request({
url:'customer/save',
method:'post',
data:this.form
}).then(res => {
uni.showToast({
title: res.data.message,
icon: 'none'
});
if(res.data.code ==0){
setTimeout(() => {
uni.reLaunch({
url: '/pages/index/customer',// 替换为你要跳转的页面路径
});
}, 1000);
}
})
}
}
}
</script>
<style lang="scss">
.u-m-lr-10{
margin: 0px 10px;
}
textarea {
min-height: 200rpx;// 设置默认高度 ,解决设置自适应高度之后高度无效问题
margin-top: 15px;
+1 -1
View File
@@ -295,7 +295,7 @@
uploadfn(imgUrl,name){
var that = this;
uni.uploadFile({
url: 'http://192.168.50.4:8787/upload',
url: 'http://219.157.255.213:9007/upload',
filePath: imgUrl,
name: 'files',
header:{'content-type': 'application/x-www-form-urlencoded','Authorization': 'Bearer ' + uni.getStorageSync('token')},
+1 -1
View File
@@ -2,7 +2,7 @@
<view>
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" title="map"></uni-nav-bar>
<web-view :src="src" style="width: 100%; height: 660px;" @message="postMessagefn" @onPostMessage="postMessagefn"></web-view>
<web-view :src="src" style="width: 100%; height: 700px;" @message="postMessagefn" @onPostMessage="postMessagefn"></web-view>
</view>
</template>
<script>
+1 -1
View File
@@ -34,7 +34,7 @@
<view class=""><text class="name">{{item.contacts}}</text><text class="phone">{{item.phone}}</text></view>
<view class="ststus">{{item.grade_txt}}</view>
</view>
<view class="info"><text class="sex">男</text> | <text class="addr">迪拜</text><text class="type">越野车</text>
<view class="info"><text class="sex">{{item.sex_txt}}</text> | <text class="addr">迪拜</text><text class="type">{{item.car_type_name}}</text>
</view>
</view>
</view>
+6 -3
View File
@@ -54,7 +54,7 @@
</z-paging>
<u-datetime-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="show" v-model="value1"
@confirm="confirm" @cancel="cancel" mode="year-month"></u-datetime-picker>
<u-picker :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" :show="showlang" :columns="columns"
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" @close="close" :show="showlang" :columns="columns"
@cancel="cancellang" @confirm="confirmlang" :title="$t('home.langbtn')" keyName="label"></u-picker>
</view>
</template>
@@ -87,10 +87,10 @@
label: '中文',
id: 'zh'
}, {
label: '英文',
label: 'English',
id: 'en'
}, {
label: '俄语',
label: 'Russian',
id: 'ru'
}]
],
@@ -127,6 +127,9 @@
this.getstatistics()
},
methods: {
close(){
this.showlang = false
},
// 处理滚动事件
onPageScroll(event) {
const scrollTop = event.scrollTop || 0;
+9 -6
View File
@@ -23,7 +23,7 @@
<span>{{$t('mine.msg')}}</span>
<view class="">
<view class="badge">
9
0
</view>
<uni-icons type="right" class="icon" size="18"></uni-icons>
</view>
@@ -63,7 +63,7 @@
</view>
<!-- 联系客服弹框 -->
<u-popup :show="show" :closeOnClickOverlay="false" :round="20" mode="center">
<u-popup :show="show" :round="20" mode="center" @close="close">
<view class="popupcontent">
<image class="log1" src="/static/image/mine/kefu.png"></image>
<view class="title">{{$t('mine.kfphone')}}</view>
@@ -99,6 +99,9 @@
url: url
});
},
close() {
this.show = false
},
// 拨打电话
callPhone(phoneNumber) {
this.show = false;
@@ -230,12 +233,12 @@
top: 32%;
}
.son-img-bg {
width: 24px;
height: 24px;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
top: 45%;
margin-top: -20rpx;
left: 12;
left: 12px;
}
span {
margin-left: 68rpx;
+69 -5
View File
@@ -1,9 +1,11 @@
<template>
<view class="page">
<view class="title">
<image src="/static/image/hesu.png" mode=""></image>
<image src="/static/image/lingke.png" mode=""></image>
</view>
<view class="changeyy" @click="showlang = true">
<image src="/static/image/change1.png" mode=""></image>{{$t('home.langbtn')}}
</view>
<view class="form">
<view class="inputs_button">
<view class="inputs">
@@ -53,6 +55,8 @@
borderColor="#3264ed" color="#fff" @click="pactChange" />
<view>{{$t('agreeMsg')}}<text @click="toPact">{{$t('UserAgreement')}}</text>{{$t('and')}}<text @click="toPact">{{$t('Privacy')}}</text></view>
</view>
<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')" @close="close" :show="showlang" :columns="columns"
@cancel="cancellang" @confirm="confirmlang" :title="$t('home.langbtn')" keyName="label"></u-picker>
</view>
</template>
@@ -64,12 +68,57 @@
email: "1696136552@qq.com",
password: "123456",
pactChecked: false,
showlang: false,
columns: [
[{
label: '中文',
id: 'zh'
}, {
label: 'English',
id: 'en'
}, {
label: 'Russian',
id: 'ru'
}]
],
}
},
onLoad() {
},
methods: {
close(){
this.showlang = false
},
cancellang() {
this.showlang = false
},
//语言切换事件
confirmlang(e) {
this.$i18n.locale = e.value[0].id
this.showlang = false
this.list1 = [{
name: this.$t('all'),
}, {
name: this.$t('followup'),
}, {
name: this.$t('deal')
}, {
name: this.$t('lost')
}];
uni.setTabBarItem({
index: 0,
text: this.$t('tabbar.home')
})
uni.setTabBarItem({
index: 1,
text: this.$t('tabbar.customer')
})
uni.setTabBarItem({
index: 2,
text: this.$t('tabbar.mine')
})
},
pactChange() {
this.pactChecked = !this.pactChecked
},
@@ -141,6 +190,21 @@
</script>
<style lang="scss" scoped>
.changeyy {
padding: 10px 15px;
border-radius: 50px;
background-color: #ECF2FF;
margin-bottom: 50rpx;
position: fixed;
right: 15px;
top: 5%;
color: #3471FF;
image {
width: 14px;
height: 12px;
margin-right: 5px;
}
}
.page {
min-height: 100vh;
background-image: url("../../static/image/login/loginbg.png");
@@ -154,8 +218,8 @@
padding-top: 220rpx;
text-align: center;
image{
width: 160px;
height: 37px;
width: 128px;
height: 47px;
}
}
@@ -221,7 +285,7 @@
align-items: center;
justify-content: center;
font-size: 24rpx;
margin-bottom: 20px;
margin-bottom: 30px;
text {
color: #3264ed;
}
+3 -3
View File
@@ -1,7 +1,7 @@
<template>
<view class="page">
<view class="title">
<image src="/static/image/hesu.png" mode=""></image>
<image src="/static/image/lingke.png" mode=""></image>
</view>
<view class="form">
@@ -163,8 +163,8 @@
padding-top: 220rpx;
text-align: center;
image{
width: 160px;
height: 37px;
width: 128px;
height: 47px;
}
}
+3 -3
View File
@@ -4,7 +4,7 @@
backgroundColor="#fff" :statusBar="true" :title="$t('mine.about')"></uni-nav-bar>
<view class="content">
<view class="title">
<image src="/static/image/hesu.png" mode=""></image>
<image src="/static/image/lingke.png" mode=""></image>
</view>
<u-cell-group :border="false">
<u-cell
@@ -65,8 +65,8 @@
padding: 140rpx 0px;
text-align: center;
image{
width: 160px;
height: 37px;
width: 128px;
height: 47px;
}
}
.content {
-7
View File
@@ -7,13 +7,6 @@
<image class="xj" src="/static/image/mine/xiangji.png" mode=""></image>
<view>{{$t('mine.changeavatar')}}</view>
</view>
<view class="cell1">
<view>ID</view>
<view class="right">
<input :placeholder="$t('mine.idinputhd')" v-model="userinfo.nickname"></input>
</view>
</view>
<u-divider text=""></u-divider>
<view class="cell1">
<view>{{$t('gender')}}</view>
<view class="right">
+3 -3
View File
@@ -1,7 +1,7 @@
<template>
<view class="page">
<view class="title">
<image src="/static/image/hesu.png" mode=""></image>
<image src="/static/image/lingke.png" mode=""></image>
</view>
<view class="form">
@@ -136,8 +136,8 @@
padding-top: 220rpx;
text-align: center;
image{
width: 160px;
height: 37px;
width: 128px;
height: 47px;
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB