商户入驻以及生产缴纳保证金 界面修改

This commit is contained in:
jia 2023-09-27 14:17:58 +08:00
parent 805b194fe8
commit a87694f02c
4 changed files with 870 additions and 911 deletions

View File

@ -151,7 +151,7 @@
"path" : "pages/margin/margin",
"style" :
{
"navigationBarTitleText": "",
"navigationBarTitleText":"缴纳保证金",
"enablePullDownRefresh": false
}

View File

@ -1,29 +1,14 @@
<template>
<view class="gather">
<view v-if="isFshow">
<view
class="site-box flex_a_c_j_sb"
:style="{ opacity: backColor }"
@click="selectLocation"
>
<view
:class="['place_wrapper', 'flex_a_c', isFshow ? 'sitebox' : '']"
@click="selectLocation"
>
<view
:class="['iconfont', 'icon-weizhi', isFshow ? 'sitebox' : '']"
style="margin-left: 20rpx"
>
<view class="site-box flex_a_c_j_sb" :style="{ opacity: backColor }" @click="selectLocation">
<view :class="['place_wrapper', 'flex_a_c', isFshow ? 'sitebox' : '']" @click="selectLocation">
<view :class="['iconfont', 'icon-weizhi', isFshow ? 'sitebox' : '']" style="margin-left: 20rpx">
</view>
<view class="town_name">{{ street }}</view>
</view>
<navigator
url="/pages/chat/customer_list/index?type=0"
hover-class="none"
>
<view
:class="['iconfont', 'icon-xiaoxi', isFshow ? 'sitebox' : '']"
></view>
<navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
<view :class="['iconfont', 'icon-xiaoxi', isFshow ? 'sitebox' : '']"></view>
</navigator>
</view>
</view>
@ -33,26 +18,15 @@
<view class="iconfont icon-weizhi"></view>
<view class="town_name">{{ street }}</view>
</view>
<navigator
url="/pages/chat/customer_list/index?type=0"
hover-class="none"
>
<navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
<view class="iconfont icon-xiaoxi" style="color: #fff"> </view>
</navigator>
</view>
</view>
<zbpSwiper
:isSelectPlace="true"
:location_Arr="locationArr"
:town="street"
></zbpSwiper>
<u-empty
:show="jurisdiction"
mode="permission"
:text="emptyText"
icon="http://cdn.uviewui.com/uview/empty/permission.png"
></u-empty>
<zbpSwiper :isSelectPlace="true" :location_Arr="locationArr" :town="street"></zbpSwiper>
<u-empty :show="jurisdiction" mode="permission" :text="emptyText"
icon="http://cdn.uviewui.com/uview/empty/permission.png"></u-empty>
<view class="business com special_work" v-if="jurisdiction == false">
<view class="title project">
<view>更多功能</view>
@ -61,35 +35,19 @@
</view>
<view class="content">
<block v-if="nowMenuList.length > 0">
<u-transition
v-for="(item, index) in nowMenuList"
:key="item.name"
show
>
<view
class="examine"
@click="
<u-transition v-for="(item, index) in nowMenuList" :key="item.name" show>
<view class="examine" @click="
editFlag ? removeMenu(item) : clickMenu(item.type, item.data)
"
>
">
<image class="icon_img" :src="item.icon" mode="aspectFit">
</image>
<u-icon
v-if="editFlag"
class="icon"
name="minus-circle-fill"
color="red"
></u-icon>
<u-icon v-if="editFlag" class="icon" name="minus-circle-fill" color="red"></u-icon>
<text class="text">{{ item.name }}</text>
</view>
</u-transition>
</block>
<view
v-else-if="!editFlag"
@click="editFlag = true"
style="text-align: center; width: 100%; color: #aaa"
>还没有应用,点我添加应用</view
>
<view v-else-if="!editFlag" @click="editFlag = true"
style="text-align: center; width: 100%; color: #aaa">还没有应用,点我添加应用</view>
</view>
</view>
<view v-if="editFlag" class="business com special_work edit_card">
@ -98,11 +56,7 @@
<view class="edit2" @click="editComfirm">完成</view>
</view>
<view class="content">
<u-transition
v-for="(item, index) in AllMenuList"
:key="item.name"
show
>
<u-transition v-for="(item, index) in AllMenuList" :key="item.name" show>
<view class="examine" @click="pushMenu(item)">
<image class="icon_img" :src="item.icon" mode="aspectFit"> </image>
<u-icon class="icon" name="plus-circle-fill"></u-icon>
@ -112,16 +66,8 @@
</view>
</view>
<u-picker
:defaultIndex="[0, 0]"
:show="showPicker"
ref="uPicker"
:columns="columnData"
@confirm="confirm"
@cancel="showPicker = false"
@change="changeHandler"
keyName="name"
></u-picker>
<u-picker :defaultIndex="[0, 0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
<!-- <m-tabbar native>
<template v-slot:tabbar_index_2>
<view class="custom_style">
@ -133,48 +79,48 @@
</template>
<script>
import Cache from '@/utils/cache';
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import Cache from '@/utils/cache';
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import zbpSwiper from '@/components/zbpSwiper'
import {
import zbpSwiper from '@/components/zbpSwiper'
import {
getArea,
getStreet
} from '@/api/article.js';
import {
} from '@/api/article.js';
import {
mapState,
mapGetters
} from 'vuex'
import {
} from 'vuex'
import {
getWorkArticleCount,
getSlideAPI
} from '@/api/article.js'
import {
} from '@/api/article.js'
import {
getStoreList,
getUserInfo
} from '@/api/user.js'
import {
} from '@/api/user.js'
import {
getGeocoder,
microSeachBarCode,
microEadtProduct
} from '@/api/store.js'
import {
} from '@/api/store.js'
import {
Toast
} from '@/libs/uniApi';
import {
} from '@/libs/uniApi';
import {
getDiy
} from '@/api/api.js';
// #ifdef APP-PLUS
import uniMP from '@/utils/uniMP.js';
// #endif
} from '@/api/api.js';
// #ifdef APP-PLUS
import uniMP from '@/utils/uniMP.js';
// #endif
export default {
export default {
components: {
mTabbar,
zbpSwiper
},
data () {
data() {
return {
locationArr: ({}),
emptyText: '暂无可用应用',
@ -195,7 +141,8 @@ export default {
AllMenuList: [{
name: '商户平台',
icon: '/static/applet/shop_app.png',
data: "__UNI__1EE148C",
// data: "__UNI__1EE148C",
data: '/pages/moreProject/moreProject',
type: 2,
},
{
@ -271,13 +218,13 @@ export default {
computed: {
...mapGetters(['userInfo', 'location', 'isLogin'])
},
created () { },
onLoad () {
created() {},
onLoad() {
this.Area()
this.initMenu();
},
onShow () {
onShow() {
if (this.isLogin) {
this.emptyText = '暂无可用应用'
this.jurisdiction = false
@ -289,15 +236,15 @@ export default {
},
onPullDownRefresh () {
onPullDownRefresh() {
this.getUserInfo()
uni.stopPullDownRefresh()
},
beforeDestroy () {
beforeDestroy() {
//
this.$bus.$off('value-updated')
},
mounted () {
mounted() {
if (this.street.length <= 0) {
this.appLocation()
}
@ -313,7 +260,7 @@ export default {
},
// #ifdef APP-PLUS
onPageScroll (e) {
onPageScroll(e) {
const scrollTop = e.scrollTop;
if (scrollTop <= 20) {
this.backColor = 'rgba(252, 252, 252, 0)'
@ -329,7 +276,7 @@ export default {
// #endif
methods: {
scrolling () {
scrolling() {
//
let scrollTop =
window.pageYOffset ||
@ -371,7 +318,7 @@ export default {
},
//
initMenu () {
initMenu() {
let now = uni.getStorageSync('gatherNowMenuList');
try {
this.nowMenuList = JSON.parse(now);
@ -382,34 +329,41 @@ export default {
this.nowMenuList = [];
}
},
clickMenu (e, data) {
clickMenu(e, data) {
this.getUniMp(e, data);
},
//
pushMenu (data) {
pushMenu(data) {
this.nowMenuList.push(data);
this.AllMenuList = this.AllMenuList.filter((item) => {
return item.name != data.name;
})
},
//
removeMenu (data) {
removeMenu(data) {
this.AllMenuList.push(data);
this.nowMenuList = this.nowMenuList.filter((item) => {
return item.name != data.name;
})
},
//
editComfirm () {
editComfirm() {
this.editFlag = false;
uni.setStorageSync('gatherNowMenuList', JSON.stringify(this.nowMenuList));
},
getUniMp (type, data) {
getUniMp(type, data) {
// #ifdef APP-PLUS
switch (type) {
case 1: uniMP.loadMP(data); break;
case 2: uniMP.loadMPx(data); break;
case 3: uniMP.loadMPurl(data); break;
case 1:
uniMP.loadMP(data);
break;
// case 2: uniMP.loadMPx(data); break;
case 2:
this.navigator(data); break;
case 3:
uniMP.loadMPurl(data);
break;
}
return;
// #endif
@ -418,7 +372,7 @@ export default {
title: 'H5不支持打开小程序'
})
},
changeHandler (e) {
changeHandler(e) {
const {
columnIndex,
value,
@ -435,7 +389,7 @@ export default {
}
},
Area () {
Area() {
getArea({
city_code: 510500
}).then(res => {
@ -443,17 +397,17 @@ export default {
this.Street(res.data[0]['code']);
});
},
Street (code) {
Street(code) {
getStreet({
area_code: code
}).then(res => {
this.$refs.uPicker.setColumnValues(1, res.data);
});
},
selectLocation () {
selectLocation() {
this.showPicker = true
},
confirm (e) {
confirm(e) {
this.street = e.value[1].name
this.$nextTick(() => {
@ -462,7 +416,7 @@ export default {
})
this.showPicker = false
},
appLocation () {
appLocation() {
uni.getLocation({
type: 'wgs84',
timeout: '10',
@ -501,13 +455,13 @@ export default {
},
navigator (url, t) {
navigator(url, t) {
// if (this.userInfoData.is_wsxx === 0 && t != '') return Toast("");
uni.navigateTo({
url: url
})
},
getUserInfo: function () {
getUserInfo: function() {
let that = this;
getUserInfo().then(res => {
that.userInfoData = res.data;
@ -528,22 +482,22 @@ export default {
});
}
}
};
};
</script>
<style lang="scss" scoped>
.gather {
.gather {
padding-bottom: 164.91rpx;
background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%);
position: relative;
}
}
.sitebox {
.sitebox {
animation-name: fadeIn;
animation-duration: 3s;
animation-fill-mode: forwards;
}
}
@keyframes fadeIn {
@keyframes fadeIn {
from {
opacity: 0;
}
@ -551,9 +505,9 @@ export default {
to {
opacity: 1;
}
}
}
.site-box1 {
.site-box1 {
width: 706rpx;
/* #ifdef MP || APP-PLUS */
height: 160rpx;
@ -583,9 +537,9 @@ export default {
.iconfont {
font-size: 35.09rpx;
}
}
}
.site-box {
.site-box {
width: 100%;
/* #ifdef MP || APP-PLUS */
height: 160rpx;
@ -627,24 +581,24 @@ export default {
font-size: 30rpx;
font-size: 35.09rpx;
}
}
}
.top_box {
.top_box {
// padding-top: 180rpx;
background: linear-gradient(#36a2ff, #fff);
}
}
.com {
.com {
margin-left: 50%;
transform: translate(-50%);
}
}
.business {
.business {
width: 694.74rpx;
// margin-bottom: 175rpx;
}
}
.special_work {
.special_work {
// padding: 17.54rpx;
width: 694.74rpx;
margin-top: 52.63rpx;
@ -734,10 +688,10 @@ export default {
}
}
}
}
}
.edit_card {
.edit_card {
background-color: #fff;
padding-top: 28rpx;
}
}
</style>

View File

@ -1,16 +1,20 @@
<template>
<view class="gather">
<!-- #ifdef MP || APP-PLUS -->
<view class="conten-top">
<view class="" style="position: absolute;left: 30rpx;" @click="logout"><i class="iconfont icon-xiangzuo"
style="font-size: 40rpx;text-align: left;"></i></view>
<view class="" style="font-size: 30rpx;">
<view class="conten-top" :style="'height:'+statusBarHeight+'px'">
<view class="" style="position: absolute;left: 30rpx;bottom: 15rpx;" @click="logout"><i
class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i></view>
<view class=""
style="position: absolute;left: 30rpx;bottom: 15rpx;width: 120rpx; left:50%;margin-left:-60rpx;">
商家平台
</view>
</view>
<view style="padding-top:var(--status-bar-height);padding-bottom: 30rpx; margin-bottom: 30rpx;"></view>
<view :style="'height:'+statusBarHeight+'px'"></view>
<!-- #endif -->
<block v-if="isShow&&userInfoData.mer_info.mer_name">
<view class="" v-if="userInfoData.mer_info.setting_status==1">
<view class="special_work com" v-if="userInfoData.mer_info.type_code === 'TypeSupplyChain'">
@ -81,7 +85,7 @@
<view class="examine" @click="navigator(`/pages/margin/margin`)">
<image class="icon_img" src="@/static/images/jy.png">
</image>
<text class="text">保证缴纳</text>
<text class="text">缴纳保证金</text>
</view>
<!-- <view class="examine"
@click="navigator(`/pages/commissionedSales/index/index?mer_id=${mer_id}`)">
@ -197,7 +201,7 @@
<view class="examine" @click="margin(`/pages/margin/margin`)">
<image class="icon_img" src="@/static/images/jy.png">
</image>
<text class="text">保证缴纳</text>
<text class="text">缴纳保证金</text>
</view>
<!-- <view class="examine"
@ -317,7 +321,7 @@
<view class="examine" @click="navigator(`/pages/margin/margin`)">
<image class="icon_img" src="@/static/images/jy.png">
</image>
<text class="text">保证缴纳</text>
<text class="text">缴纳保证金</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill">
@ -388,7 +392,7 @@
<view class="examine" @click="navigator(`/pages/margin/margin`)">
<image class="icon_img" src="@/static/images/jy.png">
</image>
<text class="text">保证缴纳</text>
<text class="text">缴纳保证金</text>
</view>
</view>
</view>
@ -421,7 +425,7 @@
<emptyPage title="暂无信息"></emptyPage>
</view>
<view class="settlementAgreement" v-if="isFshow">
<view class="setAgCount" style="width: 100%;height: 100%; padding-top:120rpx ;" >
<view class="setAgCount" style="width: 100%;height: 100%; padding-top:120rpx ;">
<view class="" style="width: 60rpx;height: 60rpx; position: absolute;left: 30rpx; top:80rpx"
@click="recuo">
@ -618,7 +622,7 @@
cardno_back: ''
},
Fheight: 0,
statusBarHeight: 0
};
},
computed: {
@ -627,7 +631,7 @@
created() {},
onLoad() {
this.Fheight = uni.getSystemInfoSync().windowHeight + 'px';
this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight+45;
},
onShow() {
if (this.isLogin) {
@ -865,9 +869,9 @@
},
//
logout(){
logout() {
uni.switchTab({
url:'/pages/gather/gather'
url: '/pages/gather/gather'
})
},
//
@ -954,8 +958,6 @@
.conten-top {
width: 100%;
padding-top: var(--status-bar-height);
padding-bottom: 30rpx;
text-align: center;
background-color: #fff;
position: absolute;

View File

@ -2,18 +2,19 @@
<view class="">
<!-- #ifdef MP || APP-PLUS -->
<view class="conten-top">
<view class="" style="position: absolute;left: 30rpx;" @click="logout"><i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i></view>
<view class="" style="font-size: 30rpx;">
<view class="conten-top" :style="'height:'+statusBarHeight+'px'">
<view class="" style="position: absolute;left: 30rpx;bottom: 15rpx;" @click="logout"><i class="iconfont icon-xiangzuo"
style="font-size: 40rpx;text-align: left;"></i></view>
<view class="" style="position: absolute;left: 30rpx;bottom: 15rpx;width: 120rpx; left:50%;margin-left:-60rpx;">
商家入驻
</view>
</view>
<view style="height:var(--status-bar-height);margin-bottom: 30rpx;"></view>
<view :style="'height:'+statusBarHeight+'px'"></view>
<!-- #endif -->
<view v-if="!successful" :style="viewColor" >
<form report-submit='true'>
<view class='merchantsSettled' >
<view class='merchantsSettled'>
<view class="merchantBgCount">
<image mode="widthFix" class="merchantBg" :src="domain+'/static/diy/merchantBg'+keyColor+'.jpg'"
alt="">
@ -22,7 +23,7 @@
申请记录
<text class="iconfont icon-xiangyou"></text>
</view>
<view class='list' style="padding-top: var(--status-bar-height);">
<view class='list'>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">商户名称</text>
@ -36,8 +37,8 @@
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">联系电话</text>
<input type="text" placeholder="请输入手机号" v-model="merchantData.phone" @input="validateBtn"
placeholder-class='placeholder' />
<input type="text" placeholder="请输入手机号" v-model="merchantData.phone"
@input="validateBtn" placeholder-class='placeholder' />
</view>
</view>
<view class="item rel">
@ -236,12 +237,13 @@
<view class='loadingicon acea-row row-center-wrapper' v-if="loading">
<text class='loading iconfont icon-jiazai' :hidden='loading==false'></text>
</view>
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
</authorize>
<Verify @success="success" :captchaType="'blockPuzzle'" :imgSize="{ width: '330px', height: '155px' }"
ref="verify">
</Verify>
</view>
<view class="settledSuccessMain " v-else :style="viewColor" >
<view class="settledSuccessMain " v-else :style="viewColor">
<view class="settledSuccessful">
<image class="image" src="../static/images/settledSuccessful.svg" alt="">
<view class="title">恭喜您的资料提交成功</view>
@ -368,7 +370,8 @@
mer_i_id: null, // id
isType: false,
num: 10,
detail: {}
detail: {},
statusBarHeight:0
};
},
beforeDestroy() {
@ -397,6 +400,7 @@
}
this.getArea()
this.shoplist()
this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight+45;
},
onShow() {
@ -404,9 +408,9 @@
onReady() {},
methods: {
//退
logout(){
logout() {
uni.switchTab({
url:'/pages/user/index'
url: '/pages/user/index'
})
},
//
@ -596,13 +600,13 @@
street_code: this.street_id
}).then((res) => {
if (res.code == 0) {
this.company =''
this.organization_code =''
this.company = ''
this.organization_code = ''
this.$util.Tips({
title: res.msg
});
return false;
}else{
} else {
this.company = res.data.title
this.organization_code = res.data.organization_code
}
@ -955,19 +959,16 @@
color: #fff !important;
}
.conten-top{
.conten-top {
width: 100%;
// height: 120rpx;
padding-top:var(--status-bar-height);
// line-height:230rpx;
padding-bottom: 30rpx;
text-align: center;
background-color: #fff;
position: absolute;
top:0;
top: 0;
position: fixed;
z-index: 10;
}
.uni-input-placeholder {
color: #B2B2B2;
}
@ -998,7 +999,9 @@
.merchantsSettled {
background-image: linear-gradient(var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
height: 140vh;
position: relative;
}
.merchantsSettled .merchantBg {