Commit f1a31705 authored by Mac's avatar Mac

修改一些样式

parent e5638496
......@@ -614,6 +614,8 @@
"path":"companyInfo" //企业信息
},{
"path":"activitysignUp"//活动报名 相亲模式
},{
"path":"baomingorder"//报名订单
}] }
],
"globalStyle": {
......
......@@ -2,7 +2,7 @@
<view class="pointBalance">
<view class="balancetop">
<view class="topbox">
<span style='font-size: 12px;color: #1B1D1E;'>账户余额(点数</span>
<span style='font-size: 12px;color: #1B1D1E;'>账户余额({{IsOpenMiAi==0?'点数':'星星'}}</span>
<span style='font-size: 25px;color: #111111;'>{{PointNum}}</span>
<view class="recharge" v-if="IsShowRecharge == 1" @click="gopointRecharge">
充值
......@@ -45,7 +45,7 @@
{{x.Type==1?'+'+x.PonitNum:'-'+x.PonitNum}}
</view>
<view class="item-r" v-if='current==1' :style="{color: mainColor}">
点数+{{x.PonitNum}} <text v-if="x.GivePoint>0">(赠{{x.GivePoint}})</text>
{{IsOpenMiAi==0?'点数':'星星'}}+{{x.PonitNum}} <text v-if="x.GivePoint>0">(赠{{x.GivePoint}})</text>
</view>
</view>
</view>
......@@ -102,6 +102,7 @@
loading: "努力加载中",
nomore: "没有更多了",
},
IsOpenMiAi:0,
}
},
onLoad() {
......@@ -127,10 +128,10 @@
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
uni.setNavigationBarTitle({
title: '余额点数'
title: '余额'
});
this.IsShowRecharge = uni.getStorageSync("basedata") ? uni.getStorageSync("basedata").mall.setting.IsShowRecharge:0//完成时打开
this.IsOpenMiAi = uni.getStorageSync("mall_UserInfo")?uni.getStorageSync("mall_UserInfo").IsOpenMiAi:0;//是否开启相亲模式
},
methods:{
init(){
......
......@@ -4,16 +4,16 @@
<u-avatar :src="mall_UserInfo.Photo" size="80" ></u-avatar>
<view class="recharge-top-r">
<text class="chaochu1" style="font-size:13px;color: #111111;font-weight: bold;" >{{mall_UserInfo.Name}}</text>
<text class="chaochu1" style='font-size: 11px;color: #666666;'>可用点数{{Point}}</text>
<text class="chaochu1" style='font-size: 11px;color: #666666;'>可用{{showName}}{{Point}}</text>
</view>
</view>
<view class="recharge-c">
<text style="font-size: 11px;color: #111111;">点数 <text style="color: #DD0000;"> (虚拟商品支付成功后不支持退款)</text></text>
<text style="font-size: 11px;color: #111111;">{{showName}} <text style="color: #DD0000;"> (虚拟商品支付成功后不支持退款)</text></text>
</view>
<view class="rechargelist ">
<view class="rechargeitem" @click="btnRecharge(item)" :style="{'border':'1px solid '+mainColor,'color':mainColor}" v-for="(item, index) in pointGoods" :key="index">
<text class="chaochu1-t" >{{item.SellingPrice}}</text>
<text class="chaochu1-t" style="margin-top: 7px;font-size: 11px;">点数 {{item.PonitNum}}{{item.GivePoint>0?'+送'+item.GivePoint:''}}</text>
<text class="chaochu1-t" style="margin-top: 7px;font-size: 11px;">{{showName}} {{item.PonitNum}}{{item.GivePoint>0?'+送'+item.GivePoint:''}}</text>
</view>
</view>
<u-modal v-model="show" :content="content" :show-cancel-button='true' @confirm='queren'></u-modal>
......@@ -37,6 +37,8 @@
content:'',
orderInfo:{},
Point:0,
IsOpenMiAi:0,
showName:'点数',
}
},
onLoad() {
......@@ -46,9 +48,13 @@
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
uni.setNavigationBarTitle({
title: '余额点数'
title: '充值余额'
});
this.mall_UserInfo = uni.getStorageSync("mall_UserInfo") ? uni.getStorageSync("mall_UserInfo"):{};
this.IsOpenMiAi = uni.getStorageSync("mall_UserInfo")?uni.getStorageSync("mall_UserInfo").IsOpenMiAi:0;//是否开启相亲模式
if(this.IsOpenMiAi==1){
this.showName= '星星'
}
this.getPointGoodsList()
this.getdianshu()
},
......@@ -75,7 +81,7 @@
},
btnRecharge(item){//点击充值
this.show= true;
this.content= '确定花费'+item.SellingPrice+'元充值点数'+item.PonitNum+'吗?'
this.content= '确定花费'+item.SellingPrice+'元充值'+this.showName+item.PonitNum+'吗?'
this.RechargeMsg.Income = item.SellingPrice;
this.RechargeMsg.PointGoodsId = item.ID;
},
......
......@@ -12,7 +12,7 @@
<view
v-if="g.length > 0"
style="
height: calc(100vh - 50px);
height: calc(100vh);
width: calc(100vw);
overflow: hidden;
padding-bottom: 50px;
......
......@@ -60,7 +60,7 @@
</view>
<view class="activeRight">
<view>活动类型:{{item.ActivityTypeName}}</view>
<view style="margin:10px 0">时间:{{item.StartTimeStr}}</view>
<view style="margin:10px 0">时间:{{item.StartTimeStr}}</view>
<view>结束时间:{{item.EndTimeStr}}</view>
</view>
</view>
......
......@@ -175,9 +175,12 @@ export default {
icon: 'none',
duration: 2000
});
setTimeout(()=>{
uni.redirectTo({
url: '/pages/kotra/activityList'
url: '/pages/kotra/baomingorder'
})
},1000)
}
}
......
<template>
<view class="mysignupList" :style="{ height: contentHeight }">
<u-tabs
:list="list"
:is-scroll="false"
:current="current"
@change="change"
:active-color="mainColor"
></u-tabs>
<u-empty v-if="g.length == 0" text="暂无报名记录" mode="list"></u-empty>
<view
v-if="g.length > 0"
style="
height: calc(100vh);
width: calc(100vw);
overflow: hidden;
padding-bottom: 50px;
"
>
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }"
>
<view class="details">
<view class="item" v-for="(x, i) in g" :key="i" @click="goActiveDetail(x)">
<view class="box-top">
<image :src="x.CoverImg" mode="aspectFill" style="width: 110px;height: 67px;border-radius: 8px;"></image>
<view style="margin-left: 10px;height: 67px;">
<view class="box-title">{{x.ActivityName}}</view>
<view style="font-size: 12px;color: #666666;margin-top: 8px;">活动类型:{{x.TypeName}}</view>
</view>
</view>
<view class="box-top-r-b">
<u-icon name="contact" :size="28" color="#999999" style='margin-right: 5px;' ></u-icon>
<view style="max-width: 280rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis">{{x.LinkMan}}</view>
<u-icon name="friends-o" :size="28" color="#999999" style='margin-right: 5px;margin-left: 10px;' ></u-icon>
<view>{{x.PeopleNum}}</view>
<u-icon name="phone-o" :size="28" color="#999999" style='margin-right: 5px;margin-left: 10px;' ></u-icon>
<view>{{x.LinkTel}}</view>
<u-icon name="star-o" :size="28" color="#999999" style='margin-right: 5px;margin-left: 10px;' ></u-icon>
<view v-if="x.Money>0" :style="{color:mainColor}">{{x.Money}}</view>
<view v-if="x.Money==0" :style="{color:mainColor}">免费</view>
</view>
<view class="box-Remark">
<view class="box-Remark-top">
<view style="width: calc(100vw - 110px);">
备注:{{x.Remark==''?'无':x.Remark}}
</view>
<view class="box-Remark-top-r" style="color: #00C6C1;" v-if="x.Status!=1 && x.IsApplyForCancel!=1">已报名</view>
<view class="box-Remark-top-r" style="color: #00C6C1;" v-if="x.Status!=1 && x.IsApplyForCancel==1 && x.ApplyForCancelStatus==0">待审核</view>
<view class="box-Remark-top-r" style="color: #00C6C1;" v-if="x.Status!=1 && x.IsApplyForCancel==1 && x.ApplyForCancelStatus==1">通过</view>
<view class="box-Remark-top-r" style="color: #FF4646;" v-if="x.Status!=1 && x.IsApplyForCancel==1 && x.ApplyForCancelStatus==2">拒绝</view>
<view class="box-Remark-top-r" style="color: #FF4646;" v-if="x.Status==1">已取消</view>
</view>
<view class="box-Remark-b" v-if="x.Status!=1 && x.IsApplyForCancel!=1">
<view class="box-Remark-btn" @click.native.stop="cancel(x,i)">
取消
</view>
</view>
<view style="width: calc(100vw - 110px);" v-if="x.CancelRemark!=null && x.CancelRemark!=''">
取消备注:{{x.CancelRemark==''?'无':x.CancelRemark}}
</view>
<view style="width: calc(100vw - 110px);" v-if="x.RejectRemark!=null && x.ApplyForCancelStatus==2">
审核未通过理由:{{x.RejectRemark==''?'无':x.RejectRemark}}
</view>
<view>
</view>
</view>
</view>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#FFF"
/>
</scroll-view>
</view>
<!-- 加载中 -->
<view class="loading" v-if="loading">
<u-loading mode="flower" size="48">></u-loading>
<Text style="color: #fff; margin-top: 10rpx;">加载中...</Text>
</view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth= 'gbAuth'></auth>
<u-popup v-model="show" mode="center" length="80%">
<view style='display: flex;flex-direction: column;align-items: center;background: #fff;'>
<view style="display: flex;align-items: center;justify-content: center;height:70px ;">
<Text>是否取消订单?</Text>
</view>
<view style="display: flex;flex-direction: column;height:80px ;margin-left: 15px;width: 100%;" >
<Text style='margin-left: 10px;margin-top: 5px;'>备注</Text>
<input class="uni-input inputM" style='margin-left: 10px;margin-top: 5px;' v-model="cancelRemark" placeholder="输入备注" />
</view>
<view style="display: flex;flex-direction: row;align-items: center;height: 50px;border-top: 1px solid #F5F5F5;width: 100%;">
<view style="width: 50%;display: flex;align-items: center;justify-content: center" @click="show=false">
<Text>取消</Text>
</view>
<view style="width: 50%;color: #a0cfff;display: flex;align-items: center;justify-content: center" @click="queren">
<Text>确定</Text>
</view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
import auth from "@/components/auth/index.vue";
export default {
components: {
auth
},
data() {
return {
pageTitle: "报名列表",
showAuth:false,
u:{},
show:false,
current:0,
list: [
{ name: "不限" },
{ name: "正常" },
{ name: "取消" },
],
mainColor: "",
contentHeight: 0,
msg:{
pageIndex: 1,
pageSize:10,
EnrollState:3
},
page_count: 1,
g: [],
loading: false,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉,加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
bmobj:{},
cancelRemark:'',
};
},
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
this.mainColor = this.$uiConfig.mainColor;
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad: function (option) {
this.u = uni.getStorageSync("mall_UserInfo");
if (!this.u) {
this.u = {
nickName: "未登录",
avatarUrl: ""
};
this.showAuth = true;
} else{
this.init();
}
},
methods: {
change(index) {
this.current = index
if(index==0){
this.msg.EnrollState = 3
}else{
this.msg.EnrollState = index;
}
this.msg.pageIndex = 1;
this.g = [];
this.loading = true;
this.init();
},
init() {
this.request2(
{
url: '/api/AppletTrade/GetUserJoinActivityPageList',
data: this.msg
},
res => {
if(res.resultCode==1){
this.loading = false;
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
}
);
},
lower(e) {
if (this.msg.pageIndex < this.page_count) {
this.msg.pageIndex++;
this.status = "loading";
this.init();
} else {
this.status = "nomore";
}
},
reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo");
// this.showAuth=false;
this.init();
},
//关闭登录窗口
gbAuth(){
uni.navigateBack()
},
cancel(x,i){
this.bmobj={
ActivityId:x.ActivityId,
index:i
}
this.show=true
},
queren(){
this.request2(
{
url: '/api/AppletTrade/CancelCommerceConsult',
data: {ActivityId:this.bmobj.ActivityId,CancelRemark:this.cancelRemark}
},
res => {
if(res.resultCode==1){
uni.showToast({
title: '操作成功',
icon: 'success',
})
if(res.data != 1){
if(this.msg.EnrollState==1){
this.g.splice(this.bmobj.index,1)
}else{
this.g[this.bmobj.index].Status=2
}
}else{
this.g[this.bmobj.index].IsApplyForCancel=1;
this.g[this.bmobj.index].CancelRemark = this.cancelRemark;
}
this.show=false
}
}
);
},
//跳转至活动详情
goActiveDetail(item){
uni.navigateTo({
url: '/pages/kotra/activeInnerDetail?Id=' + item.ActivityId +'&isFromActive='+'1',
});
}
},
};
</script>
<style>
.mysignupList {
width: 100%;
height: 100%;
background: #FFF;
position: relative;
}
.mysignupList .loading {
width: 180rpx;
height: 180rpx;
background: #000000;
opacity: 0.7;
border-radius: 10rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
left: 50%;
top: 30%;
margin-left: -100rpx;
z-index: 999;
}
.mysignupList .details{
padding: 15px;
display: flex;
flex-direction: column;
}
.mysignupList .item{
margin-bottom: 15px;
}
.mysignupList .box-top{
width: 100%;
height: 67px;
display: flex;
align-items: center;
}
.mysignupList .box-title{
width: calc(100vw - 30px - 110px - 10px);
font-size: 15px;
color: #000000;font-weight: 500;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mysignupList .box-top-r-b{
width: 100%;
display: flex;
align-items: center;
font-size: 13px;
color: #666666;
margin-top: 10px;
}
.mysignupList .box-Remark{
width: 100%;
padding: 14px 10px;
font-size: 11px;
color: #777777;
background: #EDEDED;
margin-top: 13px;
border-radius: 6px;
}
.mysignupList .box-Remark-top{
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.mysignupList .box-Remark-top-r{
font-size: 11px;
}
.mysignupList .box-Remark-b{
width: 100%;
display: flex;
justify-content: flex-end;
margin-top: 5px;
}
.mysignupList .box-Remark-btn{
width: 60px;
height: 25px;
border-radius: 12.5px;
border:1px solid #333333;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
color: #333333;
}
</style>
......@@ -65,7 +65,7 @@
<span style='font-size: 14px;color: #555555;margin-left: 15px'>我的星星值:</span>
</view>
<view style="display: flex;align-items: center;">
<span style='font-size: 12px;color: #A5A4AC;font-family: aa;margin-right: 20px;'>{{user_info.pointnum}}</span>
<span style='font-size: 12px;color: #A5A4AC;font-family: aa;margin-right: 20px;'>{{PointNum}}</span>
<u-icon name="arrow" color="#A5A4AC" size="20"></u-icon>
</view>
</view>
......@@ -95,7 +95,7 @@
<script>
export default{
props: ["meueData",'user_info','scrollTop','modelstype','bottommargin'],
props: ["meueData",'user_info','scrollTop','modelstype','bottommargin','PointNum'],
data(){
return{
pageTitle: '用户中心',
......
......@@ -174,6 +174,7 @@
:scrollTop='scrollTop'
:modelstype='modelstype'
:bottommargin='bottommargin'
:PointNum='PointNum'
>
</blinddate>
......
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