This commit is contained in:
jiangnan 2023-08-02 17:33:05 +08:00
parent dace91963d
commit c0ef45d0d4
6 changed files with 11045 additions and 11382 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,274 +1,278 @@
<template>
<view class="">
<view class="">
<u-loading-page :loading="load"></u-loading-page>
</view>
<view class="page" v-if="load == false">
<view class="nav">
<view class="list" v-for="(item,index) in list" :key="index" @click="onNav(item.code,index)">
<view :class="['text',action == index?'on':'']">{{item.text}}</view>
</view>
</view>
<view class="addIcon" @click="toAddOrder">
<image src="../../static/orderHall/addOrder.png"></image>
</view>
<view class="main" v-if="mainList.length > 0">
<view class="mainList" v-for="(item,i) in mainList" :key="i">
<view class="mainListImg" @click="toDetail(item.id)">
<img class='img' :src="item.enclosure" alt="">
<view class="imgTags" v-if="item.isBaoming">
<u-tag text="已完成" type="success" v-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
<u-tag text="已接单" type="warning" v-else></u-tag>
</view>
<view class="imgTags" v-else>
<u-tag text="招募中" v-if="item.hallState == '1'"></u-tag>
<u-tag text="进行中" v-else-if="item.hallState == '2'"></u-tag>
<u-tag text="已完成" type="success" v-else-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
</view>
</view>
<view class="text">
<view class="text1">{{item.title}}</view>
<view class="text2">{{item.content}}</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间{{item.deadline}}</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" >
</u-empty>
</view>
</view>
</view>
<view class="">
<view class="">
<u-loading-page :loading="load"></u-loading-page>
</view>
<view class="page" v-if="load == false">
<view class="nav">
<view class="list" v-for="(item, index) in list" :key="index" @click="onNav(item.code, index)">
<view :class="['text', action == index ? 'on' : '']">{{ item.text }}</view>
</view>
</view>
<view class="addIcon" @click="toAddOrder">
<image src="../../static/orderHall/addOrder.png"></image>
</view>
<view class="main" v-if="mainList.length > 0">
<view class="mainList" v-for="(item, i) in mainList" :key="i">
<view class="mainListImg" @click="toDetail(item.id)">
<img class='img' :src="item.enclosure" alt="">
<view class="imgTags" v-if="item.isBaoming">
<u-tag text="已完成" type="success" v-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
<u-tag text="已接单" type="warning" v-else></u-tag>
</view>
<view class="imgTags" v-else>
<u-tag text="招募中" v-if="item.hallState == '1'"></u-tag>
<u-tag text="进行中" v-else-if="item.hallState == '2'"></u-tag>
<u-tag text="已完成" type="success" v-else-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
</view>
</view>
<view class="text">
<view class="text1">{{ item.title }}</view>
<view class="text2">{{ item.content }}</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间{{ item.deadline }}</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
load:true,
list: [{
text: '全部',
code: ''
},
{
text: '订购',
code: 'order'
},
{
text: '公益',
code: 'gy'
},
{
text: '演出',
code: 'show'
},
{
text: '其他',
code: 'other'
}
],
mainList: [],
action: 0,
pages: 1,
size: 20,
type: '',
}
},
//
onPullDownRefresh() {
this.pages = 1
this.mainList = []
this.getData()
setTimeout(function() {
uni.stopPullDownRefresh();
}, 1000);
},
//
onReachBottom() {
this.pages++
this.getData();
},
onShow() {
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
methods: {
getData() {
let _this = this
this.http.request('/hall/list', {
page: this.pages,
size: this.size,
type: this.type,
}, "GET").then(res => {
if (res.code == 200) {
if(res.data.records.length > 0){
res.data.records.forEach(function(item){
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs == 'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
}
else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
_this.mainList.push(item)
})
}else{
this.pages--
}
this.load = false
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
onNav(val, index) {
this.action = index
this.type = val
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
toDetail(val){
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=` + val
})
},
toAddOrder(){
uni.navigateTo({
url: `/pagesB/orderHall/addOrder`
})
}
}
}
export default {
data () {
return {
load: true,
list: [{
text: '全部',
code: ''
},
{
text: '订购',
code: 'order'
},
{
text: '公益',
code: 'gy'
},
{
text: '演出',
code: 'show'
},
{
text: '其他',
code: 'other'
}
],
mainList: [],
action: 0,
pages: 1,
size: 20,
type: '',
}
},
//
onPullDownRefresh () {
this.pages = 1
this.mainList = []
this.getData()
setTimeout(function () {
uni.stopPullDownRefresh();
}, 1000);
},
//
onReachBottom () {
this.pages++
this.getData();
},
onShow () {
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
methods: {
getData () {
let _this = this
this.http.request('/hall/list', {
page: this.pages,
size: this.size,
type: this.type,
}, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs == 'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
}
else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
_this.mainList.push(item)
})
} else {
this.pages--
}
this.load = false
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
onNav (val, index) {
this.action = index
this.type = val
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
toDetail (val) {
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=` + val
})
},
toAddOrder () {
uni.navigateTo({
url: `/pagesB/orderHall/addOrder`
})
}
}
}
</script>
<style lang="scss" scoped>
page{
background-color: #f8f8f8;
}
image{
width: 100%;
height: 100%;
}
.on {
font-weight: 600;
}
page {
background-color: #f8f8f8;
}
.page {
.nav {
display: flex;
image {
width: 100%;
height: 100%;
}
.list {
width: 20%;
height: 76rpx;
background: #FFFFFF;
.on {
font-weight: 600;
}
.text {
font-size: 28rpx;
font-weight: 400;
color: #251B1D;
line-height: 70rpx;
text-align: center;
position: relative;
.page {
.nav {
display: flex;
&.on::after {
content: '';
position: absolute;
height: 6rpx;
background: #9A2720;
width: 39%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
}
}
.list {
width: 20%;
height: 76rpx;
background: #FFFFFF;
.main {
padding: 32rpx;
// background-color: #F4F5F7;
.text {
font-size: 28rpx;
font-weight: 400;
color: #251B1D;
line-height: 70rpx;
text-align: center;
position: relative;
.mainList {
margin-bottom: 32rpx;
border-radius: 16rpx;
overflow: hidden;
&.on::after {
content: '';
position: absolute;
height: 6rpx;
background: #9A2720;
width: 39%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
}
}
.mainListImg {
height: 400rpx;
position: relative;
.img {
width: 100%;
height: 100%;
}
.imgTags{
position: absolute;
right: 0;
bottom: 0;
}
}
.main {
padding: 32rpx;
// background-color: #F4F5F7;
.text {
padding: 32rpx;
background-color: #FFF;
.mainList {
margin-bottom: 32rpx;
border-radius: 16rpx;
overflow: hidden;
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 5rpx;
}
.mainListImg {
height: 400rpx;
position: relative;
.text2 {
font-size: 28rpx;
font-weight: 400;
color: #989898;
}
.img {
width: 100%;
height: 100%;
}
.text3 {
display: flex;
margin-top: 16rpx;
.imgTags {
position: absolute;
right: 0;
bottom: 0;
}
}
.mainListTime {
width: 26rpx;
height: 26rpx;
margin-top: 4rpx;
margin-right: 8rpx;
}
.text {
padding: 32rpx;
background-color: #FFF;
.time {
font-size: 24rpx;
font-weight: 400;
color: #989898;
}
}
}
}
}
.addIcon{
position: fixed;
right: 24rpx;
bottom: 242rpx;
width: 104rpx;
height: 104rpx;
border-radius: 50%;
z-index: 999;
}
}
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 5rpx;
}
.text2 {
font-size: 28rpx;
font-weight: 400;
color: #989898;
}
.text3 {
display: flex;
margin-top: 16rpx;
.mainListTime {
width: 26rpx;
height: 26rpx;
margin-top: 4rpx;
margin-right: 8rpx;
}
.time {
font-size: 24rpx;
font-weight: 400;
color: #989898;
}
}
}
}
}
.addIcon {
position: fixed;
right: 24rpx;
bottom: 242rpx;
width: 104rpx;
height: 104rpx;
border-radius: 50%;
z-index: 999;
}
}
</style>

View File

@ -15,77 +15,149 @@
<view class="line"></view>
</view>
</view>
<view class="forms" v-if="tabC == '0'" >
<view class="teamBox" v-for="(item, index) in 6">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">xx团队</view>
<view class="street">丹东街道</view>
<view class="forms" v-if="tabC == '0'">
<view v-if="team.length > 0">
<view class="teamBox" v-for="(item, index) in team">
<view class="teamBox-right">
<image :src="item.file" mode=""></image>
</view>
<view class="teamMinbox-bottom">
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">{{ item.name }}</view>
<view class="street">丹东街道</view>
</view>
<view class="teamMinbox-bottom">
{{ item.introduce }}
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
<view class="forms" v-if="tabC == '1'" >
<view class="teamBox" v-for="(item, index) in 2">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">xx团队</view>
<view class="street">丹东街道</view>
<view class="forms" v-if="tabC == '1'">
<view v-if="program.length > 0">
<view class="teamBox" v-for="(item, index) in program">
<view class="teamBox-right">
<image :src="item.file" mode=""></image>
</view>
<view class="teamMinbox-bottom">
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">{{ item.name }}</view>
<view class="street">丹东街道</view>
</view>
<view class="teamMinbox-bottom">
{{ item.introduce }}
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
<view class="forms" v-if="tabC == '2'" >
<view class="teamBox" v-for="(item, index) in 3">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">xx团队</view>
<view class="street">丹东街道</view>
<view class="forms" v-if="tabC == '2'">
<view class="addIcon" @click="toAddOrder">
<image src="../../static/orderHall/addOrder.png"></image>
</view>
<view class="main" v-if="mainList.length > 0">
<view class="mainList" v-for="(item, i) in mainList" :key="i">
<view class="mainListImg" @click="toDetail(item.id)">
<img class='img' :src="item.enclosure" alt="">
</view>
<view class="teamMinbox-bottom">
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
<view class="text">
<view class="text1">{{ item.title }}</view>
<view class="text2">{{ item.content }}</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间{{ item.deadline }}</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
data () {
return {
tabC: "0",
mainList: [],
villageId: '',
team: [],
program: []
};
},
onShow() {
onShow () {
// this.getData();
},
methods: {
toTab(val) {
toTab (val) {
this.tabC = val;
// this.getData()
},
RuralDevelopmentPlanlist () {
let data = {
villageId: this.villageId
}
this.http.request(`/artCountryside/list`, data, 'GET').then(res => {
if (res.code === 200) {
console.log(res.data.records);
this.mainList = res.data.records
} else {
uni.showToast({
title: res.data.message,
icon: "error",
});
}
}).catch(err => {
})
},
toAddOrder () {
uni.navigateTo({
url: `/pagesB/orderHall/addOrder`
})
},
teamandprogram () {
this.http.request('/artTeam/list', {}, 'GET').then(res => {
if (res.code === 200) {
this.team = []
this.program = []
res.data.records.forEach((item, index) => {
if (item.type == 'team') {
this.team.push(item)
} else {
this.program.push(item)
}
});
} else {
uni.showToast({
title: res.data.message,
icon: "error",
});
}
}).catch(err => {
})
}
},
async mounted () {
await this.teamandprogram()
await this.RuralDevelopmentPlanlist()
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.wyxx {
background-color: #fefefe;
}
@ -132,33 +204,42 @@ export default {
// height: 40rpx;
// background-color: skyblue;
margin: 40rpx auto 0rpx;
.teamBox {
height: 140rpx;
padding: 18rpx 10rpx;
background-color: #fff;
margin-bottom: 20rpx;
display: flex;
.teamBox-right {
margin-right: 20rpx;
image {
width: 180rpx;
height: 130rpx;
background-size: contain;
}
}
.teamBox-left {
// width: 400rpx;
// width: 400rpx;
.teamMinbox-top {
display: flex;
margin-bottom: 16rpx;
.title {
font-weight: 600;
font-size: 32rpx;
max-width: 160rpx;
overflow: hidden; /* 超出一行文字自动隐藏 */
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
overflow: hidden;
/* 超出一行文字自动隐藏 */
text-overflow: ellipsis;
/*文字隐藏后添加省略号*/
white-space: nowrap;
}
.street {
height: 40rpx;
border-radius: 30rpx;
@ -166,12 +247,15 @@ export default {
color: #a02521;
margin-left: 18rpx;
padding: 2rpx 20rpx;
max-width:120rpx;
overflow: hidden; /* 超出一行文字自动隐藏 */
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
max-width: 120rpx;
overflow: hidden;
/* 超出一行文字自动隐藏 */
text-overflow: ellipsis;
/*文字隐藏后添加省略号*/
white-space: nowrap;
}
}
.teamMinbox-bottom {
font-size: 28rpx;
overflow: hidden;
@ -183,4 +267,82 @@ export default {
}
}
}
image {
width: 100%;
height: 100%;
}
.main {
padding: 32rpx;
// background-color: #F4F5F7;
.mainList {
margin-bottom: 32rpx;
border-radius: 16rpx;
overflow: hidden;
.mainListImg {
height: 400rpx;
position: relative;
.img {
width: 100%;
height: 100%;
}
.imgTags {
position: absolute;
right: 0;
bottom: 0;
}
}
.text {
padding: 32rpx;
background-color: #FFF;
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 5rpx;
}
.text2 {
font-size: 28rpx;
font-weight: 400;
color: #989898;
}
.text3 {
display: flex;
margin-top: 16rpx;
.mainListTime {
width: 26rpx;
height: 26rpx;
margin-top: 4rpx;
margin-right: 8rpx;
}
.time {
font-size: 24rpx;
font-weight: 400;
color: #989898;
}
}
}
}
}
.addIcon {
position: fixed;
right: 24rpx;
bottom: 242rpx;
width: 104rpx;
height: 104rpx;
border-radius: 50%;
z-index: 999;
}
</style>

663
src/pagesD/xxgl/index.vue Normal file
View File

@ -0,0 +1,663 @@
<template>
<view>
<view class="tabss"
style="display: flex;justify-content: space-between; align-items: center;background-color: #FFFFFF; ">
<view @click="clickTab(1)" :class="{ 'acttiveSty': tabNum == 1 }"
style="flex: 1; text-align: center;height: 40px; line-height: 40px;">
<text>已发布</text>
</view>
<view style="flex: 1;text-align: center;" :class="{ 'acttiveSty': tabNum == 2 }" @click="clickTab(2)">
<text>已接单</text>
</view>
</view>
<view class="main">
<view class="art_act_itm" v-for="(item, i) in orderList" :key="i" v-if="tabNum == 1">
<!-- <image src="../../static/icon12.jpg" mode=""></image> -->
<image :src="item.enclosure" mode="" @click="goActDeat(item.id, 1)"></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_end" v-if='item.state == "3"'>
已完成
</view>
<view class="tag_sta_fail" v-if='item.state == "4"'>
未接单
</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">
活动时间 {{ item.createdAt }}
</view>
<view class="but_box" style="margin-top: 20rpx;" v-if="!(item.state == '4')">
<view style="width: 236rpx;margin: 0 10rpx; " v-if='!(item.state == "0")'>
<u-button icon="photo-fill" shape="circle" text="已传图片" @click="touploadedimg(item.images)">
</u-button>
</view>
<view style="width: 236rpx; margin: 0 10rpx;" v-if='item.state == "1"' @click="done(item.id)">
<u-button color="#99241B" shape="circle" text="确认完成"></u-button>
</view>
<view style="width: 236rpx; margin: 0 10rpx;" @click="undone(item.id)"
v-if='item.state != "2" && item.state != "3"'>
<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(item.id)"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; " v-if='item.state == "2"'>
<u-button plain color="#99241B" shape="circle" text="评价" @click="pingjia(i, item.id)">
</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(item.id)"></u-button>
</view>
</view>
<view style="margin-top: 50rpx;text-align: center; width: 100%; font-size: 36rpx; font-weight: 600;"
v-if="item.state == '4'">
活动已逾期
</view>
</view>
</view>
<view class="art_act_itm" v-for="(item, i) in orderList" :key="i" v-if="tabNum == 2">
<image @click="goActDeat(item.id)" :src="item.enclosure" 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 == "3"'>
<u-button shape="circle" text="收到的评价" @click="receiveevlaue(item.id)"></u-button>
</view>
</view>
</view>
</view>
</view>
<u-popup :show="showS" @close="closeS" mode="center" :round="10">
<view style="width: 640rpx;">
<view style="padding: 32rpx;">
<view style="font-size: 32rpx; font-weight: 800;">
确认接单者未完成或已逾期
</view>
</view>
<view
style="display: flex; border-top:2rpx solid #E7E7E7;height: 112rpx;width: 640rpx;line-height: 112rpx; font-size: 32rpx;font-weight: 600;">
<view style="width: 319rpx; border-right:1rpx solid #E7E7E7; text-align: center;" @click="closeS">
取消
</view>
<view style="width: 319rpx; border-right:1rpx solid #E7E7E7; text-align: center; color: #3F84FD;"
@click="sureS">
确定
</view>
</view>
</view>
</u-popup>
<u-modal :show="show" @close="close()" :closeOnClickOverlay="true">
<view class="pinContent">
<view class="pinContent_itm" v-for='(v, i) in baomingpingjia' :key="i">
<view class="pinContent_avator">
<!-- <image class="pinContent_avator_img" src="../../static/MyBg.png" mode=""></image> -->
<image class="pinContent_avator_img" :src="v.image" mode=""></image>
<view class="pinContent_Time">
<text style="font-size: 24rpx; font-weight: 600;">{{ v.userName }}</text>
</view>
</view>
<view class="pinContent_rate">
<u-rate count=5 v-model="v.evaluate"></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(baomingpingjia)"></u-button>
</view>
</view>
</u-modal>
<u-modal :show="showShoudao" @close="closeRecive()" title="收到的评价" :closeOnClickOverlay="true">
<u-rate count=5 v-model='starsvalue' readonly></u-rate>
<view slot="confirmButton" style="display: flex; justify-content: center; align-items: center;">
<view style="width: 400rpx;">
<u-button color="#99241B" shape="circle" text="确定" @click="showShoudao = false"></u-button>
</view>
</view>
</u-modal>
<view v-if="!(orderList.length > 0)">
<u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
</u-empty>
</view>
</view>
</template>
<script>
export default {
data () {
return {
showShoudao: false,
show: false,
showS: false,
count: 4,
value: 2,
rate2: 2,
total: 0,
score: [{
name: "jack",
star: 0
}],
starvalue: 0,
orderList: [],
tabNum: 1,
pingjiaobj: {},
baomingpingjia: [],
starsvalue: 0,
page: 1,
size: 20,
};
},
onShow () {
this.clickTab(this.tabNum)
},
//
onPullDownRefresh () {
this.clickTab(this.tabNum)
setTimeout(function () {
uni.stopPullDownRefresh();
}, 1000);
},
//
onReachBottom () {
this.page++
this.moreOrder();
},
methods: {
receiveevlaue (id) {
this.showShoudao = true
this.http.request('/hallUser/sdpj?id=' + id, {}, "POST").then(res => {
if (res.code == 200) {
this.starsvalue = res.data.evaluate
this.showShoudao = true
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
done (id) {
this.http.request('/hallUser/complete?id=' + id, {}, "POST").then(res => {
if (res.code == 200) {
this.clickTab(1)
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
pingjia (num, id) {
this.show = true
this.pingjiaobj = this.orderList[num]
let that = this
this.http.request('/hallUser/pjList?hallId=' + id, {}, "GET").then(res => {
if (res.code == 200) {
console.log("reg", res.data)
this.baomingpingjia = res.data
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
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.orderList = []
this.tabNum = num
this.page = 1
if (num == 1) {
let that = this
this.http.request('/hallUser/ddgl', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (num == 2) {
let that = this
this.http.request('/hallUser/myHall', { page: this.page, size: this.size }, "GET").then(res => {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (num == 3) {
let that = this
this.http.request('/hallUser/myHall?state=2', { page: this.page, size: this.size }, "GET").then(res => {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
},
moreOrder () {
if (this.tabNum == 1) {
let that = this
this.http.request('/hallUser/ddgl', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (this.tabNum == 2) {
let that = this
this.http.request('/hallUser/myHall', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (this.tabNum == 3) {
let that = this
this.http.request('/hallUser/myHall?state=2', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
},
goActDeat (id, typEnum) {
if (typEnum) {
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=${id}&isCheck=${typEnum}`
})
} else {
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=${id}`
})
}
},
toUpimgPage (id) {
this.http.request('/hallUser/pjList?hallId=' + id, {}, "GET").then(res => {
if (res.code == 200) {
console.log("reg", res.data)
if (res.data.length > 0) {
uni.navigateTo({
url: `/pagesA/my/imgUpload?id=` + id
})
} else {
uni.showToast({
title: "无人接单",
icon: "none",
});
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
touploadedimg (imgstr) {
uni.navigateTo({
url: '/pagesA/my/uploadedImgShow?imgstring=' + imgstr
})
},
subEvalue (item) {
let that = this
let arr = []
this.baomingpingjia.forEach(function (em, i) {
arr.push({
evaluate: em.evaluate,
hallId: em.hallId,
userId: em.userId
})
})
that.http.request('/hallUser/evaluate',
arr, "POST").then(res => {
if (res.code == 200) {
that.clickTab(1)
console.log("testdata", res)
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
this.show = false
console.log(this.score)
//
},
toEvlauedpg (id) {
uni.navigateTo({
url: `/pagesA/my/evaluated?id=` + id
})
},
close () {
this.show = false
},
closeRecive () {
this.showShoudao = false
},
undone (val) {
this.undoneId = val
this.showS = true
},
closeS () {
this.showS = false
},
sureS () {
this.http.request('/hallUser/undone?id=' + this.undoneId, {}, "POST").then(res => {
if (res.code == 200) {
this.clickTab(this.tabNum)
this.showS = false
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
}
}
</script>
<style lang="scss">
page {
/* width: calc(100% - 64rpx);
margin: 0rpx 32rpx; */
background-color: #F5F5F5 !important;
}
.main {
padding: 0rpx 32rpx;
}
image {
width: 100%;
height: 60%;
}
.acttiveSty {
color: #9A2720;
font-weight: 700;
}
.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_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;
background: #FFF4ED;
;
border-radius: 8rpx;
line-height: 48rpx;
color: #FF6600;
text-align: center;
font-size: 24rpx;
}
.tag_sta_fail {
width: 100rpx;
height: 48rpx;
background: #F5F5F5;
;
border-radius: 8rpx;
line-height: 48rpx;
color: #7A7A7A;
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 {
width: 580rpx;
color: #000000;
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>

18763
yarn.lock

File diff suppressed because it is too large Load Diff