xiangshan
/
yxxh5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a

This commit is contained in:
刘亚磊 2022-07-18 15:44:16 +08:00
parent 29476e5f69
commit f4e1f1362f
2 changed files with 487 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

295
src/pages/my/OrderActControl - 副本.vue Normal file
View File

@ -0,0 +1,295 @@
<template>
<view>
<!-- <u-tabs :list="list1" ></u-tabs> -->
<view class="tabss" style="display: flex;justify-content: space-between; align-items: center;">
<view class="but-L" style="flex: 1;">
<u-button color="#99241B" text="已发布" @click="clickTab(1)"></u-button>
</view>
<view class="but-R" style="flex: 1;" >
<u-button color="#99241B" text="已接单" @click="clickTab(2)"></u-button>
</view>
</view>
<view class="art_act_itm" v-for="(item,i) in orderList" :key="i" @click="goActDeat(i)">
<image src="../../static/icon12.jpg" mode=""></image>
<!-- <image :src="item.images" mode=""></image> -->
<view class="bottom_part" style="padding: 0 12px;">
<view class="ddd" style="display: flex; justify-content: space-between; align-items: center;">
<view class="title">
露凝而白｜鸿雁来清秋满怀
{{item.title}}
</view>
<view class="tag_sta" v-if="!(item.state=='2')">
已报名
</view>
<view class="tag_sta_end" v-if="item.state=='2'">
已完成
</view>
</view>
<view class="act_time" >
活动时间：2022/06/27
活动时间： {{item.createdAt}}
</view>
<view class="but_box" style="margin-top: 20rpx;">
<view style="width: 236rpx; margin: 0 10rpx;" v-if='item.state== "1"&&item.isBaoming'>
<u-button color="#99241B" shape="circle" text="确认完成"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; " v-if='item.state== "1"'>
<u-button icon="photo-fill" shape="circle" text="图片已上传" @click="touploadedimg()"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; " v-if='item.state== "1"'>
<u-button icon="photo-fill" shape="circle" color="#99241B" plain text="图片上传"
@click="toUpimgPage()"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; " @click="testData()" v-if="item.isBaoming">
<u-button shape="circle" text="取消报名"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; ">
<u-button plain color="#99241B" shape="circle" text="评价" @click="show=true" v-if='item.state== "2"&&!(item.state== "3")'></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; " v-if='item.state== "3"'>
<u-button shape="circle" text="已评价" @click="toEvlauedpg"></u-button>
</view>
</view>
</view>
</view>
<u-modal :show="show" @close="close()" :closeOnClickOverlay="true">
<view class="pinContent">
<view class="pinContent_itm" v-for='(v,i) in score' :key="i">
<view class="pinContent_avator">
<image class="pinContent_avator_img" src="../../static/MyBg.png" mode=""></image>
<view class="pinContent_Time">
<text style="font-size: 24rpx; font-weight: 600;">{{v.name}}</text>
</view>
</view>
<view class="pinContent_rate">
<u-rate count=5 v-model="v.star"></u-rate>
</view>
</view>
</view>
<view slot="confirmButton" style="display: flex; justify-content: center; align-items: center;">
<view style="width: 400rpx;">
<u-button color="#99241B" shape="circle" text="提交" @click="subEvalue()"></u-button>
</view>
</view>
</u-modal>
</view>
</template>
<script>
export default {
data() {
return {
show: false,
count: 4,
value: 2,
rate2: 2,
total: 0,
score: [{
name: "jack",
star: 0
}, {
name: "tom",
star: 0
}],
orderList: [], list1: [{
name: '已发布',
}, {
name: '已接单',
}, ],tabNum:1
};
},
onShow() {
this.getOrderData()
},
methods: {
clickTab(num){
// this.tabNum=num
if(num==1){
this.http.request('/hallUser/ddgl', {}, "GET").then(res => {
if (res.code == 200) {
console.log("testdata1", res.data
)
// that.orderList = res.data.records
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}else if(num==2){
this.http.request('/hallUser/myHall', {}, "GET").then(res => {
if (res.code == 200) {
console.log("testdata2", res.data
)
// that.orderList = res.data.records
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
},
getOrderData() {
let that = this
this.http.request('/hallUser/ddgl', {}, "GET").then(res => {
if (res.code == 200) {
console.log("testdata", res.data
)
that.orderList = res.data.records
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
goActDeat(id) {
uni.navigateTo({
// url:`/pages/ActivitiesDetail/ActivitiesDetail?id=${id}`
})
},
toUpimgPage() {
uni.navigateTo({
url: `/pages/my/imgUpload`
})
},
touploadedimg() {
uni.navigateTo({
url: `/pages/my/uploadedImgShow`
})
},
subEvalue() {
this.show = false
console.log(this.score)
// 提交评价
},
toEvlauedpg() {
uni.navigateTo({
url: `/pages/my/evaluated`
})
},
close() {
this.show = false
}
}
}
</script>
<style lang="scss">
page {
width: calc(100% - 64rpx);
margin: 0rpx 32rpx;
background-color: #F5F5F5 !important;
}
image {
width: 100%;
height: 60%;
}
.but_box {
display: flex;
justify-content: flex-end;
align-items: center;
}
.tag_sta {
width: 100rpx;
height: 48rpx;
background: #F9F2F2;
border-radius: 8rpx;
line-height: 48rpx;
color: #99241B;
text-align: center;
font-size: 24rpx;
}
.tag_sta_end {
width: 100rpx;
height: 48rpx;
background: #FFF4ED;
;
border-radius: 8rpx;
line-height: 48rpx;
color: #FF6600;
text-align: center;
font-size: 24rpx;
}
.act_time {
height: 34rpx;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #AFADB0;
line-height: 34rpx;
}
.art_act_itm {
margin-top: 24rpx;
height: 628rpx;
border-radius: 8px;
border: 2rpx solid transparnt;
position: relative;
border-radius: 20rpx;
overflow: hidden;
background-color: #FFFFFF;
.title {
height: 88rpx;
color: #000000;
line-height: 88rpx;
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
}
}
.pinContent {
margin-top: 16rpx;
.pinContent_itm {
width: 500rpx;
display: flex;
align-items: center;
justify-content: space-between;
.pinContent_avator {
display: flex;
align-items: center;
.pinContent_avator_img {
width: 68rpx;
height: 68rpx;
margin-right: 16rpx;
margin: 24rpx 16rpx 24rpx 0rpx;
border-radius: 50%;
overflow: hidden;
}
.pinContent_Time {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
}
}
</style>

225
src/pages/my/OrderActControl.vue
View File

@ -1,73 +1,142 @@
<template>
<view>
<!-- <u-tabs :list="list1" ></u-tabs> -->
<view class="tabss" style="display: flex;justify-content: space-between; align-items: center;">
<view class="but-L" style="flex: 1;">
<u-button color="#99241B" text="已发布" @click="clickTab(1)"></u-button>
</view>
<view class="but-R" style="flex: 1;">
<u-button color="#99241B" text="已接单" @click="clickTab(2)"></u-button>
</view>
</view>
<view class="art_act_itm" v-for="(v,i) in 3" :key="i" @click="goActDeat(i)">
<view class="art_act_itm" v-for="(item,i) in orderList" :key="i" @click="goActDeat(i)" v-if="tabNum==1">
<image src="../../static/icon12.jpg" mode=""></image>
<!-- <image :src="item.images" mode=""></image> -->
<view class="bottom_part" style="padding: 0 12px;">
<view class="ddd" style="display: flex; justify-content: space-between; align-items: center;">
<view class="title">
露凝而白｜鸿雁来清秋满怀
{{item.title}}
</view>
<view class="tag_sta">
已报名
</view>
<view class="tag_sta_end">
<view class="tag_sta_end" v-if='item.state=="3"'>
已完成
</view>
<view class="tag_sta_going" v-if='item.state=="1"||item.state=="0"'>
进行中
</view>
<view class="tag_sta_end" v-if='item.state== "2"'>
待评价
</view>
</view>
<view class="act_time" style="">
活动时间：2022/06/27
<view class="act_time">
活动时间： {{item.createdAt}}
</view>
<view class="but_box" style="margin-top: 20rpx;">
<view style="width: 236rpx; margin: 0 10rpx;">
<u-button color="#99241B" shape="circle" text="确认完成"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; ">
<view style="width: 236rpx;margin: 0 10rpx; " v-if='!(item.state== "0")'>
<u-button icon="photo-fill" shape="circle" text="已传图片" @click="touploadedimg()"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; ">
<view style="width: 236rpx; margin: 0 10rpx;" v-if='item.state=="1"'>
<u-button color="#99241B" shape="circle" text="确认完成"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; " v-if='(item.state== "0")'>
<u-button icon="photo-fill" shape="circle" color="#99241B" plain text="图片上传"
@click="toUpimgPage()"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; ">
<u-button shape="circle" text="取消报名"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; ">
<u-button plain color="#99241B" shape="circle" text="评价" @click="show=true"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; ">
<u-button shape="circle" text="已评价" @click="toEvlauedpg"></u-button>
<view style="width: 190rpx;margin: 0 10rpx; " v-if='item.state== "2" '>
<u-button plain color="#99241B" shape="circle" text="评价" @click="pingjia(i)"></u-button>
</view>
<!-- <view style="width: 190rpx;margin: 0 10rpx; " v-if='item.state== "3"'> -->
<view style="width: 190rpx;margin: 0 10rpx; " >
<u-button shape="circle" text="已评价" @click="toEvlauedpg()"></u-button>
</view>
</view>
</view>
</view>
<view class="art_act_itm" v-for="(item,i) in orderList" :key="i" @click="goActDeat(i)" v-if="tabNum==2">
<image src="../../static/icon12.jpg" mode=""></image>
<!-- <image :src="item.images" mode=""></image> -->
<view class="bottom_part" style="padding: 0 12px;">
<view class="ddd" style="display: flex; justify-content: space-between; align-items: center;">
<view class="title">
{{item.title}}
</view>
<view class="tag_sta" v-if="item.state=='0'">
已报名
</view>
<view class="tag_sta_end" v-if='item.state=="2"'>
已完成
</view>
<view class="tag_sta_going" v-if='item.state=="1"'>
进行中
</view>
</view>
<view class="act_time">
活动时间： {{item.createdAt}}
</view>
<view class="but_box" style="margin-top: 20rpx;">
<view style="width: 236rpx;margin: 0 10rpx; " v-if='item.state== "0"'>
<u-button shape="circle" text="取消报名" @click="cancleBM(item.id)"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; " v-if='item.state== "2"'>
<u-button shape="circle" text="收到的评价" @click="touploadedimg()"></u-button>
</view>
</view>
</view>
</view>
</view>=
<u-modal :show="show" @close="close()" :closeOnClickOverlay="true">
<view class="pinContent">
<view class="pinContent_itm" v-for='(v,i) in score' :key="i">
<view class="pinContent_avator">
<!-- <view class="pinContent_itm" v-for='(v,i) in score' :key="i"> -->
<view class="pinContent_itm" >
<!-- <view class="pinContent_avator">
<image class="pinContent_avator_img" src="../../static/MyBg.png" mode=""></image>
<view class="pinContent_Time">
<text style="font-size: 24rpx; font-weight: 600;">{{v.name}}</text>
</view>
</view>
</view> -->
<view class="pinContent_rate">
<u-rate count=5 v-model="v.star"></u-rate>
<u-rate count=5 v-model="starvalue"></u-rate>
</view>
</view>
</view>
<view slot="confirmButton" style="display: flex; justify-content: center; align-items: center;">
<view style="width: 400rpx;">
<u-button color="#99241B" shape="circle" text="提交" @click="subEvalue()"></u-button>
<u-button color="#99241B" shape="circle" text="提交" @click="subEvalue(pingjiaobj.id,pingjiaobj.userid,starvalue)"></u-button>
</view>
</view>
</u-modal>
</view>
</template>
@ -83,13 +152,74 @@
score: [{
name: "jack",
star: 0
}],
starvalue:0,
orderList: [],
list1: [{
name: '已发布',
}, {
name: "tom",
star: 0
}]
name: '已接单',
}, ],
tabNum: 1,
pingjiaobj:{}
};
},
onShow() {
this.clickTab(1)
},
methods: {
pingjia(num){
this.show=true
this.pingjiaobj= this.orderList[num]
},
cancleBM(id) {
let that = this
this.http.request('/hallUser/qxSingUp?hallId=' + id, {}, "POST").then(res => {
if (res.code == 200) {
this.clickTab(2)
uni.showToast({
title: "成功",
icon: "none",
});
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
clickTab(num) {
this.tabNum = num
if (num == 1) {
let that = this
this.http.request('/hallUser/ddgl', {}, "GET").then(res => {
if (res.code == 200) {
console.log("testdata", res.data)
that.orderList = res.data.records
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (num == 2) {
this.http.request('/hallUser/myHall', {}, "GET").then(res => {
if (res.code == 200) {
console.log("testdata2", res)
this.orderList = res.data.records
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
},
goActDeat(id) {
uni.navigateTo({
// url:`/pages/ActivitiesDetail/ActivitiesDetail?id=${id}`
@ -105,14 +235,32 @@
url: `/pages/my/uploadedImgShow`
})
},
subEvalue() {
subEvalue(id,userid,value) {
let that = this
this.http.request('/hallUser/evaluate', {
"evaluate": value,
"hallId": id,
"userId": userid
}, "POST").then(res => {
if (res.code == 200) {
console.log("testdata", res)
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
this.show = false
console.log(this.score)
// 提交评价
},
toEvlauedpg(){uni.navigateTo({
toEvlauedpg() {
uni.navigateTo({
url: `/pages/my/evaluated`
})},
})
},
close() {
this.show = false
}
@ -149,6 +297,17 @@
font-size: 24rpx;
}
.tag_sta_going {
width: 100rpx;
height: 48rpx;
background: rgba(238, 73, 60, 0.0900);
border-radius: 8rpx;
line-height: 48rpx;
color: #EE493C;
text-align: center;
font-size: 24rpx;
}
.tag_sta_end {
width: 100rpx;
height: 48rpx;