This commit is contained in:
lnn19986213 2022-08-16 10:23:33 +08:00
parent 5106d23112
commit 6d0197e712
12 changed files with 124 additions and 69 deletions

View File

@ -2,13 +2,13 @@
<view> <view>
<view class="help_bg_box"> <view class="help_bg_box">
<view class=" bg_img_box"> <view class=" bg_img_box">
<image style="height: 352rpx; width: 100%; " src="../../static/orderDetail.png"></image> <image style="height: 352rpx; width: 100%; " :src="serveList.image"></image>
</view> </view>
</view> </view>
<view class="header"> <view class="header">
<view class="title">{{serveList.title}} 文化凝聚</view> <view class="title">{{serveList.title}}</view>
<view class="details">{{serveList.activityText}} 象山县第界</view> <view class="details">{{serveList.conton}}</view>
</view> </view>
<view class="activityDetails"> <view class="activityDetails">
@ -18,56 +18,56 @@
<image class="icon" src="../../static/actDetails/actTime.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actTime.png" mode="scaleToFill"></image>
<text>活动时间</text> <text>活动时间</text>
</view> </view>
<view class="content">{{serveList.address}} 2021/12/12~2022/02/02</view> <view class="content">{{serveList.time1}}</view>
</view> </view>
<view class="item_li"> <view class="item_li">
<view class="standard"> <view class="standard">
<image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image>
<text>活动地点</text> <text>活动地点</text>
</view> </view>
<view class="content"> 象山文化活动中心 </view> <view class="content"> {{serveList.address}} </view>
</view> </view>
<view class="item_li"> <view class="item_li">
<view class="standard"> <view class="standard">
<image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image>
<text>活动类型</text> <text>活动类型</text>
</view> </view>
<view class="content"> 摄影 </view> <view class="content"> {{serveList.type}}</view>
</view> </view>
<view class="item_li"> <view class="item_li">
<view class="standard"> <view class="standard">
<image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image>
<text>活动报名时间</text> <text>活动报名时间</text>
</view> </view>
<view class="content"> 2021/12/12~2022/02/02 </view> <view class="content"> {{serveList.time2}} </view>
</view> </view>
<view class="item_li"> <view class="item_li">
<view class="standard"> <view class="standard">
<image class="icon" src="../../static/actDetails/actPeople.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actPeople.png" mode="scaleToFill"></image>
<text> 活动人数</text> <text> 活动人数</text>
</view> </view>
<view class="content"> 60/<text style=" color: #AFADB0;">120</text> </view> <view class="content"> {{serveList.num1}}/<text style=" color: #AFADB0;">{{serveList.num2}}</text> </view>
</view> </view>
<view class="item_li"> <view class="item_li">
<view class="standard"> <view class="standard">
<image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image>
<text>志愿者报名时间</text> <text>志愿者报名时间</text>
</view> </view>
<view class="content"> 2021/12/12~2022/02/02 </view> <view class="content"> {{serveList.time3}} </view>
</view> </view>
<view class="item_li"> <view class="item_li">
<view class="standard"> <view class="standard">
<image class="icon" src="../../static/actDetails/actPeople.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actPeople.png" mode="scaleToFill"></image>
<text>志愿者招募数量</text> <text>志愿者招募数量</text>
</view> </view>
<view class="content">{{serveList.maxCount}} 60/<text style=" color: #AFADB0;">120</text> </view> <view class="content">{{serveList.num3}} 60/<text style=" color: #AFADB0;">{{serveList.num4}}</text> </view>
</view> </view>
<view class="item_li"> <view class="item_li">
<view class="standard"> <view class="standard">
<image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image> <image class="icon" src="../../static/actDetails/actAddr.png" mode="scaleToFill"></image>
<text>冠名申请时间</text> <text>冠名申请时间</text>
</view> </view>
<view class="content"> 2021/12/12~2022/02/02 </view> <view class="content"> {{serveList.time4}} </view>
</view> </view>
</view> </view>
</view> </view>
@ -88,10 +88,54 @@
data() { data() {
return { return {
id: '', id: '',
serveList: [], serveList: {},
img: [], img: [],
activityId: '', activityId: '',
dataList: [
{
image: '../../static/hdIcon1.jpg',
title: '泗洲头镇“一村一品”民俗特色文化展示活动',
conton: '泗洲头镇“一村一品”民俗特色文化展示活动',
time1: '2021-11-25-2021-11-27',
address:'象山县泗洲头镇',
type:'演出',
time2: '2021-11-01-2021-11-20',
num1: '46',
num2: '100',
time3: '2021-11-01-2021-11-20',
time4:'2021-11-01-2021-11-20',
num3: '11',
num4: '30',
}, {
image: '../../static/hdIcon2.png',
title: '泗洲头镇扫黑除恶文艺宣传演出',
conton: '泗洲头镇扫黑除恶文艺宣传演出',
time1: '2022-04-07-2022-04-09',
address:'象山县泗洲头镇',
type:'演出',
time2: '2022-03-25-2022-04-05',
num1: '25',
num2: '80',
time3: '2022-03-25-2022-04-05',
time4:'2022-03-25-2022-04-05',
num3: '9',
num4: '30',
}, {
image: '../../static/hdIcon3.png',
title: '象山新春文艺大联欢',
conton: '象山新春文艺大联欢',
time1: '2022-01-26-2022-01-26',
address:'象山县石浦镇',
type:'',
time2: '2022-01-01-2022-01-23',
num1: '21',
num2: '120',
time3: '2022-01-01-2022-01-23',
time4:'2022-01-01-2022-01-23',
num3: '24',
num4: '50',
},
]
} }
}, },
@ -99,6 +143,7 @@
// this.id = 'e98c24e3eb47db31f89cb1071a30fec4' // this.id = 'e98c24e3eb47db31f89cb1071a30fec4'
// this.id = options.id // this.id = options.id
console.log(options.id); console.log(options.id);
this.serveList = this.dataList[options.id]
}, },
/* /*
onShow() { onShow() {
@ -109,35 +154,35 @@
uni.navigateBack() uni.navigateBack()
}, },
getList() { getList() {
this.http.request('/activity/details', { // this.http.request('/activity/details', {
id: this.id // id: this.id
}, "GET").then(res => { // }, "GET").then(res => {
this.serveList = res.data // this.serveList = res.data
this.img = res.data.images.split(',') // this.img = res.data.images.split(',')
this.activityId = res.data.id // this.activityId = res.data.id
}) // })
}, },
baoMing() { baoMing() {
this.$refs.popup.open() // this.$refs.popup.open()
}, },
close() { close() {
this.$refs.popup.close() // this.$refs.popup.close()
}, },
confirm() { // confirm() {
this.http.request('/activityUser/addActivity?activityId=' + this.id, {}, "POST").then(res => { // this.http.request('/activityUser/addActivity?activityId=' + this.id, {}, "POST").then(res => {
uni.showToast({ // uni.showToast({
title: '报名成功', // title: '',
icon: "none", // icon: "none",
}); // });
this.getList() // this.getList()
}).catch(e => { // }).catch(e => {
uni.showToast({ // uni.showToast({
title: e.data.message, // title: e.data.message,
icon: "none", // icon: "none",
}); // });
}) // })
this.$refs.popup.close() // this.$refs.popup.close()
} // }
} }
} }

View File

@ -13,13 +13,18 @@
export default { export default {
data() { data() {
return { return {
list2: [{ list2: [
image: '../../static/hd1.png', {
title: '昨夜星辰昨夜风,画楼西畔桂堂东', image: '../../static/hdIcon1.jpg',
}, { title: '泗洲头镇“一村一品”民俗特色文化展示活动',
image: '../../static/hd2.png', }, {
title: '身无彩凤双飞翼,心有灵犀一点通' image: '../../static/hdIcon2.png',
}], title: '泗洲头镇扫黑除恶文艺宣传演出'
}, {
image: '../../static/hdIcon3.png',
title: '象山新春文艺大联欢'
},
],
}; };
}, },
methods: { methods: {
@ -55,7 +60,6 @@
bottom: 0; bottom: 0;
background: #000000; background: #000000;
border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px;
opacity: 0.3;
height: 88rpx; height: 88rpx;
color: #FFFFFF; color: #FFFFFF;
line-height: 88rpx; line-height: 88rpx;

View File

@ -5,7 +5,7 @@
</view> </view>
<view class="workDetail" v-if="load == false"> <view class="workDetail" v-if="load == false">
<!-- 轮播图 --> <!-- 轮播图 -->
<u-swiper v-if="list.length > 0" :list="list" :autoplay="true" @change="e => currentNum = e.current" indicatorStyle="right: 20px"> <u-swiper v-if="list.length > 0" :list="list" :autoplay="true" @change="e => currentNum = e.current" indicatorStyle="right: 20px" height="200">
<view slot="indicator" class="indicator-num"> <view slot="indicator" class="indicator-num">
<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list.length }}</text> <text class="indicator-num__text">{{ currentNum + 1 }}/{{ list.length }}</text>
</view> </view>
@ -303,6 +303,7 @@
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #251B1D; color: #251B1D;
white-space: pre-wrap;
} }
.work_det { .work_det {

View File

@ -63,8 +63,8 @@
if(res.data.records.length > 0){ if(res.data.records.length > 0){
res.data.records.forEach(function(item) { res.data.records.forEach(function(item) {
if (item.images) { if (item.images) {
let img = JSON.parse(item.images) // let img = JSON.parse(item.images)
item.images = img[0] // item.images = img[0]
}else{ }else{
item.images = '../../static/txIcon.png' item.images = '../../static/txIcon.png'
} }

View File

@ -118,8 +118,8 @@
this.http.request('/indexImage/artistsDetails', {id:this.userId}, "GET").then(res => { this.http.request('/indexImage/artistsDetails', {id:this.userId}, "GET").then(res => {
if (res.code == 200) { if (res.code == 200) {
if (res.data.images) { if (res.data.images) {
let img = JSON.parse(res.data.images) // let img = JSON.parse(res.data.images)
_this.userImg = img[0] _this.userImg = res.data.images
}else{ }else{
_this.userImg = '../../static/txIcon.png' _this.userImg = '../../static/txIcon.png'
} }

View File

@ -163,8 +163,8 @@
let _this = this let _this = this
this.http.request('/user/userInfo', {}, "GET").then(res => { this.http.request('/user/userInfo', {}, "GET").then(res => {
if (res.code == 200) { if (res.code == 200) {
let img = JSON.parse(res.data.images) // let img = JSON.parse(res.data.images)
this.image = img[0] this.image = res.data.images
this.userName = res.data.userName this.userName = res.data.userName
this.userId = res.data.id this.userId = res.data.id
this.yhsf = res.data.yhsf this.yhsf = res.data.yhsf

View File

@ -97,8 +97,8 @@
let _this = this let _this = this
this.http.request('/user/userInfo', {}, "GET").then(res => { this.http.request('/user/userInfo', {}, "GET").then(res => {
if (res.code == 200) { if (res.code == 200) {
let img = JSON.parse(res.data.images) // let img = JSON.parse(res.data.images)
this.userImg = img[0] this.userImg = res.data.images
this.userName = res.data.userName this.userName = res.data.userName
this.userId = res.data.id this.userId = res.data.id
this.getType() this.getType()
@ -142,12 +142,12 @@
if (res.code == 200) { if (res.code == 200) {
_this.workList = res.data.records _this.workList = res.data.records
_this.workList.forEach(function(item) { _this.workList.forEach(function(item) {
if (item.user.images != undefined) { if (item.user.images) {
let img = JSON.parse(item.user.images) // let img = JSON.parse(item.user.images)
item.user.images = img[0] item.user.images = item.user.images
} }
// //
if (item.type != undefined) { if (item.type) {
_this.list1.forEach(function(ele) { _this.list1.forEach(function(ele) {
if (item.type == ele.value) { if (item.type == ele.value) {
item.type = ele.name item.type = ele.name
@ -155,7 +155,7 @@
}) })
} }
// //
if (item.file != undefined) { if (item.file) {
let fileArr = item.file.split(',') let fileArr = item.file.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1) let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs == if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==

View File

@ -109,13 +109,18 @@
statusHeight: 0, statusHeight: 0,
titleHeight: 50, titleHeight: 50,
list: [], list: [],
list2: [{ list2: [
image: '../../static/hd1.png', {
title: '昨夜星辰昨夜风,画楼西畔桂堂东', image: '../../static/hdIcon1.jpg',
title: '泗洲头镇“一村一品”民俗特色文化展示活动',
}, { }, {
image: '../../static/hd2.png', image: '../../static/hdIcon2.png',
title: '身无彩凤双飞翼,心有灵犀一点通' title: '泗洲头镇扫黑除恶文艺宣传演出'
}], }, {
image: '../../static/hdIcon3.png',
title: '象山新春文艺大联欢'
},
],
menus: [{ menus: [{
id: 1, id: 1,
imgUrl: '../../static/icon2.png', imgUrl: '../../static/icon2.png',
@ -230,8 +235,8 @@
if (res.code == 200) { if (res.code == 200) {
res.data.records.forEach(function(item) { res.data.records.forEach(function(item) {
if (item.images) { if (item.images) {
let img = JSON.parse(item.images) // let img = JSON.parse(item.images)
item.images = img[0] // item.images = img[0]
}else{ }else{
item.images = '../../static/txIcon.png' item.images = '../../static/txIcon.png'
} }

View File

@ -7,8 +7,8 @@ export default {
config: { config: {
// baseUrl: "http://192.168.0.57:8080/h5/api", //王锡 // baseUrl: "http://192.168.0.57:8080/h5/api", //王锡
// baseUrl: "http://192.168.124.110:8088/api", //周源 // baseUrl: "http://192.168.124.110:8088/api", //周源
// baseUrl: "http://10.0.0.48:8080/h5/api", //俞燕红 baseUrl: "http://10.0.0.48:8080/h5/api", //俞燕红
baseUrl: "https://yxx.ydool.net/h5/api", //线上 // baseUrl: "https://yxx.ydool.net/h5/api", //线上
header: { header: {
'Content-Type': 'application/json;charset=UTF-8', 'Content-Type': 'application/json;charset=UTF-8',
// 'Content-Type':'application/x-www-form-urlencoded' // 'Content-Type':'application/x-www-form-urlencoded'

BIN
src/static/hdIcon1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
src/static/hdIcon2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 771 KiB

BIN
src/static/hdIcon3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 684 KiB