H5端齐采药项目,uniapp框架
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1298 lines
31 KiB

<template>
<view class="">
<view class="Customer-name">
<div class="iamgea df aic jcsb">
<div>客户头像<span>*</span></div>
<!-- <div>{{listnoew.title}}</div> -->
<image class="" @click="bill" :src="$util.img(headsculpture)"></image>
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>客户名称<span>*</span></div>
<!-- <div>{{listnoew.title}}</div> -->
<input v-model="title" type="text"
style="text-align: right;
width: 500rpx;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;">
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>客户登录名</div>
<!-- <div>{{listnoew.title}}</div> -->
<input v-model="Login" disabled type="text" style="text-align: right;">
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>客户手机号</div>
<!-- <div>{{listnoew.title}}</div> -->
<input v-model="cellphone" disabled type="text" style="text-align: right;">
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>结算方式<span>*</span></div>
<!-- @click="$refs.type.start()" -->
<div class="df" @click="$refs.type.start()">
<view class="" v-if="pay_type==1">
现付
</view>
<view class="" v-if="pay_type==2">
后付
</view>
<u-icon name="arrow-right"></u-icon>
</div>
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>上次登录时间<span>*</span></div>
<!-- @click="$refs.type.start()" -->
<div class="df">
{{last}}
</div>
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>最后访问时间<span>*</span></div>
<!-- @click="$refs.type.start()" -->
<div class="df">
{{Last}}
</div>
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>最后下单时间<span>*</span></div>
<!-- @click="$refs.type.start()" -->
<div class="df">
{{consume}}
</div>
</div>
<!-- <div class="xxin"></div>
<div class="name df aic jcsb">
<div>客户标签<span>*</span></div> -->
<!-- <! <div>潜在客户</div> -->
<!-- <input type="text" style="text-align: right;">
</div> -->
<!-- <div class="xxin"></div>
<div class="name df aic jcsb">
<div>客户编号<span>*</span></div> -->
<!-- <! <div>潜在客户</div> -->
<!-- <div>{{listnoew.store_code}}</div>
</div> -->
<!-- <div class="xxin"></div>
<div class="name df aic jcsb" @click="show=true">
<div>归属地区<span>*</span></div>
<div class="df">{{economizename}}{{marketname}}{{distinguishme}}
<u-icon name="arrow-right"></u-icon>
</div>
</div> -->
<!-- <div class="xxin"></div>
<div class="name df aic jcsb">
<div>资料附件</div>
<div class="df" @click="means">
<u-icon name="arrow-right"></u-icon>
</div>
</div> -->
<!-- <div class="xxin"></div> -->
<!-- <div class="name df aic jcsb"> -->
<!-- <div>备注</div> -->
<!-- <div>是个大客户</div> -->
<!-- <input type="text" style="text-align: right;">
</div> -->
</view>
<view class="account-number">
<div class="df aic jcsb">
<div class="account">登录账号:{{mobile}}</div>
<div class="df telephone">
<div @click="phone" class="telephone-noe df aic jcsa">
<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/telephone.png`)"></image>
</div>
<div class="telephone-two df aic jcsa" @click="resetting">重置密码</div>
</div>
</div>
<!-- <div class="xxled"></div>
<div class="df aic jcsb">
<div class="account">最近登录时间:2022-09-12 18:21:12</div>
</div>
<div class="xxled"></div>
<div class="df aic jcsb">
<div class="account">最近下单时间:2022-09-12 18:21:12</div>
</div> -->
<div class="xxled"></div>
<div class="df aic jcsb">
<div class="account" v-if="listnoew.status==0"><span>*</span>账号状态:待审核</div>
<div class="account" v-if="listnoew.status==1"><span>*</span>账号状态:已通过</div>
<div class="account" v-if="listnoew.status==2"><span>*</span>账号状态:已驳回</div>
<div class="account" v-if="listnoew.status==3"><span>*</span>账号状态:已停用</div>
<div class="df telephone" v-if="listnoew.status==1" @click="Deactivate">
<div class="telephone-two df aic jcsa">停用账号</div>
</div>
<div class="df telephone" v-if="listnoew.status==3" @click="using">
<div class="telephone-two df aic jcsa">启用账号</div>
</div>
<div class="df telephone" v-if="listnoew.status==0" @click="examine">
<div class="telephone-two df aic jcsa">去审核</div>
</div>
</div>
<!-- <div class="xxled"></div> -->
<div class="df aic jcsb">
<div class="account"><span>*</span>业务员:{{nickname}}</div>
</div>
<!-- <div class="xxled"></div>
<div class="df aic jcsb">
<div class="account"><span>*</span>客服:客服001</div>
<div class="df telephone">
<u-icon name="arrow-right"></u-icon>
</div>
</div> -->
<!-- <div class="xxled"></div>
<div class="df aic jcsb">
<div class="account"><span>*</span>结算方式:
<text v-if="pay_type==1">现付</text>
<text v-if="pay_type==2">后付</text>
</div>
<div class="df telephone" @click="jiesuanfangshi">
<u-icon name="arrow-right"></u-icon>
</div>
</div> -->
</view>
<!-- <view class="contacts">
<div class="df jcsb aic">
<div class="contacts-human">联系人</div>
<div class="df class=contacts-being">
<input v-model="contacts" type="text" style="text-align: right;">
</div>
</div>
<div class="xukm"></div>
<div class="df jcsb aic">
<div class="contacts-human">联系电话</div>
<div class="df class=contacts-being">
<input v-model="telephone" type="text" style="text-align: right;">
</div>
</div>
<div class="xukm"></div>
<div class="df jcsb aic">
<div class="contacts-human">联系地址</div>
<div class="df class=contacts-being">
<input v-model="address" type="text" style="text-align: right;">
</div>
</div>
<div class="xukm"></div>
<div class="df jcsb aic">
<div class="contacts-human">电子邮件</div>
<input v-model="email" type="text" style="text-align: right;">
</div>
</view> -->
<!-- <view class="address">
<div class="df aic jcsb">
<div class="df address-di">
<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/position.png`)"></image>
<div>江西省吉安市万安县兰花路614号</div>
</div>
<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/revise.png`)"></image>
</div>
<div class="Xianxi">格娴茜<span>14498525585</span></div>
</view> -->
<view class="zhanwei"></view>
<view class="status df aic jcf" style="z-index: 999;">
<div class="df aic jcsa btn1" @click="preserve">保存</div>
<div class="df aic jcsa btn2" v-on:click="btnoneone()">历史订单</div>
<div class="df aic jcsa btn3" v-on:click="btnsuitwo()">去下单</div>
</view>
<u-overlay :show="show4" @click="show4 = false">
<view class="point-out">
<div class="point df aic jcsa">提示</div>
<div class=" confirmed df aic jcsa">是否停用客户账号</div>
<div class="btn df aic">
<div class="btn1 df aic jcsa">取消</div>
<div class="btn2 df aic jcsa">确认</div>
</div>
</view>
</u-overlay>
<type ref="type" @childEvent="getSchoolName"></type>
<u-overlay :show="show10">
<view class="point-out">
<div class="point df aic jcsa">提示</div>
<div df aic jcsa style="text-align: center;color: #ccc;">正在修改密码</div>
<view class="inputlen">
<u--input placeholder="请输入新的密码" border="surround" v-model="value" type="number"></u--input>
</view>
<div class="btntwo df aic">
<div class="btn1 df aic jcsa" @click="show10=false">取消</div>
<div class="btn2 df aic jcsa" @click="showbtn">确认</div>
</div>
</view>
</u-overlay>
<u-overlay :show="show6">
<view class="select">
<div class="df aic jcsb">
<div class="select-explain">请选择需要添加的标签</div>
<div class="select-latent">潜在客户</div>
</div>
<div class="df fw">
<div class="" v-for="(item,index) in lista" :key="index">
<div class="contract df aic jcsa" @click="()=>btn(index)">{{item.name}}</div>
</div>
</div>
<div class="btn df">
<div class="btn1 df aic jcsa">重置</div>
<div class="btn2 df aic jcsa">确定</div>
</div>
</view>
</u-overlay>
<u-overlay :show="show8">
<view class="head-one">
<view class="examine">
审核
</view>
<div class="radio-item" v-for="(item,index) in valueList" :key="index" @click="position(index,item)">
<div>{{item.name}}</div>
<image :src="$util.img(`/upload/weapp/user/gou.png`)" v-if="index==isRadio"></image>
<image :src="$util.img(`/upload/weapp/user/un_gou.png`)" v-else></image>
</div>
<view class="arr" style="width: 400rpx;margin: 0 auto;">
<!-- <input v-model="cause" type="text" style="border: 1rpx solid #ccc;"> -->
<u--textarea v-model="cause" placeholder="驳回时必填"></u--textarea>
</view>
<view class="df aic jcsa" style="margin-top: 24rpx;">
<div class="f1 one df aic jcsa" @click="show8=false">取消</div>
<div class="f1 two df aic jcsa" @click="determined">确定</div>
</view>
</view>
</u-overlay>
<u-picker @cancel="show=false" @close="show=false" closeOnClickOverlay @confirm="confirm" :show="show"
:columns="columns"></u-picker>
<u-picker @cancel="show1=false" @close="show1=false" closeOnClickOverlay @confirm="confirmone" :show="show1"
:columns="columnslist"></u-picker>
<u-picker @cancel="show2=false" @close="show2=false" closeOnClickOverlay @confirm="confirmtwo" :show="show2"
:columns="columnqu"></u-picker>
</view>
</template>
<script>
import type from "./type.vue"
import eventBus from '@/common/js/bus.js'
export default {
components: {
type
},
data() {
return {
valueList: [
{ id: 1, name: '通过' },
{ id: 2, name: '驳回' }
],
isRadio: 0,
value: '',
msg: this.msgabc, //状态
headsculpture: '',
nickname: '',
show: false,
pay_type: '',
show8: false,
show1: false,
show2: false,
show4: false,
show6: false,
show10: false,
Login: '',
last: '',
mobile: '',
cellphone: '',
Last: '',
consume: '',
economize: '', //省id
distinguish: '', //市的id
jioauk: '', //区的id
economizename: '', //省name
distinguishme: '', //区name
marketname: '', //市name
columnslist: [],
columnqu: [],
index: 0,
listnoew: [],
// address:'',
address: '',
cause: '',
itema: { id: 1, name: '通过' },
columns: [],
list: [],
license: '',
drugs_license: '',
card_images: [],
trust_book_images: [],
invoice_images: '',
title: '',
member_id: '',
telephone: '',
contacts: '',
email: '',
dist: '',
store_type: this.pay_type = 1 ? '现付' : '后付',
lista: [{
name: '潜在客户',
color: '#21BBF3',
background: '33,187,243,0.08',
},
{
name: '潜在流失客户',
color: '#585858',
background: '#FFFFFF',
},
{
name: '热销',
color: '#585858',
background: '#FFFFFF',
},
{
name: '信誉良好',
color: '#585858',
background: '#FFFFFF',
},
{
name: '签约',
color: '#585858',
background: '#FFFFFF',
},
{
name: '待签约',
color: '#585858',
background: '#FFFFFF',
}
]
}
},
props: {
msgabc: Array,
},
mounted(id) {
//客户类型
let _this = this
uni.$on('typename', (data) => {
console.log(data, 'data');
setTimeout(() => {
_this.store_type = data.name
_this.pay_type = data.id
// _this.$set(_this.store_type,'name',data.name)
}, 500)
// console.log(data[0].id,'66666');
// if(data[0]){
// console.log(12);
// _this.store_type=data[0].name
// _this.pay_type=data[0].id
// }else{
// console.log(13);
// _this.store_type=data.name
// _this.pay_type=data.id
// }
})
eventBus.$off('picture') // -------------------------- 一定要先关闭监听,不然会打印多次
eventBus.$on('picture', function(data) {
//赋值给首页的附近医院数据模型
console.log(data, 'data');
this.license = data.licen
this.drugs_license = data.dru
this.card_images = data.stat
this.trust_book_images = data.attorn
this.invoice_images = data.bil
}.bind(this));
// eventBus.uni.$on('picture', (data) => {
// console.log(data,'picture');
// })
},
onUnload() {
uni.$off('typename') //每次销毁监听,不然重复监听
uni.$off('picture')
},
created() {
//msg 客户id id店铺id
console.log(this.msg, 'mymsg');
this.$api.sendRequest({
url: '/api/salasman/info',
data: {},
success: res => {
// console.log(res.data,'业务员信息');
// this.nickname=res.data.nickname
}
})
this.$api.sendRequest({
url: '/api/salasman/getMemberInfo',
data: {
member_id: this.msg.msg
},
success: res => {
// console.log(res.data, '客户详情');
this.nickname = res.data.salasman_name
this.title = res.data.nickname
this.member_id = res.data.member_id
this.Login = res.data.username
this.cellphone = res.data.mobile
this.last = res.data.last_login_time
this.Last = res.data.last_visit_time
this.consume = res.data.last_consum_time
this.pay_type = res.data.pay_type
this.headsculpture = res.data.headimg
this.mobile = res.data.mobile
}
})
// this.$api.sendRequest({
// url:'/api/salasman/getStoreInfo',
// data:{
// member_id:this.msg.msg,//店铺id
// id:this.msg.id
// },
// success:res=>{
// console.log(res.data,'客户详情');
// this.listnoew=res.data
// this.title=res.data.title
// this.store_type=res.data.store_type
// this.economizename=res.data.province_name
// this.distinguishme=res.data.city_name
// this.marketname=res.data.district_name
// this.economize=res.data.province_id
// this.distinguish=res.data.city_id
// this.jioauk=res.data.district_id
// this.license=res.data.license
// this.drugs_license=res.data.drugs_license
// this.card_images=res.data.card_images
// this.trust_book_images=res.data.trust_book_images
// this.invoice_images=res.data.invoice_images
// this.contacts=res.data.contacts
// this.telephone=res.data.phone
// this.address=res.data.address
// this.email=res.data.email
// // this.dist=res.data.province_name+""+res.data.city_name+""+res.data.district_name
// }
// })
this.$api.sendRequest({
url: '/api/address/lists',
data: {
pid: 0
},
success: res => {
this.list = res.data
let a = []
for (let i = 0; i < res.data.length; i++) {
a.push(res.data[i].name)
}
this.columns = [a]
}
})
},
methods: {
resetting() {
this.show10 = true
// console.log(this.pay_type);
// this.$util.showToast({
// title: '重置成功'
// });
},
showbtn() {
if (!this.value.length > 0) {
this.$util.showToast({
title: '请输入密码'
});
return
}
this.$api.sendRequest({
url: `/api/salasman/modifyMemberPassword`,
data: {
password: this.value,
member_id: this.msg.msg
},
success: res => {
this.$util.showToast({
title: '密码重置成功'
});
this.show10 = false
}
})
console.log(this.value);
},
jiesuanfangshi() {
this.$refs.type.start()
},
bill(type, size = 1) {
this.$util.upload(size, {
path: 'otherImage'
}, res => {
console.log(res, '头像');
this.headsculpture = res[0]
})
},
phone() {
// console.log(this.cellphone,'电话');
uni.makePhoneCall({
phoneNumber: this.cellphone //仅为示例
});
},
Deactivate() {
let _this = this
this.$api.sendRequest({
url: `/api/salasman/stopStore`,
data: {
member_id: this.msg.msg, //店铺id
id: this.msg.id
},
success: res => {
this.$util.showToast({
title: '已停用'
});
location.reload()
}
})
},
using() {
this.$api.sendRequest({
url: `/api/salasman/startStore`,
data: {
member_id: this.msg.msg, //店铺id
id: this.msg.id
},
success: res => {
console.log(res);
this.$util.showToast({
title: '提交成功'
});
location.reload()
}
})
},
examine() {
this.show8 = true
},
determined() {
console.log(this.cause);
console.log(this.itema.id, 'itema');
if (this.itema.id == 1) {
//通过
this.$api.sendRequest({
url: `/api/salasman/doStore`,
data: {
member_id: this.msg.msg, //店铺id
id: this.msg.id,
status: 1,
},
success: res => {
this.$util.showToast({
title: '审核通过成功'
});
this.show8 = false
location.reload()
}
})
} else {
//驳回
if (!this.cause) {
this.$util.showToast({
title: '请填写驳回原因'
});
return
} else {
this.$api.sendRequest({
url: `/api/salasman/doStore`,
data: {
member_id: this.msg.msg, //店铺id
id: this.msg.id,
status: 2,
remark: this.cause
},
success: res => {
this.$util.showToast({
title: '已驳回'
});
this.show8 = false
location.reload()
}
})
}
}
},
position(index, item) {
// console.log(item,'item');
// console.log(111);
this.isRadio = index
this.itema = item
},
means() {
uni.navigateTo({
url: `/page_salesman_index/means/means`
})
},
confirm(e) {
this.economizename = e.value[0]
let _this = this
for (var i = 0; i < this.list.length; i++) {
if (this.list[i].name == e.value[0]) {
_this.economize = _this.list[i].id
}
}
console.log(_this.economize);
this.$api.sendRequest({
url: '/api/address/lists',
data: {
pid: _this.economize
},
success: res => {
console.log(res);
let a = []
this.columnslits = res.data
// console.log(res.data,'daa');
for (var i = 0; i < res.data.length; i++) {
a.push(res.data[i].name)
}
_this.columnslist = [a]
// console.log(_this.columnslist,'box');
this.show1 = true
this.show = false
}
})
},
//市
confirmone(e) {
this.marketname = e.value[0]
let _this = this
for (var i = 0; i < this.columnslits.length; i++) {
if (_this.columnslits[i].name == e.value[0]) {
_this.distinguish = _this.columnslits[i].id
}
}
this.$api.sendRequest({
url: '/api/address/lists',
data: {
pid: _this.distinguish
},
success: res => {
console.log(res);
let a = []
this.distinguishname = res.data
for (var i = 0; i < res.data.length; i++) {
a.push(res.data[i].name)
}
this.columnqu = [a]
this.show2 = true
this.show1 = false
}
})
},
//区
confirmtwo(e) {
this.distinguishme = e.value[0]
let _this = this
for (var i = 0; i < this.distinguishname.length; i++) {
if (_this.distinguishname[i].name == e.value[0]) {
_this.jioauk = _this.distinguishname[i].id
}
}
this.show2 = false
this.address = this.economizename + '' + this.marketname + '' + this.distinguishme
},
btn(index) {
console.log(index);
console.log(this.msg);
},
btnsuitwo() {
// event.stopPropagation();
setTimeout(() => {
eventBus.$emit('namesed', 1111)
}, 500)
uni.navigateTo({
url: `/page_salesman_index/Valet_ordertwo/Valet_ordertwo?id=${this.msg.msg}`,
})
},
btnoneone() {
// event.stopPropagation();
// console.log(this.msg.msg);
uni.navigateTo({
url: `/page_salesman_customer/Historicalorders/Historicalorders?id=${this.msg.msg}`,
})
},
preserve() {
console.log({
member_id: this.msg.msg, //客户id
headimg: this.headsculpture, //头像
nickname: this.title, //昵称
pay_type: this.pay_type //现/后
});
this.$api.sendRequest({
url: `/api/salasman/modifyMemberInfo`,
data: {
member_id: this.msg.msg, //客户id
headimg: this.headsculpture, //头像
nickname: this.title, //昵称
pay_type: this.pay_type //现/后
},
success: res => {
this.$util.showToast({
title: '修改成功'
});
}
})
// this.$api.sendRequest({
// url:`/api/salasman/editStore`,
// data:{
// member_id:this.msg.id,//客户id
// id:this.msg.msg,//店铺id
// title:this.title,//店铺名称
// province_id:this.economize,//省id
// city_id:this.distinguish,// 市id
// district_id:this.jioauk,// 区县id
// license:JSON.stringify(this.license),//营业执照
// drugs_license:JSON.stringify(this.drugs_license),//药品经营许可证
// card_images:JSON.stringify(this.card_images),// 身份证正反面照片 多图
// trust_book_images:JSON.stringify(this.trust_book_images),//法人委托书 多图
// invoice_images:JSON.stringify(this.invoice_images),//发票信息
// store_type:this.store_type,//店铺类型
// store_code:this.listnoew.store_code,//编号
// contacts:this.contacts,//联系人姓名
// phone:this.telephone,//联系人电话
// address:this.address,//地址
// email:this.email//邮箱
// },
// success:res=>{
// console.log(res);
// }
// })
}
}
}
</script>
<style lang="scss">
.head-one {
width: 500rpx;
height: 500rpx;
position: fixed;
top: 500rpx;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
border-radius: 20rpx;
.examine {
text-align: center;
margin-top: 20rpx;
}
.one {
border: 1rpx solid #ccc;
height: 108rpx;
border-radius: 0 0 0 20rpx;
}
.two {
height: 116rpx;
background-color: rgb(32, 160, 255);
color: #fff;
border-radius: 0 0 20rpx 0;
}
.radio-item {
width: 300rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: bold;
color: #222222;
// margin: 10rpx 0;
margin: 10rpx auto;
image {
width: 32rpx;
height: 32rpx;
}
}
::v-deep {
.u-radio {
margin-bottom: 32rpx;
}
.u-radio__text {
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: bold;
color: #222222;
}
}
}
.Customer-name {
width: 702rpx;
// height: 612rpx;
background: #FFFFFF;
border-radius: 24rpx;
margin: 0 auto;
margin-top: 24rpx;
box-sizing: border-box;
padding: 32rpx;
.iamgea {
image {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
// border: 1rpx solid red;
}
div:nth-child(1) {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #585858;
line-height: 40rpx;
span {
margin-left: 8rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #F33B50;
line-height: 40rpx;
}
}
}
.name {
div:nth-child(1) {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #585858;
line-height: 40rpx;
span {
margin-left: 8rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #F33B50;
line-height: 40rpx;
}
}
div:nth-child(2) {
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #585858;
line-height: 40rpx;
}
}
.xxin {
width: 641rpx;
height: 1rpx;
background: #E8E8E8;
border-radius: 2rpx;
margin: 30rpx 0;
}
}
.account-number {
padding: 32rpx;
width: 702rpx;
// height: 420rpx;
background: #FFFFFF;
border-radius: 24rpx;
box-sizing: border-box;
margin: 0 auto;
margin-top: 24rpx;
// margin-bottom: 24rpx;
.xxled {
width: 641rpx;
height: 1rpx;
background: #E8E8E8;
border-radius: 2rpx;
margin: 30rpx 0;
}
.account {
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #585858;
line-height: 40rpx;
span {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #F33B50;
line-height: 40rpx;
margin-right: 8rpx;
}
}
.telephone {
.telephone-noe {
width: 48rpx;
height: 48rpx;
background: linear-gradient(141deg, #86D8F5 0%, #00B2F2 100%);
border-radius: 50%;
margin-right: 10rpx;
image {
width: 28rpx;
height: 28rpx;
}
}
.telephone-two {
width: 142rpx;
height: 50rpx;
background: #FFFFFF;
border-radius: 12rpx;
border: 2rpx solid #E9E9E9;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 34rpx;
}
}
}
.contacts {
padding: 32rpx;
width: 702rpx;
height: 410rpx;
background: #FFFFFF;
border-radius: 24rpx;
box-sizing: border-box;
margin: 0 auto;
margin-top: 32rpx;
.xukm {
width: 641rpx;
height: 1rpx;
background: #E8E8E8;
border-radius: 2rpx;
margin: 30rpx 0;
}
.contacts-human {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #585858;
line-height: 40rpx;
}
.contacts-being {
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #585858;
line-height: 40rpx;
}
}
.address {
padding: 34rpx 18rpx 0 24rpx;
width: 702rpx;
height: 172rpx;
background: #FFFFFF;
border-radius: 16rpx;
box-sizing: border-box;
margin: 0 auto;
margin-top: 24rpx;
margin-bottom: 132rpx;
image {
width: 40rpx;
height: 40rpx;
}
.address-di {
image {
width: 44rpx;
height: 44rpx;
}
div {
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #222222;
line-height: 48rpx;
margin-left: 8rpx;
}
}
.Xianxi {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 44rpx;
margin-top: 8rpx;
margin-left: 52rpx;
span {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 44rpx;
margin-left: 16rpx;
}
}
}
.status {
width: 750rpx;
height: 100rpx;
background: #FFFFFF;
position: fixed;
bottom: 0;
.btn1 {
width: 192rpx;
height: 72rpx;
border-radius: 40rpx;
border: 2rpx solid #E8E8E8;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 40rpx;
}
.btn2 {
width: 192rpx;
height: 72rpx;
border-radius: 40rpx;
border: 2rpx solid #E8E8E8;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 40rpx;
margin: 0 24rpx;
}
.btn3 {
width: 192rpx;
height: 72rpx;
background: #21BBF3;
border-radius: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40rpx;
margin-right: 32rpx;
}
}
.zhanwei {
width: 1rpx;
height: 1rpx;
}
.point-out {
width: 540rpx;
// height: 300rpx;
// padding-bottom: 24rpx;
// box-sizing: border-box;
background: #FFFFFF;
border-radius: 24rpx;
position: fixed;
top: 662rpx;
left: 50%;
transform: translateX(-50%);
.point {
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #222222;
line-height: 44rpx;
margin-top: 40rpx;
}
.inputlen {
width: 80%;
margin: 10rpx auto;
border-radius: 10rpx;
}
.confirmed {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #585858;
line-height: 44rpx;
margin-top: 8rpx;
}
.btntwo {
margin-top: 20rpx;
.btn1 {
flex: 1;
height: 72rpx;
// border-radius: 40rpx;
border-radius: 0 0 0 30rpx;
border: 2rpx solid #E8E8E8;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 40rpx;
// margin: 0 32rpx 0 48rpx;
}
.btn2 {
flex: 1;
height: 72rpx;
background: #21BBF3;
// border-radius: 40rpx;
border-radius: 0 0 30rpx 0;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40rpx;
}
}
.btn {
margin-top: 56rpx;
.btn1 {
width: 206rpx;
height: 72rpx;
border-radius: 40rpx;
border: 2rpx solid #E8E8E8;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 40rpx;
margin: 0 32rpx 0 48rpx;
}
.btn2 {
width: 206rpx;
height: 72rpx;
background: #21BBF3;
border-radius: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40rpx;
}
}
}
.select {
width: 596rpx;
height: 95%;
background: #F8F6F6;
border-radius: 2rpx;
position: fixed;
right: 0;
bottom: 0;
padding: 32rpx 0;
box-sizing: border-box;
.btn {
position: absolute;
bottom: 0;
.btn1 {
width: 172rpx;
height: 88rpx;
background: #DDDDDD;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #585858;
line-height: 40rpx;
}
.btn2 {
width: 424rpx;
height: 88rpx;
background: #21BBF3;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40rpx;
}
}
.select-explain {
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #222222;
line-height: 44rpx;
margin-left: 32rpx;
}
.select-latent {
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #21BBF3;
line-height: 40rpx;
margin-right: 32rpx;
}
.contract {
width: 166rpx;
height: 60rpx;
background: #FFFFFF;
border-radius: 12rpx;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #585858;
line-height: 34rpx;
margin: 40rpx 12rpx 0 12rpx;
}
}
</style>