lufaneng
/
lift-drawing-wechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页介绍&各个页面增加投诉和纠纷

Browse Source
main
Lufaneng 4 months ago
parent 090619ece2
commit 02e74fad12
13 changed files with 443 additions and 274 deletions
Show Stats Download Patch File Download Diff File

119
components/ComplaintFooter/ComplaintFooter.vue
Unescape View File

@ -0,0 +1,119 @@
<template>
<view>
<!-- 悬浮按钮 -->
<view class="floating-btn" @click="openComplaintModal">
<view class="floating-text">投诉与</view>
<view class="floating-text">纠纷</view>
</view>
<!-- 客户投诉与纠纷处理机制弹窗 -->
<uv-modal
ref="complaintModalRef"
title="客户投诉与纠纷处理机制说明"
confirmText="我知道了"
@confirm="closeComplaintModal"
>
<scroll-view scroll-y class="complaint-content">
<view class="complaint-text">
<view class="p">为规范平台交易秩序，保障用户合法权益，结合我司图纸生成、电子图纸、设计方案等虚拟数字类产品的业务特性，特建立完善的客户投诉及纠纷处理机制，具体如下：</view>
<view class="h3">一、业务及退款规则说明</view>
<view class="p">我司提供的图纸生成服务为虚拟数字类产品，具有可复制、易传播、交付即生效的属性，产品一经生成并交付用户，无法进行回收、撤回或二次销售。</view>
<view class="p">因此在产品正常交付、内容符合约定、无质量问题的情况下，不支持无理由退款。相关规则已在商品详情页、订单页、支付确认环节进行显著提示，用户完成支付即视为已充分知晓并同意。</view>
<view class="h3">二、投诉受理渠道</view>
<view class="p">用户可通过以下渠道提交投诉与售后申请，确保问题及时反馈：</view>
<view class="p">客服电话：<text class="phone-link" @click="callService">13666500395</text></view>
<view class="h3">三、投诉响应时效</view>
<view class="p">收到用户投诉后，工作日2小时内响应，非工作日当天内响应；<br/>一般投诉问题24小时内处理完毕并反馈结果；<br/>复杂争议类问题48小时内给出解决方案。</view>
<view class="h3">四、客诉分类处理方案</view>
<view class="p">【支付异常类】针对重复扣款、支付成功未到账、订单异常等情况，经核实后立即原路全额退款或补发对应服务，确保用户资金不受损失。</view>
<view class="p">【产品质量类】若图纸生成错误、内容缺失、未达到服务标准，优先为用户重新生成、修改完善或补发，保障用户正常使用。</view>
<view class="p">【服务争议类】对已正常交付、无质量问题的退款申请，将依据订单记录、交付凭证、用户协议耐心解释沟通；如确属特殊情况，将在核实后按公司流程审慎处理。</view>
<view class="p">【恶意投诉类】对已使用产品后恶意申请退款的行为，将留存完整凭证，按支付平台规则合理举证，维护正常经营秩序。</view>
<view class="h3">五、退款执行规范</view>
<view class="p">确需退款的场景，一律按原支付渠道原路退回，退款时限遵循支付平台规定，不设置不合理门槛，不拖延、不拒付。</view>
<view class="h3">六、长效管理机制</view>
<view class="p">我司将持续完善售前提示、服务说明及售后流程，主动降低投诉发生率，积极配合支付平台监督管理，妥善处理各类交易纠纷，保障交易安全与用户体验。</view>
</view>
</scroll-view>
</uv-modal>
</view>
</template>
<script setup>
import { ref } from 'vue';
const complaintModalRef = ref(null);
const openComplaintModal = () => {
complaintModalRef.value.open();
};
const closeComplaintModal = () => {
complaintModalRef.value.close();
};
const callService = () => {
uni.makePhoneCall({
phoneNumber: '13666500395'
});
};
</script>
<style lang="scss" scoped>
.floating-btn {
position: fixed;
right: 16px;
bottom: 120px;
/* #ifdef H5 */
bottom: 170px;
/* #endif */
width: 56px;
height: 56px;
background: linear-gradient(135deg, #3f70ff, #5c8aff);
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
box-shadow: 0 4px 12px rgba(255, 107, 107, 0.4);
z-index: 999;
font-size: 12px;
.floating-text {
line-height: 1.2;
}
}
.complaint-content {
max-height: 60vh;
padding: 0 10px 10px;
.complaint-text {
font-size: 14px;
color: #333;
line-height: 1.6;
.h3 {
font-size: 15px;
font-weight: bold;
margin-top: 16px;
margin-bottom: 8px;
color: #111;
}
.p {
margin-bottom: 8px;
text-align: justify;
color: #666;
}
.phone-link {
color: #3f70ff;
text-decoration: underline;
display: inline-block;
padding: 0 4px;
}
}
}
</style>

2
pages.json
Unescape View File

@ -17,7 +17,7 @@
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"needLogin": true,
"needLogin": false,
"style": {
"navigationBarTitleText": "电梯图纸生成平台",
"enablePullDownRefresh":true

3
pages/consumption/consumption.vue
Unescape View File

@ -60,6 +60,8 @@
</view>
<uv-load-more v-else :status="loadingStatus" />
<!-- 投诉与纠纷 -->
<ComplaintFooter />
</view>
</template>
@ -78,6 +80,7 @@
useUserStore
} from "@/store";
import HeaderCustom from "/components/HeaderCustom/HeaderCustom.vue";
import ComplaintFooter from "/components/ComplaintFooter/ComplaintFooter.vue";
import RPC from "@/utils/request";
import dayjs from "dayjs";

244
pages/index/index.vue
Unescape View File

@ -1,5 +1,17 @@
<template>
<view class="container">
<view class="container" :class="{ 'logged-in': authStore.isLoggedIn }">
<!-- 服务价值展示 -->
<view class="service-intro">
<view class="intro-title">电梯图纸在线生成平台</view>
<view class="intro-subtitle">
专注电梯土建图、电气原理图一键自动生成，填写参数即可快速导出标准 PDF 图纸，为工程设计、现场施工提供高效出图服务。登录即可使用完整出图功能。
</view>
<view class="demo-btn" @click="viewDemo">
<text class="demo-icon">📄</text>
<text class="demo-text">查看演示图纸</text>
</view>
</view>
<!-- 顶部图片和标题 -->
<view class="header-section">
<image
@ -18,8 +30,22 @@
<!-- 选择图纸模板 -->
<view class="section">
<view class="section-title">选择图纸模板</view>
<!-- 未登录提示 -->
<view v-if="!authStore.isLoggedIn" class="login-prompt">
<view class="prompt-icon">🔒</view>
<view class="prompt-text">请先登录以使用完整功能</view>
<uv-button
size="small"
@click="goToLogin"
text="立即登录"
color="#3F70FF"
customStyle="margin-top: 12px;"
></uv-button>
</view>
<uv-skeletons
v-if="loading"
v-else-if="loading"
:loading="loading"
:skeleton="[
{
@ -151,7 +177,7 @@
</view>
<!-- 底部按钮 -->
<view class="bottom-actions">
<view class="bottom-actions" v-if="authStore.isLoggedIn">
<uv-button
:loading="generating"
@click="modalRefOpen"
@ -184,42 +210,10 @@
></uv-textarea>
</view>
</uv-modal>
<!-- 悬浮窗 -->
<view class="floating-btn" @click="openComplaintModal">
<view class="floating-text">投诉与</view>
<view class="floating-text">纠纷</view>
</view>
<!-- 客户投诉与纠纷处理机制弹窗 -->
<uv-modal
ref="complaintModalRef"
title="客户投诉与纠纷处理机制说明"
confirmText="我知道了"
@confirm="closeComplaintModal"
>
<scroll-view scroll-y class="complaint-content">
<view class="complaint-text">
<view class="p">为规范平台交易秩序，保障用户合法权益，结合我司图纸生成、电子图纸、设计方案等虚拟数字类产品的业务特性，特建立完善的客户投诉及纠纷处理机制，具体如下：</view>
<view class="h3">一、业务及退款规则说明</view>
<view class="p">我司提供的图纸生成服务为虚拟数字类产品，具有可复制、易传播、交付即生效的属性，产品一经生成并交付用户，无法进行回收、撤回或二次销售。</view>
<view class="p">因此在产品正常交付、内容符合约定、无质量问题的情况下，不支持无理由退款。相关规则已在商品详情页、订单页、支付确认环节进行显著提示，用户完成支付即视为已充分知晓并同意。</view>
<view class="h3">二、投诉受理渠道</view>
<view class="p">用户可通过以下渠道提交投诉与售后申请，确保问题及时反馈：</view>
<view class="p">客服电话：<text class="phone-link" @click="callService">13666500395</text></view>
<view class="h3">三、投诉响应时效</view>
<view class="p">收到用户投诉后，工作日2小时内响应，非工作日当天内响应；<br/>一般投诉问题24小时内处理完毕并反馈结果；<br/>复杂争议类问题48小时内给出解决方案。</view>
<view class="h3">四、客诉分类处理方案</view>
<view class="p">【支付异常类】针对重复扣款、支付成功未到账、订单异常等情况，经核实后立即原路全额退款或补发对应服务，确保用户资金不受损失。</view>
<view class="p">【产品质量类】若图纸生成错误、内容缺失、未达到服务标准，优先为用户重新生成、修改完善或补发，保障用户正常使用。</view>
<view class="p">【服务争议类】对已正常交付、无质量问题的退款申请，将依据订单记录、交付凭证、用户协议耐心解释沟通；如确属特殊情况，将在核实后按公司流程审慎处理。</view>
<view class="p">【恶意投诉类】对已使用产品后恶意申请退款的行为，将留存完整凭证，按支付平台规则合理举证，维护正常经营秩序。</view>
<view class="h3">五、退款执行规范</view>
<view class="p">确需退款的场景，一律按原支付渠道原路退回，退款时限遵循支付平台规定，不设置不合理门槛，不拖延、不拒付。</view>
<view class="h3">六、长效管理机制</view>
<view class="p">我司将持续完善售前提示、服务说明及售后流程，主动降低投诉发生率，积极配合支付平台监督管理，妥善处理各类交易纠纷，保障交易安全与用户体验。</view>
</view>
</scroll-view>
</uv-modal>
<uv-picker ref="picker" :columns="columns" @confirm="confirm"></uv-picker>
<!-- 投诉与纠纷悬浮按钮 -->
<ComplaintFooter />
</view>
</template>
@ -235,7 +229,7 @@ import {
} from "@dcloudio/uni-app";
import { useAuthStore, useUserStore } from "@/store";
import RPC from "@/utils/request";
import { usePermission } from "@/hooks/usePermission";
import ComplaintFooter from "@/components/ComplaintFooter/ComplaintFooter.vue";
import dayjs from 'dayjs'
const authStore = useAuthStore();
@ -248,17 +242,18 @@ const applyModalRef = ref(null);
const applyReason = ref("");
const applyLoading = ref(false);
const complaintModalRef = ref(null);
const openComplaintModal = () => {
complaintModalRef.value.open();
};
const closeComplaintModal = () => {
complaintModalRef.value.close();
// 查看演示图纸
const viewDemo = () => {
uni.previewImage({
urls: ['/static/imgs/demo.jpg'],
current: 0
});
};
const callService = () => {
uni.makePhoneCall({
phoneNumber: '13666500395'
// 跳转到登录页
const goToLogin = () => {
uni.navigateTo({
url: '/pages/login/login?redirect=' + encodeURIComponent('/pages/index/index')
});
};
@ -613,19 +608,28 @@ onShareTimeline((data) => {
onLoad(() => {
console.log("index-onLoad");
});
onShow(async () => {
getList();
onShow(() => {
console.log("test page onShow");
const hasPermission = await usePermission();
console.log(hasPermission ? "已登录" : "跳转登录");
// 以下开始写业务逻辑...
if (!hasPermission) {
authStore.signOut();
uni.$uv.route("/pages/login/login");
// 直接检查登录状态，不使用usePermission（避免被重定向）
const isLoggedIn = authStore.isLoggedIn;
console.log(isLoggedIn ? "已登录" : "未登录");
// 未登录用户也可以查看首页，但不加载模板列表
if (isLoggedIn) {
// 已登录，加载模板列表
getList();
} else {
// 未登录，清空模板列表
templateList.value = [];
currentTemplate.value = {};
}
});
onPullDownRefresh(() => {
getList();
// 直接检查登录状态
if (authStore.isLoggedIn) {
getList();
}
uni.stopPullDownRefresh();
});
</script>
@ -639,8 +643,57 @@ onPullDownRefresh(() => {
/* #ifdef H5 */
padding-bottom: 102px;
/* H5环境下需要更多空间 (50px按钮 + 50px tabBar + 2px间距) */
/* #endif */
&.logged-in {
padding-bottom: 102px;
/* #ifdef H5 */
padding-bottom: 152px;
/* #endif */
}
}
.service-intro {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 24px 20px;
color: white;
.intro-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
text-align: center;
}
.intro-subtitle {
font-size: 13px;
line-height: 1.6;
margin-bottom: 16px;
opacity: 0.95;
text-align: justify;
}
.demo-btn {
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 20px;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
.demo-icon {
font-size: 18px;
margin-right: 8px;
}
.demo-text {
font-size: 14px;
font-weight: 500;
}
}
}
.header-section {
@ -692,6 +745,22 @@ onPullDownRefresh(() => {
.status {
margin-bottom: 20px;
}
.login-prompt {
text-align: center;
padding: 40px 20px;
.prompt-icon {
font-size: 48px;
margin-bottom: 12px;
}
.prompt-text {
font-size: 15px;
color: #666;
margin-bottom: 8px;
}
}
}
.template-grid {
@ -742,7 +811,6 @@ onPullDownRefresh(() => {
.bottom-actions {
z-index: 999;
position: fixed;
bottom: 0;
left: 0;
background: #fff;
height: 50px;
@ -757,7 +825,7 @@ onPullDownRefresh(() => {
/* #ifdef H5 */
bottom: 50px;
/* H5环境下给tabBar留出空间 */
/* H5环境下给底部和tabBar留出空间 */
/* #endif */
}
@ -806,62 +874,6 @@ onPullDownRefresh(() => {
}
}
}
.floating-btn {
position: fixed;
right: 16px;
bottom: 120px;
/* #ifdef H5 */
bottom: 170px;
/* #endif */
width: 56px;
height: 56px;
background: linear-gradient(135deg, #3f70ff, #5c8aff);
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
box-shadow: 0 4px 12px rgba(63, 112, 255, 0.4);
z-index: 99;
font-size: 12px;
.floating-text {
line-height: 1.2;
}
}
.complaint-content {
max-height: 60vh;
padding: 0 10px 10px;
.complaint-text {
font-size: 14px;
color: #333;
line-height: 1.6;
.h3 {
font-size: 15px;
font-weight: bold;
margin-top: 16px;
margin-bottom: 8px;
color: #111;
}
.p {
margin-bottom: 8px;
text-align: justify;
color: #666;
}
.phone-link {
color: #3f70ff;
text-decoration: underline;
display: inline-block;
padding: 0 4px;
}
}
}
</style>
<style lang="scss">

5
pages/login/login.vue
Unescape View File

@ -89,6 +89,9 @@
href="weixin://dl/business/?appid=wxc504638e03981812&path=pages/login/login?from=h5ToWechat">
打开小程序并登录
</a> -->
<!-- 投诉与纠纷悬浮按钮 -->
<ComplaintFooter />
</view>
</template>
@ -151,6 +154,8 @@
const ToLoginRef = ref(null)
import ComplaintFooter from "@/components/ComplaintFooter/ComplaintFooter.vue";
const tips = ref("获取验证码");
const codeChange = (text) => {
tips.value = text;

9
pages/mine/mine.vue
Unescape View File

@ -170,6 +170,9 @@
退出登录
</uv-button>
</view> -->
<!-- 投诉与纠纷 -->
<ComplaintFooter />
</view>
</template>
@ -177,6 +180,7 @@
import { ref, onMounted } from "vue";
import { onShow, onPullDownRefresh } from "@dcloudio/uni-app";
import HeaderCustom from "/components/HeaderCustom/HeaderCustom.vue";
import ComplaintFooter from "/components/ComplaintFooter/ComplaintFooter.vue";
import { useAuthStore, useUserStore } from "@/store";
import RPC from "@/utils/request";
import dayjs from "dayjs";
@ -354,11 +358,10 @@ const logout = () => {
font-size: 14px;
background: linear-gradient(180deg, #7b9cdb 0%, #f8f8f8 40%);
min-height: 100vh;
// padding-bottom: 120px;
/* #ifdef H5 */
// padding-bottom: 170px;
/* H5环境下需要更多空间 (底部按钮高度 + tabBar高度 + 间距) */
padding-bottom: 50px;
/* H5环境下给tabBar留出空间 */
/* #endif */
}

4
pages/order/order.vue
Unescape View File

@ -105,6 +105,9 @@
<text class="empty-text">暂无订单记录</text>
</view>
<uv-load-more v-else :status="loadingStatus" />
<!-- 投诉与纠纷 -->
<ComplaintFooter />
</view>
</template>
@ -123,6 +126,7 @@
useUserStore
} from "@/store";
import HeaderCustom from '/components/HeaderCustom/HeaderCustom.vue'
import ComplaintFooter from '/components/ComplaintFooter/ComplaintFooter.vue'
import RPC from "@/utils/request";
import dayjs from "dayjs";

4
pagesA/generate-record/generate-record.vue
Unescape View File

@ -72,6 +72,9 @@
</view>
</view>
</uv-modal>
<!-- 投诉与纠纷 -->
<ComplaintFooter />
</view>
</template>
@ -80,6 +83,7 @@
ref,
onMounted
} from "vue";
import ComplaintFooter from "/components/ComplaintFooter/ComplaintFooter.vue";
import RPC from "@/utils/request";
import dayjs from "dayjs";
import {

4
pagesA/payment/payment.vue
Unescape View File

@ -123,12 +123,16 @@
<text class="link" @click="showAgreement">《会员服务协议》</text>
</view>
</view>
<!-- 投诉与纠纷 -->
<ComplaintFooter />
</view>
</template>
<script setup>
import { ref, onMounted } from "vue";
import { onLoad, onShow } from "@dcloudio/uni-app";
import ComplaintFooter from "/components/ComplaintFooter/ComplaintFooter.vue";
import { useAuthStore, useUserStore } from "@/store";
import RPC from "@/utils/request";

4
pagesA/recharge/recharge.vue
Unescape View File

@ -120,6 +120,9 @@
立即充值
</uv-button>
</view>
<!-- 投诉与纠纷 -->
<ComplaintFooter />
</view>
</template>
@ -132,6 +135,7 @@
import {
onShow
} from "@dcloudio/uni-app";
import ComplaintFooter from "/components/ComplaintFooter/ComplaintFooter.vue";
import {
useAuthStore,
useUserStore

15
plugins/permission.js
Unescape View File

@ -15,12 +15,17 @@ routes.forEach((item) => {
}
});
// 调试：打印白名单
console.log("权限白名单:", whiteList);
/**
* 权限校验
* @param {String} path
* @returns
*/
export function hasPerm(path = "") {
console.log("hasPerm检查路径:", path);
if (!isPathExists(path) && path !== '/') {
uni.redirectTo({
url: ERROR404_PATH,
@ -28,11 +33,17 @@ export function hasPerm(path = "") {
return false;
}
const authStore = useAuthStore();
const cleanPath = removeQueryString(path);
// 在白名单中或有token，直接放行
const hasPermission =
whiteList.includes(removeQueryString(path)) || authStore.isLoggedIn;
const inWhiteList = whiteList.includes(cleanPath);
const hasPermission = inWhiteList || authStore.isLoggedIn;
console.log("路径:", cleanPath, "在白名单:", inWhiteList, "已登录:", authStore.isLoggedIn, "有权限:", hasPermission);
if (!hasPermission) {
// 将用户的目标路径传递过去，这样可以实现用户登录之后，直接跳转到目标页面
console.log("无权限，跳转登录页");
uni.redirectTo({
url: `${LOGIN_PATH}?redirect=${encodeURIComponent(path)}`,
});

BIN
static/imgs/demo.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 560 KiB

8
vite.config.js
Unescape View File

@ -28,14 +28,14 @@ export default defineConfig(({ mode }) => {
proxy: {
['/jsonrpc']: {
changeOrigin: true,
target: 'https://lift-drawing-h5.ruixininfo.com',
// target: 'https://lift-h5.shulinelev.com',
// target: 'https://lift-drawing-h5.ruixininfo.com',
target: 'https://lift-h5.shulinelev.com',
// target: 'https://lift-drawing.ruixininfo.com',
},
['/api/proxyDownload']: {
changeOrigin: true,
target: 'https://lift-drawing-h5.ruixininfo.com',
// target: 'https://lift-h5.shulinelev.com',
// target: 'https://lift-drawing-h5.ruixininfo.com',
target: 'https://lift-h5.shulinelev.com',
// target: 'https://lift-drawing.ruixininfo.com',
},
},

Write Preview
Loading…
Cancel
Save