From b74e4809466763a4e0c17ae30ef286cd98e7c1cf Mon Sep 17 00:00:00 2001
From: xjs <xjs@ycymedu.com>
Date: Thu, 27 Mar 2025 18:04:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0web-view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/aiService-sub/index/index.vue             |  18 +-
 .../academicReport/opinionAboutReport.vue     | 125 ++++++++++++++
 .../evaluate/components/AbilityDimension.vue  |   4 +-
 .../evaluate/components/CharacterTable.vue    |  37 ++++
 .../components/interestChart/OpinionChart.vue | 162 ++++++++++++++++++
 .../wishesList/components/SortCollege.vue     |   1 -
 src/pages-sub/home/wishesList/wishesList.vue  |  26 +--
 .../ucenter/evaluate/evaluateList.vue         |   8 +-
 src/pages.json                                |  16 +-
 src/service/index/api.ts                      |   6 +-
 src/types/uni-pages.d.ts                      |   7 +-
 uno.config.ts                                 |   7 -
 12 files changed, 382 insertions(+), 35 deletions(-)
 create mode 100644 src/pages-evaluation-sub/evaluate/academicReport/opinionAboutReport.vue
 create mode 100644 src/pages-evaluation-sub/evaluate/components/CharacterTable.vue
 create mode 100644 src/pages-evaluation-sub/evaluate/components/interestChart/OpinionChart.vue

diff --git a/src/aiService-sub/index/index.vue b/src/aiService-sub/index/index.vue
index 2b6a7c3..381f913 100644
--- a/src/aiService-sub/index/index.vue
+++ b/src/aiService-sub/index/index.vue
@@ -3,14 +3,26 @@
   style: {
     navigationBarTitleText: '小纬',
   },
-  needLogin: true,
 }
 </route>
 <template>
-  <web-view src="http://localhost:3000/" />
+  <web-view src="http://localhost:3001/sort-college" @message="handleChildMessage" />
 </template>
 
 <script setup lang="ts">
+const handleChildMessage = (event) => {
+  console.log('子应用传递的消息', event)
+}
+
+const callback = ({
+  // 接收页面B回传的参数
+  response,
+  method,
+}) => {
+  console.log('callback.response: ', response) // 显示 {name: "张三"}
+  console.log('callback.method: ', method) // 显示 passToA
+}
+
 onLoad(() => {
   const manager = uni.getRecorderManager()
   manager.start({
@@ -20,6 +32,8 @@ onLoad(() => {
     console.log('录音结束')
   })
 })
+
+defineExpose({ callback })
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/pages-evaluation-sub/evaluate/academicReport/opinionAboutReport.vue b/src/pages-evaluation-sub/evaluate/academicReport/opinionAboutReport.vue
new file mode 100644
index 0000000..3364cbc
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/academicReport/opinionAboutReport.vue
@@ -0,0 +1,125 @@
+<route lang="json5" type="page">
+{
+  style: {
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
+<template>
+  <scroll-view :scroll-y="true" class="flex flex-col h-screen relative custom-bg">
+    <Navbar
+      safeAreaInsetTop
+      :bordered="false"
+      leftArrow
+      @clickLeft="handleBack"
+      bg-color="transparent"
+    >
+      <template #title>
+        <text class="text-[#1F2329] text-[36rpx] font-medium text-[#fff]">职业锚测评报告</text>
+      </template>
+    </Navbar>
+
+    <view class="flex-1 overflow-auto pb-[30rpx] relative">
+      <!-- 顶部卡片 -->
+      <view class="flex flex-col pt-[32rpx] px-[84rpx] h-[244rpx] mb-[-148rpx]">
+        <image src="/static/images/evaluate/bg.png" class="header-bg" />
+        <text class="text-[#333] text-[28rpx] mb-[14rpx] z-2">您的职业价值观</text>
+        <text class="text-[#117CFC] text-[36rpx] z-2">{{ studyRecord.tag }}</text>
+      </view>
+      <OpinionChart :pic-charts="studyRecord.picCharts" />
+      <AbilityDimension :report-items="studyRecord.reportItems" />
+      <!-- 底部AI智能顾问 -->
+      <!-- <view class="ai-assistant mt-[20rpx] mb-[10rpx] flex items-center justify-center">
+                <image src="" class="w-[32rpx] h-[32rpx] mr-[10rpx]"></image>
+                <text class="text-[#117CFC] text-[26rpx]">智能AI顾问</text>
+              </view> -->
+    </view>
+  </scroll-view>
+</template>
+<script setup lang="ts">
+import Navbar from '@/pages-evaluation-sub/components/navbar/Navbar.vue'
+import OpinionChart from '../components/interestChart/OpinionChart.vue'
+import AbilityDimension from '../components/AbilityDimension.vue'
+
+import { getOpinionAbout } from '@/service/index/api'
+
+const pageType = ref(0)
+const pageId = ref(0)
+
+const handleBack = () => {
+  uni.navigateBack()
+}
+
+const studyRecord = ref({
+  description: '',
+  title: '',
+  picCharts: { indicator: [], radars: [] },
+  reportItems: [],
+  tag: '',
+})
+
+onLoad((options) => {
+  pageType.value = +options.type
+  pageId.value = options.id
+
+  getOpinionAbout({ ScaleId: pageId.value }).then((resp) => {
+    if (resp.code === 200) {
+      studyRecord.value = resp.result as {
+        description: string
+        title: string
+        picCharts: { radars: any[]; indicator: any[] }
+        reportItems: any[]
+        tag: string
+      }
+    }
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.custom-bg {
+  background: linear-gradient(184deg, #0d79fc 0%, #2186fc 100%);
+}
+:deep(.icon-class) {
+  color: #fff !important;
+}
+
+.header-bg {
+  width: calc(100% - 80rpx);
+  height: 244rpx;
+  position: absolute;
+  top: 0;
+  left: 40rpx;
+  z-index: 1;
+}
+
+.type-tag {
+  font-size: 24rpx;
+  min-width: 40rpx;
+  text-align: center;
+}
+
+.position-tag {
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  font-size: 26rpx;
+  text-align: center;
+}
+
+.table-row {
+  align-items: center;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.avatar-item image {
+  border: 4rpx solid #fff;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+}
+
+.border-class {
+  border-radius: 20rpx 20rpx 0 0;
+  padding-bottom: 42rpx;
+  margin-bottom: -14rpx;
+}
+</style>
diff --git a/src/pages-evaluation-sub/evaluate/components/AbilityDimension.vue b/src/pages-evaluation-sub/evaluate/components/AbilityDimension.vue
index 17f70f3..7ee627b 100644
--- a/src/pages-evaluation-sub/evaluate/components/AbilityDimension.vue
+++ b/src/pages-evaluation-sub/evaluate/components/AbilityDimension.vue
@@ -5,7 +5,9 @@
     <view class="flex flex-col gap-[40rpx]">
       <view v-for="(item, index) in reportItems" :key="index">
         <view class="text-[32rpx] text-[#000]">{{ item.title }}</view>
-        <view class="text-[26rpx] text-[#666] mt-[6rpx]">{{ item.resolving }}</view>
+        <view class="text-[26rpx] text-[#666] mt-[6rpx]">
+          {{ item.resolving || item.description }}
+        </view>
       </view>
     </view>
   </view>
diff --git a/src/pages-evaluation-sub/evaluate/components/CharacterTable.vue b/src/pages-evaluation-sub/evaluate/components/CharacterTable.vue
new file mode 100644
index 0000000..f51d8dd
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/components/CharacterTable.vue
@@ -0,0 +1,37 @@
+<template>
+  <view
+    class="text-[26rpx] text-[#000] mx-[24rpx] bg-[#fff] flex flex-col px-[20rpx] gap-[10rpx] pb-[20rpx] custom-class"
+  >
+    <view class="flex gap-[10rpx] w-full">
+      <view class="w-[94rpx] py-[12rpx] bg-color text-center">类型</view>
+      <view class="py-[12rpx] text-center bg-color flex-1">详解</view>
+    </view>
+    <view class="flex gap-[10rpx] w-full" v-for="(item, index) in reportItems" :key="index">
+      <view class="w-[94rpx] py-[12rpx] bg-color text-center">
+        <view>{{ item.tag }}</view>
+        <view>{{ item.title }}</view>
+      </view>
+      <view class="py-[22rpx] px-[14rpx] text-start bg-color flex-1">{{ item.resolving }}</view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  reportItems: {
+    type: Array<any>,
+    default: () => [],
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.bg-color {
+  background-color: #f5faff;
+  border-radius: 8rpx;
+}
+
+.custom-class {
+  border-radius: 0 0 20rpx 20rpx;
+}
+</style>
diff --git a/src/pages-evaluation-sub/evaluate/components/interestChart/OpinionChart.vue b/src/pages-evaluation-sub/evaluate/components/interestChart/OpinionChart.vue
new file mode 100644
index 0000000..5a5bb39
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/components/interestChart/OpinionChart.vue
@@ -0,0 +1,162 @@
+<template>
+  <view class="bg-white mx-[24rpx] rounded-[20rpx] pb-[20rpx]">
+    <view class="px-[24rpx] h-[368rpx] z-1">
+      <LEchart ref="echart" :customStyle="`z-index:1;`"></LEchart>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import LEchart from '@/pages-evaluation-sub/uni_modules/lime-echart/components/l-echart/l-echart.vue'
+const echarts = require('../../../uni_modules/lime-echart/static/echarts.min')
+const echart = ref(null)
+
+interface IndicatorItem {
+  name: string
+  max: number
+}
+
+interface PicChartsData {
+  indicator: IndicatorItem[]
+  radars: number[]
+}
+
+const props = defineProps({
+  picCharts: {
+    type: Object as () => PicChartsData,
+    default: () => ({
+      indicator: [],
+      radars: [],
+    }),
+  },
+  description: {
+    type: String,
+    default: '',
+  },
+})
+
+onMounted(() => {
+  updateChart()
+})
+
+watch(
+  () => props.picCharts,
+  (newVal) => {
+    if (newVal && newVal.indicator && newVal.indicator.length > 0) {
+      updateChart()
+    }
+  },
+  { deep: true },
+)
+
+const updateChart = () => {
+  echart.value.init(echarts, (chart) => {
+    // 提取职业锚名称，去除括号内的缩写
+    const categories = props.picCharts.indicator.map((item) => {
+      const match = item.name.match(/(.*?)\([^)]*\)/)
+      return match ? match[1].trim() : item.name
+    })
+
+    const option = {
+      tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+          type: 'shadow',
+        },
+      },
+      grid: {
+        top: 60,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        containLabel: true,
+      },
+      xAxis: {
+        type: 'category',
+        data: categories,
+        axisLine: {
+          lineStyle: {
+            color: '#E0E0E0',
+          },
+        },
+        axisLabel: {
+          color: '#666',
+          fontSize: 12,
+          interval: 0,
+          rotate: 45,
+          formatter: function (value) {
+            // 处理长文本
+            if (value.length > 4) {
+              return value.substring(0, 4) + '...'
+            }
+            return value
+          },
+        },
+        axisTick: {
+          show: false,
+        },
+      },
+      yAxis: {
+        type: 'value',
+        name: '分数',
+        min: 0,
+        max: 30,
+        interval: 5,
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: '#E0E0E0',
+          },
+        },
+        axisTick: {
+          show: false,
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#E8E8E8',
+            type: 'solid',
+          },
+        },
+        axisLabel: {
+          color: '#999',
+        },
+      },
+      series: [
+        {
+          name: '得分',
+          type: 'bar',
+          barWidth: '20',
+          itemStyle: {
+            color: function (params) {
+              // 为不同柱子设置不同颜色
+              const colorList = [
+                '#1580FF',
+                '#F9AA5B',
+                '#5470c6',
+                '#91cc75',
+                '#fac858',
+                '#ee6666',
+                '#73c0de',
+                '#3ba272',
+              ]
+              return colorList[params.dataIndex % colorList.length]
+            },
+            borderRadius: [4, 4, 0, 0],
+          },
+          label: {
+            show: true,
+            position: 'top',
+            color: '#666',
+            fontSize: 12,
+          },
+          data: props.picCharts.radars,
+        },
+      ],
+    }
+
+    chart.setOption(option)
+  })
+}
+</script>
+
+<style scoped></style>
diff --git a/src/pages-sub/home/wishesList/components/SortCollege.vue b/src/pages-sub/home/wishesList/components/SortCollege.vue
index 44605e3..9cda6e9 100644
--- a/src/pages-sub/home/wishesList/components/SortCollege.vue
+++ b/src/pages-sub/home/wishesList/components/SortCollege.vue
@@ -65,7 +65,6 @@
     <view
       class="overflow-auto transition-all duration-300"
       :style="{ maxHeight: isCollapsed ? '0' : '100vh' }"
-      v-if="!isCollapsed"
     >
       <DragSort v-model:list="college.vItems" ref="majorDrop" @get-list="getMajorList">
         <template #content="{ data }">
diff --git a/src/pages-sub/home/wishesList/wishesList.vue b/src/pages-sub/home/wishesList/wishesList.vue
index b4164fc..166f3d0 100644
--- a/src/pages-sub/home/wishesList/wishesList.vue
+++ b/src/pages-sub/home/wishesList/wishesList.vue
@@ -8,9 +8,11 @@
 
 <template>
   <view class="h-screen flex flex-col">
-    <HeaderTip :user-info="userStore.userInfo" :type="1" />
-    <DragSortList
-      v-model:list="wishList"
+    <web-view :src="webUrl" :fullscreen="false" :update-title="false" @message="handleMessage" />
+    <!-- <HeaderTip :user-info="userStore.userInfo" :type="1" /> -->
+
+    <!-- <DragSortList
+      :list="list"
       class="flex-auto overflow-auto"
       ref="myDrop"
       @get-list="getDropList"
@@ -32,12 +34,11 @@
           />
         </view>
       </template>
-    </DragSortList>
+    </DragSortList> -->
     <view class="flex items-center pb-safe button-group px-[32rpx] pt-[32rpx]">
       <!-- <button
         plain
         class="border-[#f5f5f5]! flex-auto bg-[#f5f5f5]! rounded-[8rpx]! text-[#1580FF]! text-[32rpx]! font-normal! mr-[22rpx]"
-        @click="exportPdf"
       >
         下载PDF
       </button> -->
@@ -159,14 +160,8 @@ const addWishList = () => {
   }
   saveWishList(params).then((res) => {
     if (res.code === 200) {
-      uni.showToast({
-        title: '保存成功',
-        icon: 'success',
-      })
       userStore.clearWishList()
-      uni.switchTab({
-        url: '/pages/home/index/index',
-      })
+      vTbId.value = res.result as number
     } else {
       uni.showToast({
         title: res.message || '保存失败',
@@ -179,9 +174,16 @@ const addWishList = () => {
 let typeName = ''
 let editType = ''
 
+let vTbId = ref(0)
+let webUrl = computed(() => {
+  return `http://localhost:3001/sort-college?id=${vTbId.value}&token=${userStore.userInfo.token}&score=${userStore.userInfo.estimatedAchievement.expectedScore}&batchName=${userStore.userInfo.batchName}&subjectGroup=${userStore.userInfo.estimatedAchievement.subjectGroup}&location=${userStore.userInfo.estimatedAchievement.provinceCode}`
+})
+const handleMessage = () => {}
+
 onLoad((options) => {
   typeName = options.typeName
   editType = options.editType
+  addWishList()
 })
 </script>
 
diff --git a/src/pages-sub/ucenter/evaluate/evaluateList.vue b/src/pages-sub/ucenter/evaluate/evaluateList.vue
index 5d4b783..d5fcd89 100644
--- a/src/pages-sub/ucenter/evaluate/evaluateList.vue
+++ b/src/pages-sub/ucenter/evaluate/evaluateList.vue
@@ -50,11 +50,13 @@ const toDetail = (item: any) => {
   let url = ''
 
   if (item.type === 0) {
-    url = `/pages-evaluation-sub/evaluate/academicReport/InterestReport?id=${item.reportsId}&type=${item.type}`
+    url = `/pages-evaluation-sub/evaluate/academicReport/interestReport?id=${item.reportsId}&type=${item.type}`
   } else if (item.type === 1) {
-    url = `/pages-evaluation-sub/evaluate/academicReport/CharacterReport?id=${item.reportsId}&type=${item.type}`
+    url = `/pages-evaluation-sub/evaluate/academicReport/characterReport?id=${item.reportsId}&type=${item.type}`
   } else if (item.type === 2) {
-    url = `/pages-evaluation-sub/evaluate/academicReport/CapabilityReport?id=${item.reportsId}&type=${item.type}`
+    url = `/pages-evaluation-sub/evaluate/academicReport/capabilityReport?id=${item.reportsId}&type=${item.type}`
+  } else if (item.type === -1) {
+    url = `/pages-evaluation-sub/evaluate/academicReport/opinionAboutReport?id=${item.reportsId}&type=${item.type}`
   }
   uni.navigateTo({
     url,
diff --git a/src/pages.json b/src/pages.json
index e4cd407..7d7c678 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -348,21 +348,28 @@
           }
         },
         {
-          "path": "evaluate/academicReport/CapabilityReport",
+          "path": "evaluate/academicReport/capabilityReport",
           "type": "page",
           "style": {
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "evaluate/academicReport/CharacterReport",
+          "path": "evaluate/academicReport/characterReport",
           "type": "page",
           "style": {
             "navigationStyle": "custom"
           }
         },
         {
-          "path": "evaluate/academicReport/InterestReport",
+          "path": "evaluate/academicReport/interestReport",
+          "type": "page",
+          "style": {
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "evaluate/academicReport/opinionAboutReport",
           "type": "page",
           "style": {
             "navigationStyle": "custom"
@@ -378,8 +385,7 @@
           "type": "page",
           "style": {
             "navigationBarTitleText": "小纬"
-          },
-          "needLogin": true
+          }
         }
       ]
     }
diff --git a/src/service/index/api.ts b/src/service/index/api.ts
index bede426..42a19c3 100644
--- a/src/service/index/api.ts
+++ b/src/service/index/api.ts
@@ -403,7 +403,7 @@ export const getMySpecialList = (params: { openId: string }) => {
 }
 
 export const getMyBusReports = (params: { CustomId: number }) => {
-  return http.get('/api/busScale/GetBusCustomReports', params)
+  return http.get('/api/busScale/GetBusCustomReports/v2', params)
 }
 
 export const deleteMyAppointment = (params: { id: number }) => {
@@ -429,3 +429,7 @@ export const getMBTIDimension = (params: { ScaleId: number }) => {
 export const getAbilityDimension = (params: { ScaleId: number }) => {
   return http.get('/api/busscale/GetAbilityDimension', params)
 }
+
+export const getOpinionAbout = (params: { ScaleId: number }) => {
+  return http.get('/api/busScale/GetOpinionAbout', params)
+}
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index 1c84383..80f0ae4 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -40,9 +40,10 @@ interface NavigateToOptions {
        "/login-sub/index" |
        "/pages-evaluation-sub/aiAutoFill/index" |
        "/pages-evaluation-sub/rank/index" |
-       "/pages-evaluation-sub/evaluate/academicReport/CapabilityReport" |
-       "/pages-evaluation-sub/evaluate/academicReport/CharacterReport" |
-       "/pages-evaluation-sub/evaluate/academicReport/InterestReport" |
+       "/pages-evaluation-sub/evaluate/academicReport/capabilityReport" |
+       "/pages-evaluation-sub/evaluate/academicReport/characterReport" |
+       "/pages-evaluation-sub/evaluate/academicReport/interestReport" |
+       "/pages-evaluation-sub/evaluate/academicReport/opinionAboutReport" |
        "/aiService-sub/index/index";
 }
 interface RedirectToOptions extends NavigateToOptions {}
diff --git a/uno.config.ts b/uno.config.ts
index 1c15aad..9b984b1 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -40,13 +40,6 @@ export default defineConfig({
         'vertical-align': 'middle',
       },
     }),
-    // 将颜色函数 (rgb()和hsl()) 从空格分隔转换为逗号分隔，更好的兼容性app端，example：
-    // `rgb(255 0 0)` -> `rgb(255, 0, 0)`
-    // `rgba(255 0 0 / 0.5)` -> `rgba(255, 0, 0, 0.5)`
-    // 与群友的正常写法冲突，先去掉！（2024-05-25）
-    // presetLegacyCompat({
-    //   commaStyleColorFunction: true,
-    // }) as Preset,
   ],
   /**
    * 自定义快捷语句