Skip to content

J
jz_Travel
Commit a04a1ba7 authored by youjie's avatar youjie
Browse files
Options

大红包页面

parent 182c25d6
Show whitespace changes
Inline Side-by-side
Showing with 2192 additions and 7 deletions
App.vue
View file @ a04a1ba7
......@@ -199,6 +199,10 @@
font-family: "DFPLiJinHeiW8-GB";
src: url("https://im.oytour.com/tripfont/cb76573b1580477fbea1ce0cc0d136e5.woff");
}
@font-face {
font-family: SJzhuokai;
src: url("https://im.oytour.com/tripfont/ad392b8d2d9d49b1860db988bd6a994a.woff");
}
// @font-face {
// font-family: "oswald";
......
asset/css/flex.css
View file @ a04a1ba7
......@@ -602,3 +602,6 @@
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.opacity0{
opacity: 0;
}
\ No newline at end of file
components/header/header.vue
View file @ a04a1ba7
......@@ -3,7 +3,7 @@
<view class="carrHeaderBox">
<view class="carrHeader-left">
<view class="carrHeader-left-icon" @click="goBack">
<u-icon name="arrow-left" size="38" color="#000"></u-icon>
<u-icon name="arrow-left" size="38" :color="color?color:'#000'"></u-icon>
</view>
</view>
<view class="carrHeader-title">
......@@ -14,7 +14,7 @@
</template>
<script>
export default {
props:['title'],
props:['title','color'],
data() {
return {
titleStyle:{}
......
components/serviceStaff/index.vue 0 → 100644
View file @ a04a1ba7
<template>
<view>
<view style="font-size: 17px;text-align: center;padding: 20px 0;">
选择服务人员
</view>
<scroll-view scroll-x="true" style="width: 100%;height: 43vh;">
<view class="SaleBox">
<view v-for="(item,index) in SaleList"
:key="index"
class="SaleText"
@click="SelectSales(item)">
<view>{{ item.EmName }}</view>
<view>
<u-radio-group v-model="parameter.SaleId"
style="position: relative;top:10rpx;">
<u-radio shape="circle" :name="item.CreateBy" :icon-size="36"
:active-color="mc"></u-radio>
</u-radio-group>
</view>
</view>
</view>
</scroll-view>
<u-button size="80" :ripple="true" shape="circle" :custom-style="{
backgroundColor: '#333',
height: '80rpx',
color: '#fff',
fontSize: '14px',
margin: '0 auto',
width: '90vw',
}" @click="goReserce()">确定</u-button>
</view>
</template>
<script>
export default {
props:['msg','list'],
data() {
return {
parameter:null,
SaleList: [],
mc: '',
}
},
watch: {
msg: {
deep: true,
immediate: true,
handler(newVal, oldVal) {
this.parameter = newVal;
},
},
list: {
deep: true,
immediate: true,
handler(newVal, oldVal) {
this.SaleList = newVal;
},
},
},
onLoad(options) {
this.mc = this.$uiConfig.mainColor;
},
methods: {
SelectSales(item){
this.parameter.SaleName = item.EmName
this.parameter.SaleId = item.CreateBy
},
goReserce(){
this.$emit('goReserce',this.parameter)
}
}
}
</script>
<style scoped>
.SaleBox{
padding: 0 20px;
}
.SaleText{
height: 80rpx;
line-height: 77rpx;
display: flex;
justify-content: space-between;
border-bottom: 1rpx solid #eee;
overflow: hidden;
}
</style>
pages.json
View file @ a04a1ba7
......@@ -728,7 +728,7 @@
}, {
"path": "description"
}, {
"path": "order"
"path": "order"//下单预览页
},{
"path": "detail",//酒店详情
"enablePullDownRefresh": true,
......@@ -740,7 +740,7 @@
}
}
},{
"path": "orderInfor",//下单就到信息
"path": "orderInfor",//下单信息
"style": {
"navigationStyle": "custom",
"mp-alipay": {
......@@ -948,7 +948,72 @@
}
}
]
},
//大红包
{
"root": "pages/bigredrnvelope",
"pages": [
{
"path": "list",
"enablePullDownRefresh": true,
"style": {
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES"
}
}
},
{
"path": "rule",
"enablePullDownRefresh": true,
"style": {
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES"
}
}
},
{
"path": "signAcontract",
"style":{
"navigationBarTitleText" : "大红包签约",
"navigationBarBackgroundColor": "#E6F1FF"
}
},
{
"path": "ActivityInProgress",
"enablePullDownRefresh": true,
"style": {
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES"
}
}
},
{
"path": "SettableList",
"enablePullDownRefresh": true,
"style": {
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES"
}
}
},
{
"path": "PaymentProgress",
"style":{
"navigationBarTitleText" : "提现",
"navigationBarBackgroundColor": "#E5F0FF"
}
}
]
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
......
pages/bigredrnvelope/ActivityInProgress.vue 0 → 100644
View file @ a04a1ba7
<template>
<view class="ActInProBox column">
<scroll-view :scroll-y="true"
style="height: 1px;flex: 1;box-sizing: border-box;"
@scroll="scroll"
:scroll-top="scrollTop">
<view class="ActInProHeaderBox activeLv5" :style="{ opacity: 100 - boxOption + '%' }">
<headers :title="page" color="#fff"></headers>
<view class="ActInProHeader">
<view class="ActInProHeaderTitle">
Lv1
<text>
出发序章
<!-- 秘境探索
云端行者
丝路征程
寰宇旅人 -->
</text>
</view>
<view class="ActInProHeaderTime row-sbas-n">
<view>有效期至2025年12月31日 23:59</view>
<view class="col" @click="goTisp">规则说明</view>
</view>
<view class="ActInProHeaderNum row">
<view class="ActInProHeaderNT ActInProHeaderNTL col column">
<view>当前交易额</view>
<view>¥<text>10550</text></view>
</view>
<view class="ActInProHeaderNT ActInProHeaderNTR col column">
<view>预计收益</view>
<view>¥<text>1288</text></view>
</view>
</view>
<view class="lineBox">
<view class="greyLine"></view>
<view class="lineHigBox"
:style="{'width': '50%'}">
<view class="lineHighlight">
<view></view>
</view>
</view>
</view>
<view class="ActInProHeaMoney">交易额达¥100,000 返5%</view>
</view>
</view>
<view v-if="scrollTop > 50" class="ActInProHeaders">
<headers v-if="scrollTop > 50" :title="page"></headers>
<view style="padding: 0 40rpx;">
<view v-if="scrollTop > 650" class="ActInProCenTimeBox row-sbas-n"
style="padding: 10rpx 0 30rpx;">
<view class="ActInProCenTime row" @click="SelectDate">
<text>{{year}}年</text>
<text>{{month}}月</text>
<u-icon name="arrow-down" size="28" color="#000"></u-icon>
</view>
<view class="ActInProCenSSE">
总销售额：
<text>¥518960</text>
</view>
</view>
</view>
</view>
<view class="ActInProCenterBox">
<view class="ActInProCenTjBox">
<view class="ActInProCenTjTitle">月销售额统计</view>
<view class="ActInProCenBar">
</view>
</view>
<view class="ActInProCenTimeBox row-sbas-n">
<view class="ActInProCenTime row" @click="SelectDate">
<text>{{year}}年</text>
<text>{{month}}月</text>
<u-icon name="arrow-down" size="28" color="#000"></u-icon>
</view>
<view class="ActInProCenSSE">
总销售额：
<text>¥518960</text>
</view>
</view>
<u-picker mode="time" v-model="showTime" :defaultTime="times" :params="params" @confirm = 'confirm'></u-picker>
<view class="ActInProListBox">
<view class="ActInProList activeJD"
v-for="(item,index) in 10" :key="index">
<view class="ActInProListTitle">
<text>
酒店
</text>
<view></view>
</view>
<view class="ActInProListDec">
星空九寨~九寨沟.黄龙.熊猫乐园.纯玩3天(4人定制小包团·赠送...
</view>
<view class="ActInProListDecNum">¥1440，2人</view>
<view class="ActInProListTime row-sbas-n items-center">
<view>完结时间：2025-04-01</view>
<view class="ActInProListTimeR">¥2880</view>
</view>
</view>
</view>
<u-alert-tips :close-able="false"
style="border-radius: 18rpx;"
type="warning"
title="2025年2月1日（包含）起生效"
description="积分：平台所有跟团游产品均可参加积分活动，积分获得比例：100:1（例：客人实付金额100元，获得1个积分)。团队出发后7个工作日内将会存入积分余额。"
></u-alert-tips>
<view style="height: 40rpx;"></view>
</view>
</scroll-view>
</view>
</template>
<script>
import headers from "@/components/header/header";
export default {
components: {
headers
},
data() {
return {
page:'',
boxOption: 0,
params: {
year: true,
month: true,
day: false,
hour: false,
minute: false,
second: false
},
year: '',
month: '',
date: '',
times: null,
showTime: false,
msg: {
QStartDate: '',
QEndDate: ''
},
scrollHeight: 0,
scrollTop: 0,
}
},
onLoad(options) {
},
onShow() {
const now = new Date();
this.year = now.getFullYear();
this.month = String(now.getMonth() + 1).padStart(2, '0');
this.msg.QStartDate = this.year + '-' + this.month + '-01'
now.setMonth(now.getMonth() + 1, 0);
this.msg.QEndDate = this.year + '-' + this.month + '-'+now.getDate()
this.times = this.year + '-' + this.month
},
mounted() {
},
methods: {
goTisp(){
console.log(1111)
this.scrollTop = this.scrollHeight?this.scrollHeight:1000000
},
confirm(e){
if(this.year==e.year&&this.month==e.month) return
this.year = e.year
this.month = e.month
this.times = this.year + '-' + this.month
const now = new Date(this.year, this.month, 1); // 设置为下个月第1天
now.setDate(now.getDate() - 1); // 减1天即为上个月最后一天
this.msg.QStartDate = this.year + '-' + this.month + '-01'
this.msg.QEndDate = this.year + '-' + this.month + '-'+now.getDate()
// this.research()
this.scrollTop = 630
},
SelectDate(){
this.showTime = true
},
goUrl(){
uni.navigateTo({
url: '/pages/bigredrnvelope/rule'
})
},
scroll(e) {
this.scrollHeight = e.detail.scrollHeight
this.scrollTop = e.detail.scrollTop;
this.boxOption = Math.floor((e.detail.scrollTop - 200) / 1.5);
},
}
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.ActInProBox{
height: 100vh;
background: #F3F1EF;
}
.ActInProHeaderBox{
height: 919rpx;
}
.ActInProHeaders{
position: fixed;
top: 0;
left: 0;
right: 0;
background: #F3F1EF;
z-index: 3;
}
.ActInProHeader{
padding: 25rpx 40rpx 0 40rpx;
}
.ActInProHeaderTitle{
font-weight: 400;
font-size: 30rpx;
}
.ActInProHeaderTitle text{
font-family: SJzhuokai;
font-weight: 400;
font-size: 46rpx;
color: #FFFFFF;
margin-left: 10rpx;
}
.ActInProHeaderTime{
font-weight: 500;
font-size: 24rpx;
}
.ActInProHeaderTime view{
display: block;
padding: 10rpx 0;
}
.ActInProHeaderTime view:last-child{
text-align: right;
}
.ActInProHeaderNum{
padding: 53rpx 0 15rpx 0;
}
.ActInProHeaderNT view{
font-size: 24rpx;
}
.ActInProHeaderNT view:first-child{
font-weight: 500;
margin-bottom: 10rpx;
}
.ActInProHeaderNT view:last-child{
font-weight: bold;
}
.ActInProHeaderNT view:last-child text{
font-size: 46rpx;
}
.ActInProHeaderNTL{
color: #FFFFFF;
}
.lineBox{
width: 613rpx;
position: relative;
}
.greyLine{
width: 613rpx;
height: 8rpx;
border-radius: 4rpx;
}
.lineHigBox{
height: 8rpx;
background: #fff;
position: absolute;
left: 0;
top: 0;
border-radius: 4rpx;
}
.lineHighlight{
position: relative;
width: 100%;
}
.lineHighlight view{
width: 21rpx;
height: 8rpx;
background: #fff;
border-radius:10rpx;
position: absolute;
right: 0;
top: 0;
// box-shadow: 2px 0px 73px 13px #fff;
box-shadow: 0 0 5px #fff,
0 0 10px #fff,
0 0 15px #fff,
0 0 20px #fff,
0 0 25px #fff,
0 0 30px #fff,
0 0 35px #fff,
0 0 40px #fff,
0 0 45px #fff,
0 0 50px #fff;
}
.ActInProHeaMoney{
font-weight: 500;
font-size: 24rpx;
color: #FFFFFF;
margin-top: 25rpx;
}
.ActInProCenterBox{
padding: 0 40rpx;
position: relative;
top: -46rpx;
}
.ActInProCenTjBox{
background: #FFFFFF;
border-radius: 18rpx;
padding: 30rpx 20rpx 20rpx 20rpx;
}
.ActInProCenTjTitle{
font-weight: bold;
font-size: 32rpx;
color: #080A0A;
margin-bottom: 37rpx;
padding: 0 20rpx;
}
.ActInProCenBar{
height: 414rpx;
background: #F2F8FF;
border-radius: 18rpx;
}
.ActInProCenTimeBox{
padding: 40rpx 0 30rpx 0;
}
.ActInProCenTime{
font-weight: 500;
font-size: 24rpx;
color: #000;
}
.ActInProCenTime u-icon{
margin-left: 10rpx;
position: relative;
top: -2rpx;
}
.ActInProCenSSE{
font-weight: bold;
font-size: 24rpx;
color: #080A0A;
}
.ActInProCenSSE text{
font-size: 32rpx;
margin-left: 10rpx;
}
.ActInProList{
padding: 38rpx;
background: #FFFFFF;
border-radius: 18rpx;
margin-bottom: 34rpx;
}
.ActInProListTitle{
font-weight: bold;
font-size: 28rpx;
color: #080A0A;
position: relative;
}
.ActInProListTitle view{
width: 43rpx;
height: 8rpx;
border-radius: 3rpx;
position: absolute;
left: 6rpx;
bottom: 5rpx;
z-index: 0;
}
.ActInProListTitle text{
position: relative;
z-index: 2;
}
.ActInProList.activeJD .ActInProListTitle view{
background: #3175FF;
}
.ActInProList.activeLY .ActInProListTitle view{
background: #FF3166;
}
.ActInProList.activeZC .ActInProListTitle view{
background: #1BCB8B;
}
.ActInProList.activeJP .ActInProListTitle view{
background: #FF9731;
}
.ActInProList.activeQZ .ActInProListTitle view{
background: #9B2020;
}
.ActInProListDec{
font-weight: bold;
font-size: 28rpx;
color: #080A0A;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
padding: 20rpx 0 10rpx 0;
}
.ActInProListDecNum{
font-weight: 500;
font-size: 24rpx;
color: #757776;
margin-bottom: 5rpx;
}
.ActInProListTime{
font-weight: 500;
font-size: 24rpx;
color: #757776;
}
.ActInProListTimeR{
font-weight: bold;
font-size: 32rpx;
color: #080A0A;
}
.ActInProHeaderNTR{
color: #FFE6A2;
}
.ActInProHeaderNTR view:first-child{
color: #FFE6A3;
}
.ActInProHeaderBox.activeLv5 .greyLine{
background: #010102;
}
.ActInProHeaderBox.activeLv5 .ActInProHeaderTitle,
.ActInProHeaderBox.activeLv5 .ActInProHeaderTime{
color: #526474;
}
.ActInProHeaderBox.activeLv4 .greyLine{
background: #232C5A;
}
.ActInProHeaderBox.activeLv4 .ActInProHeaderTitle,
.ActInProHeaderBox.activeLv4 .ActInProHeaderTime{
color: #22627B;
}
.ActInProHeaderBox.activeLv3 .greyLine{
background: #232C5A;
}
.ActInProHeaderBox.activeLv3 .ActInProHeaderTitle,
.ActInProHeaderBox.activeLv3 .ActInProHeaderTime{
color: #B7CBFF;
}
.ActInProHeaderBox.activeLv2 .greyLine{
background: #4D3204;
}
.ActInProHeaderBox.activeLv2 .ActInProHeaderTitle,
.ActInProHeaderBox.activeLv2 .ActInProHeaderTime{
color: #EAD39E;
}
.ActInProHeaderBox.activeLv1 .greyLine{
background: #123369;
}
.ActInProHeaderBox.activeLv1 .ActInProHeaderTitle,
.ActInProHeaderBox.activeLv1 .ActInProHeaderTime{
color: #86B4FF;
}
.ActInProHeaderBox.activeLv1{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797085844310824.png')no-repeat;
background-size: 100% 100%;
}
.ActInProHeaderBox.activeLv2{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797085843373244.png')no-repeat;
background-size: 100% 100%;
}
.ActInProHeaderBox.activeLv3{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797085843343956.png')no-repeat;
background-size: 100% 100%;
}
.ActInProHeaderBox.activeLv4{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797085843324394.png')no-repeat;
background-size: 100% 100%;
}
.ActInProHeaderBox.activeLv5{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797085843612910.png')no-repeat;
background-size: 100% 100%;
}
</style>
pages/bigredrnvelope/PaymentProgress.vue 0 → 100644
View file @ a04a1ba7
<template>
<view class="PaymentProBox column">
<view class="PaymentProTitle row items-center justify-center">
<image :src="stateImg[0]" />
<text>打款中</text>
</view>
<view class="PaymentProCenterForm column">
<scroll-view :scroll-y="true"
style="width: 100%;height: 1px;flex: 1;background: #FFFFFF;border-radius: 20rpx;overflow: hidden;">
<view class="PaymentProCenterBox">
<view class="PaymentProCTitle">结算账户/业务代表</view>
<view class="PaymentProCText row-sbas-n">
<view>银行名称</view>
<view class="col">中国银行</view>
</view>
<view class="PaymentProCText row-sbas-n">
<view>银行账户</view>
<view class="col">中国银行</view>
</view>
<view class="PaymentProCText row-sbas-n">
<view>开户行</view>
<view class="col">中国银行</view>
</view>
<view class="PaymentProCText row-sbas-n">
<view>电话</view>
<view class="col">中国银行</view>
</view>
<view class="PaymentProCJD">提现进度</view>
<view>
<view class="PaymentProCJDBox row-sbas-n items-center"
v-for="(item,index) in stepList"
:key="index"
:class="[index>StepNum?'active':'']">
<view class="PaymentProCJDBoxL row items-center">
<view class="PaymentProCJDBoxLine row items-center justify-center">
<view class="PaymentProCJDD"></view>
<view v-if="index>StepNum" class="PaymentProCJDDHS">
{{ index+1 }}
</view>
<view v-if="index" class="PaymentProCJDLine"></view>
</view>
<view class="PaymentProCJDText">{{ item.Name }}</view>
</view>
<view class="PaymentProCJDBoxR">2025.4.8</view>
</view>
</view>
</view>
</scroll-view>
<view class="PaymentProButBox row">
<view class="PaymentProBut PaymentProButL col">返回</view>
<view class="PaymentProBut PaymentProButR col">查看数据</view>
</view>
</view>
<view style="height: 100rpx;"></view>
<auth v-if="showAuth&&is_show_auth==1" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</view>
</template>
<script>
import auth from "@/components/auth/index.vue";
export default {
components: {
auth,
},
data() {
return {
msg: {
SaleName: '',
SaleId: '',
img: '',
name: '',
time: '',
},
customer: null,
showAuth: false,
stepList:[
{Name:'营业执照',Id:1},
{Name:'法人身份证',Id:2},
{Name:'银行账户',Id:3},
{Name:'线上签约',Id:4},
],
StepNum: 1,
U:{},
b2bUser:{},
is_show_auth: 0,
stateImg:[
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797293350216749.png',
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797058914190239.png'
]
}
},
onLoad(options) {
this.customer = uni.getStorageSync("b2b_user");
},
onShow() {
this.U = uni.getStorageSync("mall_UserInfo");
this.b2bUser = uni.getStorageSync("b2b_user");
let basedata = uni.getStorageSync("basedata");
//判断后台是否开启自动授权
if (basedata && basedata.mall
&& basedata.mall.setting
&& basedata.mall.setting.is_show_auth ==1) {
this.is_show_auth = 1;
}
if (!this.U) {
this.U = {
nickName: "未登录",
avatarUrl: "",
};
this.showAuth = true;
} else if (!this.b2bUser && this.is_show_auth == 1) {
this.U = {
nickName: "未登录",
avatarUrl: "",
};
this.showAuth = true;
}
},
mounted() {
},
methods: {
reloadUserinfo() {
const pages = getCurrentPages()
const curPage = pages[pages.length-1]
curPage.onLoad(curPage.options)
curPage.onShow()
curPage.onReady()
},
//关闭登录窗口
gbAuth() {
this.showAuth = false;
},
}
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.PaymentProBox{
height: 100vh;
background: linear-gradient(0deg, #F5F7FA, #E5F0FF);
}
.PaymentProTitle{
font-size: 40rpx;
font-weight: bold;
padding: 80rpx 0 50rpx 0;
}
.PaymentProTitle image{
width: 43rpx;
height: 54rpx;
margin-right: 36rpx;
}
.PaymentProCenterForm{
padding: 0 31rpx;
height: 1px;
flex: 1;
}
.PaymentProCenterBox{
padding: 37rpx 40rpx;
}
.PaymentProCTitle{
font-weight: bold;
font-size: 32rpx;
padding: 18rpx 0;
}
.PaymentProCText{
padding: 27rpx 0;
}
.PaymentProCText view:first-child{
width: 170rpx;
color: #7686A3;
}
.PaymentProCJD{
font-weight: bold;
font-size: 32rpx;
padding: 53rpx 0 30rpx;
}
.PaymentProCJDBox{
height: 90rpx;
}
.PaymentProCJDBoxLine{
width: 50rpx;
height: 50rpx;
background: #DBF0FF;
border-radius: 50%;
position: relative;
}
.PaymentProCJDD{
width: 24rpx;
height: 24rpx;
background: #0198FF;
border-radius: 50%;
position: relative;
z-index: 2;
}
.PaymentProCJDDHS{
width: 34rpx;
height: 34rpx;
line-height: 30rpx;
text-align: center;
font-size: 26rpx;
background: #9AA6C6;
border-radius: 50%;
position: relative;
z-index: 2;
color: #fff;
}
.PaymentProCJDLine{
width: 8rpx;
height: 70rpx;
background: #E6E9F1;
// background: red;
position: absolute;
left: 22rpx;
top: -61rpx;
z-index: 1;
}
.PaymentProCJDText{
font-size: 24rpx;
margin-left: 25rpx;
}
.PaymentProCJDBoxR{
font-size: 24rpx;
color: #BFBFBF;
}
.PaymentProCJDBox.active .PaymentProCJDBoxLine{
background: #fff;
}
.PaymentProCJDBox.active .PaymentProCJDText{
color: #8391AC;
}
.PaymentProCJDBox.active .PaymentProCJDD{
display: none;
}
.PaymentProButBox{
margin-top: 42rpx;
}
.PaymentProBut{
border-radius: 14rpx;
padding: 28rpx 0;
text-align: center;
}
.PaymentProButL{
border: 2rpx solid #0198FF;
color: #0198FF;
}
.PaymentProButR{
margin-left:42rpx;
border: 2rpx solid #0198FF;
background: #0198FF;
color: #fff;
}
</style>
pages/bigredrnvelope/SettableList.vue 0 → 100644
View file @ a04a1ba7
<template>
<view class="SetListBox activeLv1 column">
<view class="SetListHeaderBox">
<headers :title="page"></headers>
<view class="SetListHeader row items-center">
<view class="SetListHeaderL">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748795455095258.png" />
</view>
<view class="SetListHeaderR">
<view class="SetListHeaderRTitle">Ranjunjun</view>
<view class="SetListHeaderRLV">等级：LV1.出发序章</view>
</view>
</view>
</view>
<view class="SetListCenterBox column">
<view class="SetListCenTjBox">
<view class="SetListCenTjTitle">大红包额度</view>
<view class="row-sbas-n items-center">
<view class="SetListCenTNumL">
¥<text>2318</text>
</view>
<view class="SetListCenTImgR">
<view>
立即提现
</view>
</view>
</view>
</view>
<view class="SetListCenTimeBox row-sbas-n">
<view class="SetListCenTime row" @click="SelectDate">
<text>{{year}}年</text>
<text>{{month}}月</text>
<u-icon name="arrow-down" size="28"></u-icon>
</view>
<view class="SetListCenSSE">
总销售额：
<text>¥518960</text>
</view>
</view>
<scroll-view :scroll-y="true"
style="height: 1px;flex: 1;box-sizing: border-box;border-radius: 18rpx;overflow: hidden;"
@scroll="scroll">
<view class="SetListListBox">
<view class="SetListList activeJD"
v-for="(item,index) in 10" :key="index">
<view class="SetListListTitle">
<text>
酒店
</text>
<view></view>
</view>
<view class="SetListListDec">
星空九寨~九寨沟.黄龙.熊猫乐园.纯玩3天(4人定制小包团·赠送...
</view>
<view class="SetListListDecNum">¥1440，2人</view>
<view class="SetListListTime row-sbas-n items-center">
<view>完结时间：2025-04-01</view>
<view class="SetListListTimeR">¥2880</view>
</view>
</view>
</view>
<view style="height: 20rpx;"></view>
</scroll-view>
<!-- <u-alert-tips :close-able="false"
style="padding: 30rpx 30rpx;border-radius: 18rpx;"
type="warning"
title="2025年2月1日（包含）起生效"
description="积分：平台所有跟团游产品均可参加积分活动，积分获得比例：100:1（例：客人实付金额100元，获得1个积分)。团队出发后7个工作日内将会存入积分余额。"
></u-alert-tips> -->
</view>
<u-picker mode="time" v-model="showTime" :defaultTime="times" :params="params" @confirm = 'confirm'></u-picker>
</view>
</template>
<script>
import headers from "@/components/header/header";
export default {
components: {
headers
},
data() {
return {
page:'',
boxOption: 0,
params: {
year: true,
month: true,
day: false,
hour: false,
minute: false,
second: false
},
year: 2025,
month: 12,
date: 31,
times: null,
showTime: false,
msg: {
QStartDate: '',
QEndDate: ''
},
scrollHeight: 0,
scrollTop: 0,
}
},
onLoad(options) {
},
onShow() {
},
mounted() {
},
methods: {
goTisp(){
this.scrollTop = this.scrollHeight
},
confirm(e){
if(this.year==e.year&&this.month==e.month) return
this.year = e.year
this.month = e.month
this.times = this.year + '-' + this.month
const now = new Date(this.year, this.month, 1); // 设置为下个月第1天
now.setDate(now.getDate() - 1); // 减1天即为上个月最后一天
this.msg.QStartDate = this.year + '-' + this.month + '-01'
this.msg.QEndDate = this.year + '-' + this.month + '-'+now.getDate()
// this.research()
},
SelectDate(){
this.showTime = true
},
goUrl(){
uni.navigateTo({
url: '/pages/bigredrnvelope/rule'
})
},
scroll(e) {
this.scrollHeight = e.detail.scrollHeight
this.scrollTop = e.detail.scrollTop;
this.boxOption = Math.floor((e.detail.scrollTop - 200) / 1.5);
},
}
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.SetListBox{
height: 100vh;
overflow: hidden;
}
.SetListHeaderBox{
height: 400rpx;
}
.SetListHeaders{
position: fixed;
z-index: 2;
top: 0;
left: 0;
}
.SetListHeader{
padding: 25rpx 40rpx 0 40rpx;
}
.SetListHeaderL{
width: 88rpx;
height: 88rpx;
border-radius: 50%;
overflow: hidden;
}
.SetListHeaderL image{
width: 100%;
height: 100%;
display: block;
}
.SetListCenterBox{
padding: 0 30rpx;
height: 1px;
flex: 1;
}
.SetListHeaderR{
margin-left: 25rpx;
color: #080A0A;
}
.SetListHeaderRTitle{
font-weight: bold;
font-size: 40rpx;
}
.SetListHeaderRLV{
font-weight: bold;
font-size: 20rpx;
margin-top: 10rpx;
}
.SetListCenTjBox{
height: 200rpx;
border-radius: 18rpx;
padding: 48rpx 43rpx 41rpx 47rpx;
margin-top: -46rpx;
}
.SetListCenTjTitle{
font-weight: bold;
font-size: 24rpx;
color: #080A0A;
margin-bottom: 12rpx;
}
.SetListCenTNumL{
font-family: Alibaba PuHuiTi;
font-weight: 800;
font-size: 46rpx;
color: #080A0A;
}
.SetListCenTNumL text{
font-size: 66rpx;
}
.SetListCenTImgR view{
width: 185rpx;
height: 59rpx;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796304440442295.png')no-repeat;
background-size: 100% 100%;
color: #fff;
font-weight: bold;
font-size: 30rpx;
text-align: center;
line-height: 59rpx;
}
.SetListCenTimeBox{
padding: 40rpx 0 30rpx 0;
}
.SetListCenTime{
font-weight: 500;
font-size: 24rpx;
color: #000;
}
.SetListCenTime u-icon{
margin-left: 10rpx;
position: relative;
top: -2rpx;
color: #000;
}
.SetListCenSSE{
font-weight: bold;
font-size: 24rpx;
color: #080A0A;
}
.SetListCenSSE text{
font-size: 32rpx;
margin-left: 10rpx;
}
.SetListList{
padding: 38rpx;
background: #FFFFFF;
border-radius: 18rpx;
margin-bottom: 34rpx;
}
.SetListListTitle{
font-weight: bold;
font-size: 28rpx;
color: #080A0A;
position: relative;
}
.SetListListTitle view{
width: 43rpx;
height: 8rpx;
border-radius: 3rpx;
position: absolute;
left: 6rpx;
bottom: 5rpx;
z-index: 0;
}
.SetListListTitle text{
position: relative;
z-index: 2;
}
.SetListList.activeJD .SetListListTitle view{
background: #3175FF;
}
.SetListList.activeLY .SetListListTitle view{
background: #FF3166;
}
.SetListList.activeZC .SetListListTitle view{
background: #1BCB8B;
}
.SetListList.activeJP .SetListListTitle view{
background: #FF9731;
}
.SetListList.activeQZ .SetListListTitle view{
background: #9B2020;
}
.SetListListDec{
font-weight: bold;
font-size: 28rpx;
color: #080A0A;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
padding: 20rpx 0 10rpx 0;
}
.SetListListDecNum{
font-weight: 500;
font-size: 24rpx;
color: #757776;
margin-bottom: 5rpx;
}
.SetListListTime{
font-weight: 500;
font-size: 24rpx;
color: #757776;
}
.SetListListTimeR{
font-weight: bold;
font-size: 32rpx;
color: #080A0A;
}
.SetListHeaderNTR{
color: #FFE6A2;
}
.SetListHeaderNTR view:first-child{
color: #FFE6A3;
}
.SetListBox.activeLv1 .SetListCenTjBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797251203371680.png')no-repeat;
background-size: 100% 100%;
}
.SetListBox.activeLv2 .SetListCenTjBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797251202995280.png')no-repeat;
background-size: 100% 100%;
}
.SetListBox.activeLv3 .SetListCenTjBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797251203185715.png')no-repeat;
background-size: 100% 100%;
}
.SetListBox.activeLv4 .SetListCenTjBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797251202097257.png')no-repeat;
background-size: 100% 100%;
}
.SetListBox.activeLv5 .SetListCenTjBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797251201618520.png')no-repeat;
background-size: 100% 100%;
}
.SetListBox.activeLv5 .SetListHeaderR{
color: #fff;
}
.SetListBox.activeLv5 .SetListCenTNumL{
color: #66CBFF;
}
.SetListBox.activeLv5 .SetListCenTjTitle{
color: #4A7084;
}
.SetListBox.activeLv5 .SetListCenTime,
.SetListBox.activeLv5 .SetListCenTime u-icon,
.SetListBox.activeLv5 .SetListCenSSE{
color: #D8E9F2;
}
.SetListBox.activeLv1{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797225275441361.png')no-repeat #F0F8FF;
background-size: 100% auto;
}
.SetListBox.activeLv2{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797225275568236.png')no-repeat #F9F5EE;
background-size: 100% auto;
}
.SetListBox.activeLv3{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797225274249868.png')no-repeat #F2F2FE;
background-size: 100% auto;
}
.SetListBox.activeLv4{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797225275646201.png')no-repeat #F0F5F7;
background-size: 100% auto;
}
.SetListBox.activeLv5{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797259203314911.png')no-repeat #061309;
background-size: 100% auto;
}
</style>
pages/bigredrnvelope/components/upload.vue 0 → 100644
View file @ a04a1ba7
<template>
<u-upload :action="action"
@on-remove="onRemove"
max-count="1"
:show-upload-list="true"
:deletable="true"
:show-progress="false"
:show-tips="false"
:custom-btn="true"
@on-success="uploadSuccessHandler">
<view slot="addBtn" class="slot-btn">
<u-icon name="photograph" size="40" color="#888"></u-icon>
<view class="mian-title">上传图片</view>
</view>
</u-upload>
</template>
<script>
export default {
components: {
},
data() {
return {
action: this.host2 + "/api/File/UploadTencent",
fileList: [],
mode: 'widthFix'
}
},
onLoad(options) {
},
onShow() {},
mounted() {
},
methods: {
onRemove(index) {
this.$emit('onRemove', 1);
// this.msg[1].CommentImgList.splice(index, 1);
},
uploadSuccessHandler(data, index, lists) {
let r = JSON.parse(data);
this.$emit('onSuccess', r.data);
console.log(r.data,'------');
},
}
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.slot-btn{
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.mian-image{
width: 100%;
height: 100%;
}
</style>
pages/bigredrnvelope/list.vue 0 → 100644
View file @ a04a1ba7
<template>
<view class="bigRedEnvListBox column">
<headers :title="page"></headers>
<view class="bigRedEnvLImg">
<image class="bigRedEnvLImg0" mode="aspectFit" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796189067018810.png"/>
<image class="bigRedEnvLImg1" mode="aspectFit" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796189108004896.png"/>
</view>
<scroll-view :scroll-y="true"
style="width: 100%;height: 1px;flex: 1;">
<view class="bigRedEnvLCBox">
<!-- activeDaiKQ activeJinXZ activeChaK activeChaKJD-->
<view class="bigRedEnvLC " v-for="(item,index) in 5" :key="index"
:class="[{'activeDaiKQ':index==0,'activeJinXZ':index==1,
'activeChaK':index==2,'activeChaK':index==3,'activeChaKJD':index==4}]">
<view class="bigRedEnvLCBj row items-center">
<view class="bigRedEnvLCLeft col">
<view class="bigRedEnvLCLTitle">2025 <text>年度大红包</text></view>
<view v-if="index!=4" class="bigRedEnvLCLTime">提交时间：2025年1月2日</view>
</view>
<view class="bigRedEnvLCRight">
<view class="bigRedEnvLCRBox column" v-if="index<4">
<view class="bigRedEnvLCRTitle">- <text>待开启</text> -</view>
<view class="bigRedEnvLCRText">
¥
<text>21886</text>
</view>
<view class="bigRedEnvLCRTYg">预估</view>
</view>
<view v-if="index==4" class="bigRedEnvLCRBut">
查看进度
</view>
</view>
</view>
</view>
</view>
</scroll-view>
<view class="bigRedEnvLRule" @click="goUrl">
<text>大红包规则</text>
</view>
<view style="height: 112rpx;"></view>
</view>
</template>
<script>
import headers from "@/components/header/header";
export default {
components: {
headers
},
data() {
return {
page:'',
}
},
onLoad(options) {
},
onShow() {
},
mounted() {
},
methods: {
goUrl(){
uni.navigateTo({
url: '/pages/bigredrnvelope/rule'
})
}
}
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.bigRedEnvListBox{
height: 100vh;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796189015251131.jpg')no-repeat;
background-size: 100% 100%;
}
.bigRedEnvLImg{
width: 100%;
text-align: center;
margin-bottom: 30rpx;
}
.bigRedEnvLImg0{
width: 639rpx;
height: 270rpx;
}
.bigRedEnvLImg1{
// width: 423rpx;
height: 60rpx;
}
.bigRedEnvLCBox{
padding: 25rpx 31rpx 31rpx 31rpx;
}
.bigRedEnvLC{
padding: 19rpx;
position: relative;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796316531789257.png')no-repeat;
background-size: 100% 100%;
margin-bottom: 58rpx;
}
.bigRedEnvLCBj{
padding: 35rpx 30rpx 53rpx 46rpx;
position: relative;
z-index: 2;
}
.bigRedEnvLC.activeChaKJD .bigRedEnvLCBj{
padding: 40rpx 50rpx 40rpx 46rpx;
}
.bigRedEnvLCLeft{
color: #E95E2F;
position: relative;
}
.bigRedEnvLCLTitle{
font-weight: 800;
font-size: 48rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bigRedEnvLCLTime{
font-weight: 500;
font-size: 20rpx;
margin-top: 10rpx;
position: absolute;
bottom: -30rpx;
}
.bigRedEnvLCRight{
width: 171rpx;
position: relative;
margin-left: 10rpx;
}
.bigRedEnvLCRBox{
width: 165rpx;
height: 207rpx;
position: absolute;
top: -112rpx;
padding: 15rpx 19rpx 0 19rpx;
}
.bigRedEnvLC.activeDaiKQ .bigRedEnvLCRBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796302778454702.png')no-repeat;
background-size: 100% 100%;
}
.bigRedEnvLC.activeJinXZ .bigRedEnvLCRBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796302860261602.png')no-repeat;
background-size: 100% 100%;
}
.bigRedEnvLC.activeChaK .bigRedEnvLCRBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796210010886309.png')no-repeat;
background-size: 100% 100%;
}
.bigRedEnvLCRTitle{
font-size: 17rpx;
text-align: center;
font-weight: 500;
}
.bigRedEnvLCRTitle text{
margin-left: 5rpx;
margin-right: 5rpx;
}
.bigRedEnvLC.activeDaiKQ .bigRedEnvLCRTitle,
.bigRedEnvLC.activeChaK .bigRedEnvLCRTitle{
color: #A4571F;
}
.bigRedEnvLC.activeJinXZ .bigRedEnvLCRTitle,.bigRedEnvLC.activeJinXZ .bigRedEnvLCRText{
color: #fff;
}
.bigRedEnvLCRText{
font-size: 19rpx;
font-weight: 300;
font-size: 18rpx;
color: #A4571F;
text-align: center;
margin-top: 5rpx;
}
.bigRedEnvLCRText text{
font-size: 27rpx;
font-weight: 600;
}
.bigRedEnvLCRTYg{
font-size: 19rpx;
font-weight: 500;
text-align: center;
color: #7B0C04;
}
.bigRedEnvLCRBut{
width: 185rpx;
line-height: 60rpx;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796304440442295.png')no-repeat;
background-size: 100% 100%;
color: #fff;
font-size: 30rpx;
font-weight: bold;
text-align: center;
}
.bigRedEnvLRule{
text-align: center;
}
.bigRedEnvLRule text{
font-weight: bold;
font-size: 28rpx;
color: #3E67FB;
line-height: 61rpx;
text-decoration-line: underline;
}
</style>
pages/bigredrnvelope/rule.vue 0 → 100644
View file @ a04a1ba7
<template>
<view class="bigRedEnvRule">
<image mode="" style="height: 568rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333602414702.jpg"/>
<image mode="" style="height: 939rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333646350233.jpg"/>
<image mode="" style="height: 1031rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333741115931.jpg"/>
<image mode="" style="height: 204rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333810848018.jpg"/>
</view>
</template>
<script>
export default {
components: {
},
data() {
return {
}
},
onLoad(options) {
},
onShow() {},
mounted() {
},
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.bigRedEnvRule{
}
.bigRedEnvRule image{
width: 100%;
display: block;
}
</style>
pages/bigredrnvelope/signAcontract.vue 0 → 100644
View file @ a04a1ba7
<template>
<view class="signAcontractBox column">
<view class="signAconStepBox row-sbas-n">
<view class="signAconStep row items-center"
:class="[index?'col':'',index>StepNum?'active':'Highlight',]"
v-for="(item,index) in stepList"
:key="index">
<view v-if="index" class="signAconStepLine"></view>
<view class="signAconStepTextBox row items-center justify-center">
<view class="signAconStepN" v-if="index>StepNum">{{ index+1 }}</view>
<view class="signAconStepTisp"></view>
<view class="signAconStepText">
<text>{{ item.Name }}</text>
</view>
</view>
</view>
</view>
<scroll-view :scroll-y="true"
style="width: 100%;height: 1px;flex: 1;">
<view class="signAconForm column" v-if="StepNum==0">
<view class="signAconBox">
<view class="signAconTitle">营业执照</view>
<view class="signAconText">拥有营业资质才能参加大红包</view>
<view class="signAconImg row items-center">
<view v-if="msg.img==''" class="signAconImgBut">上传营业执照</view>
<uploadImg class="signAconUp"
@onSuccess="(data)=>{onSuccess(data,1)}"
@onRemove="onRemove(1)"></uploadImg>
</view>
<view class="line-flex"
@click="showSalePreviwe=true">
<text class="SaleNameTetxL">服务人员</text>
<view class="SaleNameTetx">
<view>
<text v-if=" msg.SaleName">{{ msg.SaleName }}</text>
<text v-else class="SNTRcolor">
请选择
</text>
</view>
<u-icon v-if="SaleList.length>1" name="arrow-down" size="24"></u-icon>
</view>
</view>
</view>
<view class="col"></view>
<view class="signAconNext"
:class="[validate(1)?'':'active']" @click="Next(1)">
下一步
</view>
</view>
<view class="signAconForm column" v-if="StepNum==1">
<view class="signAconBox col">
<view class="signAconTitle">法人身份证</view>
<view class="signAconText">请上传法人身份信息</view>
<view class="signAconImg signAconImgZM row items-center">
<view v-if="msg.img==''" class="signAconImgBut">身份证正面照</view>
<uploadImg class="signAconUp"
@onSuccess="(data)=>{onSuccess(data,2)}"
@onRemove="onRemove(2)"></uploadImg>
</view>
<view class="signAconImg signAconImgFM row items-center">
<view v-if="msg.img==''" class="signAconImgBut">身份证背面照</view>
<uploadImg class="signAconUp"
@onSuccess="(data)=>{onSuccess(data,3)}"
@onRemove="onRemove(3)"></uploadImg>
</view>
<view class="line-flex">
<text class="SaleNameTetxL">姓名</text>
<view class="SaleNameTetx">
<input v-model="msg.name" placeholder="请输入姓名"
:placeholder-style="placeholderStyle"/>
</view>
</view>
<view class="line-flex">
<text class="SaleNameTetxL">身份证号</text>
<view class="SaleNameTetx">
<input v-model="msg.name" placeholder="请输入身份证号"
:placeholder-style="placeholderStyle"/>
</view>
</view>
<view class="line-flex" @click="showOpenTime=true">
<text class="SaleNameTetxL">有效期限</text>
<view class="SaleNameTetx">
<view>
<text v-if=" msg.time">{{ msg.time }}</text>
<text v-else class="SNTRcolor">
请选择有效期限
</text>
</view>
</view>
</view>
<u-picker mode="time" v-model="showOpenTime" :params="params" @confirm="confirmOpenTime"></u-picker>
</view>
<view class="col"></view>
<view class="signAconNext"
:class="[validate(2)?'':'active']" @click="Next(2)">
下一步
</view>
<view class="opacity0" style="height: 100rpx;">1</view>
</view>
<view class="signAconForm column" v-if="StepNum==2">
<view class="signAconBox col">
<view class="signAconTitle">银行账户</view>
<view class="signAconText" style="margin-bottom: 23rpx;">请填写能正常使用的银行账户</view>
<view class="line-flex">
<text class="SaleNameTetxL">银行名称</text>
<view class="SaleNameTetx">
<input v-model="msg.name" placeholder="请输入银行名称"
:placeholder-style="placeholderStyle"/>
</view>
</view>
<view class="line-flex">
<text class="SaleNameTetxL">开户行</text>
<view class="SaleNameTetx">
<input v-model="msg.name" placeholder="请输入开户行"
:placeholder-style="placeholderStyle"/>
</view>
</view>
<view class="line-flex">
<text class="SaleNameTetxL">银行账号</text>
<view class="SaleNameTetx">
<input v-model="msg.name" placeholder="请输入银行账号"
:placeholder-style="placeholderStyle"/>
</view>
</view>
</view>
<view class="signAconNext"
:class="[validate(3)?'':'active']" @click="Next(3)">
下一步
</view>
</view>
<view class="signAconForm column" v-if="StepNum==3">
<view class="signAconBox col">
<view class="contractTitle">这里是合同名称</view>
<view class="contractBox">
<view class="contractBj"></view>
<view class="contractCenter">
第四条 双方权利义务
4.1 甲方责任：
提供完成服务所需的资料及配合；
按约定支付费用。
4.2 乙方责任：
按约定时间、质量完成服务；
对甲方提供的资料保密。
第五条 保密条款
5.1 双方对在合作过程中知悉的对方商业秘密、技术信息等承担保密义务，未经书面同意不得向第三方披露。
5.2 本条款在合同终止后______年内仍有效
5.1 双方对在合作过程中知悉的对方商业秘密、技术信息等承担保密义务，未经书面同意不得向第三方披露。
5.2 本条款在合同终止后______年内仍有效。
</view>
<view class="contractTisp">
<view>请仔细阅读条款</view>
<view>
<image style="width: 24rpx;height: 27rpx;margin-top: 20rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797066116118344.png"/>
</view>
</view>
</view>
<view class="contractSign row justify-center">
<view>签字确认</view>
</view>
</view>
<view class="signAconNext"
:class="[validate(4)?'':'active']" @click="Next(4)">
提交
</view>
<view class="opacity0" style="height: 100rpx;">1</view>
</view>
<view class="signAconForm column" v-if="StepNum==4">
<view class="signAconBox column col">
<view class="column justify-center col">
<image class="contractImg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638797058914190239.png"></image>
<view class="contractSText">已签字</view>
</view>
<view class="contractSign row justify-center">
<view>重新签字</view>
<view style="margin-left: 50rpx;">查看条款</view>
</view>
</view>
<view class="signAconNext"
:class="[validate(4)?'':'active']" @click="Next(4)">
提交
</view>
</view>
</scroll-view>
<u-popup v-model="showSalePreviwe" mode="bottom"
border-radius="50" length="60%"
:safe-area-inset-bottom="true">
<serviceStaff :msg="msg" :list="SaleList" @goReserce="goReserce"></serviceStaff>
</u-popup>
<auth v-if="showAuth&&is_show_auth==1" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</view>
</template>
<script>
import auth from "@/components/auth/index.vue";
import serviceStaff from "@/components/serviceStaff/index";
import uploadImg from "./components/upload";
export default {
components: {
auth,
serviceStaff,
uploadImg
},
data() {
return {
SaleList: [],
msg: {
SaleName: '',
SaleId: '',
img: '',
name: '',
time: '',
},
showSalePreviwe: false,
customer: null,
showAuth: false,
stepList:[
{Name:'营业执照',Id:1},
{Name:'法人身份证',Id:2},
{Name:'银行账户',Id:3},
{Name:'线上签约',Id:4},
],
StepNum: 3,
U:{},
b2bUser:{},
is_show_auth: 0,
showOpenTime: false,
params: {
year: true,
month: true,
day: true,
hour: false,
minute: false,
second: false
},
placeholderStyle: "color: #DBE0EC"
}
},
onLoad(options) {
this.customer = uni.getStorageSync("b2b_user");
},
onShow() {
this.U = uni.getStorageSync("mall_UserInfo");
this.b2bUser = uni.getStorageSync("b2b_user");
let basedata = uni.getStorageSync("basedata");
//判断后台是否开启自动授权
if (basedata && basedata.mall
&& basedata.mall.setting
&& basedata.mall.setting.is_show_auth ==1) {
this.is_show_auth = 1;
}
if (!this.U) {
this.U = {
nickName: "未登录",
avatarUrl: "",
};
this.showAuth = true;
} else if (!this.b2bUser && this.is_show_auth == 1) {
this.U = {
nickName: "未登录",
avatarUrl: "",
};
this.showAuth = true;
}
},
mounted() {
this.getSale()
},
methods: {
confirmOpenTime(r){
this.msg.time=r.year+"-"+r.month+"-"+r.day
},
validate(type){
let msg = ''
// if(type==1){
// if(this.msg.img==''){
// msg = '请上传营业执照'
// } else if(!this.msg.SaleId){
// msg = '请选择服务人员'
// }
// }else if(type==2){
// }
return msg
},
Next(type){
const error = this.validate(type)
if(error!=''){
uni.showToast({
icon:'none',
title:error
})
return
}
this.StepNum = type;
console.log(this.StepNum,'-----');
},
onRemove(type) {
if(type==1) this.msg.img = '';
},
onSuccess(data,type) {
if(type==1) this.msg.img = data;
},
goReserce(item){
this.msg.SaleName = item.SaleName
this.msg.SaleId = item.SaleId
this.showSalePreviwe = false;
},
getSale(){
this.apipost(
"b2b_get_GetCustomerCreateByList",
{
CustomerId: this.customer.customerId
},
(res) => {
if (res.resultCode == 1) {
if(res.data.length>0){
this.SaleList = res.data
if(res.data.length==1){
this.msg.SaleName = res.data[0].EmName
this.msg.SaleId = res.data[0].CreateBy
}
}else{
this.msg.SaleName = ''
this.msg.SaleId = 0
}
} else {
}
},
(err) => {
}
);
},
reloadUserinfo() {
const pages = getCurrentPages()
const curPage = pages[pages.length-1]
curPage.onLoad(curPage.options)
curPage.onShow()
curPage.onReady()
},
//关闭登录窗口
gbAuth() {
this.showAuth = false;
},
}
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.signAcontractBox{
height: 100vh;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#E6F1FF), to(#F5F7FA));
}
.line-flex {
display: flex;
align-items: center;
border-radius: 18rpx;
padding: 34rpx 0;
background: #fff;
font-size: 32rpx;
}
.SaleNameTetxL{
width: 1px;
flex: 1;
}
.SaleNameTetx{
display: flex;
text-align: right;
}
.SaleNameTetx view{
margin-right: 15rpx;
}
.SNTRcolor{
color: #DBE0EC
}
.signAconStepBox{
padding: 50rpx 70rpx;
margin-bottom: 50rpx;
}
.signAconStep{
}
.signAconStepLine{
width: 1px;
flex: 1;
height: 10rpx;
border-radius: 5rpx;
background: #D0E3FA;
}
.signAconStepLine text{
opacity: 0;
}
.signAconStepTextBox{
width: 50rpx;
height: 50rpx;
border-radius: 50%;
background: #C7E4FE;
position: relative;
margin: 0 19rpx;
}
.signAconStep:first-child .signAconStepTextBox{
margin-left: 0;
}
.signAconStep:last-child .signAconStepTextBox{
margin-right: 0;
}
.signAconStep.active .signAconStepTextBox{
width: 42rpx;
height: 42rpx;
background: #7686A3;
}
.signAconStepN{
text-align: center;
font-size: 26rpx;
line-height: 40rpx;
color: #fff;
}
.signAconStepTisp{
width: 24rpx;
height: 24rpx;
border-radius: 50%;
background: #0198FF;
}
.signAconStep.active .signAconStepTisp{
display: none;
}
.signAconStepText{
position: absolute;
// left: 0;
// right: 0;
width: 150rpx;
left: -48rpx;
top: 70rpx;
text-align: center;
color: #7686A3;
}
.signAconStep.Highlight .signAconStepText{
color: #080A0A;
}
.signAconBox{
background: #fff;
border-radius: 20rpx;
padding: 50rpx 43rpx 43rpx 43rpx;
margin: 0 30rpx;
}
.signAconTitle{
font-size: 38rpx;
font-weight: 800;
}
.signAconText{
font-size: 28rpx;
color: #7686A3;
font-weight: 500;
margin-top: 10rpx;
margin-bottom: 40rpx;
}
.signAconImg{
width: 100%;
height: 379rpx;
border-radius:20rpx;
position: relative;
overflow: hidden;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796480136781668.png')no-repeat;
background-size: 100% 100%;
}
.signAconImg.signAconImgZM{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796488684549758.png')no-repeat;
background-size: 100% 100%;
}
.signAconImg.signAconImgFM{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796488731800731.png')no-repeat;
background-size: 100% 100%;
margin-top: 42rpx;
margin-bottom: 22rpx;
}
.signAconImg image{
width: 100%;
height: 100%;
}
.signAconImgBut{
border-radius: 50rpx;
border: 1rpx solid #0399FF;
color: #0399FF;
background: #F3F5F9;
font-size: 32rpx;
font-weight: 800;
margin: auto;
line-height: 80rpx;
padding: 0 31rpx;
}
.signAconUp{
width: 100%;
height: 100%;
position: absolute;
}
.signAconNext{
border-radius: 10rpx;
background: #AAD7F7;
margin: 0 30rpx;
line-height: 85rpx;
text-align: center;
color: #fff;
margin-top: 65rpx;
margin-bottom: 100rpx;
}
.signAconNext.active{
background: #0399FF;
}
/deep/.signAconUp .u-upload{
height: 100%;
}
/deep/.signAconUp .u-preview-wrap{
border: 0;
}
/deep/.signAconUp .u-list-item{
margin: 0;
}
/deep/.signAconUp .u-preview-image{
width: 100% !important;
height: 100% !important;
}
/deep/.signAconUp .u-preview-wrap{
width: 100% !important;
height: 100% !important;
}
.signAconForm{
height: 100%;
}
.contractTitle{
font-weight: 500;
font-size: 38rpx;
color: #080A09;
text-align: center;
margin-bottom: 55rpx;
}
.contractBox{
height: 712rpx;
background: #F3F5F9;
padding: 51rpx 38rpx;
border-radius: 20rpx;
position: relative;
overflow: hidden;
}
.contractCenter{
font-weight: 500;
font-size: 28rpx;
color: #647AA0;
line-height: 46rpx;
}
.contractBj{
height: 145rpx;
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #FFFFFF;
border-radius: 0rpx 0rpx 20rpx 20rpx;
opacity: 0.7;
}
.contractTisp{
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
text-align: center;
padding-bottom: 19rpx;
}
.contractTisp view{
font-weight: 800;
font-size: 32rpx;
color: #0198FF;
}
.contractTisp view:first-child{
}
.contractSign{
padding-top: 44rpx;
padding-bottom: 22rpx;
}
.contractSign view{
padding: 18rpx 63rpx;
background: #F3F5F9;
border-radius: 40rpx;
border: 2rpx solid #0198FF;
font-weight: 800;
font-size: 32rpx;
color: #0198FF;
}
.contractImg{
width: 228rpx;
height: 242rpx;
margin: 0 auto 52rpx;
}
.contractSText{
font-weight: 800;
font-size: 42rpx;
color: #080A0A;
text-align: center;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment