xjs
/
volunteer-secondary
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 样式调整

master
xjs 2026-07-03 16:25:40 +08:00
parent 25386bee63
commit bdd0e2acc9
8 changed files with 239 additions and 238 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
env/.env vendored
View File

@ -5,7 +5,7 @@ VITE_UNI_APPID = 'H57F2ACE4'
# VITE_WX_APPID = 'wxc48ad15d58a3e417' 六纬中考通 # VITE_WX_APPID = 'wxc48ad15d58a3e417' 六纬中考通
# VITE_WX_APPID = 'wx4b925e36c17dd54a' 智能中专学校的 # VITE_WX_APPID = 'wx4b925e36c17dd54a' 智能中专学校的
# wx487ac749c0e10be5 深泉外国语的 # wx487ac749c0e10be5 深泉外国语的
VITE_WX_APPID = 'wxc48ad15d58a3e417' VITE_WX_APPID = 'wx487ac749c0e10be5'
# VITE_WX_VIDEO_ID= 'sphju9MCfZetYHP' 智能中专学校的 # VITE_WX_VIDEO_ID= 'sphju9MCfZetYHP' 智能中专学校的
# VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4' 深泉外国语 # VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4' 深泉外国语
VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4' VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4'
@ -16,12 +16,12 @@ VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4'
# VITE_CLOUD_BOT_ID= 'agent-wxai-4gl75um61026324f', # VITE_CLOUD_BOT_ID= 'agent-wxai-4gl75um61026324f',
# 深泉外国语学院的 # 深泉外国语学院的
# VITE_CLOUD_ENV_ID='cloud1-d9g4odcaqf6a2114f' VITE_CLOUD_ENV_ID='cloud1-d9g4odcaqf6a2114f'
# VITE_CLOUD_BOT_ID='agent-wxai-9gi3rts96061202f' VITE_CLOUD_BOT_ID='agent-wxai-9gi3rts96061202f'
# 六纬中考通 # 六纬中考通
VITE_CLOUD_ENV_ID='cloud1-d3g5q6bq61a240786' # VITE_CLOUD_ENV_ID='cloud1-d3g5q6bq61a240786'
VITE_CLOUD_BOT_ID='agent-wxai-4gl75um61026324f' # VITE_CLOUD_BOT_ID='agent-wxai-4gl75um61026324f'
# h5部署网站的base，配置到 manifest.config.ts 里的 h5.router.base # h5部署网站的base，配置到 manifest.config.ts 里的 h5.router.base
# https://uniapp.dcloud.net.cn/collocation/manifest.html#h5-router # https://uniapp.dcloud.net.cn/collocation/manifest.html#h5-router

4
src/chart-sub/evaluate/components/RadarChart.vue
View File

@ -169,7 +169,7 @@ function createOption(): Record<string, unknown> {
radar: [ radar: [
{ {
// 主雷达坐标系：负责显示文字、中间虚线网格和实际数据区域 // 主雷达坐标系：负责显示文字、中间虚线网格和实际数据区域
center: ['50%', '52%'], center: ['54%', '50%'],
radius: '68%', radius: '68%',
shape: 'polygon', shape: 'polygon',
// 维度文字和雷达图外圈之间的距离，值越小文字越靠近图形 // 维度文字和雷达图外圈之间的距离，值越小文字越靠近图形
@ -214,7 +214,7 @@ function createOption(): Record<string, unknown> {
}, },
{ {
// 外圈边框坐标系：只负责叠加一层实线外边框 // 外圈边框坐标系：只负责叠加一层实线外边框
center: ['50%', '52%'], center: ['54%', '50%'],
radius: '68%', radius: '68%',
shape: 'polygon', shape: 'polygon',
nameGap: 4, nameGap: 4,

129
src/chart-sub/evaluate/sixReport/explorePotential.vue
View File

@ -63,14 +63,14 @@ function getEnvironmentCardClass(index: number) {
const redirectToTest = () => { const redirectToTest = () => {
uni.navigateTo({ uni.navigateTo({
url: `/chart-sub/evaluate/doPage/assessmentPage?id=${detailData.value.scaleId}&name=${detailData.value.title}`, url: `/chart-sub/evaluate/doPage/assessmentPage?id=${detailData.value.scaleId}&name=${detailData.value.title}`,
}) })
} }
onLoad((options:any) => { onLoad((options: any) => {
shareOptions.value = normalizeShareOptions(options) shareOptions.value = normalizeShareOptions(options)
getCustomScaleExplains({query:{ CustomScaleId: options?.id }}).then((resp) => { getCustomScaleExplains({ query: { CustomScaleId: options?.id } }).then((resp) => {
if (resp.code === 200) { if (resp.code === 200) {
detailData.value = resp.result; detailData.value = resp.result;
} }
@ -87,82 +87,83 @@ onShareAppMessage(() => {
</script> </script>
<template> <template>
<view class="flex flex-col bg-[#1880FC] relative"> <view class="flex flex-col bg-[#1880FC] h-screen">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill" <view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
class="w-full h-[296rpx]" /> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent" class="w-full h-[296rpx] shrink-0" />
:fixed="true" class="h-0"> <Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
</Navbar> :fixed="true" class="h-0">
<view </Navbar>
class="rounded-[0_0_24rpx_24rpx] bg-white min-h-[800rpx] px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col">
<view class="flex items-center">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="w-[40rpx] h-[48rpx]" />
<view class="relative m-[4rpx]">
<view class="relative z-2 text-[32rpx] text-[#000]">
你的天赋类型为
</view>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png" mode="scaleToFill"
class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
</view>
</view>
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.scoreDimension }}</view>
<view <view
class="select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view> class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<view class="flex items-center mx-[30rpx]">
<view <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] px-[30rpx] py-[20rpx] mt-[24rpx] flex items-center"> class="w-[40rpx] h-[48rpx]" />
<view class="flex flex-col"> <view class="relative m-[4rpx]">
<view class="text-[#F5663E] flex items-baseline"> <view class="relative z-2 text-[32rpx] text-[#000]">
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view> 你的天赋类型为
<view class="text-[28rpx] font-700">分</view> </view>
</view> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png"
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view> mode="scaleToFill" class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png" mode="scaleToFill"
class="w-[132rpx] h-[40rpx]" />
</view> </view>
</view> </view>
<RadarChart class="flex-1" :data="detailData.picCharts" /> <view class="mx-[30rpx] text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{
</view> detailData.reportView.scoreDimension }}</view>
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent }}%</view> 的同龄学生</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.portraitTitle }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx]">
{{ detailData.reportView.portrait }}
</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
<view <view
v-for="(item, index) in environmentCards" class="mx-[18rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">
:key="`${item.title}-${index}`" {{ detailData.reportView.keywords.join(' · ') }}</view>
class="h-[176rpx] px-[24rpx] py-[30rpx]"
:class="getEnvironmentCardClass(index)" <view
> class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] py-[20rpx] mt-[24rpx] flex items-center mx-[30rpx]">
<view class="font-600 text-[32rpx]">{{ item.title }}</view> <view class="flex flex-col">
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view> <view class="text-[#F5663E] flex items-baseline">
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view>
<view class="text-[28rpx] font-700">分</view>
</view>
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view>
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png"
mode="scaleToFill" class="w-[132rpx] h-[40rpx]" />
</view>
</view>
<RadarChart class="flex-1" :data="detailData.picCharts" />
</view>
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent
}}%</view> 的同龄学生</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.portraitTitle }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx]">
{{ detailData.reportView.portrait }}
</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
<view v-for="(item, index) in environmentCards" :key="`${item.title}-${index}`"
class="h-[176rpx] px-[24rpx] py-[30rpx] box-border" :class="getEnvironmentCardClass(index)">
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="pb-safe bg-white mt-[40rpx]"> <view class="pb-safe bg-white">
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]"> <view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
<view class="" @click="redirectToTest()"> <view class="" @click="redirectToTest()">
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" > <button
class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]">
重新测评 重新测评
</button> </button>
</view> </view>
<view class="z-2 relative"> <view class="z-2 relative">
<button <button open-type="share"
open-type="share"
class="flex items-center justify-center rounded-full text-[32rpx] text-[#fff] h-[88rpx]! w-[430rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat"> class="flex items-center justify-center rounded-full text-[32rpx] text-[#fff] h-[88rpx]! w-[430rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat">
分享档案 分享档案
</button> </button>

118
src/chart-sub/evaluate/sixReport/futureDirection.vue
View File

@ -87,73 +87,75 @@ onShareAppMessage(() => {
</script> </script>
<template> <template>
<view class="flex flex-col bg-[#1880FC] relative"> <view class="flex flex-col bg-[#1880FC] h-screen">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill" <view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
class="w-full h-[296rpx]" /> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent" class="w-full h-[296rpx] shrink-0" />
:fixed="true" class="h-0"> <Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
</Navbar> :fixed="true" class="h-0">
<view </Navbar>
class="rounded-[0_0_24rpx_24rpx] bg-white min-h-[800rpx] px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col">
<view class="flex items-center">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="w-[40rpx] h-[48rpx]" />
<view class="relative m-[4rpx]">
<view class="relative z-2 text-[32rpx] text-[#000]">
你的天赋类型为
</view>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png" mode="scaleToFill"
class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
</view>
</view>
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.scoreDimension }}</view>
<view <view
class="select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view> class="rounded-[0_0_24rpx_24rpx] bg-white px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<view class="flex items-center">
<view <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] px-[30rpx] py-[20rpx] mt-[24rpx] flex items-center"> class="w-[40rpx] h-[48rpx]" />
<view class="flex flex-col"> <view class="relative m-[4rpx]">
<view class="text-[#F5663E] flex items-baseline"> <view class="relative z-2 text-[32rpx] text-[#000]">
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view> 你的天赋类型为
<view class="text-[28rpx] font-700">分</view> </view>
</view> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png" mode="scaleToFill"
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view> class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png" mode="scaleToFill"
class="w-[132rpx] h-[40rpx]" />
</view> </view>
</view> </view>
<RadarChart class="flex-1" :data="detailData.picCharts" /> <view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.scoreDimension }}</view>
</view>
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent }}%</view> 的同龄学生</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.portraitTitle }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx]">
{{ detailData.reportView.portrait }}
</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
<view <view
v-for="(item, index) in environmentCards" class="select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view>
:key="`${item.title}-${index}`"
class="h-[176rpx] px-[24rpx] py-[30rpx]" <view
:class="getEnvironmentCardClass(index)" class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] py-[20rpx] mt-[24rpx] flex items-center">
> <view class="flex flex-col">
<view class="font-600 text-[32rpx]">{{ item.title }}</view> <view class="text-[#F5663E] flex items-baseline">
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view> <view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view>
<view class="text-[28rpx] font-700">分</view>
</view>
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view>
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png" mode="scaleToFill"
class="w-[132rpx] h-[40rpx]" />
</view>
</view>
<RadarChart class="flex-1" :data="detailData.picCharts" />
</view>
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent }}%</view> 的同龄学生</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.portraitTitle }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx]">
{{ detailData.reportView.portrait }}
</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
<view
v-for="(item, index) in environmentCards"
:key="`${item.title}-${index}`"
class="h-[176rpx] px-[24rpx] py-[30rpx] box-border"
:class="getEnvironmentCardClass(index)"
>
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="pb-safe bg-white mt-[40rpx]"> <view class="pb-safe bg-white">
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]"> <view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
<view class="" @click="redirectToTest()"> <view class="" @click="redirectToTest()">
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" > <button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" >

67
src/chart-sub/evaluate/sixReport/growthPlanning.vue
View File

@ -60,49 +60,46 @@ onLoad((options:any) => {
</script> </script>
<template> <template>
<view class="flex flex-col bg-[#1880FC] relative"> <view class="flex flex-col bg-[#1880FC] h-screen">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill" <view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
class="w-full h-[296rpx]" /> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent" class="w-full h-[296rpx] shrink-0" />
:fixed="true" class="h-0"> <Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
</Navbar> :fixed="true" class="h-0">
<view </Navbar>
class="rounded-[0_0_24rpx_24rpx] bg-white px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col"> <view
<view class="flex items-center"> class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill" <view class="flex items-center mx-[30rpx]">
class="w-[40rpx] h-[48rpx]" /> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
<view class="relative m-[4rpx]"> class="w-[40rpx] h-[48rpx]" />
<view class="relative z-2 text-[32rpx] text-[#000]"> <view class="relative m-[4rpx]">
你的天赋类型为 <view class="relative z-2 text-[32rpx] text-[#000]">
你的天赋类型为
</view>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png" mode="scaleToFill"
class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
</view> </view>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png" mode="scaleToFill" </view>
class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" /> <view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.mainTitle }}</view>
<view class="mx-[30rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx] mx-[30rpx]">
{{ detailData.reportView.portrait }}
</view> </view>
</view> </view>
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.mainTitle }}</view> <view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view> <view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx]"> <view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
{{ detailData.reportView.portrait }} <view v-for="(item, index) in environmentCards" :key="`${item.title}-${index}`"
</view> class="h-[176rpx] px-[24rpx] py-[30rpx] box-border" :class="getEnvironmentCardClass(index)">
</view> <view class="font-600 text-[32rpx]">{{ item.title }}</view>
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]"> </view>
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
<view
v-for="(item, index) in environmentCards"
:key="`${item.title}-${index}`"
class="h-[176rpx] px-[24rpx] py-[30rpx]"
:class="getEnvironmentCardClass(index)"
>
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
</view> </view>
</view> </view>
</view> </view>
<view class="pb-safe bg-white mt-[40rpx]"> <view class="pb-safe bg-white">
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]"> <view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
<view class="" @click="redirectToTest()"> <view class="" @click="redirectToTest()">
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" > <button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" >

129
src/chart-sub/evaluate/sixReport/learningAbility.vue
View File

@ -63,14 +63,14 @@ function getEnvironmentCardClass(index: number) {
const redirectToTest = () => { const redirectToTest = () => {
uni.navigateTo({ uni.navigateTo({
url: `/chart-sub/evaluate/doPage/assessmentPage?id=${detailData.value.scaleId}&name=${detailData.value.title}`, url: `/chart-sub/evaluate/doPage/assessmentPage?id=${detailData.value.scaleId}&name=${detailData.value.title}`,
}) })
} }
onLoad((options:any) => { onLoad((options: any) => {
shareOptions.value = normalizeShareOptions(options) shareOptions.value = normalizeShareOptions(options)
getCustomScaleExplains({query:{ CustomScaleId: options?.id }}).then((resp) => { getCustomScaleExplains({ query: { CustomScaleId: options?.id } }).then((resp) => {
if (resp.code === 200) { if (resp.code === 200) {
detailData.value = resp.result; detailData.value = resp.result;
} }
@ -87,82 +87,83 @@ onShareAppMessage(() => {
</script> </script>
<template> <template>
<view class="flex flex-col bg-[#1880FC] relative"> <view class="flex flex-col bg-[#1880FC] h-screen">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill" <view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
class="w-full h-[296rpx]" /> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent" class="w-full h-[296rpx] shrink-0" />
:fixed="true" class="h-0"> <Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
</Navbar> :fixed="true" class="h-0">
<view </Navbar>
class="rounded-[0_0_24rpx_24rpx] bg-white min-h-[800rpx] px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col">
<view class="flex items-center">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="w-[40rpx] h-[48rpx]" />
<view class="relative m-[4rpx]">
<view class="relative z-2 text-[32rpx] text-[#000]">
你的天赋类型为
</view>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png" mode="scaleToFill"
class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
</view>
</view>
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.scoreDimension }}</view>
<view <view
class="select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view> class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<view class="flex items-center mx-[30rpx]">
<view <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] px-[30rpx] py-[20rpx] mt-[24rpx] flex items-center"> class="w-[40rpx] h-[48rpx]" />
<view class="flex flex-col"> <view class="relative m-[4rpx]">
<view class="text-[#F5663E] flex items-baseline"> <view class="relative z-2 text-[32rpx] text-[#000]">
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view> 你的天赋类型为
<view class="text-[28rpx] font-700">分</view> </view>
</view> <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png"
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view> mode="scaleToFill" class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png" mode="scaleToFill"
class="w-[132rpx] h-[40rpx]" />
</view> </view>
</view> </view>
<RadarChart class="flex-1" :data="detailData.picCharts" /> <view class="mx-[30rpx] text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{
</view> detailData.reportView.scoreDimension }}</view>
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent }}%</view> 的同龄学生</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.portraitTitle }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx]">
{{ detailData.reportView.portrait }}
</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
<view <view
v-for="(item, index) in environmentCards" class="mx-[18rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">
:key="`${item.title}-${index}`" {{ detailData.reportView.keywords.join(' · ') }}</view>
class="h-[176rpx] px-[24rpx] py-[30rpx]"
:class="getEnvironmentCardClass(index)" <view
> class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] py-[20rpx] mt-[24rpx] flex items-center mx-[30rpx]">
<view class="font-600 text-[32rpx]">{{ item.title }}</view> <view class="flex flex-col">
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view> <view class="text-[#F5663E] flex items-baseline">
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view>
<view class="text-[28rpx] font-700">分</view>
</view>
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view>
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png"
mode="scaleToFill" class="w-[132rpx] h-[40rpx]" />
</view>
</view>
<RadarChart class="flex-1" :data="detailData.picCharts" />
</view>
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent
}}%</view> 的同龄学生</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.portraitTitle }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx]">
{{ detailData.reportView.portrait }}
</view>
</view>
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
<view v-for="(item, index) in environmentCards" :key="`${item.title}-${index}`"
class="h-[176rpx] px-[24rpx] py-[30rpx] box-border" :class="getEnvironmentCardClass(index)">
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="pb-safe bg-white mt-[40rpx]"> <view class="pb-safe bg-white">
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]"> <view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
<view class="" @click="redirectToTest()"> <view class="" @click="redirectToTest()">
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" > <button
class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]">
重新测评 重新测评
</button> </button>
</view> </view>
<view class="z-2 relative"> <view class="z-2 relative">
<button <button open-type="share"
open-type="share"
class="flex items-center justify-center rounded-full text-[32rpx] text-[#fff] h-[88rpx]! w-[430rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat"> class="flex items-center justify-center rounded-full text-[32rpx] text-[#fff] h-[88rpx]! w-[430rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat">
分享档案 分享档案
</button> </button>

14
src/pages/evaluation/index.vue
View File

@ -1,19 +1,19 @@
<template> <template>
<view class="bg-[#F8F8F8] flex flex-col pb-safe relative min-h-[calc(100vh-118px)] z-0"> <view class="bg-[#F8F8F8] flex flex-col pb-safe relative min-h-[calc(100vh-118px)] z-0 leading-[1]">
<view <view
class="h-[626rpx] w-full bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ceping_BG.png')] bg-left-center bg-cover absolute"> class="h-[626rpx] w-full bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ceping_BG.png')] bg-left-center bg-cover absolute">
</view> </view>
<sar-navbar :fixed="true" fixation-style="top:unset;" <sar-navbar :fixed="true" fixation-style="top:unset;"
:root-style="{ '--sar-navbar-bg': `rgba(255, 255, 255, ${opacity})`, '--sar-navbar-height': `${systemInfo?.statusBarHeight + 44}px` }"> :root-style="{ '--sar-navbar-bg': `rgba(255, 255, 255, ${opacity})`, '--sar-navbar-height': `${systemInfo?.statusBarHeight + 44}px` }">
</sar-navbar> </sar-navbar>
<view class="z-2 px-[30rpx] mt-[40rpx]"> <view class="z-2 px-[30rpx] mt-[28rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ce_biaoti.png" mode="scaleToFill" <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ce_biaoti.png" mode="scaleToFill"
class="w-[374rpx] h-[116rpx] z-2" /> class="w-[374rpx] h-[116rpx] z-2" />
<view class="flex items-center text-[24rpx] text-[#666] mt-[10rpx]"> <view class="flex items-center text-[24rpx] text-[#666] mt-[10rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ceping_touxiang.png" mode="scaleToFill" <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ceping_touxiang.png" mode="scaleToFill"
class="w-[74rpx] h-[28rpx]" /> class="w-[74rpx] h-[28rpx]" />
<view>已帮助</view> <view>已帮助</view>
<view class="text-[#F5663E] font-[DinBold] font-700 text-[26rpx]">22632</view> <view class="text-[#F5663E] font-[DinBold] font-700 text-[26rpx] leading-[1]">22632</view>
<view>济南家庭</view> <view>济南家庭</view>
</view> </view>
</view> </view>
@ -33,7 +33,7 @@
<view class="flex-1" :class="index === 3 ? 'pb-[0rpx]' : 'pb-[24rpx]'"> <view class="flex-1" :class="index === 3 ? 'pb-[0rpx]' : 'pb-[24rpx]'">
<view class="tran-before p-[30rpx] rounded-[16rpx] bg-white flex items-center ml-[18rpx]"> <view class="tran-before p-[30rpx] rounded-[16rpx] bg-white flex items-center ml-[18rpx]">
<view class="flex flex-col"> <view class="flex flex-col">
<view class="text-[34rpx] text-black font-500">{{ item.name }}</view> <view class="text-[34rpx] text-black font-500 leading-[1]">{{ item.name }}</view>
<view class="font-400 text-[#666] text-[24rpx] mt-[16rpx] mb-[10rpx]">{{ item.summary }}</view> <view class="font-400 text-[#666] text-[24rpx] mt-[16rpx] mb-[10rpx]">{{ item.summary }}</view>
<view class="flex items-center gap-[10rpx]"> <view class="flex items-center gap-[10rpx]">
<view class="bg-[#E7F2FF] rounded-[8rpx] p-[6rpx] text-[#1580FF] text-[20rpx]" :key="tIndex" <view class="bg-[#E7F2FF] rounded-[8rpx] p-[6rpx] text-[#1580FF] text-[20rpx]" :key="tIndex"
@ -55,7 +55,7 @@
</view> </view>
</view> </view>
<view class="z-2 mt-[48rpx] relative" v-if="!getAward"> <view class="z-2 mt-[86rpx] relative" v-if="!getAward">
<button <button
class="flex items-center justify-center rounded-full text-[32rpx] bg-[#EAEDF2] text-[#9E9E9E] h-[96rpx]! w-[600rpx]!"> class="flex items-center justify-center rounded-full text-[32rpx] bg-[#EAEDF2] text-[#9E9E9E] h-[96rpx]! w-[600rpx]!">
完成全部测评，即可领取 完成全部测评，即可领取
@ -63,9 +63,9 @@
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/dangan_moren.png" mode="scaleToFill" <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/dangan_moren.png" mode="scaleToFill"
class="w-[148rpx] h-[134rpx] absolute right-[60rpx] top-[-40rpx]" /> class="w-[148rpx] h-[134rpx] absolute right-[60rpx] top-[-40rpx]" />
</view> </view>
<view class="z-2 mt-[48rpx] relative" v-else @click="navigateToServer"> <view class="z-2 mt-[86rpx] relative" v-else @click="navigateToServer">
<button <button
class="flex items-center justify-center rounded-full text-[32rpx] text-[#fff] h-[96rpx]! w-[600rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat"> class="leading-[1] flex items-center justify-center rounded-full text-[32rpx] text-[#fff] h-[96rpx]! w-[600rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat">
立即领取 立即领取
</button> </button>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/dangan_xuanzhong.png" mode="scaleToFill" <image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/dangan_xuanzhong.png" mode="scaleToFill"

6
src/utils/index.ts
View File

@ -122,9 +122,9 @@ export function getEnvBaseUrl() {
// https://liebian.ycymedu.com 智能中专学校的 // https://liebian.ycymedu.com 智能中专学校的
// https://xqwgy.ycymedu.com/ 深泉外国语学院 // https://xqwgy.ycymedu.com/ 深泉外国语学院
// # 有些同学可能需要在微信小程序里面根据 develop、trial、release 分别设置上传地址，参考代码如下。 // # 有些同学可能需要在微信小程序里面根据 develop、trial、release 分别设置上传地址，参考代码如下。
const VITE_SERVER_BASEURL__WEIXIN_DEVELOP = 'https://senior.ycymedu.com' const VITE_SERVER_BASEURL__WEIXIN_DEVELOP = 'https://xqwgy.ycymedu.com'
const VITE_SERVER_BASEURL__WEIXIN_TRIAL = 'https://senior.ycymedu.com' const VITE_SERVER_BASEURL__WEIXIN_TRIAL = 'https://xqwgy.ycymedu.com'
const VITE_SERVER_BASEURL__WEIXIN_RELEASE = 'https://senior.ycymedu.com' const VITE_SERVER_BASEURL__WEIXIN_RELEASE = 'https://xqwgy.ycymedu.com'
// 微信小程序端环境区分 // 微信小程序端环境区分
if (isMpWeixin) { if (isMpWeixin) {