|
|
|
|
@ -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="[
|
|
|
|
|
{
|
|
|
|
|
@ -109,14 +135,12 @@
|
|
|
|
|
color="#000"
|
|
|
|
|
border="bottom"
|
|
|
|
|
:placeholderStyle="{ color: '#666778' }"
|
|
|
|
|
:placeholder="
|
|
|
|
|
item.name === '土建图号'
|
|
|
|
|
? '将根据土建图型号自动生成'
|
|
|
|
|
: '请输入'
|
|
|
|
|
"
|
|
|
|
|
:placeholder="item.type === 'number' ? `范围：${item.min} - ${item.max === 0 ? '不限' : item.max}` : (item.name === '土建图号'
|
|
|
|
|
? '自动生成'
|
|
|
|
|
: '请输入')"
|
|
|
|
|
></uv-input>
|
|
|
|
|
<!-- 数字范围提示 -->
|
|
|
|
|
<view
|
|
|
|
|
<!-- <view
|
|
|
|
|
v-if="
|
|
|
|
|
item.type === 'number' &&
|
|
|
|
|
(item.min !== undefined || item.max !== undefined)
|
|
|
|
|
@ -132,14 +156,14 @@
|
|
|
|
|
<text v-else-if="item.max !== undefined">
|
|
|
|
|
最大值：{{ item.max }}
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
</uv-form-item>
|
|
|
|
|
</uv-form>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="section" v-else>
|
|
|
|
|
<view class="section" v-if="authStore.isLoggedIn && !has_access && template_id">
|
|
|
|
|
<div class="status">
|
|
|
|
|
申请状态：{{ get_access_status(currentTemplate.access_status) }}
|
|
|
|
|
</div>
|
|
|
|
|
@ -153,14 +177,15 @@
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 底部按钮 -->
|
|
|
|
|
<view class="bottom-actions">
|
|
|
|
|
<view class="bottom-actions" v-if="authStore.isLoggedIn">
|
|
|
|
|
<uv-button
|
|
|
|
|
:loading="generating"
|
|
|
|
|
@click="modalRefOpen"
|
|
|
|
|
text="生成图纸"
|
|
|
|
|
color="#3F70FF"
|
|
|
|
|
></uv-button>
|
|
|
|
|
<uv-button @click="viewHistory" text="查看记录"></uv-button>
|
|
|
|
|
<uv-button @click="bugFeedback" text="bug反馈"></uv-button>
|
|
|
|
|
<uv-button @click="viewHistory" text="查看记录" color="#df9d5d"></uv-button>
|
|
|
|
|
</view>
|
|
|
|
|
<uv-modal
|
|
|
|
|
ref="modalRef"
|
|
|
|
|
@ -186,6 +211,9 @@
|
|
|
|
|
</view>
|
|
|
|
|
</uv-modal>
|
|
|
|
|
<uv-picker ref="picker" :columns="columns" @confirm="confirm"></uv-picker>
|
|
|
|
|
|
|
|
|
|
<!-- 投诉与纠纷悬浮按钮 -->
|
|
|
|
|
<ComplaintFooter />
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -201,7 +229,8 @@ 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();
|
|
|
|
|
const userStore = useUserStore();
|
|
|
|
|
@ -213,6 +242,21 @@ const applyModalRef = ref(null);
|
|
|
|
|
const applyReason = ref("");
|
|
|
|
|
const applyLoading = ref(false);
|
|
|
|
|
|
|
|
|
|
// 查看演示图纸
|
|
|
|
|
const viewDemo = () => {
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
urls: ['/static/imgs/demo.jpg'],
|
|
|
|
|
current: 0
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 跳转到登录页
|
|
|
|
|
const goToLogin = () => {
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: '/pages/login/login?redirect=' + encodeURIComponent('/pages/index/index')
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 根据category分组参数
|
|
|
|
|
const groupedParams = computed(() => {
|
|
|
|
|
if (!currentTemplate.value.params) return {};
|
|
|
|
|
@ -249,6 +293,12 @@ const get_access_status = (access_status) => {
|
|
|
|
|
return str;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const bugFeedback = () => {
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: "/pagesA/bug-feedback/bug-feedback",
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const modalRefOpen = () => {
|
|
|
|
|
if (!has_access.value) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
@ -291,11 +341,11 @@ const confirm = (val) => {
|
|
|
|
|
console.log(val);
|
|
|
|
|
currentParams.value.value = val.value[0];
|
|
|
|
|
// 如果修改的是土建图型号，需要重新生成土建图号
|
|
|
|
|
if (currentParams.value.name === "土建图型号") {
|
|
|
|
|
nextTick(() => {
|
|
|
|
|
generateDrawingNumber();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
// if (currentParams.value.name === "土建图型号") {
|
|
|
|
|
// nextTick(() => {
|
|
|
|
|
// generateDrawingNumber();
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 打开申请权限弹框
|
|
|
|
|
@ -346,11 +396,11 @@ const cancelApply = () => {
|
|
|
|
|
// 处理输入变化
|
|
|
|
|
const handleInputChange = (item) => {
|
|
|
|
|
// 如果修改的是土建图型号，需要重新生成土建图号
|
|
|
|
|
if (item.name === "土建图型号") {
|
|
|
|
|
nextTick(() => {
|
|
|
|
|
generateDrawingNumber();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
// if (item.name === "土建图型号") {
|
|
|
|
|
// nextTick(() => {
|
|
|
|
|
// generateDrawingNumber();
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 验证数字范围
|
|
|
|
|
@ -380,7 +430,7 @@ const validateNumberRange = (item) => {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 检查最大值
|
|
|
|
|
if (item.max !== undefined && value > item.max) {
|
|
|
|
|
if (item.max !== undefined && item.max !== 0 && value > item.max) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: `${item.name}不能大于${item.max}`,
|
|
|
|
|
icon: "error",
|
|
|
|
|
@ -396,21 +446,21 @@ const generateDrawingNumber = () => {
|
|
|
|
|
if (!params) return;
|
|
|
|
|
|
|
|
|
|
// 找到土建图型号和土建图号字段
|
|
|
|
|
const modelParam = params.find((p) => p.name === "土建图型号");
|
|
|
|
|
// const modelParam = params.find((p) => p.name === "土建图型号");
|
|
|
|
|
const numberParam = params.find((p) => p.name === "土建图号");
|
|
|
|
|
|
|
|
|
|
if (!modelParam || !numberParam || !modelParam.value) return;
|
|
|
|
|
if (!numberParam) return;
|
|
|
|
|
|
|
|
|
|
// 获取当前年份和月份
|
|
|
|
|
const now = new Date();
|
|
|
|
|
const year = now.getFullYear().toString().slice(-2); // 取年份后两位
|
|
|
|
|
const month = (now.getMonth() + 1).toString().padStart(2, "0"); // 月份补零
|
|
|
|
|
// const now = new Date();
|
|
|
|
|
// const year = now.getFullYear().toString().slice(-2); // 取年份后两位
|
|
|
|
|
// const month = (now.getMonth() + 1).toString().padStart(2, "0"); // 月份补零
|
|
|
|
|
|
|
|
|
|
// 生成4位随机数字+字母
|
|
|
|
|
const randomPart = generateRandomCode();
|
|
|
|
|
|
|
|
|
|
// 组合生成土建图号：GSE400-V25-10-0002A
|
|
|
|
|
numberParam.value = `${modelParam.value}-V${year}${month}-${randomPart}`;
|
|
|
|
|
numberParam.value = dayjs().format('YYYYMMDDHHmmss') + randomPart;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 生成随机编码（4位数字+1位字母）
|
|
|
|
|
@ -420,7 +470,7 @@ const generateRandomCode = () => {
|
|
|
|
|
.padStart(4, "0");
|
|
|
|
|
const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
|
|
|
|
const letter = letters.charAt(Math.floor(Math.random() * letters.length));
|
|
|
|
|
return numbers + letter;
|
|
|
|
|
return numbers;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const generating = ref(false);
|
|
|
|
|
@ -470,7 +520,7 @@ const getList = () => {
|
|
|
|
|
limit: -1,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
templateList.value = (res.rows || []).filter((item) => item.enabled);
|
|
|
|
|
templateList.value = (res.rows || []).filter((item) => item.enabled && item.has_access);
|
|
|
|
|
currentTemplate.value = templateList.value[0]
|
|
|
|
|
? JSON.parse(JSON.stringify(templateList.value[0]))
|
|
|
|
|
: {};
|
|
|
|
|
@ -480,6 +530,7 @@ const getList = () => {
|
|
|
|
|
RPC.post("/template/detail", { id: currentTemplate.value.id })
|
|
|
|
|
.then((res) => {
|
|
|
|
|
currentTemplate.value.params = res?.params;
|
|
|
|
|
generateDrawingNumber()
|
|
|
|
|
})
|
|
|
|
|
.finally(() => {
|
|
|
|
|
params_loading.value = false;
|
|
|
|
|
@ -557,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>
|
|
|
|
|
@ -583,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 {
|
|
|
|
|
@ -636,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 {
|
|
|
|
|
@ -659,7 +784,7 @@ onPullDownRefresh(() => {
|
|
|
|
|
left: 0;
|
|
|
|
|
padding: 2px 8px;
|
|
|
|
|
border-radius: 0 0 10px 0;
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: white;
|
|
|
|
|
background: #00caef;
|
|
|
|
|
}
|
|
|
|
|
@ -686,7 +811,6 @@ onPullDownRefresh(() => {
|
|
|
|
|
.bottom-actions {
|
|
|
|
|
z-index: 999;
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
background: #fff;
|
|
|
|
|
height: 50px;
|
|
|
|
|
@ -701,7 +825,7 @@ onPullDownRefresh(() => {
|
|
|
|
|
|
|
|
|
|
/* #ifdef H5 */
|
|
|
|
|
bottom: 50px;
|
|
|
|
|
/* H5环境下给tabBar留出空间 */
|
|
|
|
|
/* H5环境下给底部和tabBar留出空间 */
|
|
|
|
|
/* #endif */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -755,7 +879,7 @@ onPullDownRefresh(() => {
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.bottom-actions {
|
|
|
|
|
.uv-button-wrapper {
|
|
|
|
|
width: 48%;
|
|
|
|
|
width: 30%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
Lufaneng
