linrk/senlan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

森蓝小程序

Browse Source
This commit is contained in:
linrk
2025-04-23 19:50:30 +08:00
parent 7776447ce3
commit 5205361ac0
111 changed files with 20504 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

286
pages/display/display.vue Normal file
View File

@@ -0,0 +1,286 @@
<template>
<view class="page flex-col">
<view class="title" :style="{'top': uniMenuInfo.top + 6 + 'px'}">照片展示</view>
<view class="back" @tap="goBack()" :style="{'top' : uniMenuInfo.top - 12 + 'px'}"></view>
<view class="content" :style="{'top': uniMenuInfo.top + 50 + 'px'}" >
<view v-if="wait">
<view class="img_loading">
<image src="https://humeng-res.oss-cn-beijing.aliyuncs.com/hm_aigc/applet/img_%E5%8A%A0%E8%BD%BD%402x.png" mode="aspectFit" class="img_1" />
</view>
<view class="loading">
<text class="tip">请稍候，照片生成中...</text>
<zero-loading type="atom" position="absolute"></zero-loading>
</view>
<!-- <view class="progressBar">
<liu-progressbar :progress="jdt" color="#FFFFFF" :height="'25rpx'" :borderRadius="'40rpx'" />
</view> -->
<view class="wait_box">
<text class="wait_1">当前第&nbsp;{{waitIdx}}&nbsp;位/共&nbsp;{{waitTotal}}&nbsp;位</text>
<text class="wait_2">预计需要等候&nbsp;{{waitTime}}&nbsp;分钟</text>
</view>
</view>
<view class="box_show" v-if="!wait">
<image class="showImage" :src="showImage" mode="aspectFill" @tap="previewImage(showImage)"/>
<view class="printTip" v-if="buyType == 2">{{ printScreenTip }}</view>
<view class="upload-btn" @tap="saveImage()">保存到手机</view>
</view>
</view>
</view>
</template>
<script>
const getNowTime = require('../../utils/timeUtil/timeUtil.js')
let pageNumber = 4;
let startTime = '';
let destroyTime = '';
export default {
data() {
return {
uniMenuInfo: {},
wait: true,
showImage: '',
code: '',
waitIdx: 0,
waitTotal: 0,
waitTime: 0,
jdt: 0,
templateId: 0,
mchId: 0,
downloading: false,
buyType: 0,
printCode: '',
printScreenTip: ''
}
},
onLoad(option) {
var _this = this;
uni.showLoading({
title: '正在加载...',
mask: true
})
this.uniMenuInfo = uni.getStorageSync('uniMenuInfo');
this.code = option.code;
this.templateId = Number(option.templateId);
this.mchId = Number(option.mchId);
this.buyType = Number(option.buyType);
this.firstGetPhoto(_this.code);
this.getPhoto(this.code);
},
onShow() {
startTime = getNowTime();
},
onHide() {
if(uni.getStorageSync('userInfo').id) {
this.logRecord();
}
},
onUnload() {
if(uni.getStorageSync('userInfo').id) {
this.logRecord();
}
},
methods: {
logRecord() {
var _this = this;
destroyTime = getNowTime();
let reqData = {
"startTime": startTime,
"destroyTime": destroyTime,
"pageNumber": pageNumber,
"qrcodeScenicId": uni.getStorageSync('scanQrcodeInfo').scenicId,
"qrcodeMchId": uni.getStorageSync('scanQrcodeInfo').mchId,
"qrcodeId": uni.getStorageSync('scanQrcodeInfo').qrcodeId,
"userId": uni.getStorageSync('userInfo').id,
"appType": 5,
"photoId": _this.templateId,
"mchId": _this.mchId,
};
uni.request({
url: _this.java_http_url + '/applet/smart_camera/logRecord',
method: 'POST',
data: reqData,
success(res) {}
})
},
uploadImage () {
var _this = this;
uni.getImageInfo({
src: _this.showImage,
success: function(image) {
uni.saveImageToPhotosAlbum({
filePath: image.path,
success: function() {
uni.showToast({
title: '照片保存成功',
icon: 'success',
duration: 2000
});
},
fail: (err) => {
console.log(err)
},
complete: (env) => {
uni.hideLoading()
_this.downloading = false;
}
});
},
fail: (err) => {
console.log('err', err)
uni.hideLoading()
_this.downloading = false;
}
});
},
saveImage() {
var _this = this;
if(!_this.downloading) {
_this.downloading = true;
uni.showLoading({
title: '请稍候',
mark: true
})
wx.getSetting({
success: (res) => {
if (!res.authSetting['scope.writePhotosAlbum']) {
// 用户未授权，需要请求授权
wx.authorize({
scope: 'scope.writePhotosAlbum',
success: () => {
// 用户已授权，可以进行保存图片操作
console.log('已授权')
_this.uploadImage();
},
fail: () => {
// 用户拒绝授权，需要引导用户去设置页面手动授权
uni.hideLoading()
_this.downloading = false;
wx.showModal({
title: '需要保存图片权限',
content: '请在设置中打开保存图片到相册权限',
success: (res) => {
if (res.confirm) {
// 用户点击确定，跳转到设置页面
wx.openSetting({
success: (res) => {
// 检查是否授权
// if (res.authSetting['scope.writePhotosAlbum']) {
// // 授权成功，可以进行保存图片操作
// _this.uploadImage();
// }
}
})
}
}
})
}
})
} else {
_this.uploadImage();
}
},
fail(err) {
console.log(err)
uni.showToast({
title: '获取设置失败'
})
uni.hideLoading()
_this.downloading = false;
}
})
}
},
getPhoto(code) {
var _this = this;
// 获取照片制作状态
var stateInterval = setInterval(function() {
uni.request({
url: _this.java_http_url + '/applet/smart_camera/getSingleTemplateSynthesisPhoto',
method: 'POST',
data: {
"code": code,
"mchId": _this.mchId,
"print": _this.buyType
},
success(res) {
console.log('res', res)
if(res.data.code == 200) {
let resData = res.data.data;
_this.waitIdx = resData.waitIdx == -1?1:resData.waitIdx;
_this.waitTotal = resData.waitTotal;
_this.waitTime = resData.waitTotal * 1;
console.log('url', resData.url)
// 判断是否拿到照片路径
if(resData.url) {
clearInterval(stateInterval)
let url = resData.url.replace(/\[|\]/g, "");
_this.showImage = 'https://oss.humengfilms.com/' + url;
// 判断是否有打印码
if(resData.printCode != null) {
_this.printCode = resData.printCode;
let text = uni.getStorageSync('aiPhotoTemplate').printScreenTip;
_this.printScreenTip = text.replace("*", resData.printCode);
}
pageNumber = 5;
_this.wait = false;
}
}
}
})
}, 5000);
},
firstGetPhoto(code) {
var _this = this;
uni.request({
url: _this.java_http_url + '/applet/smart_camera/getSingleTemplateSynthesisPhoto',
method: 'POST',
data: {
"code": code
},
success(res) {
console.log('res', res)
if(res.data.code == 200) {
let resData = res.data.data;
_this.waitIdx = resData.waitIdx == -1?1:resData.waitIdx;
_this.waitTotal = resData.waitTotal == 0?1:resData.waitTotal;
_this.waitTime = resData.waitTotal * 1;
if(res.data.url) {
let url = res.data.data.replace(/\[|\]/g, "");
_this.showImage = 'https://oss.humengfilms.com/' + url;
_this.wait = false;
}
}
},
complete() {
uni.hideLoading();
}
})
},
previewImage(url) {
// 预览图片
uni.previewImage({
urls: [url],
longPressActions: {
itemList: ['发送给朋友', '保存图片', '收藏'],
success: function(data) {
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
},
fail: function(err) {
console.log(err.errMsg);
}
}
});
},
goBack() {
uni.navigateBack({
delta: 1
})
},
}
}
</script>
<style lang="scss">
@import '@/css/common.css';
@import './index.css';
</style>

137
pages/display/index.css Normal file
View File

@@ -0,0 +1,137 @@
.page {
position: absolute;
height: 100vh;
width: 100vw;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/hm_aigc/applet/bg_%E4%B8%BB%E8%83%8C%E6%99%AF%402x.png)
100% no-repeat;
background-size: 100% 100%;
}
.back {
position: absolute;
width: 56px;
height: 56px;
left: 0;
background-image: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/humeng/vlog/lv2_icon_backBlack%402x.png);
background-size: 100% 100%;
}
.title {
position: absolute;
font-size: 16px;
line-height: 22px;
color: #454F63;
z-index: 999;
font-weight: 500;
}
.content {
position: absolute;
width: 100%;
}
.img_loading {
display: flex;
justify-content: center;
margin-top: 30rpx;
}
.img_1 {
width: 300rpx;
height: 300rpx;
}
.loading {
position: relative;
width: 100%;
height: 300rpx;
display: flex;
justify-content: center;
margin-top: 60rpx;
}
.tip{
text-align: center;
font-family: '苹方';
font-size:25rpx;
color:#006d9f;
animation: opp 2.7s infinite linear;
}
@keyframes opp{
0%{
opacity: 1;
}
40%{
opacity: 1;
}
60%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.box_show {
display: flex;
/* justify-content: center; */
align-items: center;
flex-direction: column;
margin-top: 50rpx;
height: 75vh;
}
.showImage {
border: #fff 1px solid;
height: 60vh;
width: 80%;
border-radius: 20px;
}
.printTip {
width: 80%;
margin-top: 20rpx;
}
.upload-btn {
background: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/hm_aigc/applet/btn%403x.png)
100% no-repeat;
background-size: 100% 100%;
height: 100rpx;
line-height: 100rpx;
width: 80%;
margin-top: 20rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 16px;
font-family: 'Microsoft YaHei', 'Microsoft Yahei', Arial, sans-serif;
text-align: center;
white-space: nowrap;
position: absolute;
bottom: 0;
}
.wait_box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.wait_1, .wait_2 {
color: #505C73 ;
font-weight: 700;
font-size: 14px;
font-family: "Microsoft YaHei", sans-serif;
margin-top: 8rpx;
}
.progressBar {
width: 80%;
margin-top: 40rpx;
}