This commit is contained in:
yanran200730
2022-05-24 16:31:10 +08:00
parent e7c61c8293
commit 2b8e4dc41d
19 changed files with 255 additions and 72 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="photo">
<div class="photo-header">
<image src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/64f71761d2b04746ad640a43706a92e4~tplv-k3u1fbpfcp-zoom-crop-mark:1304:1304:1304:734.awebp?" mode="aspectFill" />
<image :src="coverImg" mode="aspectFill" />
<div>
<h2>{{ info.albumName }}</h2>
<span @click="linkTo('./AddAlbum?id=' + id)">相册设置</span>
@@ -30,22 +30,22 @@
<h2>照片列表</h2>
<div class="right">
<picker mode="date" @change="onChange">
<div class="right-item">
<div class="right-item" style="margin-right: 0;">
<span>{{ date || '所有日期' }}</span>
<image src="./images/down.png" />
</div>
</picker>
<div class="right-item" style="margin-right: 0;">
<!-- <div class="right-item" style="margin-right: 0;">
<span>所有干部</span>
<image src="./images/down.png" />
</div>
</div> -->
</div>
</div>
<div class="photo-item__wrapper">
<div class="photo-item" @click="linkTo('./Photo?url=' + item.photoUrl + '&id=' + item.id)" v-for="(item, index) in list" :key="index">
<image :src="item.photoUrl" mode="aspectFill" />
<div class="photo-item__text">
<h2>张三</h2>
<h2><AiOpenData v-if="item.wxOpenUserId" type="userName" :openid="item.createUserId"></AiOpenData></h2>
<p>{{ item.createTime }}</p>
</div>
</div>
@@ -117,7 +117,6 @@
},
onChange (e) {
console.log(e)
this.date = e.detail.value
},
@@ -141,6 +140,7 @@
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: this.info.photoSource === '1' ? ['camera'] : ['album', 'camera'],
success: res => {
let formData = new FormData()
formData.append('file', res.tempFiles[0])
@@ -157,6 +157,10 @@
this.$http.post(`/api/appalbumphoto/DetailByAlbumID?albumId=${this.id}`).then(res => {
if (res.code === 0) {
this.list = res.data
if (res.data.length) {
this.coverImg = res.data[0].photoUrl
}
}
})
}
@@ -261,6 +265,7 @@
.photo-header {
position: relative;
height: 400px;
background: rgba(0,0,0, 0.7);
div {
position: relative;
@@ -296,7 +301,6 @@
h2 {
color: #fff;
background: rgba(0,0,0, 0.1);
font-size: 56px;
}
}