1、我参加的页面的tabs标签调整
2、发布活动的报名时间放在活动时间之前 3、新增编辑活动页面 4、我发布的活动列表的未开始状态和待审核的状态列表增加修改按钮
This commit is contained in:
parent
f3f6803f30
commit
e19474eed0
@ -2,13 +2,22 @@
|
|||||||
<view class="box flex">
|
<view class="box flex">
|
||||||
<view class="con-center flex flex-column justify-center align-items">
|
<view class="con-center flex flex-column justify-center align-items">
|
||||||
|
|
||||||
<view class="tabs align-items">
|
<view class="tabs">
|
||||||
|
<u-tabs :activeStyle="{
|
||||||
|
color: '#303133',
|
||||||
|
fontWeight: 'bold',fontSize: '32rpx'}" :inactiveStyle="{
|
||||||
|
color: '#606266',fontSize: '32rpx'
|
||||||
|
}" :list="headers" lineColor="#323232" @click="selectheader"></u-tabs>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <view class="tabs align-items">
|
||||||
<span class="s-header flex flex-column" v-for="(item, index) in headers" :key="index"
|
<span class="s-header flex flex-column" v-for="(item, index) in headers" :key="index"
|
||||||
:class="{ selected: headerSelected(item.status) }" @click="selectheader(item.status)">
|
:class="{ selected: headerSelected(item.status) }" @click="selectheader(item.status)">
|
||||||
{{ item.text }}
|
{{ item.text }}
|
||||||
<span class="lines" :class="{ selected: headerSelected(item.status) }"></span>
|
<span class="lines" :class="{ selected: headerSelected(item.status) }"></span>
|
||||||
</span>
|
</span>
|
||||||
</view>
|
</view> -->
|
||||||
|
|
||||||
|
|
||||||
<view style="min-height: 100vh;margin-top: 80rpx;">
|
<view style="min-height: 100vh;margin-top: 80rpx;">
|
||||||
|
|
||||||
@ -193,27 +202,27 @@
|
|||||||
sortStyle: ['#ff557f', '#3f3f3f'],
|
sortStyle: ['#ff557f', '#3f3f3f'],
|
||||||
headers: [{
|
headers: [{
|
||||||
status: '-3,0,2,3,4,5,6,7,9',
|
status: '-3,0,2,3,4,5,6,7,9',
|
||||||
text: '全部'
|
name: '全部'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
status: '0',
|
status: '0',
|
||||||
text: '待支付'
|
name: '待支付'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
status: '2,3',
|
status: '2,3',
|
||||||
text: '待核销'
|
name: '待核销'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
status: '9',
|
status: '9',
|
||||||
text: '已完成'
|
name: '已完成'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
status: '-3',
|
status: '-3',
|
||||||
text: '已关闭'
|
name: '已关闭'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
status: '4,5,6,7',
|
status: '4,5,6,7',
|
||||||
text: '退款/售后'
|
name: '退款/售后'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
selected: '0',
|
selected: '0',
|
||||||
@ -440,11 +449,11 @@
|
|||||||
},
|
},
|
||||||
selectheader(status) {
|
selectheader(status) {
|
||||||
const that = this;
|
const that = this;
|
||||||
that.selected = status;
|
that.selected = status.status;
|
||||||
console.log(status, '')
|
console.log(status, '')
|
||||||
that.page = 1
|
that.page = 1
|
||||||
that.list = []
|
that.list = []
|
||||||
that.getList(status)
|
that.getList(status.status)
|
||||||
},
|
},
|
||||||
headerSelected(status) {
|
headerSelected(status) {
|
||||||
return this.selected === status;
|
return this.selected === status;
|
||||||
@ -456,7 +465,6 @@
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.box {
|
.box {
|
||||||
|
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
|
|
||||||
.con-center {
|
.con-center {
|
||||||
@ -467,49 +475,59 @@
|
|||||||
|
|
||||||
.tabs {
|
.tabs {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
width: 750rpx;
|
|
||||||
display: flex;
|
|
||||||
overflow-x: auto;
|
|
||||||
// margin-top: 10rpx;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
font-family: PingFang SC, PingFang SC;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
z-index: 1000;
|
||||||
.s-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 150rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #9E9E9E;
|
|
||||||
line-height: 26rpx;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-header.selected {
|
// .tabs {
|
||||||
width: 150rpx;
|
// background: #ffffff;
|
||||||
height: 80rpx;
|
// width: 750rpx;
|
||||||
background: #ffffff;
|
// display: flex;
|
||||||
font-weight: 800;
|
// overflow-x: auto;
|
||||||
font-size: 32rpx;
|
// // margin-top: 10rpx;
|
||||||
color: #323232;
|
// -webkit-overflow-scrolling: touch;
|
||||||
line-height: 28rpx;
|
// font-family: PingFang SC, PingFang SC;
|
||||||
}
|
// position: fixed;
|
||||||
|
// top: 0;
|
||||||
|
// padding-bottom: 10rpx;
|
||||||
|
|
||||||
.lines {
|
// .s-header {
|
||||||
position: absolute;
|
// display: flex;
|
||||||
bottom: 0;
|
// justify-content: center;
|
||||||
width: 44rpx;
|
// align-items: center;
|
||||||
}
|
// width: 150rpx;
|
||||||
|
// height: 80rpx;
|
||||||
|
// font-weight: 400;
|
||||||
|
// font-size: 28rpx;
|
||||||
|
// color: #9E9E9E;
|
||||||
|
// line-height: 26rpx;
|
||||||
|
// flex: 0 0 auto;
|
||||||
|
// position: relative;
|
||||||
|
// }
|
||||||
|
|
||||||
.lines.selected {
|
// .s-header.selected {
|
||||||
border-bottom: #323232 solid 8rpx;
|
// width: 150rpx;
|
||||||
}
|
// height: 80rpx;
|
||||||
}
|
// background: #ffffff;
|
||||||
|
// font-weight: 800;
|
||||||
|
// font-size: 32rpx;
|
||||||
|
// color: #323232;
|
||||||
|
// line-height: 28rpx;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .lines {
|
||||||
|
// position: absolute;
|
||||||
|
// bottom: 0;
|
||||||
|
// width: 44rpx;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .lines.selected {
|
||||||
|
// border-bottom: #323232 solid 8rpx;
|
||||||
|
// border-radius: 4rpx;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
.hdkuai {
|
.hdkuai {
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -564,6 +582,7 @@
|
|||||||
border-radius: 276rpx 276rpx 276rpx 276rpx;
|
border-radius: 276rpx 276rpx 276rpx 276rpx;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn_InvIng {
|
.btn_InvIng {
|
||||||
width: 180rpx;
|
width: 180rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
@ -931,6 +950,7 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
/* 使用省略号表示被截断的文本 */
|
/* 使用省略号表示被截断的文本 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.tofb {
|
.tofb {
|
||||||
margin-top: 50rpx;
|
margin-top: 50rpx;
|
||||||
width: 280rpx;
|
width: 280rpx;
|
||||||
|
@ -82,6 +82,12 @@
|
|||||||
<image class="imgs_con" :src="items_img"></image>
|
<image class="imgs_con" :src="items_img"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view style="display: flex;align-items: center;justify-content: flex-end;gap: 20rpx;width: 96%;margin-bottom: 30rpx;">
|
||||||
|
<view class="part flex justify-center align-items" v-if="item.auth_status == 0 || item.status == 1"
|
||||||
|
@click.stop="editItem(item.id)"> 修改 </view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom flex align-items" v-if="item.auth_status != 0"
|
<view class="bottom flex align-items" v-if="item.auth_status != 0"
|
||||||
@ -103,7 +109,8 @@
|
|||||||
{{ Number(item.join_info.people_number) + "人已上车" }}
|
{{ Number(item.join_info.people_number) + "人已上车" }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="item.auth_status != 2" style="font-size: 26rpx; width: 24%;">
|
<!-- <view v-if="item.auth_status != 2 || item.status != 1" style="font-size: 26rpx; width: 24%;"> -->
|
||||||
|
<view v-if="item.status == 4 || item.status == 5" style="font-size: 26rpx; width: 24%;">
|
||||||
<text>核销:</text>
|
<text>核销:</text>
|
||||||
<text style="color: orangered;">{{ item.verification_num }}</text>
|
<text style="color: orangered;">{{ item.verification_num }}</text>
|
||||||
<text>/{{ item.stock }}</text>
|
<text>/{{ item.stock }}</text>
|
||||||
@ -111,6 +118,8 @@
|
|||||||
<view style="display: flex;align-items: center;justify-content: flex-end;gap: 20rpx;">
|
<view style="display: flex;align-items: center;justify-content: flex-end;gap: 20rpx;">
|
||||||
<view v-if="item.status == 3 || item.status == 4"
|
<view v-if="item.status == 3 || item.status == 4"
|
||||||
class="part1 flex justify-center align-items" @click.stop="toHexiao"> 核销 </view>
|
class="part1 flex justify-center align-items" @click.stop="toHexiao"> 核销 </view>
|
||||||
|
<view class="part flex justify-center align-items" v-if="item.auth_status == 0 || item.status == 1"
|
||||||
|
@click.stop="editItem(item.id)"> 修改 </view>
|
||||||
<view class="part flex justify-center align-items" v-if="item.auth_status != 2"
|
<view class="part flex justify-center align-items" v-if="item.auth_status != 2"
|
||||||
@click.stop="detail(item.id)"> 详情 </view>
|
@click.stop="detail(item.id)"> 详情 </view>
|
||||||
</view>
|
</view>
|
||||||
@ -346,6 +355,15 @@
|
|||||||
url: "/packageA/afterSales/info?id=" + id,
|
url: "/packageA/afterSales/info?id=" + id,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
//跳转编辑活动
|
||||||
|
editItem(id) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/packageB/editAct?id=" + id,
|
||||||
|
});
|
||||||
|
// uni.switchTab({
|
||||||
|
// url:"/pages/center/index?id=" + id,
|
||||||
|
// })//跳转tabbar页面的
|
||||||
|
},
|
||||||
// 跳转详情
|
// 跳转详情
|
||||||
detail(id) {
|
detail(id) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
2063
packageB/editAct.vue
Normal file
2063
packageB/editAct.vue
Normal file
File diff suppressed because it is too large
Load Diff
@ -111,16 +111,16 @@
|
|||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="defaultInfo">
|
<view class="defaultInfo" @click="handleDefault()">
|
||||||
<view class="defaultLeft">
|
<view class="defaultLeft">
|
||||||
<view class="leftText1">设为默认发票</view>
|
<view class="leftText1">设为默认发票</view>
|
||||||
<view class="leftText2">设置为默认,后续下单优先使用以上发票信息</view>
|
<view class="leftText2">设置为默认,后续下单优先使用以上发票信息</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="defaultRight">
|
<view class="defaultRight">
|
||||||
<image style="width: 44rpx;height: 44rpx;"
|
<image v-if="isDefault == 1" style="width: 44rpx;height: 44rpx;"
|
||||||
src="../../static/fabu/check.png" mode=""></image>
|
src="../../static/fabu/check.png" mode=""></image>
|
||||||
<!-- <image v-else style="width: 44rpx;height: 44rpx;"
|
<image v-else style="width: 44rpx;height: 44rpx;"
|
||||||
src="../../static/fabu/nocheck.png" mode=""></image> -->
|
src="../../static/fabu/nocheck.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -263,6 +263,7 @@
|
|||||||
title:'',
|
title:'',
|
||||||
deleteShow: false,
|
deleteShow: false,
|
||||||
explainShow:false,//发票内容显隐
|
explainShow:false,//发票内容显隐
|
||||||
|
isDefault: 0,//0是否,1是设置为默认
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
@ -301,6 +302,17 @@
|
|||||||
console.log('2');
|
console.log('2');
|
||||||
this.form.head_type = 'corporate'
|
this.form.head_type = 'corporate'
|
||||||
},
|
},
|
||||||
|
handleDefault() {
|
||||||
|
console.log('handleDefault');
|
||||||
|
const index = this.isDefault;
|
||||||
|
console.log('index',index);
|
||||||
|
if(index == 0){
|
||||||
|
this.isDefault = 1
|
||||||
|
}else {
|
||||||
|
this.isDefault = 0
|
||||||
|
}
|
||||||
|
console.log('this.isDefault',this.isDefault);
|
||||||
|
},
|
||||||
submit() {
|
submit() {
|
||||||
console.log('submit');
|
console.log('submit');
|
||||||
},
|
},
|
||||||
@ -477,6 +489,18 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.popup_tkall {
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
.popup_tk {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
margin: 12rpx 0 24rpx 0;
|
||||||
|
text-align: center;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
@ -353,6 +353,12 @@
|
|||||||
"navigationBarTitleText": ""
|
"navigationBarTitleText": ""
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "editAct",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "编辑活动信息"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "invoice/invoiceCenter",
|
"path": "invoice/invoiceCenter",
|
||||||
"style": {
|
"style": {
|
||||||
|
@ -59,6 +59,17 @@
|
|||||||
placeholder="请输入详细地址/楼、门牌号"></u--textarea>
|
placeholder="请输入详细地址/楼、门牌号"></u--textarea>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="row flex align-items" style="margin: 25rpx 0;">
|
||||||
|
<span class="label flex align-items ">
|
||||||
|
<span style="color: #3D3D3D;">*</span>
|
||||||
|
报名时间
|
||||||
|
</span>
|
||||||
|
<span class="row-right" @click="birthShowHidden()">
|
||||||
|
<input type="text" placeholder="请选择报名时间" class="input" disabled="true"
|
||||||
|
v-model="form.sign_time" placeholder-class="plasty" />
|
||||||
|
<u-icon name="arrow-right" color="#323232"></u-icon>
|
||||||
|
</span>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="row flex align-items" style="margin: 30rpx 0;">
|
<view class="row flex align-items" style="margin: 30rpx 0;">
|
||||||
|
|
||||||
@ -166,7 +177,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<span class="line-row"></span>
|
<span class="line-row"></span>
|
||||||
<view class="row flex align-items" style="margin: 25rpx 0;">
|
<!-- <view class="row flex align-items" style="margin: 25rpx 0;">
|
||||||
<span class="label flex align-items ">
|
<span class="label flex align-items ">
|
||||||
<span style="color: #3D3D3D;">*</span>
|
<span style="color: #3D3D3D;">*</span>
|
||||||
报名时间
|
报名时间
|
||||||
@ -176,7 +187,7 @@
|
|||||||
v-model="form.sign_time" placeholder-class="plasty" />
|
v-model="form.sign_time" placeholder-class="plasty" />
|
||||||
<u-icon name="arrow-right" color="#323232"></u-icon>
|
<u-icon name="arrow-right" color="#323232"></u-icon>
|
||||||
</span>
|
</span>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<view style="height: 500rpx;"></view>
|
<view style="height: 500rpx;"></view>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user