wk450097098
/
mrr.sj.front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

003-004

This commit is contained in:
cjl520cy 2026-04-03 15:49:27 +08:00
parent 8066f80b0c
commit 32dd0a94d2
7 changed files with 1432 additions and 1396 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/home/components/orderCard2.vue
View File

@ -39,6 +39,7 @@
<view class="service-price"> <view class="service-price">
<text v-if="dataItem.team_buy_id">{{`团购价: `}}</text>¥<text <text v-if="dataItem.team_buy_id">{{`团购价: `}}</text>¥<text
style="font-size: 34rpx;">{{ dataItem.order_money }}</text> style="font-size: 34rpx;">{{ dataItem.order_money }}</text>
<text class="service-price-line">{{ dataItem.line_money }}</text>
</view> </view>
</view> </view>
@ -258,6 +259,15 @@
line-height: 34rpx; line-height: 34rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
.service-price-line {
font-weight: 400;
font-size: 24rpx;
color: #999999;
line-height: 34rpx;
margin-left: 10rpx;
text-decoration: line-through;
}
} }
.service-type { .service-type {

306
pages/shop/add-service.vue
View File

@ -2,7 +2,9 @@
<view class="add-service"> <view class="add-service">
<view class="fixed-header"> <view class="fixed-header">
<view class="tip" v-if="formData.back_text && formData.state == 4"> <view class="tip" v-if="formData.back_text && formData.state == 4">
<image src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/390d9d12-3c30-4639-9ac3-7b604b606b6d.png" class="tip-icon"></image> <image
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/390d9d12-3c30-4639-9ac3-7b604b606b6d.png"
class="tip-icon"></image>
<text>{{ formData.back_text }}</text> <text>{{ formData.back_text }}</text>
</view> </view>
</view> </view>
@ -12,48 +14,44 @@
<!-- 服务名称 --> <!-- 服务名称 -->
<view class="form-item"> <view class="form-item">
<text class="form-label required">服务名称</text> <text class="form-label required">服务名称</text>
<input <input type="text" v-model="formData.title" placeholder="请输入服务名称" placeholder-class="placeholder"
type="text" class="form-input" />
v-model="formData.title"
placeholder="请输入服务名称"
placeholder-class="placeholder"
class="form-input"
/>
</view> </view>
<!-- 服务价格 --> <!-- 服务价格 -->
<view class="form-item"> <view class="form-item" style="flex-wrap: wrap;">
<text class="form-label required">服务价格</text> <text class="form-label required">服务定价</text>
<input <input type="digit" v-model.number="formData.line_price" placeholder="请输入定价，最多两位小数"
type="digit" placeholder-class="placeholder" class="form-input" @input="inpPrice2" @blur="inpPrice2"
v-model.number="formData.server_price" @confirm="inpPrice2" step="0.01" />
placeholder="请输入服务价格，最多两位小数" <view class="price-tip">
placeholder-class="placeholder" <text class="price-tip-card">服务的基础定价，未参与任何优惠的价格</text>
class="form-input" </view>
@input="inpPrice" </view>
@blur="inpPrice"
@confirm="inpPrice" <!-- 服务价格 -->
step="0.01" <view class="form-item" style="flex-wrap: wrap;">
/> <text class="form-label required">服务售价</text>
<input type="digit" v-model.number="formData.server_price" placeholder="请输入售价，最多两位小数"
placeholder-class="placeholder" class="form-input" @input="inpPrice" @blur="inpPrice"
@confirm="inpPrice" step="0.01" />
<view class="price-tip">
<text class="price-tip-card">服务参与单品优惠后的价格</text>
</view>
</view> </view>
<!-- 服务分类 --> <!-- 服务分类 -->
<view class="form-item"> <view class="form-item">
<text class="form-label required">服务分类</text> <text class="form-label required">服务分类</text>
<view class="form-right" @click="openServiceTypePicker"> <view class="form-right" @click="openServiceTypePicker">
<text <text :class="[
:class="[
'form-value', 'form-value',
formData.first_class_id ? '' : 'placeholder', formData.first_class_id ? '' : 'placeholder',
]" ]">
>
{{ serviceType || "选择分类" }} {{ serviceType || "选择分类" }}
</text> </text>
<image <image src="https://mrrplus.oss-cn-beijing.aliyuncs.com/wxstaic/images/arrow_right.png"
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/wxstaic/images/arrow_right.png" class="arrow-right" mode="aspectFit"></image>
class="arrow-right"
mode="aspectFit"
></image>
</view> </view>
</view> </view>
@ -61,19 +59,14 @@
<view class="form-item" v-if="showCategory"> <view class="form-item" v-if="showCategory">
<text class="form-label required">服务子类</text> <text class="form-label required">服务子类</text>
<view class="form-right" @click="openCategoryPicker"> <view class="form-right" @click="openCategoryPicker">
<text <text :class="[
:class="[
'form-value', 'form-value',
formData.second_class_id ? '' : 'placeholder', formData.second_class_id ? '' : 'placeholder',
]" ]">
>
{{ category || "选择子类" }} {{ category || "选择子类" }}
</text> </text>
<image <image src="https://mrrplus.oss-cn-beijing.aliyuncs.com/wxstaic/images/arrow_right.png"
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/wxstaic/images/arrow_right.png" class="arrow-right" mode="aspectFit"></image>
class="arrow-right"
mode="aspectFit"
></image>
</view> </view>
</view> </view>
@ -106,13 +99,8 @@
<!-- 服务时间 --> <!-- 服务时间 -->
<view class="form-item"> <view class="form-item">
<text class="form-label required">服务时长</text> <text class="form-label required">服务时长</text>
<input <input type="number" v-model="formData.server_time" placeholder="请输入服务时间"
type="number" placeholder-class="placeholder" class="form-input" />
v-model="formData.server_time"
placeholder="请输入服务时间"
placeholder-class="placeholder"
class="form-input"
/>
<text class="pr-240">分钟</text> <text class="pr-240">分钟</text>
</view> </view>
@ -148,13 +136,8 @@
<view class="detail-row"> <view class="detail-row">
<text class="form-label required">服务功效</text> <text class="form-label required">服务功效</text>
<view class="detail-textarea-wrap"> <view class="detail-textarea-wrap">
<textarea <textarea class="detail-textarea" v-model="detailForm.effect" placeholder="请输入服务功效"
class="detail-textarea" placeholder-class="placeholder" maxlength="200"></textarea>
v-model="detailForm.effect"
placeholder="请输入服务功效"
placeholder-class="placeholder"
maxlength="200"
></textarea>
<text class="detail-count">{{(detailForm.effect || '').length}}/200</text> <text class="detail-count">{{(detailForm.effect || '').length}}/200</text>
</view> </view>
</view> </view>
@ -162,13 +145,9 @@
<view class="detail-row"> <view class="detail-row">
<text class="form-label required">适用人群</text> <text class="form-label required">适用人群</text>
<view class="detail-textarea-wrap"> <view class="detail-textarea-wrap">
<textarea <textarea class="detail-textarea" v-model="detailForm.crowd"
class="detail-textarea" placeholder="请输入不适用人群，例如：未成年人/孕妇不适用" placeholder-class="placeholder"
v-model="detailForm.crowd" maxlength="200"></textarea>
placeholder="请输入不适用人群，例如：未成年人/孕妇不适用"
placeholder-class="placeholder"
maxlength="200"
></textarea>
<text class="detail-count">{{(detailForm.crowd || '').length}}/200</text> <text class="detail-count">{{(detailForm.crowd || '').length}}/200</text>
</view> </view>
</view> </view>
@ -176,13 +155,8 @@
<view class="detail-row"> <view class="detail-row">
<text class="form-label">产品清单</text> <text class="form-label">产品清单</text>
<view class="detail-textarea-wrap"> <view class="detail-textarea-wrap">
<textarea <textarea class="detail-textarea" v-model="detailForm.product" placeholder="请输入产品清单"
class="detail-textarea" placeholder-class="placeholder" maxlength="200"></textarea>
v-model="detailForm.product"
placeholder="请输入产品清单"
placeholder-class="placeholder"
maxlength="200"
></textarea>
<text class="detail-count">{{(detailForm.product || '').length}}/200</text> <text class="detail-count">{{(detailForm.product || '').length}}/200</text>
</view> </view>
</view> </view>
@ -190,13 +164,8 @@
<view class="detail-row"> <view class="detail-row">
<text class="form-label">适用范围</text> <text class="form-label">适用范围</text>
<view class="detail-textarea-wrap"> <view class="detail-textarea-wrap">
<textarea <textarea class="detail-textarea" v-model="detailForm.scope" placeholder="请输入使用时间/适用人数"
class="detail-textarea" placeholder-class="placeholder" maxlength="200"></textarea>
v-model="detailForm.scope"
placeholder="请输入使用时间/适用人数"
placeholder-class="placeholder"
maxlength="200"
></textarea>
<text class="detail-count">{{(detailForm.scope || '').length}}/200</text> <text class="detail-count">{{(detailForm.scope || '').length}}/200</text>
</view> </view>
</view> </view>
@ -204,13 +173,8 @@
<view class="detail-row"> <view class="detail-row">
<text class="form-label">温馨提示</text> <text class="form-label">温馨提示</text>
<view class="detail-textarea-wrap"> <view class="detail-textarea-wrap">
<textarea <textarea class="detail-textarea" v-model="detailForm.tips" placeholder="请输入其他注意事项"
class="detail-textarea" placeholder-class="placeholder" maxlength="200"></textarea>
v-model="detailForm.tips"
placeholder="请输入其他注意事项"
placeholder-class="placeholder"
maxlength="200"
></textarea>
<text class="detail-count">{{(detailForm.tips || '').length}}/200</text> <text class="detail-count">{{(detailForm.tips || '').length}}/200</text>
</view> </view>
</view> </view>
@ -222,17 +186,9 @@
</view> </view>
<view class="step" v-for="(item, i) in formData.process"> <view class="step" v-for="(item, i) in formData.process">
<text class="form-label">第{{ i + 1 }}步</text> <text class="form-label">第{{ i + 1 }}步</text>
<input <input type="text" class="step-inp" v-model="formData.process[i].text" />
type="text" <image src="https://mrrplus.oss-cn-beijing.aliyuncs.com/wxstaic/images/delete_icon.png"
class="step-inp" class="delete-icon" mode="aspectFit" @click="deleteStep(i)"></image>
v-model="formData.process[i].text"
/>
<image
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/wxstaic/images/delete_icon.png"
class="delete-icon"
mode="aspectFit"
@click="deleteStep(i)"
></image>
</view> </view>
</view> </view>
@ -265,22 +221,10 @@
@addVideo="addVideo" @addVideo="addVideo"
@deleteVideo="deleteVideo" @deleteVideo="deleteVideo"
:video="formData.video"></upload-video> --> :video="formData.video"></upload-video> -->
<ali-oss-uploader <ali-oss-uploader :max-count="1" :max-size="100" :type="artisanType + 1"
:max-count="1" :user-id="formData.publish_user_id" :width="'654rpx'" :kind="2" :file-string="formData.video"
:max-size="100" accept="video/*" button-text="上传视频" @success="uploadVideoSuc" @error="uploadVideoErr"
:type="artisanType + 1" @delete="uploadVideoDel" @ckeckisShowPer="ckeckisShowPer" @ckecknowQer="ckecknowQer">
:user-id="formData.publish_user_id"
:width="'654rpx'"
:kind="2"
:file-string="formData.video"
accept="video/*"
button-text="上传视频"
@success="uploadVideoSuc"
@error="uploadVideoErr"
@delete="uploadVideoDel"
@ckeckisShowPer="ckeckisShowPer"
@ckecknowQer="ckecknowQer"
>
</ali-oss-uploader> </ali-oss-uploader>
</view> </view>
@ -296,21 +240,10 @@
:width="'654rpx'" :width="'654rpx'"
@addImg="addImg" @addImg="addImg"
@deleteImage="deleteImage"></upload-img> --> @deleteImage="deleteImage"></upload-img> -->
<ali-oss-uploader <ali-oss-uploader v-model="formData.photo" :max-count="9" :max-size="5" :width="'654rpx'"
v-model="formData.photo" :type="artisanType + 1" :user-id="formData.publish_user_id" button-text="上传图片"
:max-count="9" tips="最多上传3张图片，每张不超过5MB" @success="onUploadSuccess" @error="onUploadError" @delete="onFileDelete"
:max-size="5" @ckeckisShowPer="ckeckisShowPer" @ckecknowQer="ckecknowQer">
:width="'654rpx'"
:type="artisanType + 1"
:user-id="formData.publish_user_id"
button-text="上传图片"
tips="最多上传3张图片，每张不超过5MB"
@success="onUploadSuccess"
@error="onUploadError"
@delete="onFileDelete"
@ckeckisShowPer="ckeckisShowPer"
@ckecknowQer="ckecknowQer"
>
</ali-oss-uploader> </ali-oss-uploader>
</view> </view>
</view> </view>
@ -324,44 +257,23 @@
</view> </view>
<!-- 服务类型选择器 --> <!-- 服务类型选择器 -->
<popup-picker <popup-picker :show="showServiceTypePicker" title="选择服务类型" :columns="[serviceTypes]"
:show="showServiceTypePicker" :value="[selectedServiceTypeIndex]" @close="showServiceTypePicker = false"
title="选择服务类型" @confirm="handleServiceTypeConfirm" />
:columns="[serviceTypes]"
:value="[selectedServiceTypeIndex]"
@close="showServiceTypePicker = false"
@confirm="handleServiceTypeConfirm"
/>
<!-- 服务分类选择器 --> <!-- 服务分类选择器 -->
<PopupPickerMy <PopupPickerMy :show="showCategoryPicker" title="选择服务分类" :columns="[categoryAll]" :value="selectedCategoryIndex"
:show="showCategoryPicker" @close="showCategoryPicker = false" @confirm="handleCategoryConfirm" />
title="选择服务分类"
:columns="[categoryAll]"
:value="selectedCategoryIndex"
@close="showCategoryPicker = false"
@confirm="handleCategoryConfirm"
/>
<view class="mask" v-if="isShow" @click="isShow = false"></view> <view class="mask" v-if="isShow" @click="isShow = false"></view>
<!-- 获取权限提示匡内容 --> <!-- 获取权限提示匡内容 -->
<view <view class="permission" :class="{ transform: isShowPer && nowQer === 'xc' }">
class="permission"
:class="{ transform: isShowPer && nowQer === 'xc' }"
>
<view class="per-tit">美融融plus 对储存空间/照片权限申请说明</view> <view class="per-tit">美融融plus 对储存空间/照片权限申请说明</view>
<view class="per-cont" <view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中读取相册和文件内容。</view>
>便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中读取相册和文件内容。</view
>
</view> </view>
<view <view class="permission" :class="{ transform: isShowPer && nowQer === 'xj' }">
class="permission"
:class="{ transform: isShowPer && nowQer === 'xj' }"
>
<view class="per-tit">美融融plus 对相机拍摄权限申请说明</view> <view class="per-tit">美融融plus 对相机拍摄权限申请说明</view>
<view class="per-cont" <view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中所需内容。</view>
>便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中所需内容。</view
>
</view> </view>
<!-- 新增上门提醒弹窗--> <!-- 新增上门提醒弹窗-->
@ -387,7 +299,9 @@ import PopupPicker from "@/components/popup-picker/popup-picker.vue";
import PopupPickerMy from "@/components/popup-picker/PopupPickerMy.vue"; import PopupPickerMy from "@/components/popup-picker/PopupPickerMy.vue";
import CircleProgress from "@/components/circle-progress/circle-progress.vue"; import CircleProgress from "@/components/circle-progress/circle-progress.vue";
import sparkMD5 from "spark-md5"; // 引入MD5计算库 import sparkMD5 from "spark-md5"; // 引入MD5计算库
import { debounce } from "@/utils/debounce.js"; import {
debounce
} from "@/utils/debounce.js";
import AliOssUploader from "../../components/ali-oss-uploader/ali-oss-uploader.vue"; import AliOssUploader from "../../components/ali-oss-uploader/ali-oss-uploader.vue";
import permissionUtils from "../../utils/per"; import permissionUtils from "../../utils/per";
import locationService from "../../utils/locationService"; import locationService from "../../utils/locationService";
@ -406,7 +320,7 @@ export default {
artisanType: getApp().globalData.artisanType, artisanType: getApp().globalData.artisanType,
nowQer: "xc", nowQer: "xc",
progress: 0, progress: 0,
// isShow: false, isShow: false,
state: null, state: null,
isShowPer: false, isShowPer: false,
formData: { formData: {
@ -414,6 +328,7 @@ export default {
server_kind: getApp().globalData.artisanType, server_kind: getApp().globalData.artisanType,
title: "", title: "",
server_price: "", server_price: "",
line_price: '',
server_time: "", server_time: "",
first_class_id: "", first_class_id: "",
second_class_id: "", second_class_id: "",
@ -498,6 +413,29 @@ export default {
}, },
}, },
methods: { methods: {
inpPrice2(e) {
let that = this;
let value = e.detail.value;
// 1. 移除非数字和小数点
value = value.replace(/[^\d.]/g, '');
// 2. 确保只有一个小数点
const parts = value.split('.');
if (parts.length > 2) {
value = parts[0] + '.' + parts.slice(1).join('');
}
// 3. 限制小数点后最多一位
if (parts.length > 1) {
value = parts[0] + '.' + parts[1].slice(0, 2);
}
// 4. 如果以小数点开头，前面补0
if (value.startsWith('.')) {
value = '0' + value;
}
that.$set(that.formData, 'line_price', value);
},
// 服务简介部分 // 服务简介部分
initDetailForm(detail = []) { initDetailForm(detail = []) {
// 先重置 detailForm 为空 // 先重置 detailForm 为空
@ -565,13 +503,13 @@ export default {
}); });
return false; return false;
} }
if (!this.detailForm.product || !this.detailForm.product.trim()) { // if (!this.detailForm.product || !this.detailForm.product.trim()) {
uni.showToast({ // uni.showToast({
title: "请输入产品清单", // title: "请输入产品清单",
icon: "none", // icon: "none",
}); // });
return false; // return false;
} // }
return true; return true;
}, },
@ -634,7 +572,10 @@ export default {
}) })
.then((res) => { .then((res) => {
// 直接合并所有字段，避免遗漏 // 直接合并所有字段，避免遗漏
this.formData = { ...this.formData, ...res.data }; this.formData = {
...this.formData,
...res.data
};
// 确保 detail 数组被保留（可能用于兼容） // 确保 detail 数组被保留（可能用于兼容）
this.formData.detail = res.data.detail || []; this.formData.detail = res.data.detail || [];
// 调用初始化方法，它会优先使用新字段 // 调用初始化方法，它会优先使用新字段
@ -730,6 +671,7 @@ export default {
const { const {
title, title,
server_price, server_price,
line_price,
server_time, server_time,
first_class_id, first_class_id,
second_class_id, second_class_id,
@ -741,6 +683,7 @@ export default {
let item = { let item = {
title, title,
server_price, server_price,
line_price,
server_time, server_time,
first_class_id, first_class_id,
second_class_id, second_class_id,
@ -816,12 +759,19 @@ export default {
}); });
return; return;
} }
if (!this.formData.line_price) {
uni.showToast({
title: '请输入服务定价',
icon: 'none'
})
return
}
if (!this.formData.server_price) { if (!this.formData.server_price) {
uni.showToast({ uni.showToast({
title: "请输入服务价格", title: '请输入服务售价',
icon: "none", icon: 'none'
}); })
return; return
} }
if (!this.formData.first_class_id) { if (!this.formData.first_class_id) {
@ -1027,6 +977,21 @@ export default {
margin-bottom: 24rpx; margin-bottom: 24rpx;
} }
.price-tip {
width: 100%;
margin-top: 40rpx;
.price-tip-card {
padding: 8rpx 12rpx;
background: #FDF0F0;
border-radius: 8rpx;
font-weight: 400;
font-size: 24rpx;
color: #EE4853;
line-height: 33rpx;
}
}
.shopsale-box { .shopsale-box {
flex-flow: column; flex-flow: column;
justify-content: space-between; justify-content: space-between;
@ -1450,10 +1415,13 @@ export default {
} }
/* 淡入淡出动画 */ /* 淡入淡出动画 */
.fade-enter-active, .fade-leave-active { .fade-enter-active,
.fade-leave-active {
transition: opacity 0.3s; transition: opacity 0.3s;
} }
.fade-enter, .fade-leave-to {
.fade-enter,
.fade-leave-to {
opacity: 0; opacity: 0;
} }

9
pages/shop/components/orderCard.vue
View File

@ -35,6 +35,7 @@
<view class="service-price" > <view class="service-price" >
<text v-if="dataItem.team_buy_id">{{`团购价: `}}</text>¥<text <text v-if="dataItem.team_buy_id">{{`团购价: `}}</text>¥<text
style="font-size: 34rpx;">{{ dataItem.order_money }}</text> style="font-size: 34rpx;">{{ dataItem.order_money }}</text>
<text class="service-price-line">{{ dataItem.line_money }}</text>
</view> </view>
</view> </view>
@ -285,6 +286,14 @@
line-height: 34rpx; line-height: 34rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
.service-price-line {
font-weight: 400;
font-size: 24rpx;
color: #999999;
line-height: 34rpx;
margin-left: 10rpx;
text-decoration: line-through;
}
} }
.service-type { .service-type {

9
pages/shop/components/orderCard2.vue
View File

@ -39,6 +39,7 @@
<view class="service-price"> <view class="service-price">
<text v-if="dataItem.team_buy_id">{{`团购价: `}}</text>¥<text <text v-if="dataItem.team_buy_id">{{`团购价: `}}</text>¥<text
style="font-size: 34rpx;">{{ dataItem.order_money }}</text> style="font-size: 34rpx;">{{ dataItem.order_money }}</text>
<text class="service-price-line">{{ dataItem.line_money }}</text>
</view> </view>
</view> </view>
@ -258,6 +259,14 @@
line-height: 34rpx; line-height: 34rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
.service-price-line {
font-weight: 400;
font-size: 24rpx;
color: #999999;
line-height: 34rpx;
margin-left: 10rpx;
text-decoration: line-through;
}
} }
.service-type { .service-type {

20
pages/shop/photoAlbum/addPhoto.vue
View File

@ -105,7 +105,9 @@
<view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中所需内容。</view> <view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中所需内容。</view>
</view> </view>
<video v-show="videoPlay" :src="videoUrl" controls id="myvideo" style="height: 0;width: 0;" @fullscreenchange="screenChange"></video> <video v-show="videoPlay" :src="videoUrl" controls id="myvideo" style="height: 0; width: 0; position: absolute; top: -999rpx; left: -999rpx;"
@fullscreenchange="screenChange"></video>
<uv-divider></uv-divider>
</view> </view>
</template> </template>
@ -120,6 +122,7 @@
}, },
data() { data() {
return { return {
videoContext:null,
videoPlay: false, videoPlay: false,
videoUrl: "", videoUrl: "",
disabled: false, disabled: false,
@ -201,10 +204,13 @@
}, },
methods: { methods: {
screenChange(e) { screenChange(e) {
let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏 let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏
console.log(e, "全屏"); console.log(e, "全屏");
if (!fullScreen) { if (!fullScreen) {
//退出全屏 //退出全屏
this.videoContext.pause()
plus.screen.lockOrientation('portrait-primary');
this.videoPlay = false; // 隐藏播放盒子 this.videoPlay = false; // 隐藏播放盒子
} }
}, },
@ -366,7 +372,8 @@
if (this.formData.type == 1) { if (this.formData.type == 1) {
res = await uploadImage.handleUpload(this.userInfo.id, 3); res = await uploadImage.handleUpload(this.userInfo.id, 3);
} else { } else {
res = await uploadImage.handleUpload(this.userInfo.id, 3, ['album', 'camera'], 'video'); res = await uploadImage.handleUpload(this.userInfo.id, 3, ['album', 'camera'],
'video');
} }
console.log('上传单张图片', res) console.log('上传单张图片', res)
this.formData.url = res; this.formData.url = res;
@ -420,7 +427,8 @@
// 1. 检查权限 // 1. 检查权限
// const { granted } = await permissionUtils.checkPermission('photo_library', '需要相册权限用于上传照片'); // const { granted } = await permissionUtils.checkPermission('photo_library', '需要相册权限用于上传照片');
this.nowQer = 'xc'; this.nowQer = 'xc';
const xc = await permissionUtils.checkPermission('photo_library', '需要相册权限用于上传照片'); const xc = await permissionUtils.checkPermission('photo_library',
'需要相册权限用于上传照片');
this.nowQer = 'xj'; this.nowQer = 'xj';
const xj = await permissionUtils.checkPermission('camera', '需要相机权限用于拍摄照片'); const xj = await permissionUtils.checkPermission('camera', '需要相机权限用于拍摄照片');
this.isShowPer = false; this.isShowPer = false;
@ -439,8 +447,10 @@
if (!confirm) return; if (!confirm) return;
// 3. 请求权限 // 3. 请求权限
const result1 = await permissionUtils.requestPermission('photo_library', '我们需要访问您的相册以上传图片/视频'); const result1 = await permissionUtils.requestPermission('photo_library',
const result2 = await permissionUtils.requestPermission('camera', '我们需要访问您的相机以上传图片/视频'); '我们需要访问您的相册以上传图片/视频');
const result2 = await permissionUtils.requestPermission('camera',
'我们需要访问您的相机以上传图片/视频');
if (result1 && result2) { if (result1 && result2) {
this.openCamera(); this.openCamera();
} else { } else {

41
pages/shop/photoAlbum/photoManage.vue
View File

@ -35,6 +35,10 @@
<image class="photo-mask-img" mode="aspectFill" src="/static/images/icons/time.png"></image> <image class="photo-mask-img" mode="aspectFill" src="/static/images/icons/time.png"></image>
<text class="photo-mask-text">审核中…</text> <text class="photo-mask-text">审核中…</text>
</view> </view>
<view class="content-photo-mask" v-if="item2.apply_state==3">
<image class="photo-mask-img" mode="aspectFill" src="/static/images/icons/close2.png"></image>
<view class="photo-mask-text">已驳回</view>
</view>
</view> </view>
</view> </view>
<view class="card-content flex-row-center" v-else> <view class="card-content flex-row-center" v-else>
@ -151,7 +155,25 @@
// }); // });
}, },
goAdd(id, item) { goAdd(id, item) {
console.log(11111, id) if (this.type == 1) {
if ( this.imgVideoList[id] && this.imgVideoList[id].length >= 20) {
uni.showToast({
title: '最多上传20张图片',
icon: 'none',
duration: 2000
});
return
}
} else if (this.type == 2) {
if ( this.imgVideoList[id] && this.imgVideoList[id].length >= 10) {
uni.showToast({
title: '最多上传10张视频',
icon: 'none',
duration: 2000
});
return
}
}
// 1. 原有逻辑：分类id为空，拦截提示 // 1. 原有逻辑：分类id为空，拦截提示
if (!id) { if (!id) {
uni.showToast({ uni.showToast({
@ -186,14 +208,19 @@
}); });
}, },
async getList() { async getList() {
await request.post("/sj/imgVideo/list", { try {
const res = await request.post("/sj/imgVideo/list", {
type: this.type type: this.type
}).then(res => { });
if (res.code == 200) { // 核心修复：保留imgVideoList对象结构，可选链避免属性不存在，默认值确保始终为对象
this.imgVideoList = res.data.list[this.type] this.imgVideoList = res.data?.list?.[this.type] || {};
// 若接口返回格式为res.data.list[this.type]是对应类型的id数据，需调整为：
// this.imgVideoList = res.data?.list?.[this.type] || {};
} catch (err) {
// 网络错误等异常处理，确保imgVideoList始终为对象
console.error("获取图片/视频列表失败：", err);
this.imgVideoList = {};
} }
})
} }
} }
} }

23
pages/shop/photoAlbum/videoList.vue
View File

@ -121,7 +121,8 @@
async handleDelete() { async handleDelete() {
// 收集选中项的ID // 收集选中项的ID
let deleteIds = this.selectedItems.map(index => this.imgVideoList[index].id); let deleteIds = this.selectedItems.map(index => this.imgVideoList[index].id);
let auth_ids = this.selectedItems.map(index => this.imgVideoList[index].auth_id).filter(item => item !== 0); let auth_ids = this.selectedItems.map(index => this.imgVideoList[index].auth_id).filter(item =>
item !== 0);
console.log(1111, deleteIds, auth_ids, [1, 6]) console.log(1111, deleteIds, auth_ids, [1, 6])
try { try {
const res = await request.post("/sj/imgVideo/del", { const res = await request.post("/sj/imgVideo/del", {
@ -129,10 +130,6 @@
auth_ids: auth_ids auth_ids: auth_ids
}); });
if (res.code == 200) { if (res.code == 200) {
uni.showToast({
title: '删除成功',
icon: 'success'
});
// 重新获取列表 // 重新获取列表
await this.getList(); await this.getList();
// 退出管理模式 // 退出管理模式
@ -206,14 +203,20 @@
return obj return obj
}, },
async getList() { async getList() {
await request.post("/sj/imgVideo/list", { try {
const res = await request.post("/sj/imgVideo/list", {
type: this.type, type: this.type,
class_type: this.class_type class_type: this.class_type
}).then(res => { });
if (res.code == 200) { // 核心修复：逐层可选链保护 + 兜底空数组，彻底避免属性访问错误
this.imgVideoList = res.data.list[this.type][this.class_type] this.imgVideoList = res.code === 200 ?
res.data?.list?.[this.type]?.[this.class_type] || [] :
[];
} catch (err) {
// 网络错误、接口报错等所有异常的兜底处理
console.error("获取媒体列表失败：", err);
this.imgVideoList = [];
} }
})
} }
} }
} }