166 lines
3.8 KiB
Vue
166 lines
3.8 KiB
Vue
<template>
|
||
<div class="page">
|
||
<header>
|
||
<p class="title">{{ title }}</p>
|
||
<div class="time">
|
||
<span>提交时间：</span>
|
||
<span>{{ baseInfo.submitTime }}</span>
|
||
</div>
|
||
</header>
|
||
<div class="mylog_main">
|
||
<div class="mylog_main_summary">
|
||
<p class="word">活动总结</p>
|
||
<p class="value">{{ baseInfo.content }}</p>
|
||
</div>
|
||
<div class="imageList">
|
||
<p class="word">活动照片</p>
|
||
<image v-for="(e, index) in baseInfo.files" :key="index" @click="previewImage(baseInfo.files,index)"
|
||
mode="aspectFill" :src="e.accessUrl"></image>
|
||
</div>
|
||
</div>
|
||
<div class="editLog" @click="editLog">
|
||
<div class="iconfont"></div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "myLog",
|
||
data() {
|
||
return {
|
||
signupId: '',
|
||
baseInfo: {},
|
||
title: ''
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.signupId = options.signupId;
|
||
this.title = options.title;
|
||
},
|
||
methods: {
|
||
editLog() {
|
||
uni.navigateTo({
|
||
url: `/pages/party/partyReport/fillLog?reportId=${this.baseInfo.reportId}&signupId=${this.signupId}&signupContent=${this.baseInfo.signupContent}`
|
||
})
|
||
},
|
||
searchDetail() {
|
||
this.$http.post(`/app/apppartyreport/log?id=${this.signupId}`).then(res => {
|
||
if (res.code == 0) {
|
||
this.baseInfo = {...res.data};
|
||
}
|
||
})
|
||
},
|
||
previewImage(arr, index) {
|
||
let list = [];
|
||
let current = index;
|
||
arr.map((e, index) => {
|
||
list.push(e.accessUrl)
|
||
|
||
})
|
||
uni.previewImage({
|
||
urls: list,
|
||
current: current,
|
||
longPressActions: {
|
||
itemList: ['发送给朋友', '保存图片'],
|
||
success: function (data) {
|
||
|
||
},
|
||
fail: function (err) {
|
||
|
||
}
|
||
}
|
||
});
|
||
},
|
||
},
|
||
|
||
onShow(){
|
||
this.searchDetail();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.page{
|
||
width: 100%;
|
||
height: 100%;
|
||
position: relative;
|
||
header{
|
||
width: 100%;
|
||
min-height: 256rpx;
|
||
background:rgba(230,0,18,1);
|
||
padding: 32rpx;
|
||
box-sizing: border-box;
|
||
.title{
|
||
font-size:40rpx;
|
||
color:#fff;
|
||
}
|
||
.time{
|
||
height: 112rpx;
|
||
line-height: 112rpx;
|
||
font-size:28rpx;
|
||
color:#fff;
|
||
span:nth-child(2){
|
||
opacity: 0.7;
|
||
}
|
||
}
|
||
}
|
||
.mylog_main{
|
||
width: 100%;
|
||
.word{
|
||
height: 44rpx;
|
||
width: 100%;
|
||
border-left: 6rpx solid #E60012;
|
||
box-sizing: border-box;
|
||
color:#333333;
|
||
font-size:38rpx;
|
||
line-height: 44rpx;
|
||
span-indent: 16rpx;
|
||
font-weight: 600;
|
||
}
|
||
.mylog_main_summary{
|
||
width: 100%;
|
||
padding: 32rpx;
|
||
background-color: #fff;
|
||
box-sizing: border-box;
|
||
.value{
|
||
margin-top: 56rpx;
|
||
color:#333333;
|
||
font-size:32rpx;
|
||
word-break: break-all;
|
||
}
|
||
}
|
||
.imageList{
|
||
width: 100%;
|
||
background-color: #fff;
|
||
padding: 32rpx;
|
||
box-sizing: border-box;
|
||
margin-top: 16rpx;
|
||
image{
|
||
width: 100%;
|
||
height: 384rpx;
|
||
border-radius: 4rpx;
|
||
margin-top:32rpx;
|
||
}
|
||
}
|
||
}
|
||
.editLog{
|
||
width: 96px;
|
||
height: 96px;
|
||
border-radius: 48px;
|
||
background: #FFFFFF;
|
||
position: fixed;
|
||
right: 0;
|
||
top: calc(100% - 400px);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
|
||
.iconfont {
|
||
font-size: 66px;
|
||
color: #F85461;
|
||
}
|
||
}
|
||
}
|
||
</style>
|