Skip to content

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

大红包页面

parent 182c25d6
Expand all Show whitespace changes
Inline Side-by-side
Showing with 2192 additions and 7 deletions
App.vue
View file @ a04a1ba7
...@@ -199,6 +199,10 @@ ...@@ -199,6 +199,10 @@
font-family: "DFPLiJinHeiW8-GB"; font-family: "DFPLiJinHeiW8-GB";
src: url("https://im.oytour.com/tripfont/cb76573b1580477fbea1ce0cc0d136e5.woff"); 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-face {
// font-family: "oswald"; // font-family: "oswald";
......
asset/css/flex.css
View file @ a04a1ba7
...@@ -602,3 +602,6 @@ ...@@ -602,3 +602,6 @@
-ms-border-radius: 50%; -ms-border-radius: 50%;
-o-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 @@ ...@@ -3,7 +3,7 @@
<view class="carrHeaderBox"> <view class="carrHeaderBox">
<view class="carrHeader-left"> <view class="carrHeader-left">
<view class="carrHeader-left-icon" @click="goBack"> <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> </view>
<view class="carrHeader-title"> <view class="carrHeader-title">
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
</template> </template>
<script> <script>
export default { export default {
props:['title'], props:['title','color'],
data() { data() {
return { return {
titleStyle:{} 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 @@ ...@@ -728,7 +728,7 @@
}, { }, {
"path": "description" "path": "description"
}, { }, {
"path": "order" "path": "order"//下单预览页
},{ },{
"path": "detail",//酒店详情 "path": "detail",//酒店详情
"enablePullDownRefresh": true, "enablePullDownRefresh": true,
...@@ -740,7 +740,7 @@ ...@@ -740,7 +740,7 @@
} }
} }
},{ },{
"path": "orderInfor",//下单就到信息 "path": "orderInfor",//下单信息
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"mp-alipay": { "mp-alipay": {
...@@ -948,7 +948,72 @@ ...@@ -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": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
......
pages/bigredrnvelope/ActivityInProgress.vue 0 → 100644
View file @ a04a1ba7
This diff is collapsed.
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
This diff is collapsed.
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
This diff is collapsed.
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