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.
 
 
 
 
 

1217 lines
30 KiB

<template>
<view class="">
<view class="Customer-name">
<div class="name df aic jcsb">
<div>店铺名称<span>*</span></div>
<!-- <div>{{listnoew.title}}</div> -->
<input v-model="title" type="text" style="text-align: right;">
</div>
<div class="xxin"></div>
<div class="name df aic jcsb">
<div>店铺类型</div>
<!-- @click="$refs.type.start()" -->
<div class="df" @click="$refs.type.start()">
{{store_type}}
<u-icon name="arrow-right"></u-icon>
</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>资料附件<span style="color: red;">*</span></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">登录账号:{{loginNum}}</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">重置密码</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 &&group_id==2" @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>业务员:小米</div>
</div> -->
<!-- <div class="xxled"></div>
<div class="df aic jcsb">
<div class="account"><span>*</span>结算方式:现付</div>
<div class="df telephone">
<u-icon name="arrow-right"></u-icon>
</div>
</div> -->
</view>
<view class="contacts">
<div class="df jcsb aic">
<div class="contacts-human"><span style="color: red;">*</span>联系人</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"><span style="color: red;">*</span>联系电话</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"><span style="color: red;">*</span>联系地址</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" @click="btnmax">
<div class="df aic jcsb">
<div class="df address-di">
<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/position.png`)"></image>
<div>收货地址</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">
<div class="df aic jcsa btn2" v-on:click="preserve()">保存</div>
<!-- <div class="df aic jcsa btn2" @click="btnone">历史订单</div> -->
<div class="df aic jcsa btn3" v-if="listnoew.status==1" v-on:click="btnsui()">去下单</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="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 {
group_id: uni.getStorageSync('userInfo').group_id,
valueList: [
{ id: 1, name: '通过' },
{ id: 2, name: '驳回' }
],
isRadio: 0,
msg: this.msgabc, //状态
show: false,
show8: false,
show1: false,
show2: false,
show4: false,
show6: false,
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: '',
logo: "",
title: '',
telephone: '',
contacts: '',
email: '',
dist: '',
store_type: '',
loginNum: '',
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
setTimeout(() => {
uni.$on('typename', (data) => {
console.log(data);
if (data[0]) {
_this.store_type = data[0].name
} else {
_this.store_type = data.name
}
})
}, 5000)
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
this.logo = data.logo
}.bind(this));
console.log(this.logo, `logo`);
this.getUserInfo()
},
onUnload() {
uni.$off('typename') //每次销毁监听,不然重复监听
uni.$off('picture')
},
created() {
//msg 客户id id店铺id
console.log(this.msg, 'mymsg');
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.logo = res.data.logo
// this.dist=res.data.province_name+""+res.data.city_name+""+res.data.district_name
},
error: res => {
}
})
this.$api.sendRequest({
url: '/api/address/lists',
data: {
pid: 0
},
success: res => {
console.log(res.data, '省');
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: {
getUserInfo() {
this.$api.sendRequest({
url: `/api/salasman/getMemberInfo`,
data: {
member_id: this.msg.msg, //店铺id
},
success: res => {
this.loginNum = res.data.username
}
})
},
btnmax() {
// console.log(this.msg.msg,'9999');
uni.navigateTo({
url: `/page_salesman_customer/Shipping_address/Shipping_address?id=${this.msg.msg}&box=${1}`
})
},
phone() {
// console.log(this.telephone,'电话');
uni.makePhoneCall({
phoneNumber: this.telephone //仅为示例
});
},
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: '已停用'
});
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.logo = res.data.logo
// this.dist=res.data.province_name+""+res.data.city_name+""+res.data.district_name
},
error: res => {
}
})
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: '提交成功'
});
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.logo = res.data.logo
// this.dist=res.data.province_name+""+res.data.city_name+""+res.data.district_name
},
error: res => {
}
})
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
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.logo = res.data.logo
// this.dist=res.data.province_name+""+res.data.city_name+""+res.data.district_name
},
error: res => {
}
})
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
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.logo = res.data.logo
// this.dist=res.data.province_name+""+res.data.city_name+""+res.data.district_name
},
error: res => {
}
})
location.reload()
}
})
}
}
},
position(index, item) {
console.log(item, index, 'item');
// console.log(111);
this.isRadio = index
this.itema = item
},
means() {
//资料附件
setTimeout(() => {
eventBus.$emit('measn', {
card_images: this.listnoew
})
}, 500)
uni.navigateTo({
url: `/page_salesman_index/means/means?kpi=1`
})
},
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);
},
btnsui() {
// event.stopPropagation();
console.log(this.msg, this.msg);
uni.navigateTo({
url: `/page_salesman_index/Select_item/Select_item?st=${this.msg.msg}&di=${this.msg.id}`,
})
},
btnone() {
// event.stopPropagation();
uni.navigateTo({
url: `/page_salesman_customer/Historicalorders/Historicalorders?id=${this.msg.msg}`,
})
},
preserve() {
console.log(this.logo);
// console.log(this.card_images);
// console.log(this.trust_book_images);
this.$api.sendRequest({
url: `/api/salasman/editStore`,
data: {
member_id: this.msg.msg, //客户id
id: this.msg.id, //店铺id
title: this.title, //店铺名称
province_id: this.economize, //省id
city_id: this.distinguish, // 市id
district_id: this.jioauk, // 区县id
license: this.license, //营业执照
drugs_license: this.drugs_license, //药品经营许可证
card_images: [this.card_images], // 身份证正反面照片 多图
trust_book_images: [this.trust_book_images], //法人委托书 多图
invoice_images: 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, //邮箱
logo: this.logo, //店铺logo
},
success: res => {
this.$util.showToast({
title: '保存成功'
});
setTimeout(() => {
uni.navigateTo({
url: `/page_salesman_customer/Management/Management?status=${this.msg.msg}`,
})
}, 500)
},
error: res => {
this.$util.showToast({
title: '保存失败'
});
}
})
}
}
}
</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: 116rpx;
border-radius: 0 0 0 20rpx;
}
.two {
height: 120rpx;
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;
.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: 726rpx;
background: #FFFFFF;
border-radius: 24rpx;
box-sizing: border-box;
margin: 0 auto;
margin-top: 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 34rpx 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;
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;
}
.confirmed {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #585858;
line-height: 44rpx;
margin-top: 8rpx;
}
.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>