wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://git.njrzwl.cn:3000/wangmingchuan/yanzong_qianduan

Browse Source
version/0412
fanfan 1 year ago
parent 1f7823f092 a79dbac439
commit 9ea59490b8
3 changed files with 584 additions and 470 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 7
      api/help.js
  2. 174
      pages/news/consult/storeEdit.vue
  3. 873
      pages/news1/MerchantSettlement.vue

7
api/help.js
Unescape View File

@ -6,7 +6,8 @@ const api = {
helpList: 'article/helpCenter',
addGoodsSource: 'user/addGoodsSource',
joinStore: 'store/joinStore',
getStoreType: 'store/getStoreType'
getStoreType: 'store/getStoreType',
storeSet:'store/joinStore'
}
// 帮助中心列表
@ -29,3 +30,7 @@ export const joinStore = (param) => {
export const getStoreType = (param) => {
return request.post(api.getStoreType, param)
}
// 店铺设置
export const storeSet = (param) => {
return request.post(api.storeSet, param)
}

174
pages/news/consult/storeEdit.vue
Unescape View File

@ -1,10 +1,11 @@
<template>
<view class="addressList">
<template>
<view class="addressList">
<view class="addressList-hd">
<view class="items">
<view class="a">首页广告图片<text>(最多可上传 5张 尺寸 230px*236px 大小5M）</text></view>
<view class="a">门店相册图片<text>(最多可上传 5张 尺寸 230px*236px 大小5M）</text></view>
<view class="c">
<u-upload :action="action" width="160" height="160" :file-list="fileList" :custom-btn="true" max-count="5">
<u-upload :action="action" :header="header" width="160" @on-uploaded="success" max-count="5"
height="160" :file-list="fileList" :custom-btn="true" :max-size="1 * 1024 * 1024">
<template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image>
@ -15,35 +16,10 @@
</view>
</view>
<view class="items">
<view class="a">进群分享图<text>(最多可上传 5张 尺寸 230px*236px 大小5M）</text></view>
<view class="a">进群分享图<text>(最多可上传 1张 ）</text></view>
<view class="c">
<u-upload :action="action" width="160" height="160" :file-list="fileList" :custom-btn="true" max-count="5">
<template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image>
<view class="1">上传图片</view>
</view>
</template>
</u-upload>
</view>
</view>
<view class="items">
<view class="a">活动广告图片<text>(最多可上传 5张 尺寸 230px*236px 大小5M）</text></view>
<view class="c">
<u-upload :action="action" width="160" height="160" :file-list="fileList" :custom-btn="true" max-count="5">
<template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image>
<view class="1">上传图片</view>
</view>
</template>
</u-upload>
</view>
</view>
<view class="items">
<view class="a">首页广告图片<text>(最多可上传 5张 尺寸 230px*236px 大小5M）</text></view>
<view class="c">
<u-upload :action="action" width="160" height="160" :file-list="fileList" :custom-btn="true" max-count="5">
<u-upload :action="action" :header="header" @on-uploaded="success" width="160" height="160"
:file-list="fileList" :custom-btn="true" max-count="1">
<template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image>
@ -54,37 +30,75 @@
</view>
</view>
</view>
<view class="addressList-fd">
<view class="addressList-fd" @click="onSaveSubmit">
<view class="btn">保存</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
checked: false,
value: "",
fileList: [
{
url: 'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1886.jpg',
</view>
</view>
</template>
<script>
import Config from '@/core/config'
import * as help from '@/api/help'
export default {
data() {
return {
checked: false,
action: '',
header: {},
value: "",
fileList: [],
image_ids: []
};
},
onReady() {
this.action = (Config.get('apiUrl') + 'upload/image').replace("index.php?s=/", "")
this.header = {
'Storeid': uni.getStorageSync('Store').storeInfo.store_id,
'Access-Token': uni.getStorageSync('AccessToken'),
'platform': "MP-WEIXIN",
}
},
methods: {
//接受上传返回的数据
success(list) {
if (list.length > 0) {
const { response } = list[0];
if (response.status == 200) {
uni.showToast({
title: "上传成功"
})
// this.image_ids = response.data.fileInfo.file_id
}
}
},
onSaveSubmit() {
help.storeSet({image_ids:this.image_ids})
.then(res => {
if (res.status) {
uni.showToast({
title: '设置成功',
icon: 'none',
duration: 2000
})
}
],
};
}
}
</script>
<style lang="scss" scoped>
.addressList{
})
.finally()
}
}
}
</script>
<style lang="scss" scoped>
.addressList {
padding: 0 0 20rpx;
overflow: hidden;
&-hd{
&-hd {
background-color: #fff;
padding: 0 25rpx 25rpx;
overflow: hidden;
.item{
.item {
padding: 20rpx 0;
line-height: 50rpx;
font-size: 28rpx;
@ -93,41 +107,49 @@
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #F7F7F7;
.b{
.b {
font-size: 28rpx;
color: #9D9D9D;
flex: 1;
text-align: right;
input{
input {
width: 100%;
line-height: 50rpx;
font-size: 28rpx;
color: #212121;
}
.select{
.select {
color: #C7C7C7;
&-on{
&-on {
color: #212121;
}
}
}
}
.items{
.items {
padding: 20rpx 0;
line-height: 50rpx;
font-size: 28rpx;
color: #212121;
.a{
text{
.a {
text {
font-size: 24rpx;
font-weight: 400;
color: #ABABAB;
}
}
.c{
.c {
padding-top: 20rpx;
overflow: hidden;
.slot-btn{
.slot-btn {
width: 80px;
height: 80px;
background: #FFFFFF;
@ -137,7 +159,8 @@
font-size: 24rpx;
font-weight: 500;
color: #D1D1D1;
image{
image {
width: 50rpx;
height: 50rpx;
margin-top: 20rpx;
@ -145,27 +168,30 @@
}
}
}
}
&-fd{
&-fd {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
padding: 30rpx;
text-align: center;
background-color: #fafafa;
box-sizing: border-box;
.btn{
width: 100%;
.btn {
width: 630rpx;
line-height: 96rpx;
background: #F34A40;
border-radius: 8rpx;
border-radius: 72rpx;
text-align: center;
display: inline-block;
font-size: 28rpx;
font-weight: 500;
color: #FFFFFF;
}
}
}
</style>
}
</style>

873
pages/news1/MerchantSettlement.vue
Unescape View File

@ -12,15 +12,15 @@
<u-input border placeholder="请输入贵公司名称" v-model="form.store_name" />
</u-form-item>
<u-form-item label="*主营类目" @click="categoryShow = true">
<u-input v-model="form.store_cat" placeholder="请选择选择主营类目" type="select"
<u-input border v-model="form.store_cat" placeholder="请选择主营类目" type="select"
@click="categoryShow = true" />
<u-action-sheet :list="categoryList" :cancel-btn="false" v-model="categoryShow"
@click="actionSheetCallback(1,$event)"></u-action-sheet>
@click="actionSheetCallback(1, $event)"></u-action-sheet>
</u-form-item>
</view>
<view class="formSection">
<u-form-item label="*公司地址" @click="addrshow = true">
<u-input v-model="form.store_address" placeholder="请选择地级" type="select"
<u-input border v-model="form.store_address" placeholder="请选择地址" type="select"
@click="addrshow = true" />
<u-picker mode="region" v-model="addrshow" @confirm="getAddress"></u-picker>
</u-form-item>
@ -28,19 +28,20 @@
<u-input border placeholder="请输入" v-model="form.store_brand" />
</u-form-item>
<u-form-item label="*自有品牌/代理入驻" @click="bandShow = true">
<u-input v-model="brand_name" placeholder="代理入驻" type="select" @click="bandShow = true" />
<u-input border v-model="brand_name" placeholder="代理入驻" type="select" @click="bandShow = true" />
<u-action-sheet :list="bandList" :cancel-btn="false" v-model="bandShow"
@click="actionSheetCallback(2,$event)"></u-action-sheet>
@click="actionSheetCallback(2, $event)"></u-action-sheet>
</u-form-item>
<u-form-item label="*一级/二级授权" @click="levelShow = true">
<u-input v-model="authorize_name" placeholder="一级授权" type="select" @click="levelShow = true" />
<u-input border v-model="authorize_name" placeholder="一级授权" type="select"
@click="levelShow = true" />
<u-action-sheet :list="leveList" :cancel-btn="false" v-model="levelShow"
@click="actionSheetCallback(3,$event)"></u-action-sheet>
@click="actionSheetCallback(3, $event)"></u-action-sheet>
</u-form-item>
<u-form-item label="*可否含税" @click="taxShow = true">
<u-input v-model="rate_name" placeholder="请选择" type="select" @click="taxShow = true" />
<u-input border v-model="rate_name" placeholder="请选择" type="select" @click="taxShow = true" />
<u-action-sheet :list="taxList" :cancel-btn="false" v-model="taxShow"
@click="actionSheetCallback(4,$event)"></u-action-sheet>
@click="actionSheetCallback(4, $event)"></u-action-sheet>
</u-form-item>
</view>
<view class="formSection">
@ -48,10 +49,10 @@
<u-input border placeholder="请输入姓名" v-model="form.user_name" />
</u-form-item>
<u-form-item label="*联系人职位" @click="contactShow = true">
<u-input v-model="form.user_position" placeholder="请选择" type="select"
<u-input border v-model="form.user_position" placeholder="请选择" type="select"
@click="contactShow = true" />
<u-action-sheet :list="contactsList" :cancel-btn="false" v-model="contactShow"
@click="actionSheetCallback(5,$event)"></u-action-sheet>
@click="actionSheetCallback(5, $event)"></u-action-sheet>
</u-form-item>
<u-form-item label="*联系人手机号">
<u-input border placeholder="请输入手机号" type="numer" v-model="form.user_mobile" />
@ -66,29 +67,31 @@
</view>
<view class="formSection">
<u-form-item label="*仓储模式" @click="modeShow = true">
<u-input v-model="form.store_model" placeholder="请选择" type="select" @click="modeShow = true" />
<u-input border v-model="form.store_model" placeholder="请选择" type="select"
@click="modeShow = true" />
<u-action-sheet :list="modeList" :cancel-btn="false" v-model="modeShow"
@click="actionSheetCallback(6,$event)"></u-action-sheet>
@click="actionSheetCallback(6, $event)"></u-action-sheet>
</u-form-item>
<u-form-item label="*周末是否发货" @click="sendShow = true">
<u-input v-model="send_name" placeholder="请选择" type="select" @click="sendShow = true" />
<u-input border v-model="send_name" placeholder="请选择" type="select" @click="sendShow = true" />
<u-action-sheet :list="sendList" :cancel-btn="false" v-model="sendShow"
@click="actionSheetCallback(7,$event)"></u-action-sheet>
@click="actionSheetCallback(7, $event)"></u-action-sheet>
</u-form-item>
<u-form-item label="*是否自有工厂" @click="factoryShow = true">
<u-input v-model="factory_name" placeholder="请选择" type="select" @click="factoryShow = true" />
<u-input border v-model="factory_name" placeholder="请选择" type="select"
@click="factoryShow = true" />
<u-action-sheet :list="yesNotList" :cancel-btn="false" v-model="factoryShow"
@click="actionSheetCallback(8,$event)"></u-action-sheet>
@click="actionSheetCallback(8, $event)"></u-action-sheet>
</u-form-item>
<u-form-item label="*是否有线下渠道" @click="yesnoShow = true">
<u-input v-model="offline_name" placeholder="请选择" type="select" @click="yesnoShow = true" />
<u-input border v-model="offline_name" placeholder="请选择" type="select" @click="yesnoShow = true" />
<u-action-sheet :list="yesNotList" :cancel-btn="false" v-model="yesnoShow"
@click="actionSheetCallback(9,$event)"></u-action-sheet>
@click="actionSheetCallback(9, $event)"></u-action-sheet>
</u-form-item>
<u-form-item label="*是否有电商店铺" @click="storeShow = true">
<u-input v-model="shop_name" placeholder="请选择" type="select" @click="storeShow = true" />
<u-input border v-model="shop_name" placeholder="请选择" type="select" @click="storeShow = true" />
<u-action-sheet :list="yesNotList" :cancel-btn="false" v-model="storeShow"
@click="actionSheetCallback(10,$event)"></u-action-sheet>
@click="actionSheetCallback(10, $event)"></u-action-sheet>
</u-form-item>
</view>
@ -99,10 +102,10 @@
<view class="shop">
<view class="shopTitle">电商平台可多选</view>
<view class="shopItem">
<view :class="active==index?'active shopText':'shopText'" @click="getShop(index)"
v-for="(item,index) in btnList" :key="index">
<text>{{item}}</text>
<image v-if="active==index" :src="$picUrl+'/static/news1/selected.png'" mode="widthFix"></image>
<view :class="item.active ? 'active shopText' : 'shopText'" @click="getShop(index)"
v-for="(item, index) in btnList" :key="index">
<text>{{ item.name }}</text>
<image v-if="item.active" :src="$picUrl + '/static/news1/selected.png'" mode="widthFix"></image>
</view>
</view>
</view>
@ -110,11 +113,8 @@
提交
</view>
<u-popup v-model="popShow" mode="center" border-radius="12">
<view>
<view style="text-align: center;">
<image :src="$picUrl+'/static/news1/pop.png'" class="popimg" mode="widthFix"></image>
</view>
<view class="self_popup">
<image :src="$picUrl + '/static/news1/pop.png'" class="popimg" mode="widthFix"></image>
<view class="popcontent">
<view class="poptitle">
您的入驻申请提交成功
@ -122,7 +122,7 @@
<view class="poptext">
请您保持电话、微信畅通我们将在2个工作日内与您联系！顺祝商祺！
</view>
<view class="knowBtn" @click="popShow=false">
<view class="knowBtn" @click="popShow = false">
我知道了
</view>
</view>
@ -132,413 +132,496 @@
</template>
<script>
import * as help from '@/api/help'
export default {
data() {
return {
brand_name: '',
authorize_name: '',
rate_name: '',
shop_name: '',
offline_name: '',
factory_name: '',
send_name: '',
form: {
store_name: '',
store_cat: '',
store_address: '',
store_brand: '',
store_settle_type: '',
authorize: '',
has_tax: '',
user_name: '',
user_position: '',
user_mobile: '',
user_wx: '',
user_email: '',
store_model: '',
send_type: '',
has_factory: '',
has_offline: '',
has_online_shop: '',
},
categoryShow: false,
categoryList: [{
text: '3C数码',
id: 1
}, {
text: '家用电蒸',
id: 2
}, {
text: '家居家装',
id: 3
}, {
text: '家居生活',
id: 4
}, {
text: '美容个护',
id: 5
}, {
text: '服饰箱包',
id: 6
}, {
text: '母婴玩具',
id: 7
}, {
text: '运动广外',
id: 8
}, {
text: '食品饮料',
id: 9
}, {
text: '水果生鲜',
id: 10
}, {
text: '汽车用品',
id: 11
}, {
text: '虚拟商品',
id: 11
}],
bandShow: false,
bandList: [{
text: '自有品牌',
id: 1
}, {
text: '代理入驻',
id: 2
}],
levelShow: false,
leveList: [{
text: '一级授权',
id: 1
}, {
text: '二级授权',
id: 2
}],
modeShow: false,
modeList: [{
text: '自有仓库',
id: 1
}, {
text: '上游代发',
id: 2
}, {
text: '以上皆有',
id: 3
}],
contactShow: false,
contactsList: [{
text: '老板',
id: 1
}, {
text: '市场经理',
id: 2
}, {
text: '商务',
id: 3
}],
yesnoShow: false,
sendShow: false,
factoryShow: false,
taxShow: false,
taxList: [{
text: '不含',
id: 0
}, {
text: '含',
id: 1
}],
storeShow: false,
yesNotList: [{
text: '无',
id: 0
}, {
text: '有',
id: 1
}],
sendList: [{
text: '不发货',
id: 0
}, {
text: '发货',
id: 1
}],
addrshow: false,
btnList: [],
active: 0,
popShow: false,
import * as help from '@/api/help'
export default {
data() {
return {
brand_name: '',
authorize_name: '',
rate_name: '',
shop_name: '',
offline_name: '',
factory_name: '',
send_name: '',
form: {
store_name: '',
store_cat: '',
store_address: '',
store_brand: '',
store_settle_type: '',
authorize: '',
has_tax: '',
user_name: '',
user_position: '',
user_mobile: '',
user_wx: '',
user_email: '',
store_model: '',
send_type: '',
has_factory: '',
has_offline: '',
has_online_shop: ''
},
categoryShow: false,
categoryList: [{
text: '3C数码',
id: 1
}, {
text: '家用电蒸',
id: 2
}, {
text: '家居家装',
id: 3
}, {
text: '家居生活',
id: 4
}, {
text: '美容个护',
id: 5
}, {
text: '服饰箱包',
id: 6
}, {
text: '母婴玩具',
id: 7
}, {
text: '运动广外',
id: 8
}, {
text: '食品饮料',
id: 9
}, {
text: '水果生鲜',
id: 10
}, {
text: '汽车用品',
id: 11
}, {
text: '虚拟商品',
id: 11
}],
bandShow: false,
bandList: [{
text: '自有品牌',
id: 1
}, {
text: '代理入驻',
id: 2
}],
levelShow: false,
leveList: [{
text: '一级授权',
id: 1
}, {
text: '二级授权',
id: 2
}],
modeShow: false,
modeList: [{
text: '自有仓库',
id: 1
}, {
text: '上游代发',
id: 2
}, {
text: '以上皆有',
id: 3
}],
contactShow: false,
contactsList: [{
text: '老板',
id: 1
}, {
text: '市场经理',
id: 2
}, {
text: '商务',
id: 3
}],
yesnoShow: false,
sendShow: false,
factoryShow: false,
taxShow: false,
taxList: [{
text: '不含',
id: 0
}, {
text: '含',
id: 1
}],
storeShow: false,
yesNotList: [{
text: '无',
id: 0
}, {
text: '有',
id: 1
}],
sendList: [{
text: '不发货',
id: 0
}, {
text: '发货',
id: 1
}],
addrshow: false,
btnList: [],
active: 0,
popShow: false,
}
},
onLoad() {
this.getStoreList()
},
methods: {
actionSheetCallback(type, index) {
console.log(type, index)
if (type == 1) { //类目
this.form.store_cat = this.categoryList[index].text
}
if (type == 2) { //自有品牌/代理入驻
this.brand_name = this.bandList[index].text
this.form.store_settle_type = this.bandList[index].id
}
if (type == 3) { //一级/二级授权
this.authorize_name = this.leveList[index].text
this.form.authorize = this.leveList[index].id
}
if (type == 4) { //是否含税
this.rate_name = this.taxList[index].text
this.form.has_tax = this.taxList[index].id
}
if (type == 5) { //职务
this.form.user_position = this.contactsList[index].text
}
if (type == 6) { //模式
this.form.store_model = this.modeList[index].text
}
if (type == 7) { //是否周末发货
this.send_name = this.sendList[index].text
this.form.send_type = this.sendList[index].id
}
if (type == 8) { //是否有工厂
this.factory_name = this.yesNotList[index].text
this.form.has_factory = this.yesNotList[index].id
}
if (type == 9) { //是否有线下渠道
this.offline_name = this.yesNotList[index].text
this.form.has_offline = this.yesNotList[index].id
}
if (type == 10) { //是否有电商店铺
this.shop_name = this.yesNotList[index].text
this.form.has_online_shop = this.yesNotList[index].id
}
},
onLoad() {
this.getStoreList()
getShop(index) {
this.btnList[index].active = !this.btnList[index].active
// this.active = index;
},
methods: {
actionSheetCallback(type, index) {
console.log(type, index)
if (type == 1) { //类目
this.form.store_cat = this.categoryList[index].text
}
if (type == 2) { //自有品牌/代理入驻
this.brand_name = this.bandList[index].text
this.form.store_settle_type = this.bandList[index].id
}
if (type == 3) { //一级/二级授权
this.authorize_name = this.leveList[index].text
this.form.authorize = this.leveList[index].id
}
if (type == 4) { //是否含税
this.rate_name = this.taxList[index].text
this.form.has_tax = this.taxList[index].id
}
if (type == 5) { //职务
this.form.user_position = this.contactsList[index].text
}
if (type == 6) { //模式
this.form.store_model = this.modeList[index].text
}
if (type == 7) { //是否周末发货
this.send_name = this.sendList[index].text
this.form.send_type = this.sendList[index].id
}
if (type == 8) { //是否有工厂
this.factory_name = this.yesNotList[index].text
this.form.has_factory = this.yesNotList[index].id
}
if (type == 9) { //是否有线下渠道
this.offline_name = this.yesNotList[index].text
this.form.has_offline = this.yesNotList[index].id
}
if (type == 10) { //是否有电商店铺
this.shop_name = this.yesNotList[index].text
this.form.has_online_shop = this.yesNotList[index].id
}
},
getShop(index) {
this.active = index;
},
getAddress(e) {
this.form.store_address = e.province.name + e.city.name + e.area.name;
},
getStoreList() {
let that = this;
help.getStoreType()
.then(res => {
that.btnList = res.data
})
.finally()
},
sureSubmit() {
const that = this;
that.form.store_type = that.btnList[that.active]
help.joinStore(that.form)
.then(res => {
if (res.status) {
that.popShow = true
} else {
uni.showToast({
title: '入驻失败',
icon: 'none',
duration: 2000
})
}
getAddress(e) {
this.form.store_address = e.province.name + e.city.name + e.area.name;
},
getStoreList() {
let that = this;
help.getStoreType()
.then(res => {
let arr = []
res.data.map(item => {
arr.push({
name: item,
active: false
})
})
.finally()
},
}
that.btnList = arr
})
.finally()
},
sureSubmit() {
let tip_title = null
if (!this.form.store_name) {
tip_title = '请输入主体公司名称！'
}
if (!this.form.store_cat) {
tip_title = '请选择主营类目体类目！'
}
if (!this.form.store_address) {
tip_title = '请选择公司地址！'
}
if (!this.form.store_brand) {
tip_title = '请输入合作品牌！'
}
if (!this.brand_name) {
tip_title = '请选择代理入驻！'
}
if (!this.authorize_name) {
tip_title = '请选择一二级授权！'
}
if (!this.rate_name) {
tip_title = '请选择可否含税！'
}
if (!this.form.user_name) {
tip_title = '请输入联系人姓名！'
}
if (!this.form.user_position) {
tip_title = '请输入联系人职位！'
}
if (!this.form.user_mobile) {
tip_title = '请输入联系人手机号！'
}
if (!this.form.user_wx) {
tip_title = '请输入联系人微信！'
}
if (!this.form.user_email) {
tip_title = '请输入联系人邮箱！'
}
if (!this.form.store_model) {
tip_title = '请选择仓库模式！'
}
if (!this.send_name) {
tip_title = '请选择周末是否发货！'
}
if (!this.factory_name) {
tip_title = '请选择是否自有工厂！'
}
if (!this.offline_name) {
tip_title = '是否有线下渠道'
}
if (!this.shop_name) {
tip_title = '是否有电商店铺！'
}
let plat_form = []
this.btnList.map(item => {
if (item.active) {
plat_form.push(item.name)
}
})
this.form.store_type = plat_form
if (plat_form.length == 0 && this.form.has_online_shop == 1) {
tip_title = '请选择电商平台！'
}
if (tip_title != null) {
uni.showToast({
title: tip_title,
icon: 'none',
duration: 2000
})
return
}
help.joinStore(this.form)
.then(res => {
if (res.status) {
this.popShow = true
} else {
uni.showToast({
title: '入驻失败',
icon: 'none',
duration: 2000
})
}
})
.finally()
},
}
}
</script>
<style lang="scss" scoped>
page {
min-height: 100%;
padding-bottom: 60upx;
}
page {
min-height: 100%;
padding-bottom: 60upx;
}
.settlement {
height: 100%;
padding-bottom: 60upx;
.topContent {
height: 232upx;
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%);
border-radius: 0px 0px 0px 0px;
opacity: 1;
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.settlement {
height: 100%;
}
.topContent {
height: 232upx;
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%);
border-radius: 0px 0px 0px 0px;
opacity: 1;
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.formContent {
.formSection {
padding: 0 38upx 0 30upx;
background: #fff;
margin-bottom: 16upx;
}
}
.formContent {
.formSection {
padding: 0 38upx 0 30upx;
background: #fff;
margin-bottom: 16upx;
::v-deep .u-form-item--left {
width: auto !important;
}
}
}
::v-deep .u-form-item--left__content__label {
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FF4C3C;
width: 236upx;
}
::v-deep .u-form-item--left {
width: auto !important;
}
::v-deep .u-border-bottom:after {
border: none;
}
::v-deep .u-form-item--left__content__label {
.shop {
margin-top: 12upx;
background-color: #fff;
padding: 34upx 50upx 70upx 50upx;
.shopTitle {
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FF4C3C;
width: 236upx;
}
::v-deep .u-border-bottom:after {
border: none;
color: #4C4C4C;
margin-bottom: 24upx;
}
.shop {
margin-top: 12upx;
background-color: #fff;
padding: 34upx 50upx 70upx 50upx;
.shopItem {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
.shopTitle {
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #4C4C4C;
.shopText {
width: 240upx;
height: 72upx;
line-height: 72upx;
text-align: center;
background: #FFFFFF;
border-radius: 3px 3px 3px 3px;
opacity: 1;
border: 1px solid #D6D6D6;
position: relative;
margin-bottom: 24upx;
}
.shopItem {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
.shopText {
width: 240upx;
height: 72upx;
line-height: 72upx;
text-align: center;
background: #FFFFFF;
border-radius: 3px 3px 3px 3px;
opacity: 1;
border: 1px solid #D6D6D6;
position: relative;
margin-bottom: 24upx;
text {
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #B6B6B6;
text {
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #B6B6B6;
}
}
image {
position: absolute;
z-index: 9;
right: -8upx;
bottom: -8upx;
height: 0;
width: 50upx;
height: auto;
}
image {
position: absolute;
z-index: 9;
right: -8upx;
bottom: -8upx;
height: 0;
width: 50upx;
height: auto;
}
}
.active {
text {
.active {
text {
color: #FF4F40;
color: #FF4F40;
}
}
border: 1px solid #FF4F40;
border: 1px solid #FF4F40;
}
}
}
.submitBtn {
margin: 60upx 24upx 0 24upx;
height: 100upx;
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%);
border-radius: 52px 52px 52px 52px;
opacity: 1;
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 100upx;
text-align: center;
}
}
.popcontent {
width: 520upx;
height: 460upx;
background: linear-gradient(180deg, #FFE4E4 0%, #FFFFFF 100%);
border-radius: 6px 6px 6px 6px;
.submitBtn {
margin: 60upx 24upx 0;
height: 100upx;
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%);
border-radius: 52px 52px 52px 52px;
opacity: 1;
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 100upx;
text-align: center;
}
}
.popcontent {
width: 520upx;
height: 460upx;
background: linear-gradient(180deg, #FFE4E4 0%, #FFFFFF 100%);
border-radius: 6px 6px 6px 6px;
opacity: 1;
display: flex;
flex-direction: column;
// justify-content: space-around;
padding: 100upx 40upx 0 40upx;
align-items: center;
position: relative;
z-index: 1;
top: -80upx;
.poptitle {
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #000000;
display: flex;
flex-direction: column;
// justify-content: space-around;
padding: 100upx 40upx 0 40upx;
align-items: center;
position: relative;
z-index: 1;
top: -80upx;
.poptitle {
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #000000;
}
.poptext {
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #727272;
margin-top: 36upx;
line-height: 36upx;
}
}
.knowBtn {
width: 400upx;
height: 72upx;
line-height: 72upx;
text-align: center;
background: #F55349;
border-radius: 36px 36px 36px 36px;
opacity: 1;
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #FFFFFF;
margin-top: 60upx;
}
.poptext {
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #727272;
margin-top: 36upx;
line-height: 36upx;
}
.popimg {
// position: absolute;
width: 120upx;
height: auto;
position: relative;
z-index: 2;
.knowBtn {
width: 400upx;
height: 72upx;
line-height: 72upx;
text-align: center;
background: #F55349;
border-radius: 36px 36px 36px 36px;
opacity: 1;
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #FFFFFF;
margin-top: 60upx;
}
::v-deep .u-mode-center-box {
background: transparent;
}
}
.self_popup{
position: relative;
// background: rgba(60,60,60,0.52);
}
.popimg {
position: absolute;
width: 120upx;
left: 50%;
height: auto;
margin-left: -60upx;
top:0;
position: relative;
z-index: 2;
}
::v-deep .u-mode-center-box {
background: transparent;
}
</style>

Write Preview
Loading…
Cancel
Save