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

1

Browse Source
main
Lufaneng 11 months ago
parent d827e4e6c0
commit 0abb3ae117
14 changed files with 1253 additions and 1381 deletions
Show Stats Download Patch File Download Diff File

13
pages.json
Unescape View File

@ -75,7 +75,8 @@
"path" : "generate-record/generate-record",
"style" :
{
"navigationBarTitleText" : "图纸生成记录"
"navigationBarTitleText" : "图纸生成记录",
"enablePullDownRefresh":true
}
},
{
@ -119,18 +120,18 @@
"pagePath": "pages/index/index",
"iconPath": "static/tabbar/index.png",
"selectedIconPath": "static/tabbar/index_HL.png",
"text": "首页"
"text": "图纸"
},
{
"pagePath": "pages/order/order",
"iconPath": "static/tabbar/appointment.png",
"selectedIconPath": "static/tabbar/appointment_HL.png",
"iconPath": "static/tabbar/order.png",
"selectedIconPath": "static/tabbar/order_HL.png",
"text": "订单"
},
{
"pagePath": "pages/consumption/consumption",
"iconPath": "static/tabbar/appointment.png",
"selectedIconPath": "static/tabbar/appointment_HL.png",
"iconPath": "static/tabbar/xiaofei.png",
"selectedIconPath": "static/tabbar/xiaofei_HL.png",
"text": "消费"
},
{

284
pages/index/index.vue
Unescape View File

@ -2,11 +2,7 @@
<view class="container">
<!-- 顶部图片和标题 -->
<view class="header-section">
<image
class="header-image"
src="/static/imgs/indexImg.png"
mode="aspectFill"
></image>
<image class="header-image" src="/static/imgs/indexImg.png" mode="aspectFill"></image>
<view class="header-overlay">
<view class="header-title">生成电梯图纸</view>
<view class="header-subtitle">
@ -18,42 +14,27 @@
<!-- 选择图纸模板 -->
<view class="section">
<view class="section-title">选择图纸模板</view>
<view class="template-grid">
<view
class="template-item"
:class="{ active: selectedTemplate === 'passenger' }"
@click="selectTemplate('passenger')"
>
<u-icon name="edit-pen" color="#4285f4" size="24"></u-icon>
<view class="template-name">乘客电梯标准图纸</view>
<view class="template-desc">适用于住宅、商业建筑</view>
</view>
<view
class="template-item"
:class="{ active: selectedTemplate === 'freight' }"
@click="selectTemplate('freight')"
>
<u-icon name="car" color="#4285f4" size="24"></u-icon>
<view class="template-name">货运电梯专用图纸</view>
<view class="template-desc">适用于仓库、工厂</view>
</view>
<view
class="template-item"
:class="{ active: selectedTemplate === 'medical' }"
@click="selectTemplate('medical')"
>
<u-icon name="plus-circle" color="#4285f4" size="24"></u-icon>
<view class="template-name">医用电梯专业图纸</view>
<view class="template-desc">适用于医院、医疗场所</view>
</view>
<view
class="template-item"
:class="{ active: selectedTemplate === 'sightseeing' }"
@click="selectTemplate('sightseeing')"
>
<u-icon name="eye" color="#4285f4" size="24"></u-icon>
<view class="template-name">观光电梯定制图纸</view>
<view class="template-desc">适用于商场、酒店</view>
<uv-skeletons v-if="loading" :loading="loading" :skeleton="[{
type: 'flex',
num: 2,
gap: '20rpx',
children:[{
type: 'custom',
num: 1,
gap: '20rpx',
style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;'
},{
type: 'custom',
num: 1,
gap: '20rpx',
style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;'
}]
}]"></uv-skeletons>
<view class="template-grid" v-else>
<view class="template-item" :class="{ active: currentTemplate.id === item.id }"
@click="selectTemplate(item)" v-for="item in templateList" :key="item.id">
<view class="template-name">{{item.name}}</view>
<view class="template-desc">{{item.description}}</view>
</view>
</view>
</view>
@ -61,25 +42,19 @@
<!-- 设置参数 -->
<view class="section">
<view class="section-title">设置参数</view>
<view class="form">
<uv-form
labelAlign="left"
labelWidth="auto"
labelPosition="left"
:model="formField"
:rules="rules"
ref="form"
>
<uv-form-item prop="phone" label="电梯类型">
<uv-input
v-model="formField.phone"
color="#000"
border="none"
:placeholderStyle="{ color: '#666778' }"
placeholder="请输入"
></uv-input>
<uv-skeletons v-if="loading" :loading="loading" :skeleton="[{
type: 'line',
num: 3,
gap: '20rpx'
}]"></uv-skeletons>
<view class="form" v-else>
<uv-form labelAlign="left" labelWidth="auto" labelPosition="left" :model="formField" :rules="rules"
ref="form">
<uv-form-item :prop="item.key" :label="item.name + '：'" v-for="item in currentTemplate.params">
<uv-input :type="item.type === 'number' ? 'digit' : 'text'" v-model="item.value" color="#000"
border="bottom" :placeholderStyle="{ color: '#666778' }" placeholder="请输入"></uv-input>
</uv-form-item>
<uv-form-item prop="password" label="载重（kg）">
<!-- <uv-form-item prop="password" label="载重（kg）">
<uv-input
v-model="formField.password"
color="#000"
@ -134,56 +109,93 @@
v-model="formField.password"
placeholder="请输入"
></uv-textarea>
</uv-form-item>
</uv-form-item> -->
</uv-form>
</view>
</view>
<!-- 底部按钮 -->
<view class="bottom-actions">
<uv-button
:loading="generating"
@click="viewHistory"
text="生成图纸"
color="#3F70FF"
></uv-button>
<uv-button :loading="generating" @click="() => modalRef.open()" text="生成图纸" color="#3F70FF"></uv-button>
<uv-button @click="viewHistory" text="查看记录"></uv-button>
</view>
<uv-modal ref="modalRef" showCancelButton content='确定生成图纸？' @confirm="confirmGenerate"></uv-modal>
</view>
</template>
<script setup>
import { ref, onMounted } from "vue";
import {
import {
ref,
onMounted
} from "vue";
import {
onShow,
onLoad,
onShareAppMessage,
onShareTimeline,
onReachBottom,
} from "@dcloudio/uni-app";
import { useAuthStore, useUserStore } from "@/store";
import RPC from "@/utils/request";
import { usePermission } from "@/hooks/usePermission";
} from "@dcloudio/uni-app";
import {
useAuthStore,
useUserStore
} from "@/store";
import RPC from "@/utils/request";
import {
usePermission
} from "@/hooks/usePermission";
const authStore = useAuthStore();
const userStore = useUserStore();
const loading = ref(false)
const generating = ref(false);
const modalRef = ref(null)
const confirmGenerate = () => {
const params = {}
currentTemplate.value.params.forEach(item => {
params[item.name] = item.value
})
RPC.post('/template_create_task', {template_id:currentTemplate.value.id,template_data:params}).then(() => {
const authStore = useAuthStore();
const userStore = useUserStore();
const generating = ref(false);
// 响应式数据
const selectedTemplate = ref("passenger");
uni.showToast({
title: "图纸开始生成",
icon: "success",
});
setTimeout(() => {
uni.navigateTo({
url: "/pagesA/generate-record/generate-record",
});
}, 1000)
modalRef.value.close()
})
}
const templateList = ref([])
const currentTemplate = ref({})
const getList = () => {
loading.value = true
RPC.post('/template/list', {
page: 1,
limit: -1
}).then(res => {
templateList.value = res.rows || []
currentTemplate.value = res.rows[0] ? JSON.parse(JSON.stringify(res.rows[0])) : {}
}).finally(() => {
loading.value = false
})
}
getList()
// 选择模板
const selectTemplate = (template) => {
selectedTemplate.value = template;
};
// 选择模板
const selectTemplate = (item) => {
currentTemplate.value = JSON.parse(JSON.stringify(item));
};
const form = ref(null);
const formField = ref({
const form = ref(null);
const formField = ref({
phone: "",
password: "",
});
const rules = ref({
});
const rules = ref({
// 'phone': {
// required: true,
// message: '请填写手机号',
@ -194,84 +206,42 @@ const rules = ref({
// message: '请填写验证码',
// trigger: ['blur', 'change']
// }
});
// 生成图纸
const generateDrawing = async () => {
if (!selectedTemplate.value) {
uni.showToast({
title: "请选择图纸模板",
icon: "none",
});
return;
}
generating.value = true;
try {
const params = {};
// 这里调用生成图纸的API
// const result = await RPC.post('/api/generate-drawing', params)
uni.showToast({
title: "图纸生成中...",
icon: "loading",
duration: 2000,
});
// 模拟生成过程
setTimeout(() => {
uni.showToast({
title: "图纸生成成功",
icon: "success",
});
generating.value = false;
}, 2000);
} catch (error) {
console.error("生成图纸失败:", error);
uni.showToast({
title: "生成失败，请重试",
icon: "none",
});
generating.value = false;
}
};
// 查看历史记录
const viewHistory = () => {
console.log(111);
// 查看历史记录
const viewHistory = () => {
uni.navigateTo({
url: "/pagesA/generate-record/generate-record",
});
};
};
// 分享给朋友
onShareAppMessage((data) => {
// 分享给朋友
onShareAppMessage((data) => {
console.log("🚀 ~ onShareAppMessage ~ data:", data);
return {
title: "电梯图纸生成平台",
path: "/pages/index/index",
};
});
});
// 分享到朋友圈
onShareTimeline((data) => {
// 分享到朋友圈
onShareTimeline((data) => {
console.log("🚀 ~ onShareTimeline ~ data:", data);
return {
title: "电梯图纸生成平台",
query: "a=1&b=2",
};
});
});
onLoad(() => {
onLoad(() => {
console.log("index-onLoad");
});
});
onShow(async () => {
console.log("test page onShow");
const hasPermission = await usePermission();
console.log(hasPermission ? "已登录" : "跳转登录");
// 以下开始写业务逻辑...
if(!hasPermission) {
if (!hasPermission) {
authStore.signOut();
uni.$uv.route("/pages/login/login");
}
@ -279,18 +249,19 @@ onLoad(() => {
</script>
<style lang="scss" scoped>
.container {
.container {
font-size: 14px;
min-height: 100vh;
background-color: #f8f8f8;
padding-bottom: 52px;
/* #ifdef H5 */
padding-bottom: 102px; /* H5环境下需要更多空间 (50px按钮 + 50px tabBar + 2px间距) */
padding-bottom: 102px;
/* H5环境下需要更多空间 (50px按钮 + 50px tabBar + 2px间距) */
/* #endif */
}
}
.header-section {
.header-section {
position: relative;
height: 200px;
overflow: hidden;
@ -321,9 +292,9 @@ onLoad(() => {
font-size: 12px;
}
}
}
}
.section {
.section {
margin: 16px;
background: white;
border-radius: 12px;
@ -335,12 +306,14 @@ onLoad(() => {
color: #333;
margin-bottom: 16px;
}
}
}
.template-grid {
.template-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
max-height: 200px;
overflow-y: auto;
.template-item {
border: 1px solid #e5e5e5;
@ -366,9 +339,9 @@ onLoad(() => {
color: #999;
}
}
}
}
.bottom-actions {
.bottom-actions {
z-index: 999;
position: fixed;
bottom: 0;
@ -385,15 +358,16 @@ onLoad(() => {
width: 100%;
/* #ifdef H5 */
bottom: 50px; /* H5环境下给tabBar留出空间 */
bottom: 50px;
/* H5环境下给tabBar留出空间 */
/* #endif */
}
}
</style>
<style lang="scss">
.bottom-actions {
.bottom-actions {
.uv-button-wrapper {
width: 48%;
}
}
}
</style>

314
pages/login/login.vue
Unescape View File

@ -11,76 +11,40 @@
</view>
<div class="main">
<view class="form">
<uv-form
labelAlign="right"
labelWidth="50"
labelPosition="top"
:model="userInfo"
:rules="rules"
ref="form"
>
<uv-form labelAlign="right" labelWidth="50" labelPosition="top" :model="userInfo" :rules="rules"
ref="form">
<uv-form-item prop="phone">
<div class="formLabel">
<img class="img" src="/static/imgs/phone.png" alt="" />
手机号
</div>
<uv-input
v-model="userInfo.phone"
color="#000"
border="bottom"
:placeholderStyle="{ color: '#666778' }"
placeholder="请输入用户名"
></uv-input>
<uv-input v-model="userInfo.phone" color="#000" border="bottom"
:placeholderStyle="{ color: '#666778' }" placeholder="请输入用户名"></uv-input>
</uv-form-item>
<uv-form-item prop="password">
<div class="formLabel">
<img class="img" src="/static/imgs/code.png" alt="" />
验证码
</div>
<uv-input
v-model="userInfo.password"
color="#000"
border="bottom"
:placeholderStyle="{ color: '#666778' }"
placeholder="请输入验证码"
>
<uv-input v-model="userInfo.password" color="#000" border="bottom"
:placeholderStyle="{ color: '#666778' }" placeholder="请输入验证码">
<template v-slot:suffix>
<uv-code
ref="codeRef"
@change="codeChange"
seconds="20"
changeText="X秒重新获取"
></uv-code>
<uv-code ref="codeRef" @change="codeChange" seconds="20" changeText="X秒重新获取"></uv-code>
<text style="color: #4d82fd" @click="getCode">{{ tips }}</text>
</template>
</uv-input>
</uv-form-item>
</uv-form>
</view>
<uv-button
@click="login"
customStyle="margin-top:30px"
text="登录"
color="#3F70FF"
></uv-button>
<uv-button @click="login" customStyle="margin-top:30px" text="登录" color="#3F70FF"></uv-button>
<div class="wechatBox" v-if="showWechatLogin">
<uv-divider text="第三方登录"></uv-divider>
<uv-icon
name="weixin-circle-fill"
color="#5fc157"
size="50"
@click="wechatLogin"
></uv-icon>
<uv-icon name="weixin-circle-fill" color="#5fc157" size="50" @click="wechatLogin"></uv-icon>
</div>
</div>
<!-- 微信登录绑定手机号弹窗 -->
<uv-popup
ref="popup"
mode="center"
:closeOnClickOverlay="false"
:round="10"
>
<uv-popup ref="popup" mode="center" :closeOnClickOverlay="false" :round="10">
<view class="bind-phone-modal">
<view class="modal-header">
<view class="modal-title">绑定手机号</view>
@ -88,37 +52,17 @@
</view>
<view class="modal-form">
<uv-form
:model="bindPhoneInfo"
:rules="bindPhoneRules"
ref="bindPhoneForm"
>
<uv-form :model="bindPhoneInfo" :rules="bindPhoneRules" ref="bindPhoneForm">
<uv-form-item prop="phone">
<uv-input
v-model="bindPhoneInfo.phone"
placeholder="请输入手机号"
type="number"
maxlength="11"
border="surround"
></uv-input>
<uv-input v-model="bindPhoneInfo.phone" placeholder="请输入手机号" type="number" maxlength="11"
border="surround"></uv-input>
</uv-form-item>
<uv-form-item prop="code">
<uv-input
v-model="bindPhoneInfo.code"
placeholder="请输入验证码"
border="surround"
>
<uv-input v-model="bindPhoneInfo.code" placeholder="请输入验证码" border="surround">
<template v-slot:suffix>
<uv-code
ref="bindCodeRef"
@change="bindCodeChange"
seconds="60"
changeText="X秒重新获取"
></uv-code>
<text
style="color: #4d82fd; font-size: 12px"
@click="getBindCode"
>
<uv-code ref="bindCodeRef" @change="bindCodeChange" seconds="60"
changeText="X秒重新获取"></uv-code>
<text style="color: #4d82fd; font-size: 12px" @click="getBindCode">
{{ bindCodeTips }}
</text>
</template>
@ -135,11 +79,7 @@
>
取消
</uv-button> -->
<uv-button
type="primary"
@click="confirmBindPhone"
:loading="bindingPhone"
>
<uv-button type="primary" @click="confirmBindPhone" :loading="bindingPhone">
确认绑定
</uv-button>
</view>
@ -149,38 +89,45 @@
</template>
<script setup>
import { ref, onMounted } from "vue";
import {
import {
ref,
onMounted
} from "vue";
import {
HOME_PATH,
LOGIN_PATH,
isTabBarPath,
removeQueryString,
} from "@/router";
import { useAuthStore, useUserStore } from "@/store";
import { onLoad } from "@dcloudio/uni-app";
import RPC from "@/utils/request";
const authStore = useAuthStore();
const userStore = useUserStore();
// 环境判断
const showWechatLogin = ref(false);
// 微信登录绑定手机号相关
// const showBindPhoneModal = ref(false);
const popup = ref(null);
const bindingPhone = ref(false);
const bindCodeTips = ref("获取验证码");
const bindCodeRef = ref(null);
const bindPhoneForm = ref(null);
const bindPhoneInfo = ref({
} from "@/router";
import {
useAuthStore,
useUserStore
} from "@/store";
import {
onLoad
} from "@dcloudio/uni-app";
import RPC from "@/utils/request";
const authStore = useAuthStore();
const userStore = useUserStore();
// 环境判断
const showWechatLogin = ref(false);
// 微信登录绑定手机号相关
// const showBindPhoneModal = ref(false);
const popup = ref(null);
const bindingPhone = ref(false);
const bindCodeTips = ref("获取验证码");
const bindCodeRef = ref(null);
const bindPhoneForm = ref(null);
const bindPhoneInfo = ref({
phone: "",
code: "",
});
const bindPhoneRules = ref({
phone: [
{
});
const bindPhoneRules = ref({
phone: [{
required: true,
message: "请输入手机号",
trigger: ["blur", "change"],
@ -196,14 +143,14 @@ const bindPhoneRules = ref({
message: "请输入验证码",
trigger: ["blur", "change"],
},
});
});
const tips = ref("获取验证码");
const codeChange = (text) => {
const tips = ref("获取验证码");
const codeChange = (text) => {
tips.value = text;
};
const codeRef = ref(null);
const getCode = () => {
};
const codeRef = ref(null);
const getCode = () => {
if (!userInfo.phone) {
uni.showToast({
title: "请填写手机号",
@ -232,41 +179,40 @@ const getCode = () => {
icon: "none",
});
}
};
};
const form = ref(null);
const userInfo = ref({
const form = ref(null);
const userInfo = ref({
phone: "",
password: "",
});
const rules = ref({
phone: [
{
});
const rules = ref({
phone: [{
required: true,
message: "请输入手机号",
trigger: ["blur", "change"],
},
{
pattern: /^1[3-9]\d{9}$/,
message: "请输入正确的手机号",
trigger: ["blur", "change"],
},
// {
// pattern: /^1[3-9]\d{9}$/,
// message: "请输入正确的手机号",
// trigger: ["blur", "change"],
// },
],
password: {
required: true,
message: "请填写验证码",
trigger: ["blur", "change"],
},
});
let redirect = HOME_PATH;
onLoad((options) => {
});
let redirect = HOME_PATH;
onLoad((options) => {
if (options.redirect && removeQueryString(options.redirect) !== LOGIN_PATH) {
redirect = decodeURIComponent(options.redirect);
}
});
});
// 检查运行环境
const checkEnvironment = () => {
// 检查运行环境
const checkEnvironment = () => {
// #ifdef MP-WEIXIN
// 微信小程序环境
showWechatLogin.value = true;
@ -283,10 +229,10 @@ const checkEnvironment = () => {
// App环境，不显示微信登录
showWechatLogin.value = false;
// #endif
};
};
// 微信登录
const wechatLogin = () => {
// 微信登录
const wechatLogin = () => {
// #ifdef MP-WEIXIN
// 微信小程序登录
// uni.login({
@ -333,10 +279,10 @@ const wechatLogin = () => {
});
}
// #endif
};
};
// 获取绑定手机号验证码
const getBindCode = () => {
// 获取绑定手机号验证码
const getBindCode = () => {
if (!bindPhoneInfo.value.phone) {
uni.showToast({
title: "请输入手机号",
@ -392,15 +338,15 @@ const getBindCode = () => {
icon: "none",
});
}
};
};
// 绑定验证码倒计时回调
const bindCodeChange = (text) => {
// 绑定验证码倒计时回调
const bindCodeChange = (text) => {
bindCodeTips.value = text;
};
};
// H5微信登录方法
const wechatH5Login = () => {
// H5微信登录方法
const wechatH5Login = () => {
// #ifdef H5
// 构建微信授权URL
const appId = "YOUR_WECHAT_APP_ID"; // 替换为你的微信公众号AppID
@ -419,7 +365,8 @@ const wechatH5Login = () => {
handleWechatH5Callback(code);
} else {
// 跳转到微信授权页面
const authUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=${scope}&state=${state}#wechat_redirect`;
const authUrl =
`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=${scope}&state=${state}#wechat_redirect`;
uni.showLoading({
title: "正在跳转微信授权...",
@ -429,10 +376,10 @@ const wechatH5Login = () => {
window.location.href = authUrl;
}
// #endif
};
};
// 处理微信H5授权回调
const handleWechatH5Callback = async (code) => {
// 处理微信H5授权回调
const handleWechatH5Callback = async (code) => {
// #ifdef H5
try {
uni.showLoading({
@ -464,8 +411,7 @@ const handleWechatH5Callback = async (code) => {
const url = new URL(window.location);
url.searchParams.delete("code");
url.searchParams.delete("state");
window.history.replaceState(
{},
window.history.replaceState({},
document.title,
url.pathname + url.search
);
@ -479,10 +425,10 @@ const handleWechatH5Callback = async (code) => {
});
}
// #endif
};
};
// 初始化微信JS-SDK（可选，用于更高级的功能）
const initWechatJSSDK = () => {
// 初始化微信JS-SDK（可选，用于更高级的功能）
const initWechatJSSDK = () => {
// #ifdef H5
// 如果需要使用微信JS-SDK的其他功能，可以在这里初始化
// 需要先引入微信JS-SDK：https://res.wx.qq.com/open/js/jweixin-1.6.0.js
@ -506,10 +452,10 @@ const initWechatJSSDK = () => {
// });
// }
// #endif
};
};
// 确认绑定手机号
const confirmBindPhone = async () => {
// 确认绑定手机号
const confirmBindPhone = async () => {
try {
await bindPhoneForm.value.validate();
@ -549,19 +495,19 @@ const confirmBindPhone = async () => {
console.error("绑定手机号失败:", error);
bindingPhone.value = false;
}
};
};
// 关闭绑定手机号弹窗
const closeBindPhoneModal = () => {
// 关闭绑定手机号弹窗
const closeBindPhoneModal = () => {
popup.value.close();
bindPhoneInfo.value = {
phone: "",
code: "",
};
bindCodeTips.value = "获取验证码";
};
};
const login = async () => {
const login = async () => {
await form.value.validate();
console.log(userInfo.value);
// RPC.post('/account/login', {
@ -580,16 +526,37 @@ const login = async () => {
// url: redirect,
// });
// })
authStore.setAccessToken("accessToken");
setTimeout(() => {
RPC.post('/login', {
username: userInfo.value.phone,
password: userInfo.value.password,
}, {
custom: {
loading: true,
loadingText: '正在登录...'
},
})
.then((res) => {
authStore.setAccessToken(res.token);
RPC.post('/user/info', {
token: res.token,
})
.then((res) => {
userStore.setUserInfo(res)
uni.$uv.route({
type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
url: redirect,
});
}, 800);
};
})
.finally(() => {
loading.value = false
})
})
.catch(() => {
loading.value = false
})
};
onMounted(() => {
onMounted(() => {
checkEnvironment();
// #ifdef H5
@ -603,19 +570,17 @@ onMounted(() => {
// 可选：初始化微信JS-SDK
// initWechatJSSDK();
// #endif
});
});
</script>
<style lang="scss" scoped>
.container {
.container {
height: 100vh;
display: flex;
flex-direction: column;
background: linear-gradient(
124.92deg,
background: linear-gradient(124.92deg,
rgba(77, 130, 253, 1) 7.66%,
rgba(85, 184, 254, 1) 89.55%
);
rgba(85, 184, 254, 1) 89.55%);
.header {
height: 15vh;
@ -636,16 +601,19 @@ onMounted(() => {
background-color: #fff;
border-radius: 20px 20px 0 0;
padding: 7vw;
.formLabel {
display: flex;
align-items: center;
margin-bottom: 4px;
.img {
width: 20px;
height: 20px;
margin-right: 6px;
}
}
.wechatBox {
position: fixed;
width: 100%;
@ -665,9 +633,9 @@ onMounted(() => {
}
}
}
}
}
.bind-phone-modal {
.bind-phone-modal {
width: 320px;
padding: 24px;
@ -704,14 +672,14 @@ onMounted(() => {
flex: 1;
}
}
}
}
</style>
<style lang="scss">
.wechatBox {
.wechatBox {
.uv-divider {
margin-bottom: 30px;
width: 90%;
}
}
}
</style>

4
pages/mine/mine.vue
Unescape View File

@ -16,14 +16,14 @@
></image> -->
<view class="user-details">
<view class="username">
张三
{{userStore.userInfo.username}}
<u-icon
name="checkmark-circle-fill"
color="#ffa500"
size="16"
></u-icon>
</view>
<view class="user-id">用户ID: U12345678</view>
<view class="user-id">用户ID: {{userStore.userInfo.id}}</view>
<view class="membership">
会员等级: 年会员 (有效期至: 2026-05-15)
</view>

2
pagesA/edit-profile/edit-profile.vue
Unescape View File

@ -79,7 +79,7 @@
@click="logout"
:loading="logoutLoading"
>
退出登陆
退出登录
</uv-button>
</view>

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

@ -2,185 +2,111 @@
<view class="container">
<!-- 生成记录列表 -->
<view class="record-list">
<view class="record-item" v-for="record in records" :key="record.id">
<uv-swipe-action>
<uv-swipe-action-item @click="delItem(record)" :options="options" v-for="record in list" :key="record.id">
<view class="record-item">
<!-- 记录信息 -->
<view class="record-info">
<view class="record-title">{{ record.title }}</view>
<view class="record-time">生成时间: {{ record.generateTime }}</view>
<view class="record-title">{{ record.file_name }}</view>
<view class="record-time">生成时间: {{ record.CreatedAt ? dayjs(record.CreatedAt).format('YYYY-MM-DD') : '' }}</view>
</view>
<!-- 状态标签 -->
<view class="status-tag" :class="record.status">
{{ record.statusText }}
<view class="status-tag" :class="{completed:record.status == 4,failed:record.status == 5}">
<span v-if="record.status == 4">已完成</span>
<span v-else-if="record.status == 5">生成失败</span>
<span v-else>生成中</span>
</view>
<!-- 操作按钮 -->
<view class="record-actions">
<u-button
v-if="record.status === 'completed'"
type="primary"
size="small"
@click="downloadRecord(record)"
>
<u-icon
name="download"
size="14"
color="white"
style="margin-right: 4px"
></u-icon>
<uv-button v-if="record.status === 4" type="primary" size="small"
@click="downloadRecord(record)">
<uv-icon name="download" size="14" color="white" style="margin-right: 4px"></uv-icon>
下载
</u-button>
<u-button v-else type="info" size="small" disabled>
<u-icon
name="download"
size="14"
color="white"
style="margin-right: 4px"
></u-icon>
</uv-button>
<uv-button v-else type="info" size="small" disabled>
<uv-icon name="download" size="14" color="#aaa" style="margin-right: 4px"></uv-icon>
下载
</u-button>
</uv-button>
<u-button
v-if="record.status === 'failed'"
type="error"
size="small"
@click="deleteRecord(record)"
style="margin-left: 8px"
>
<u-icon
name="trash"
size="14"
color="white"
style="margin-right: 4px"
></u-icon>
删除
</u-button>
</view>
</view>
</uv-swipe-action-item>
</uv-swipe-action>
</view>
<!-- 空状态 -->
<view v-if="records.length === 0" class="empty-state">
<u-icon name="file-text" size="60" color="#ccc"></u-icon>
<view v-if="list.length === 0" class="empty-state">
<uv-icon name="file-text" size="60" color="#ccc"></uv-icon>
<text class="empty-text">暂无生成记录</text>
</view>
<!-- 加载更多 -->
<view v-if="hasMore && records.length > 0" class="load-more">
<u-button
type="default"
size="small"
:loading="loading"
@click="loadMore"
>
{{ loading ? "加载中..." : "加载更多" }}
</u-button>
</view>
<uv-load-more :status="loadingStatus" @loadmore="loadmore" />
</view>
</template>
<script setup>
import { ref, onMounted } from "vue";
import { onShow } from "@dcloudio/uni-app";
// 响应式数据
const loading = ref(false);
const hasMore = ref(true);
const records = ref([
{
id: 1,
title: "乘客电梯标准图纸",
generateTime: "2025-05-15 14:30",
status: "completed",
statusText: "已完成",
downloadUrl: "/static/files/passenger-elevator.pdf",
},
{
id: 2,
title: "货运电梯专用图纸",
generateTime: "2025-05-15 14:30",
status: "failed",
statusText: "未完成",
downloadUrl: null,
},
{
id: 3,
title: "医用电梯专业图纸",
generateTime: "2025-05-15 14:30",
status: "completed",
statusText: "已完成",
downloadUrl: "/static/files/medical-elevator.pdf",
},
{
id: 4,
title: "观光电梯定制图纸",
generateTime: "2025-05-15 14:30",
status: "completed",
statusText: "已完成",
downloadUrl: "/static/files/sightseeing-elevator.pdf",
},
{
id: 5,
title: "货运电梯专用图纸",
generateTime: "2025-05-15 14:30",
status: "failed",
statusText: "未完成",
downloadUrl: null,
},
]);
// 下载记录
const downloadRecord = (record) => {
if (record.status !== "completed" || !record.downloadUrl) {
uni.showToast({
title: "文件未准备好",
icon: "none",
});
return;
import {
ref,
onMounted
} from "vue";
import RPC from "@/utils/request";
import dayjs from 'dayjs'
import {
onShow,onPullDownRefresh,onReachBottom
} from "@dcloudio/uni-app";
const options = ref([{
text: '删除',
style: {
backgroundColor: '#f56c6c'
}
}])
const delItem = item => {
console.log(item)
deleteRecord(item)
}
// 响应式数据
const loading = ref(false);
const loadingStatus = ref('loadmore')
const page = ref(1)
const list = ref([])
const count = ref(0)
// 下载记录
const downloadRecord = (record) => {
uni.showLoading({
title: "准备下载...",
});
// 模拟下载过程
setTimeout(() => {
uni.hideLoading();
// 在实际项目中，这里应该调用下载API或打开文件
uni.downloadFile({
url: record.result_url,
success: (res) => {
if (res.statusCode === 200) {
uni.saveFile({
tempFilePath: res.tempFilePath,
success: () => {
uni.showToast({
title: "下载成功",
icon: "success",
});
// 实际下载逻辑
// uni.downloadFile({
// url: record.downloadUrl,
// success: (res) => {
// if (res.statusCode === 200) {
// uni.saveFile({
// tempFilePath: res.tempFilePath,
// success: () => {
// uni.showToast({
// title: '下载成功',
// icon: 'success'
// })
// }
// })
// }
// },
// fail: () => {
// uni.showToast({
// title: '下载失败',
// icon: 'none'
// })
// }
// })
}, 1500);
};
title: '下载成功',
icon: 'success'
})
}
})
}
},
fail: () => {
uni.showToast({
title: '下载失败',
icon: 'none'
})
}
})
};
// 删除记录
const deleteRecord = (record) => {
// 删除记录
const deleteRecord = (record) => {
uni.showModal({
title: "确认删除",
content: "确定要删除这条生成记录吗？删除后无法恢复。",
@ -206,75 +132,74 @@ const deleteRecord = (record) => {
}
},
});
};
// 加载更多数据
const loadMore = async () => {
if (loading.value) return;
loading.value = true;
try {
// 模拟API调用
await new Promise((resolve) => setTimeout(resolve, 1000));
// 模拟没有更多数据
hasMore.value = false;
uni.showToast({
title: "没有更多数据了",
icon: "none",
});
} catch (error) {
console.error("加载更多失败:", error);
uni.showToast({
title: "加载失败，请重试",
icon: "none",
});
} finally {
loading.value = false;
};
// 加载生成记录
const loadRecords = async () => {
loadingStatus.value === 'loading'
RPC.post('/planned_list',{page:page.value,page_size:20}).then(res => {
list.value = [...list.value, ...res.list]
count.value = res.total
if (list.value.length >= count.value) {
loadingStatus.value = 'nomore'
} else {
loadingStatus.value = 'loadmore'
}
};
// 加载生成记录
const loadRecords = async () => {
try {
// 调用获取生成记录API
// const result = await RPC.get('/api/generate-records')
// records.value = result.data
} catch (error) {
console.error("加载生成记录失败:", error);
uni.showToast({
title: "加载失败，请重试",
icon: "none",
});
}).catch(() => {
loadingStatus.value = 'loadmore'
})
};
// 刷新数据
onPullDownRefresh(() => {
list.value = []
page.value = 1
loadingStatus.value === 'loading'
RPC.post('/planned_list',{page:page.value,page_size:20}).then(res => {
list.value = [...list.value, ...res.list]
count.value = res.total
if (list.value.length >= count.value) {
loadingStatus.value = 'nomore'
} else {
loadingStatus.value = 'loadmore'
}
}).catch(() => {
loadingStatus.value = 'loadmore'
}).finally(() => {
uni.stopPullDownRefresh()
})
})
onReachBottom(() => {
loadmore()
})
const loadmore = () => {
if (list.value.length >= count.value || loadingStatus.value === 'loading') return
console.log('上拉加载:')
loadingStatus.value = 'loading';
page.value = ++page.value;
loadRecords()
}
};
// 刷新数据
const onRefresh = async () => {
hasMore.value = true;
await loadRecords();
};
onMounted(() => {
loadRecords();
});
onShow(() => {
onShow(() => {
// 页面显示时刷新数据
list.value = []
page.value = 1
loadRecords();
});
});
</script>
<style lang="scss" scoped>
.container {
.container {
font-size: 14px;
min-height: 100vh;
background-color: #f8f8f8;
padding: 16px;
}
}
.record-list {
.record-list {
.record-item {
background: white;
border-radius: 12px;
@ -305,6 +230,8 @@ onShow(() => {
border-radius: 4px;
font-size: 12px;
font-weight: 500;
background: #fff7e6;
color: #fa8c16;
&.completed {
background: #e8f5e8;
@ -328,9 +255,9 @@ onShow(() => {
flex-shrink: 0;
}
}
}
}
.empty-state {
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
@ -342,10 +269,10 @@ onShow(() => {
font-size: 14px;
margin-top: 16px;
}
}
}
.load-more {
.load-more {
padding: 20px;
text-align: center;
}
}
</style>

BIN
static/tabbar/index.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 655 B

BIN
static/tabbar/index_HL.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 662 B

BIN
static/tabbar/order.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 636 B

BIN
static/tabbar/order_HL.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 629 B

BIN
static/tabbar/xiaofei.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 844 B

BIN
static/tabbar/xiaofei_HL.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 809 B

5
utils/request.js
Unescape View File

@ -124,7 +124,10 @@ $uv.http.interceptors.request.use(
}
const method = config.url
config.url = 'https://lift-dev.ruixininfo.com/jsonrpc'
config.url = 'https://lift-drawing.ruixininfo.com/jsonrpc'
// #ifdef H5
config.url = '/jsonrpc'
// #endif
// config.url = useUserStore().adressIp + '/jsonrpc'
const params = config.data
config.data = {

7
vite.config.js
Unescape View File

@ -26,11 +26,10 @@ export default defineConfig(({ mode }) => {
server: {
port: Number.parseInt(env.VITE_APP_PORT, 10),
proxy: {
[env.VITE_APP_PROXY_PREFIX]: {
['/jsonrpc']: {
changeOrigin: true,
target: env.VITE_APP_BASE_URL,
rewrite: (path) =>
path.replace(new RegExp("^" + env.VITE_APP_PROXY_PREFIX), ""),
target: 'https://lift-drawing-h5.ruixininfo.com',
// target: 'https://lift-drawing.ruixininfo.com',
},
},
},

Write Preview
Loading…
Cancel
Save