gdxz/uniapp-app
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

8.29

Browse Source
This commit is contained in:
zoujiandong 2025-08-29 09:46:07 +08:00
parent cc0ddd0bc9
commit da6e4ae551
10 changed files with 1121 additions and 624 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
api/api.js
View File

@ -36,16 +36,130 @@ const api = {
getHomeData(){ getHomeData(){
return request('/expertAPI/index', {}, 'post', false); return request('/expertAPI/index', {}, 'post', false);
}, },
// 视频相关API //肝胆课件列表
ganDanFileByKeyWords(data){
return request('/expertAPI/ganDanFileByKeyWords', data, 'post', false);
},
//肝胆课件详情
ganDanFileDetials(data){
return request('/expertAPI/ganDanFileDetials', data, 'post', false);
},
//是否存在正在进行中的公益咨询
isConsultIng(data){
return request('/expertAPI/isConsultIng', data, 'post', false);
},
//视频浏览记录列表
videoWatchRecord(data){
return request('/expertAPI/VideoWatchRecord', data, 'post', false);
},
//修改备注和描述
updateNicknameNote(data){
return request('/expertAPI/updateNicknameNote', data, 'post', false);
},
//获取未读数量
unReadList(data){
return request('/expertAPI/unReadList', data, 'post', false);
},
//消息列表
appMesageList(data){
return request('/expertAPI/appMesageList', data, 'post', false);
},
//阅读消息
appMesageRead(data){
return request('/expertAPI/appMesageRead', data, 'post', false);
},
//阅读消息
appMesageRead(data){
return request('/expertAPI/appMesageRead', data, 'post', false);
},
//最近30天的随访记录
relationRecordLately(data){
return request('/expertAPI/relationRecordLately', data, 'post', false);
},
//我的页面（信息与统计）
getMyInfo(data){
return request('/expertAPI/my', data, 'post', false);
},
getVideoList(data) { getVideoList(data) {
return request('/video/list', data, 'get', true); return request('/video/list', data, 'get', true);
}, },
getVideoDetail(data) { getVideoDetail(data) {
return request('/video/detail', data, 'get', true); return request('/video/detail', data, 'get', true);
}, },
getBannerVideo(data) {
return request('/video/banner', data, 'get', true); // 新闻详情
getNewsDetail(data) {
return request('/expertAPI/newsDetail', data, 'post', false);
}, },
// 课件详情
getGandanFileDetail(data) {
return request('/expertAPI/gandanFileDetail', data, 'post', false);
},
// 直播详情
getLiveDetail(data) {
return request('/expertAPI/liveDetail', data, 'post', false);
},
// 视频详情
getVideoDetail2(data) {
return request('/expertAPI/videoDetail2', data, 'post', false);
},
// 搜索医院列表
getHospitalList(data) {
return request('/expertAPI/hospitalList', data, 'post', false);
},
// 省市地区列表
getAreaList(data) {
return request('/expertAPI/areaList', data, 'post', false);
},
// 积分商城相关API
// 商品列表
getGoodsList(data) {
return request('/expertAPI/goodsList', data, 'post', false);
},
// 商品列表_V2
getGoodsListV2(data) {
return request('/expertAPI/goodsListV2', data, 'post', false);
},
// 积分商城商品类型列表
getGoodsTagList(data) {
return request('/expertAPI/goodsTagList', data, 'post', false);
},
// 积分商城-查询快递100
getOrderTrack(data) {
return request('/expertAPI/getOrderTrack', data, 'post', false);
},
// 福利版块相关API
// 我的福利卡
getMyWelfareCard(data) {
return request('/expertAPI/myWelfareCard', data, 'post', false);
},
// 兑换福利卡
exchangeWelfareCard(data) {
return request('/expertAPI/exchangeWelfareCard', data, 'post', false);
},
// U盘福利剩余个数
getUpanWelfareCount(data) {
return request('/expertAPI/getUpanWelfareCount', data, 'post', false);
},
// 添加积分
addBonusPointsN(data) {
return request('/expertAPI/addBonusPointsN', data, 'post', false);
},
} }
export default api export default api

56
components/dialog/dialog.vue
View File

@ -9,12 +9,34 @@
<!-- 弹窗内容 --> <!-- 弹窗内容 -->
<view class="dialog-content"> <view class="dialog-content">
<slot name="content"> <slot name="content">
<text class="default-content">{{ content }}</text> <view class="default-content" >
<view v-for="item in formatContent(content)" :key="item">{{item}}</view>
</view>
</slot> </slot>
</view> </view>
<!-- 弹窗底部按钮 --> <!-- 弹窗底部按钮 -->
<view class="dialog-footer"> <view class="dialog-footer cancelFooter" v-if="showCancel">
<view
class="dialog-btn"
@click="oncancel"
>
<text class="btn-text">{{cancelText}}</text>
</view>
</view>
<view class="dialog-footer okFooter" v-else-if="showConfirm">
<view
class="dialog-btn okBtn"
@click="onconfirm"
>
<text class="btn-text">{{confirmText}}</text>
</view>
</view>
<view class="dialog-footer" v-else>
<view <view
class="dialog-btn cancel" class="dialog-btn cancel"
@ -49,13 +71,35 @@
type: String, type: String,
default: '' default: ''
}, },
cancelText:{
type: String,
default: '取消'
},
confirmText:{
type: String,
default: '确定'
},
showCancel:{
type:Boolean,
default:false,
},
showConfirm:{
type:Boolean,
default:false,
},
closeOnOverlay: { closeOnOverlay: {
type: Boolean, type: Boolean,
default: true default: true
} }
}) })
const formatContent=(val)=>{
console.log(val)
if(!val) return [];
// 将字符串按 \n 切割成数组，并过滤掉空字符串
const lines = val.split('<br>').filter(line => line.trim() !== '');
console.log('格式化后的内容数组:', lines);
return lines;
}
const emit = defineEmits(['close']) const emit = defineEmits(['close'])
@ -110,6 +154,7 @@
justify-content: center; justify-content: center;
.default-content { .default-content {
white-space:pre-wrap;
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
line-height: 1.5; line-height: 1.5;
@ -163,4 +208,7 @@
} }
} }
} }
.cancelFooter,.okFooter{
padding: 0;
}
</style> </style>

26
components/tabBar/tabBar.vue
View File

@ -9,23 +9,19 @@
> >
<!-- 图标容器 --> <!-- 图标容器 -->
<view class="icon-container"> <view class="icon-container">
<!-- <uni-icons
:type="currentTab === index ? item.activeIcon : item.icon"
:size="currentTab === index ? 28 : 24"
:color="currentTab === index ? item.activeColor : item.color"
></uni-icons> -->
<image class="img" :src="currentTab === index ? item.activeIcon : item.icon" alt="" /> <image class="img" :src="currentTab === index ? item.activeIcon : item.icon" alt="" />
<!-- 徽章 --> <!-- 徽章 -->
<view class="badge" v-if="item.badge && item.badge > 0"> <!-- <view class="badge" v-if="item.badge && item.badge > 0">
<uni-badge <uni-badge
:text="item.badge > 99 ? '99+' : item.badge.toString()" :text="item.badge > 99 ? '99+' : item.badge.toString()"
type="error" type="error"
size="small" size="small"
></uni-badge> ></uni-badge>
</view> </view> -->
<!-- 红点 --> <!-- 红点 -->
<view class="red-dot" v-if="item.showRedDot"></view> <!-- <view class="red-dot" v-if="item.showRedDot"></view> -->
</view> </view>
<!-- 文字 --> <!-- 文字 -->
@ -82,9 +78,9 @@
text: '患教学堂', text: '患教学堂',
color: '#999999', color: '#999999',
activeColor: '#007aff', activeColor: '#007aff',
badge: 5, badge:0,
showRedDot: false, showRedDot: false,
pagePath: '/pages/education/education' pagePath: '/pages/patientClass/patientClass'
}, },
{ {
icon: live, icon: live,
@ -93,8 +89,8 @@
color: '#999999', color: '#999999',
activeColor: '#007aff', activeColor: '#007aff',
badge: 0, badge: 0,
showRedDot: true, showRedDot: false,
pagePath: '/pages/meeting/meeting' pagePath: '/pages/live/live'
}, },
{ {
icon: education, icon: education,
@ -102,9 +98,9 @@
text: '继续教育', text: '继续教育',
color: '#999999', color: '#999999',
activeColor: '#007aff', activeColor: '#007aff',
badge: 12, badge: 0,
showRedDot: false, showRedDot: false,
pagePath: '/pages/education/continuing' pagePath: '/pages/education/education'
}, },
{ {
icon: my, icon: my,
@ -114,7 +110,7 @@
activeColor: '#007aff', activeColor: '#007aff',
badge: 0, badge: 0,
showRedDot: false, showRedDot: false,
pagePath: '/pages/profile/profile' pagePath: '/pages/my/my'
} }
]); ]);

20
pages.json
View File

@ -299,6 +299,16 @@
} }
} }
}, },
{
"path": "webview/webview",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "网页",
"app": {
"bounce": "none"
}
}
},
{ {
"path": "pointGoods/pointGoods", "path": "pointGoods/pointGoods",
"style": { "style": {
@ -491,6 +501,16 @@
} }
} }
}, },
{
"path": "myVideo/myVideo",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "uni-app分页",
"app": {
"bounce": "none"
}
}
},
{ {
"path": "patientMsg/patientMsg", "path": "patientMsg/patientMsg",
"style": { "style": {

624
pages/index/index.vue
View File

@ -4,9 +4,8 @@
<view class="header" :style="{ backgroundColor: headerBgColor }"> <view class="header" :style="{ backgroundColor: headerBgColor }">
<view class="header-content"> <view class="header-content">
<view class="header-left"> <view class="header-left">
<view class="calendar-icon"> <view class="calendar-icon" @click="onSignClick">
<up-image :src="nosign" width="60rpx" height="60rpx" ></up-image> <up-image :src="isSignedIn ? sign : nosign" width="60rpx" height="60rpx"></up-image>
</view> </view>
</view> </view>
<view class="search-container" @click="focus"> <view class="search-container" @click="focus">
@ -22,7 +21,7 @@
<view class="header-right"> <view class="header-right">
<view class="message-icon"> <view class="message-icon">
<uni-icons type="email" size="32" color="#fff"></uni-icons> <uni-icons type="email" size="32" color="#fff"></uni-icons>
<view class="red-dot"></view> <view v-if="hasUnread" class="red-dot"></view>
</view> </view>
</view> </view>
</view> </view>
@ -38,28 +37,14 @@
:mode="mode" :mode="mode"
:dots-styles="dotsStyles" :dots-styles="dotsStyles"
> >
<swiper class="swiper-box" @change="change" :current="current"> <swiper class="swiper-box" @change="change" :current="current" :autoplay="true" :interval="4000" :duration="500" :circular="true">
<swiper-item v-for="(item, index) in bannerList" :key="index"> <swiper-item v-for="(item, index) in bannerList" :key="index">
<view class="banner-item" :style="{ background: item.background }"> <view class="banner-item" @click="onBannerClick(item,index)">
<view class="banner-content"> <view class="doctorInfo" v-if="index==0">
<view class="banner-text"> <view class="name">{{expertDetail.realName}}专家工作室</view>
<text class="banner-title">{{ item.title }}</text> <view class="hospital">{{expertDetail.hospitalName}}</view>
<text class="banner-subtitle">{{ item.subtitle }}</text>
</view>
<view class="banner-scene">
<view class="scene-left">
<view class="palm-tree">🌴</view>
</view>
<view class="scene-center">
<view class="beach-umbrella">🏖️</view>
<view class="beach-ball">🏐</view>
</view>
<view class="scene-right">
<view class="doctor-desk">👨‍⚕️</view>
<view class="bookshelf">📚</view>
</view>
</view>
</view> </view>
<up-image :src="item.image" width="100%" height="400rpx"></up-image>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -69,9 +54,9 @@
<!-- 功能网格 --> <!-- 功能网格 -->
<view class="grid-section"> <view class="grid-section">
<uni-grid :column="4" :highlight="true" @change="onClick"> <uni-grid :column="4" :highlight="true" >
<uni-grid-item v-for="(item, index) in gridList" :key="index"> <uni-grid-item v-for="(item, index) in gridList" :key="index">
<view class="grid-item"> <view class="grid-item" @click="onClick(index)">
<up-image :src="item.icon" width="75rpx" height="75rpx" ></up-image> <up-image :src="item.icon" width="75rpx" height="75rpx" ></up-image>
<text class="grid-text">{{ item.text }}</text> <text class="grid-text">{{ item.text }}</text>
</view> </view>
@ -79,7 +64,7 @@
</uni-grid> </uni-grid>
</view> </view>
<!-- 消息通知滚动播放 --> <!-- 消息通知滚动播放 -->
<view class="notice-section"> <view class="notice-section" v-if="noticeList.length > 0">
<view class="notice-container"> <view class="notice-container">
<view class="notice-icon"> <view class="notice-icon">
@ -101,7 +86,7 @@
<up-image :src="jing_sign" width="28rpx" height="28rpx" ></up-image> <up-image :src="jing_sign" width="28rpx" height="28rpx" ></up-image>
</view> </view>
<view class="date"> <view class="date">
8月6日 {{ formatToMonthDay(item.date || item.time) }}
</view> </view>
</view> </view>
<view class="bar"></view> <view class="bar"></view>
@ -121,17 +106,8 @@
<text class="title-text">专题E站</text> <text class="title-text">专题E站</text>
</view> </view>
<view class="special-content"> <view class="special-content">
<view class="special-item" v-for="(item, index) in specialList" :key="index"> <view class="special-item" v-for="(item, index) in specialList" :key="index" @click="onEsiteClick(item)">
<view class="special-card" :style="{ background: item.bgColor }"> <up-image class="special-img" :src="item.image" width="100%" height="auto" mode="widthFix"></up-image>
<view class="special-left">
<text class="special-title">{{ item.title }}</text>
<text class="special-desc">{{ item.desc }}</text>
</view>
<view class="special-right">
<view class="special-icon">{{ item.icon }}</view>
<view class="special-arrow">›</view>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -145,15 +121,15 @@
<uni-icons type="right" size="32rpx" color="#999"></uni-icons> <uni-icons type="right" size="32rpx" color="#999"></uni-icons>
</view> </view>
</view> </view>
<scroll-view class="course-scroll" scroll-x="true"> <scroll-view class="course-scroll" scroll-x="true" scroll-with-animation="true" show-scrollbar="false">
<view class="course-list"> <view class="course-list">
<view class="course-item" v-for="(item, index) in courseList" :key="index"> <view class="course-item" v-for="(item, index) in courseList" :key="index">
<view class="course-card"> <view class="course-card">
<up-image :src="item.avatar" width="464rpx" height="262rpx" ></up-image> <up-image :src="item.avatar" width="464rpx" height="262rpx" ></up-image>
<view class="course-content"> <view class="course-content">
<view class="course-title twoline">{{ item.title }}</view> <view class="course-title twoline">{{ item.title }}</view>
<view class="course-subtitle">{{ item.status }}</view> <view class="course-subtitle" v-if="item.upload_num==item.video_num">已完结</view>
<view class="course-subtitle" v-else>已更新{{item.upload_num}}课时</view>
</view> </view>
</view> </view>
@ -173,9 +149,7 @@
<view class="replay-grid"> <view class="replay-grid">
<view class="replay-item" v-for="(item, index) in replayList" :key="index" @click="onReplayClick(item)"> <view class="replay-item" v-for="(item, index) in replayList" :key="index" @click="onReplayClick(item)">
<view class="replay-card"> <view class="replay-card">
<up-image class="replay-img" :src="item.avatar" width="100%" height="auto" mode="widthFix"></up-image>
<up-image :src="item.avatar" width="330rpx" height="186rpx" ></up-image>
<!-- <image :src="item.avatar" mode="aspectFill" class="doctor-avatar"></image> -->
<view class="replay-content"> <view class="replay-content">
<text class="replay-text">{{ item.content }}</text> <text class="replay-text">{{ item.content }}</text>
@ -233,6 +207,7 @@
></custom-tabbar> ></custom-tabbar>
</view> </view>
<unidialog :visible="visible" :content="'有福利待领取'" @close="visible=false" ></unidialog> <unidialog :visible="visible" :content="'有福利待领取'" @close="visible=false" ></unidialog>
<unidialog :visible="hasSign" content="今日已签到，每天只能签到一次。<br>请明日继续哦~" @close="hasSign=false" :showCancel="true" cancelText="关闭"></unidialog>
<up-overlay :show="showSign" > <up-overlay :show="showSign" >
<view class="signwrap"> <view class="signwrap">
<view class="signbox"> <view class="signbox">
@ -263,6 +238,7 @@
import unidialog from "@/components/dialog/dialog.vue" import unidialog from "@/components/dialog/dialog.vue"
import api from '@/api/api.js' import api from '@/api/api.js'
import navTo from "@/utils/navTo.js"; import navTo from "@/utils/navTo.js";
import docUrl from "@/utils/docUrl.js";
import bg from "@/static/more_bg.png" import bg from "@/static/more_bg.png"
import patient from "@/static/icon_home_my_patient.png" import patient from "@/static/icon_home_my_patient.png"
import video from "@/static/icon_home_video.png" import video from "@/static/icon_home_video.png"
@ -276,11 +252,15 @@
import nosign from "@/static/home_no_qiandao_icon.png" import nosign from "@/static/home_no_qiandao_icon.png"
import sign from "@/static/home_qiandao_icon.png" import sign from "@/static/home_qiandao_icon.png"
import signImg from "@/static/sign_in_bng_big.png" import signImg from "@/static/sign_in_bng_big.png"
import dayjs from 'dayjs'
const expertDetail=reactive({})
const showSign=ref(false) const showSign=ref(false)
// 定义refs // 定义refs
const tabbarRef = ref(null); const tabbarRef = ref(null);
const visible=ref(false) const visible=ref(false)
const hasUnread = ref(false)
const isSignedIn = ref(false) // 签到状态：false-未签到，true-已签到
const hasSign=ref(false)
// 滚动相关状态 // 滚动相关状态
const scrollTop = ref(0); const scrollTop = ref(0);
const bannerHeight = 400; // 轮播图高度，单位rpx const bannerHeight = 400; // 轮播图高度，单位rpx
@ -318,16 +298,12 @@
backgroundColor: '#ddd', backgroundColor: '#ddd',
border: '1px solid #ddd', border: '1px solid #ddd',
color: '#fff', color: '#fff',
selectedBackgroundColor: '#ff0000', selectedBackgroundColor: '#8B2316',
selectedBorder: '1px solid #ff0000' selectedBorder: '1px solid #8B2316'
}); });
// 轮播图数据 // 轮播图数据（仅图片）
const bannerList = reactive([{ const bannerList = reactive([]);
title: '邹建东专家工作室',
subtitle: '北京肝胆相照公益基金会',
background: 'linear-gradient(135deg, #007aff, #0056b3)'
}]);
// 功能网格数据 // 功能网格数据
const gridList = reactive([ const gridList = reactive([
@ -370,98 +346,16 @@
]); ]);
// 专题E站数据 // 专题E站数据
const specialList = reactive([ const specialList = reactive([]);
{
title: '肝病医生的临床计算器和决策辅助工具',
desc: '肝胆相照®——医学常用工具',
icon: '🔧',
bgColor: '#1e3a8a'
},
{
title: '徐医感染 疑难发热及感染分享',
desc: '',
icon: '🏥',
bgColor: '#10b981'
},
{
title: '爱肝微视 全国首档爱肝科普短视频',
desc: '免费领取福利',
icon: '📱',
bgColor: '#1e3a8a'
}
]);
// 消息通知数据 // 消息通知数据
const noticeList = reactive([ const noticeList = reactive([]);
{
id: 1,
content: '欢迎使用肝胆相照医生版，新功能上线啦！',
time: '10:30',
type: 'system'
},
{
id: 2,
content: '您有3个新的患者咨询待回复',
time: '09:15',
type: 'patient'
},
{
id: 3,
content: '今日有2场直播会议即将开始',
time: '08:45',
type: 'meeting'
},
{
id: 4,
content: '新的医学指南已更新，请及时查看',
time: '昨天',
type: 'guide'
}
]);
// 精品课数据 // 精品课数据
const courseList = reactive([ const courseList = reactive([]);
{
title: '王晓光医生发起了新的病例讨论，邀请您参与',
status:'已完结'
},
{
title: '王晓光医生发起了新的病例讨论，邀请您参与',
status:'已完结'
},
{
title: '王晓光医生发起了新的病例讨论，邀请您参与',
status:'已完结'
},
]);
// 精彩回放数据 // 精彩回放数据
const replayList = reactive([ const replayList = reactive([]);
{
id: 1,
avatar: '/static/c1.png',
content: 'Xxx医生发起了新的病例讨论,邀请您参与',
type: 'case_discussion'
},
{
id: 2,
avatar: '/static/c2.png',
content: 'Xxx医生发起了新的',
type: 'new_topic'
},
{
id: 3,
avatar: '/static/c3.png',
content: 'Xxx医生发起了新的病例讨论,邀请与......',
type: 'case_discussion'
},
{
id: 4,
avatar: '/static/c4.png',
content: 'Xxx医生发起了新的病例讨论,邀请您参与',
type: 'case_discussion'
}
]);
// 实用指南标签页 // 实用指南标签页
const guideTabs = reactive([ const guideTabs = reactive([
@ -472,44 +366,12 @@
// 当前选中的标签页 // 当前选中的标签页
const currentGuideTab = ref(0); const currentGuideTab = ref(0);
// 实用指南数据 // 实用指南展示数据（随标签切换填充）
const guideList = reactive([ const guideList = reactive([]);
{
id: 1, // 存储两类原始数据：指南 与 课件分享
title: '一学就会的keynote教程番外篇】keynote 线下', const guidesData = reactive([]);
description: '实训你们要的带练来了', const coursewareData = reactive([]);
actionType: 'view',
type: 'guide'
},
{
id: 2,
title: '胆源性肝脏疾病——专题研讨会成功举行',
description: '',
actionType: 'view',
type: 'guide'
},
{
id: 3,
title: '肝病学新领域:肝硬化合并慢性肾脏病|深度综',
description: '述大的并慢性肾脏病|深度综述并慢并慢性.......',
actionType: 'download',
type: 'guide'
},
{
id: 4,
title: '【一学就会的keynote教程番外篇】keynote 线',
description: '下实训你们要的带练来了',
actionType: 'download',
type: 'guide'
},
{
id: 5,
title: '段钟平教授:终末期肝病营养治疗的价值及研',
description: '究进展',
actionType: 'download',
type: 'guide'
}
]);
// 轮播图切换事件 // 轮播图切换事件
const change = (e) => { const change = (e) => {
@ -521,6 +383,14 @@
console.log('消息通知切换:', e.detail.current); console.log('消息通知切换:', e.detail.current);
}; };
// 使用 dayjs 格式化为 月日（如 8月6日）
const formatToMonthDay = (val) => {
if (!val) return '';
const d = dayjs(val);
if (!d.isValid()) return '';
return d.format('M月D日');
};
// 消息通知点击事件 // 消息通知点击事件
const onNoticeClick = (item) => { const onNoticeClick = (item) => {
console.log('点击消息通知:', item); console.log('点击消息通知:', item);
@ -589,22 +459,29 @@
}; };
// 网格点击事件 // 网格点击事件
const onClick = (e) => { const onClick = (index) => {
console.log('点击了第' + e.detail.index + '个'); console.log('点击了第' + index + '个');
const clickedItem = gridList[e.detail.index]; let url=''
if(index==0){
// 处理开具发票的点击 url='/pages_app/patientMsg/patientMsg'
if (clickedItem.text === '开具发票') { }else if(index==1){
uni.navigateTo({ url='/pages_app/video/video'
url: '/pages_course/invoice/invoice' }else if(index==2){
}); url='/pages_app/consult/consult'
return; }else if(index==3){
url='/pages_app/zhinan/zhinan'
}else if(index==4){
url='/pages_app/news/news'
}else if(index==5){
url='/pages_app/ppt/ppt'
}else if(index==6){
url='/pages_course/index/index'
}else{
url='/pages_app/search/search'
} }
navTo({
uni.showToast({ url:url
title: `点击了${clickedItem.text}`, })
icon: 'none'
});
}; };
// Tab切换事件 // Tab切换事件
@ -619,6 +496,13 @@
// 切换实用指南标签页 // 切换实用指南标签页
const switchGuideTab = (index) => { const switchGuideTab = (index) => {
currentGuideTab.value = index; currentGuideTab.value = index;
// 0: 实用指南 -> guidesData；1: 课件分享 -> coursewareData
guideList.length = 0;
if (index === 0) {
guideList.push(...guidesData);
} else {
guideList.push(...coursewareData);
}
}; };
// 查看更多实用指南 // 查看更多实用指南
@ -629,23 +513,111 @@
}); });
}; };
// 点击顶部轮播图
const onBannerClick = (item,index) => {
if (!item) return;
if(index==0){
}else{
// 如果存在外链path，优先按平台打开
if (item.path) {
// #ifdef H5
window.open(item.path, '_blank');
// #endif
// #ifdef APP-PLUS
plus.runtime.openURL(item.path);
// #endif
// #ifdef MP
const encoded = encodeURIComponent(item.path);
uni.navigateTo({
url: `/pages_app/webview/webview?url=${encoded}`
});
// #endif
return;
}
// 如果是新闻类型且有uuid，可跳转新闻详情H5
if (item.uuid) {
const url = `https://dev-doc.igandan.com/app/html/news/${item.uuid}.html`;
// #ifdef H5
window.open(url, '_blank');
// #endif
// #ifdef APP-PLUS
plus.runtime.openURL(url);
// #endif
// #ifdef MP
const encoded = encodeURIComponent(url);
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encoded}` });
// #endif
}
}
};
// 点击专题E站图片
const onEsiteClick = (item) => {
if (!item || !item.url) {
return;
}
// H5 端
// #ifdef H5
window.open(item.url, '_blank');
// #endif
// App 端
// #ifdef APP-PLUS
plus.runtime.openURL(item.url);
// #endif
// 小程序端：使用内嵌 webview 页面打开
// #ifdef MP
const encoded = encodeURIComponent(item.url)
uni.navigateTo({
url: `/pages_app/webview/webview?url=${encoded}`
})
// #endif
};
// 实用指南点击事件 // 实用指南点击事件
const onGuideClick = (item) => { const onGuideClick = (item) => {
console.log('点击实用指南:', item); // 如果有PDF链接，直接打开
uni.showToast({ if (item.path) {
title: `查看${item.title}`, const pdfUrl = docUrl+item.path;
icon: 'none' console.log(pdfUrl)
}); if (pdfUrl) {
// 根据类型跳转到不同页面 // H5 端
if (item.type === 'guide') { // #ifdef H5
uni.navigateTo({ window.open(pdfUrl, '_blank');
url: '/pages/guide/detail?id=' + item.id // #endif
});
} else if (item.type === 'courseware') { // App 端
uni.navigateTo({ // #ifdef APP-PLUS
url: '/pages/courseware/list' plus.runtime.openURL(pdfUrl);
}); // #endif
// 小程序端：使用内嵌 webview 页面打开
// #ifdef MP-WEIXIN
const encoded = encodeURIComponent(pdfUrl);
uni.navigateTo({
url: `/pages_app/webview/webview?url=${encoded}`
});
// #endif
return;
}
} }
// 没有PDF链接时，根据类型跳转到不同页面
// if (item.type === 'guide') {
// uni.navigateTo({
// url: '/pages/guide/detail?id=' + item.id
// });
// } else if (item.type === 'courseware') {
// uni.navigateTo({
// url: '/pages/courseware/list'
// });
// }
}; };
// 测试tabbar功能的方法 // 测试tabbar功能的方法
@ -685,47 +657,135 @@
if (res && res.data) { if (res && res.data) {
const data = res.data; const data = res.data;
Object.assign(expertDetail,data.expertDetail)
// 更新轮播图数据 // 未读消息红点
if (data.bannerList && data.bannerList.length > 0) { hasUnread.value = !!data.has_unread;
bannerList.length = 0;
bannerList.push(...data.bannerList); // 签到状态
isSignedIn.value = data.sign_in === 1;
// 福利待领取弹窗
if (data.welfare_notice && data.welfare_notice.receive_notice) {
visible.value = true;
} }
// 更新功能网格数据 // 顶部轮播图：news_list（图片+可跳转）
if (data.gridList && data.gridList.length > 0) { bannerList.length = 0;
if (Array.isArray(data.news_list) && data.news_list.length > 0) {
bannerList.push(
...data.news_list.map(item => ({
image: item.headImg || '',
type: item.type, // 0: H5链接, 1: 图片无跳转 等
path: item.path || '',
uuid: item.uuid || ''
}))
);
} else if (Array.isArray(data.esite_list) && data.esite_list.length > 0) {
bannerList.push({ image: data.esite_list[0].img_path || '' });
}
// 功能网格：icons_list -> gridList
if (Array.isArray(data.icons_list) && data.icons_list.length > 0) {
gridList.length = 0; gridList.length = 0;
gridList.push(...data.gridList); gridList.push(
...data.icons_list.map(item => ({
icon: item.img || '',
text: item.name || ''
}))
);
gridList.push({
icon:more,
text:'更多'
})
} }
// 更新消息通知数据 // 消息通知：meeting_list -> noticeList（含日期）
if (data.noticeList && data.noticeList.length > 0) { if (Array.isArray(data.meeting_list) && data.meeting_list.length > 0) {
noticeList.length = 0; noticeList.length = 0;
noticeList.push(...data.noticeList); noticeList.push(
...data.meeting_list.map((item, idx) => ({
id: item.id || item.uuid || idx + 1,
content: item.title || item.name || '',
time: item.begin_date || item.start_time || item.time || item.create_date || '',
type: 'meeting',
path: item.path || ''
}))
);
} }
// 更新专题E站数据 // 专题E站：esite_list -> specialList（仅图片，最多展示3个）
if (data.specialList && data.specialList.length > 0) { if (Array.isArray(data.esite_list) && data.esite_list.length > 0) {
specialList.length = 0; specialList.length = 0;
specialList.push(...data.specialList); specialList.push(
...data.esite_list.slice(0, 3).map(item => ({
image: item.img_path || '',
url: item.url || ''
}))
);
} }
// 更新精品课数据 // 精品课：excellencourse_list -> courseList
if (data.courseList && data.courseList.length > 0) { if (Array.isArray(data.excellencourse_list) && data.excellencourse_list.length > 0) {
courseList.length = 0; courseList.length = 0;
courseList.push(...data.courseList); courseList.push(
...data.excellencourse_list.map(item => ({
title: item.title || '',
status: item.video_num != null ? `共${item.video_num}讲` : '',
avatar: item.index_img || ''
}))
);
} }
// 更新精彩回放数据 // 精彩回放：video_list -> replayList
if (data.replayList && data.replayList.length > 0) { if (Array.isArray(data.video_list) && data.video_list.length > 0) {
replayList.length = 0; replayList.length = 0;
replayList.push(...data.replayList); replayList.push(
...data.video_list.map(item => ({
id: item.uuid || item.polyv_uuid || Math.random().toString(36).slice(2),
avatar: item.imgpath || '',
content: item.name || '',
type: 'case_discussion'
}))
);
} }
// 更新实用指南数据 // 实用指南：guide_ist（存 guidesData）
if (data.guideList && data.guideList.length > 0) { guidesData.length = 0;
guideList.length = 0; if (Array.isArray(data.guide_ist) && data.guide_ist.length > 0) {
guideList.push(...data.guideList); guidesData.push(
...data.guide_ist.map(item => ({
id: item.article_uuid || '',
title: item.title || '',
description: '',
actionType: 'download',
type: 'courseware',
path: item.path || ''
}))
);
}
// 课件分享：gandanfile_list（存 coursewareData）
coursewareData.length = 0;
if (Array.isArray(data.gandanfile_list) && data.gandanfile_list.length > 0) {
coursewareData.push(
...data.gandanfile_list.map(item => ({
id: item.article_uuid || '',
title: item.title || '',
description: '',
actionType: 'download',
type: 'courseware',
path: item.path || ''
}))
);
}
// 默认展示当前选中标签的数据
guideList.length = 0;
if (currentGuideTab.value === 0) {
guideList.push(...guidesData);
} else {
guideList.push(...coursewareData);
} }
} }
} catch (error) { } catch (error) {
@ -774,11 +834,51 @@
}); });
}; };
// 签到点击事件
const onSignClick = async () => {
// 如果已经签到，显示提示
if (isSignedIn.value) {
hasSign.value=true;
return;
}
try {
// 调用添加积分接口
const res = await api.addBonusPointsN({
score_type:1
});
if (res && res.code === 200) {
// 签到成功
isSignedIn.value = true;
uni.showToast({
title: '签到成功，获得10积分',
icon: 'success'
});
// 显示签到弹窗
showSign.value = true;
} else {
uni.showToast({
title: res?.msg || '签到失败',
icon: 'none'
});
}
} catch (error) {
console.error('签到失败:', error);
uni.showToast({
title: '签到失败，请重试',
icon: 'none'
});
}
};
// 暴露方法给父组件（如果需要） // 暴露方法给父组件（如果需要）
defineExpose({ defineExpose({
testTabbar, testTabbar,
getTabbarStatus, getTabbarStatus,
goToCourseHome goToCourseHome,
onSignClick
}); });
</script> </script>
@ -991,7 +1091,19 @@
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
.doctorInfo{
position: absolute;
top:200rpx;
z-index:9;
left:30rpx;
right:30rpx;
color:#fff;
font-size: 40rpx;
}
.doctorInfo .hospital{
margin-top: 20rpx;
font-size: 32rpx;
}
.banner-content { .banner-content {
height: 100%; height: 100%;
display: flex; display: flex;
@ -1069,6 +1181,20 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20rpx; gap: 20rpx;
background-color: #fff;
padding: 20rpx;
border-radius: 10rpx;
}
/* 专题E站图片项：宽度铺满，高度自适应 */
.special-item {
position: relative;
width: 100%;
overflow: hidden;
}
.special-img {
width: 100%;
display: block;
} }
.special-card { .special-card {
@ -1148,19 +1274,20 @@
white-space: nowrap; white-space: nowrap;
margin-left: 30rpx; margin-left: 30rpx;
margin-right: 30rpx; margin-right: 30rpx;
overflow: hidden;
} }
.course-list { .course-list {
display: flex; display: inline-flex;
gap: 30rpx; gap: 30rpx;
width:auto; width: auto;
padding-right: 60rpx; /* 让最后一项与右边留出更大间距 */
} }
.course-item { .course-item {
flex:1; display: inline-block;
background-color: #f4f4f4; background-color: #f4f4f4;
width: 464rpx; width: 464rpx;
margin-right: 30rpx;
box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.1); box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.1);
border-radius: 24rpx; border-radius: 24rpx;
overflow: hidden; overflow: hidden;
@ -1185,15 +1312,19 @@
font-size: 20rpx; font-size: 20rpx;
} }
.course-content {
margin-bottom: 30rpx;
}
.course-title { .course-title {
white-space: normal; white-space: normal;
font-size: 30rpx; font-size: 30rpx;
color: #333333; color: #333333;
margin: 20rpx; margin: 20rpx;
/* 固定两行高度并省略 */
line-height: 40rpx;
height: 80rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
} }
.course-subtitle { .course-subtitle {
@ -1240,7 +1371,6 @@
.replay-item { .replay-item {
cursor: pointer; cursor: pointer;
height:305rpx;
} }
.replay-card { .replay-card {
@ -1255,9 +1385,8 @@
transform: scale(0.98); transform: scale(0.98);
} }
.replay-image { .replay-image { /* 不再使用固定高容器，保留占位以防其它样式引用 */
width: 100%; width: 100%;
height: 200rpx;
overflow: hidden; overflow: hidden;
} }
@ -1267,6 +1396,13 @@
object-fit: cover; object-fit: cover;
} }
/* 新增：精彩回放图片自适应 */
.replay-img{
width: 100%;
height: auto;
display: block;
}
.replay-content { .replay-content {
padding: 20rpx; padding: 20rpx;
} }

739
pages/my/my.vue
View File

@ -1,27 +1,29 @@
<template> <template>
<uni-nav-bar title="我的" fixed color="#8B2316" height="140rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar> <uni-nav-bar title="我的" fixed color="#8B2316" height="140rpx" :border="false"
backgroundColor="#eeeeee"></uni-nav-bar>
<view class="page"> <view class="page">
<!-- 用户信息卡片 --> <!-- 用户信息卡片 -->
<view class="user-card"> <view class="user-card"
:style="{'background-image': `url(${myInfoBackGround || '/static/big_background_my.png'})`, 'background-size':'cover','background-repeat':'no-repeat'}">
<view class="user-info"> <view class="user-info">
<image class="avatar" src="/static/avatar_default.png" mode="aspectFill"></image> <image class="avatar" :src="avatar" mode="aspectFill"></image>
<text class="username">邹建东</text> <text class="username">{{username}}</text>
</view> </view>
<!-- 统计数据 --> <!-- 统计数据 -->
<view class="stats-section"> <view class="stats-section">
<view class="stats-item"> <view class="stats-item" @click="onStatsClick('followup')">
<text class="stats-number">5</text> <text class="stats-number">{{followupCount}}</text>
<text class="stats-label">随访患者数</text> <text class="stats-label">随访患者数</text>
</view> </view>
<view class="stats-item"> <view class="stats-item" @click="onStatsClick('consult')">
<text class="stats-number">0</text> <text class="stats-number">{{consultCount}}</text>
<text class="stats-label">公益咨询数</text> <text class="stats-label">公益咨询数</text>
</view> </view>
<view class="stats-item"> <view class="stats-item" @click="onStatsClick('flower')">
<text class="stats-number">0</text> <text class="stats-number">{{flowerCount}}</text>
<text class="stats-label">患者送花数</text> <text class="stats-label">患者送花数</text>
</view> </view>
<view class="divder"></view> <view class="divder"></view>
@ -34,25 +36,26 @@
<!-- 随访服务 --> <!-- 随访服务 -->
<view class="section"> <view class="section">
<view class="section-title">随访服务</view> <view class="section-title">随访服务</view>
<up-scroll-list indicatorActiveColor="#8B2316" indicatorWidth="40rpx" indicatorBarWidth="20rpx" class="service-grid"> <up-scroll-list indicatorActiveColor="#8B2316" indicatorWidth="40rpx" indicatorBarWidth="20rpx"
class="service-grid">
<view class="service-item" @click="goToPage('patientAudit')"> <view class="service-item" @click="goToPage('patientAudit')">
<up-image :src="hzshImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="hzshImg" width="48rpx" height="48rpx"></up-image>
<text>患者审核</text> <text>患者审核</text>
</view> </view>
<view class="service-item" @click="goToPage('patientGroup')"> <view class="service-item" @click="goToPage('patientGroup')">
<up-image :src="hzfzImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="hzfzImg" width="48rpx" height="48rpx"></up-image>
<text>患者分组</text> <text>患者分组</text>
</view> </view>
<view class="service-item" @click="goToPage('groupMessage')"> <view class="service-item" @click="goToPage('groupMessage')">
<up-image :src="qfxxImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="qfxxImg" width="48rpx" height="48rpx"></up-image>
<text>群发消息</text> <text>群发消息</text>
</view> </view>
<view class="service-item" @click="goToPage('qrcode')"> <view class="service-item" @click="goToPage('qrcode')">
<up-image :src="sfImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="sfImg" width="48rpx" height="48rpx"></up-image>
<text>随访二维码</text> <text>随访二维码</text>
</view> </view>
<view class="service-item" @click="goToPage('qrcode')"> <view class="service-item" @click="goToPage('qrcode')">
<up-image :src="czjhImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="czjhImg" width="48rpx" height="48rpx"></up-image>
<text>出诊计划</text> <text>出诊计划</text>
</view> </view>
</up-scroll-list> </up-scroll-list>
@ -64,19 +67,19 @@
<view class="section-title">学习进步</view> <view class="section-title">学习进步</view>
<view class="learning-grid"> <view class="learning-grid">
<view class="learning-item" @click="goToPage('myVideos')"> <view class="learning-item" @click="goToPage('myVideos')">
<up-image :src="wdspImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdspImg" width="48rpx" height="48rpx"></up-image>
<text>我的视频</text> <text>我的视频</text>
</view> </view>
<view class="learning-item" @click="goToPage('myCourses')"> <view class="learning-item" @click="goToPage('myCourses')">
<up-image :src="wdkcImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdkcImg" width="48rpx" height="48rpx"></up-image>
<text>我的课程</text> <text>我的课程</text>
</view> </view>
<view class="learning-item" @click="goToPage('myDownloads')"> <view class="learning-item" @click="goToPage('myDownloads')">
<up-image :src="wdxzImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdxzImg" width="48rpx" height="48rpx"></up-image>
<text>我的下载</text> <text>我的下载</text>
</view> </view>
<view class="learning-item" @click="goToPage('myFavorites')"> <view class="learning-item" @click="goToPage('myFavorites')">
<up-image :src="wdscImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdscImg" width="48rpx" height="48rpx"></up-image>
<text>我的收藏</text> <text>我的收藏</text>
</view> </view>
</view> </view>
@ -85,35 +88,32 @@
<!-- 账户明细 --> <!-- 账户明细 -->
<view class="section"> <view class="section">
<view class="section-title">账户明细</view> <view class="section-title">账户明细</view>
<up-scroll-list indicatorActiveColor="#8B2316" indicatorWidth="40rpx" indicatorBarWidth="20rpx" class="account-grid"> <up-scroll-list indicatorActiveColor="#8B2316" indicatorWidth="40rpx" indicatorBarWidth="20rpx"
class="account-grid">
<view class="account-item" @click="goToPage('myAccount')"> <view class="account-item" @click="goToPage('myAccount')">
<up-image :src="wdzzImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdzzImg" width="48rpx" height="48rpx"></up-image>
<text>我的账户</text> <text>我的账户</text>
</view> </view>
<view class="account-item" @click="goToPage('myPoints')"> <view class="account-item" @click="goToPage('myPoints')">
<up-image :src="wdjfImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdjfImg" width="48rpx" height="48rpx"></up-image>
<text>我的积分</text> <text>我的积分</text>
</view> </view>
<view class="account-item" @click="goToPage('myBenefits')"> <view class="account-item" @click="goToPage('myBenefits')">
<up-image :src="wdflImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdflImg" width="48rpx" height="48rpx"></up-image>
<text>我的福利</text> <text>我的福利</text>
</view> </view>
<view class="account-item" @click="goToPage('myReviews')"> <view class="account-item" @click="goToPage('myFlower')">
<up-image :src="wdxhImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wdxhImg" width="48rpx" height="48rpx"></up-image>
<text>我的鲜花</text> <text>我的鲜花</text>
</view> </view>
<view class="account-item" @click="goToPage('myReviews')"> <view class="account-item" @click="goToPage('pptDetail')">
<up-image :src="kjmxImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="kjmxImg" width="48rpx" height="48rpx"></up-image>
<text>课件明细</text> <text>课件明细</text>
</view> </view>
<view class="account-item" @click="goToPage('myReviews')"> <view class="account-item" @click="goToPage('courseDetail')">
<up-image :src="kcmxImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="kcmxImg" width="48rpx" height="48rpx"></up-image>
<text>课程明细</text> <text>课程明细</text>
</view> </view>
<view class="account-item" @click="goToPage('myReviews')">
<up-image :src="sxyImg" width="48rpx" height="48rpx" ></up-image>
<text>送心意</text>
</view>
</up-scroll-list> </up-scroll-list>
</view> </view>
@ -122,19 +122,19 @@
<view class="section-title">常用操作</view> <view class="section-title">常用操作</view>
<view class="operation-grid"> <view class="operation-grid">
<view class="operation-item" @click="goToPage('wechatUnbind')"> <view class="operation-item" @click="goToPage('wechatUnbind')">
<up-image :src="wxjbImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="wxjbImg" width="48rpx" height="48rpx"></up-image>
<text>微信解绑</text> <text>微信解绑</text>
</view> </view>
<view class="operation-item" @click="goToPage('changePhone')"> <view class="operation-item" @click="goToPage('changePhone')">
<up-image :src="ghsjhImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="ghsjhImg" width="48rpx" height="48rpx"></up-image>
<text>更换手机号</text> <text>更换手机号</text>
</view> </view>
<view class="operation-item" @click="goToPage('notifications')"> <view class="operation-item" @click="goToPage('notifications')">
<up-image :src="tzykImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="tzykImg" width="48rpx" height="48rpx"></up-image>
<text>通知已开</text> <text>通知已开</text>
</view> </view>
<view class="operation-item" @click="showVersion"> <view class="operation-item" @click="showVersion">
<up-image :src="versionImg" width="48rpx" height="48rpx" ></up-image> <up-image :src="versionImg" width="48rpx" height="48rpx"></up-image>
<text>V4.1.4</text> <text>V4.1.4</text>
</view> </view>
</view> </view>
@ -155,20 +155,7 @@
</view> </view>
</view> </view>
<!-- 发票管理 -->
<view class="sectioncell invoice-section">
<view class="invoice-item" @click="goToPage('invoiceManage')">
<view class="invoice-icon">
<up-image :src="fpgl" width="48rpx" height="48rpx"></up-image>
</view>
<view class="invoice-content">
<text class="invoice-title">发票管理</text>
</view>
<view class="invoice-arrow">
<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
</view>
</view>
</view>
<!-- 常用银行卡 --> <!-- 常用银行卡 -->
<view class="sectioncell bank-section"> <view class="sectioncell bank-section">
@ -216,8 +203,12 @@
<script setup> <script setup>
import CustomTabbar from '@/components/tabBar/tabBar.vue'; import CustomTabbar from '@/components/tabBar/tabBar.vue';
import { ref } from 'vue'; import {
import { onShow } from "@dcloudio/uni-app"; ref
} from 'vue';
import {
onShow
} from "@dcloudio/uni-app";
import hzshImg from "@/static/hzsh.png" import hzshImg from "@/static/hzsh.png"
import hzfzImg from "@/static/hzfz.png" import hzfzImg from "@/static/hzfz.png"
import qfxxImg from "@/static/qfxz.png" import qfxxImg from "@/static/qfxz.png"
@ -244,9 +235,50 @@
import fpgl from "@/static/fpgl.png" import fpgl from "@/static/fpgl.png"
import cyyhk from "@/static/cyhhk.png" import cyyhk from "@/static/cyhhk.png"
import settingImg from "@/static/setting.png" import settingImg from "@/static/setting.png"
import api from '@/api/api.js'
import navTo from "@/utils/navTo"
import linkUrl from "@/utils/docUrl"
// 响应式数据 // 响应式数据
const isLargeFont = ref(false); const isLargeFont = ref(false);
// 新增：我的信息数据
const avatar = ref('')
const username = ref('')
const followupCount = ref(0)
const consultCount = ref(0)
const flowerCount = ref(0)
const myInfoBackGround = ref('')
// 从storage获取用户信息
const getUserInfoFromStorage = () => {
try {
const userInfo = uni.getStorageSync('userInfo')
if (userInfo) {
avatar.value = linkUrl+userInfo.photo
username.value = userInfo.realName
}
} catch (e) {
console.error('从storage获取用户信息失败', e)
}
}
const fetchMyInfo = async () => {
try {
const res = await api.getMyInfo({})
if (res && res.code === 200 && res.data) {
const data = res.data
avatar.value = '',
myInfoBackGround.value = data.myInfoBackGround;
followupCount.value = data.follow_patient_num || data.relationPatientNum || 0
consultCount.value = data.consult_total || data.consultCount || 0
flowerCount.value = data.give_flower_num || data.flowerCount || 0
}
} catch (e) {
console.error('获取我的信息失败', e)
}
}
// 方法 // 方法
const toggleFontSize = () => { const toggleFontSize = () => {
isLargeFont.value = !isLargeFont.value; isLargeFont.value = !isLargeFont.value;
@ -263,41 +295,65 @@
const goToPage = (page) => { const goToPage = (page) => {
console.log('跳转到页面:', page); console.log('跳转到页面:', page);
let url="";
// 根据页面名称进行跳转 // 根据页面名称进行跳转
switch(page) { switch (page) {
case 'index': case 'patientAudit':
uni.switchTab({ url="/pages_app/myPatient/myPatient"
url: '/pages/index/index'
});
break; break;
case 'patientClass': case 'patientGroup':
uni.switchTab({ url="/pages_app/patientGroup/patientGroup"
url: '/pages_app/patientClass/patientClass' break;
}); case 'groupMessage':
url="/pages_app/groupMessage/groupMessage"
break;
case 'qrcode':
url="/pages_app/myCode/myCode"
break;
case 'myVideos':
url="/pages_app/myVideo/myVideo"
break;
case 'myCourses':
url="/pages_course/my_courses/my_courses"
break;
case 'myDownloads':
url="/pages_app/myDownLoad/myDownLoad"
break;
case 'myFavorites':
url="/pages_app/myCollect/myCollect"
break;
case 'myAccount':
url="/pages_app/myAccount/myAccount"
break;
case 'myPoints':
url="/pages_app/myPoint/myPoint"
break;
case 'myBenefits':
url="/pages_app/myWelfare/myWelfare"
break;
case 'myFlower':
url="/pages_app/myFlower/myFlower"
break;
case 'pptDetail':
url="/pages_app/myFlower/myFlower"
break;
case 'couseDetail':
url="/pages_app/myFlower/myFlower"
break;
case 'wechatUnbind':
url="/pages_app/wechatContact/wechatContact"
break;
case 'changePhone':
url="/pages_app/changeMobile/changeMobile"
break; break;
case 'benefitExchange': case 'benefitExchange':
uni.showToast({ url="/pages_app/myWelfareCard/myWelfareCard"
title: '福利卡兑换功能开发中',
icon: 'none'
});
break;
case 'invoiceManage':
uni.showToast({
title: '发票管理功能开发中',
icon: 'none'
});
break; break;
case 'bankCard': case 'bankCard':
uni.showToast({ url="/pages_app/bindCard/bindCard"
title: '常用银行卡功能开发中',
icon: 'none'
});
break; break;
case 'settings': case 'settings':
uni.showToast({ url="/pages_app/setting/setting"
title: '设置与帮助功能开发中',
icon: 'none'
});
break; break;
default: default:
uni.showToast({ uni.showToast({
@ -305,6 +361,9 @@
icon: 'none' icon: 'none'
}); });
} }
navTo({
url:url
})
}; };
const showYearSummary = () => { const showYearSummary = () => {
@ -323,156 +382,187 @@
}); });
}; };
const onStatsClick = (key) => {
let url = '';
switch (key) {
case 'followup':
// TODO: 跳转随访患者列表
url = '/pages_app/patientMsg/patientMsg'
break;
case 'consult':
// TODO: 跳转公益咨询列表
url = '/pages_app/consult/consult'
break;
case 'flower':
// TODO: 跳转送花记录
//uni.showToast({ title: '查看送花记录', icon: 'none' })
url = '/pages_app/myFlower/myFlower'
break;
default:
break;
}
navTo({
url: url
})
}
onShow(() => { onShow(() => {
console.log('我的页面显示'); console.log('我的页面显示');
getUserInfoFromStorage() // 先从storage获取用户信息
fetchMyInfo() // 然后从API获取最新数据
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// 颜色变量 // 颜色变量
$primary-color: #ff6b6b; $primary-color: #ff6b6b;
$theme-color: #8B2316; $theme-color: #8B2316;
$cyan-color: #00CED1; $cyan-color: #00CED1;
$white: #fff; $white: #fff;
$gray-bg: #f5f5f5; $gray-bg: #f5f5f5;
$gray-light: #eee; $gray-light: #eee;
$gray-medium: #999; $gray-medium: #999;
$gray-dark: #666; $gray-dark: #666;
$text-color: #333; $text-color: #333;
// 尺寸变量 // 尺寸变量
$border-radius: 8px; $border-radius: 8px;
$border-radius-small: 6px; $border-radius-small: 6px;
$padding: 15px; $padding: 15px;
$padding-small: 10px; $padding-small: 10px;
.page { .page {
background-color: $gray-bg; background-color: $gray-bg;
height: calc(100vh - 140rpx); height: calc(100vh - 140rpx);
overflow-y: scroll; overflow-y: scroll;
padding-bottom: 100rpx; padding-bottom: 100rpx;
}
// 用户信息卡片
.user-card {
background: url('@/static/big_background_my.png') no-repeat 0 0;
height:310rpx;
padding:0 30rpx;
background-size: cover;
position: relative;
margin-bottom: 67rpx;
.user-info {
padding-top: 30rpx;
display: flex;
align-items: center;
gap: 20rpx;
margin-bottom: 40rpx;
.avatar {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
}
.username {
color: $white;
font-size: 36rpx;
font-weight: bold;
}
} }
.stats-section {
// 用户信息卡片
.user-card {
background: url('@/static/big_background_my.png') no-repeat 0 0;
height: 310rpx;
padding: 0 30rpx;
background-size: cover;
position: relative; position: relative;
background-color: $white; margin-bottom: 67rpx;
border-radius: $border-radius;
padding: 30rpx;
display: flex;
justify-content: space-around;
margin-bottom: 20rpx;
.divder{
width:2rpx;
height:50rpx;
margin-top: 32rpx;
margin-left:10rpx;
margin-right: 150rpx;
background-color: #999;
}
.signbox{
position:absolute;
right:0;
top:54rpx;
width:160rpx;
height: 56rpx;
display: flex;
align-items: center;
.user-info {
border-radius:30rpx 0 0 30rpx; padding-top: 30rpx;
background:#fc564a url("@/static/qd1_bg.9.png")no-repeat 0 0;
background-size:57rpx 56rpx;
.sign{
margin-left: 60rpx;
font-size: 28rpx;
color:#fff;
}
}
.stats-item {
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
gap: 10rpx; gap: 20rpx;
margin-bottom: 40rpx;
.stats-number { .avatar {
font-size: 48rpx; width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
color: $text-color;
} }
.stats-label { .username {
font-size: 24rpx; color: $white;
color: $text-color; font-size: 36rpx;
font-weight: bold;
} }
} }
.stats-section {
position: relative;
background-color: $white;
border-radius: $border-radius;
padding: 30rpx;
display: flex;
justify-content: space-around;
margin-bottom: 20rpx;
.divder {
width: 2rpx;
height: 50rpx;
margin-top: 32rpx;
margin-left: 10rpx;
margin-right: 150rpx;
background-color: #999;
}
.signbox {
position: absolute;
right: 0;
top: 54rpx;
width: 160rpx;
height: 56rpx;
display: flex;
align-items: center;
border-radius: 30rpx 0 0 30rpx;
background: #fc564a url("@/static/qd1_bg.9.png")no-repeat 0 0;
background-size: 57rpx 56rpx;
.sign {
margin-left: 60rpx;
font-size: 28rpx;
color: #fff;
}
}
.stats-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10rpx;
.stats-number {
font-size: 48rpx;
color: $text-color;
}
.stats-label {
font-size: 24rpx;
color: $text-color;
}
}
}
.checkin-btn {
position: absolute;
top: 30rpx;
right: 30rpx;
background-color: $theme-color;
color: $white;
padding: 16rpx 24rpx;
border-radius: 40rpx;
display: flex;
align-items: center;
gap: 8rpx;
font-size: 28rpx;
}
} }
.checkin-btn { // 通用section样式
position: absolute; .section {
top: 30rpx; background-color: $white;
right: 30rpx; margin: $padding-small;
background-color: $theme-color; border-radius: $border-radius;
color: $white; padding: 26rpx;
padding: 16rpx 24rpx;
border-radius: 40rpx; .section-title {
font-size: 32rpx;
font-weight: bold;
color: $text-color;
margin-bottom: 30rpx;
}
}
// 服务网格
.learning-grid,
.operation-grid {
display: flex; display: flex;
align-items: center;
gap: 8rpx;
font-size: 28rpx;
} }
}
// 通用section样式
.section {
background-color: $white;
margin: $padding-small;
border-radius: $border-radius;
padding: 26rpx;
.section-title {
font-size: 32rpx;
font-weight: bold;
color: $text-color;
margin-bottom: 30rpx;
}
}
// 服务网格
.learning-grid,.operation-grid{
display: flex;
}
.service-item, .service-item,
.learning-item, .learning-item,
@ -485,7 +575,7 @@ $padding-small: 10px;
gap: 16rpx; gap: 16rpx;
padding: 20rpx; padding: 20rpx;
text{ text {
white-space: nowrap; white-space: nowrap;
font-size: 26rpx; font-size: 26rpx;
color: $text-color; color: $text-color;
@ -493,140 +583,141 @@ $padding-small: 10px;
} }
} }
.setbox{ .setbox {
margin:0 26rpx; margin: 0 26rpx;
border-radius:20rpx; border-radius: 20rpx;
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
// 新增模块样式
.benefit-section,
.invoice-section,
.bank-section,
.settings-section {
border-radius: $border-radius; // 新增模块样式
margin-bottom: 0; .benefit-section,
padding: 0; .invoice-section,
.bank-section,
.settings-section {
.benefit-item, border-radius: $border-radius;
.invoice-item, margin-bottom: 0;
.bank-item, padding: 0;
.settings-item {
display: flex;
align-items: center;
padding: 14rpx;
background-color: $white;
border-bottom:2rpx solid #efefef; .benefit-item,
.invoice-item,
.benefit-icon, .bank-item,
.invoice-icon, .settings-item {
.bank-icon,
.settings-icon {
width: 80rpx;
height: 80rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; padding: 14rpx;
margin-right: 20rpx; background-color: $white;
}
.benefit-content, border-bottom: 2rpx solid #efefef;
.invoice-content,
.bank-content,
.settings-content {
flex: 1;
.benefit-title, .benefit-icon,
.invoice-title, .invoice-icon,
.bank-title, .bank-icon,
.settings-title { .settings-icon {
font-size: 26rpx; width: 80rpx;
color: $text-color; height: 80rpx;
font-weight: 500; display: flex;
align-items: center;
justify-content: center;
margin-right: 20rpx;
}
.benefit-content,
.invoice-content,
.bank-content,
.settings-content {
flex: 1;
.benefit-title,
.invoice-title,
.bank-title,
.settings-title {
font-size: 26rpx;
color: $text-color;
font-weight: 500;
}
}
.benefit-arrow,
.invoice-arrow,
.bank-arrow,
.settings-arrow {
width: 30rpx;
height: 30rpx;
display: flex;
align-items: center;
justify-content: center;
} }
} }
}
.benefit-arrow,
.invoice-arrow, // 年度总结悬浮按钮
.bank-arrow, .year-summary-btn {
.settings-arrow { position: fixed;
width: 30rpx; bottom: 200rpx;
height: 30rpx; right: 0rpx;
width: 150rpx;
height: 80rpx;
background: linear-gradient(135deg, $cyan-color 0%, #20B2AA 100%);
border-radius: 60rpx 0 0 60rpx;
justify-content: flex-start;
align-items: center;
color: $white;
display: flex;
box-shadow: 0 8rpx 24rpx rgba(0, 206, 209, 0.3);
z-index: 999;
.year-text {
font-size: 24rpx;
font-weight: bold;
width: 70rpx;
height: 70rpx;
display: flex; display: flex;
align-items: center; margin-left: 5rpx;
justify-content: center; justify-content: center;
align-items: center;
color: #3cc7c0;
border-radius: 50%;
background-color: #fff;
}
.summary-text {
font-weight: bold;
width: 50rpx;
margin-left: 10rpx;
font-size: 20rpx;
} }
} }
}
// 底部导航栏
// 年度总结悬浮按钮 .bottom-nav {
.year-summary-btn { position: fixed;
position: fixed; bottom: 0;
bottom: 200rpx; left: 0;
right: 0rpx; right: 0;
width: 150rpx; background-color: $white;
height: 80rpx;
background: linear-gradient(135deg, $cyan-color 0%, #20B2AA 100%);
border-radius: 60rpx 0 0 60rpx;
justify-content: flex-start;
align-items: center;
color: $white;
display: flex;
box-shadow: 0 8rpx 24rpx rgba(0, 206, 209, 0.3);
z-index: 999;
.year-text {
font-size: 24rpx;
font-weight: bold;
width:70rpx;
height:70rpx;
display: flex; display: flex;
margin-left: 5rpx; border-top: 1px solid $gray-light;
justify-content: center; padding: 16rpx 0;
align-items: center; z-index: 1000;
color:#3cc7c0;
border-radius: 50%;
background-color: #fff;
}
.summary-text { .nav-item {
font-weight: bold; flex: 1;
width:50rpx; display: flex;
margin-left: 10rpx; flex-direction: column;
font-size: 20rpx; align-items: center;
} gap: 8rpx;
} font-size: 20rpx;
color: $gray-medium;
// 底部导航栏 &.active {
.bottom-nav { color: $theme-color;
position: fixed; }
bottom: 0;
left: 0;
right: 0;
background-color: $white;
display: flex;
border-top: 1px solid $gray-light;
padding: 16rpx 0;
z-index: 1000;
.nav-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 8rpx;
font-size: 20rpx;
color: $gray-medium;
&.active {
color: $theme-color;
} }
} }
}
</style> </style>

11
pages_app/myFlower/myFlower.vue
View File

@ -2,6 +2,17 @@
<view class="flower-page"> <view class="flower-page">
<!-- 顶部统计栏（与截图一致：两项） --> <!-- 顶部统计栏（与截图一致：两项） -->
<uni-nav-bar
left-icon="left"
title="我的鲜花"
@clickLeft="goBack"
fixed
color="#8B2316"
height="140rpx"
:border="false"
backgroundColor="#eeeeee"
/>
<view class="stats-bar"> <view class="stats-bar">
<view class="stat"> <view class="stat">
<up-image :src="flowerImg" width="36rpx" height="36rpx" ></up-image> <up-image :src="flowerImg" width="36rpx" height="36rpx" ></up-image>

40
pages_app/webview/webview.vue Normal file
View File

@ -0,0 +1,40 @@
<template>
<view class="container">
<!-- H5/APP 使用 web-view 也可，但 plus 下直接 openURL 更流畅，这里统一 -->
<!-- 小程序端必须使用 web-view -->
<!-- #ifdef MP -->
<web-view :src="safeUrl"></web-view>
<!-- #endif -->
<!-- #ifndef MP -->
<view class="tip">仅小程序内使用内嵌浏览器，其它端请直接打开外部浏览器。</view>
<!-- #endif -->
</view>
</template>
<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
const safeUrl = ref('')
onLoad((query) => {
// 兼容编码后的 url
const raw = query && (query.url || '')
try {
safeUrl.value = decodeURIComponent(raw)
} catch (e) {
safeUrl.value = raw
}
})
</script>
<style>
.container{
min-height: 100vh;
}
.tip{
padding: 24rpx;
color: #666;
font-size: 28rpx;
}
</style>

18
utils/docUrl.js Normal file
View File

@ -0,0 +1,18 @@
let DOC_URL=''
if(process.env.UNI_PLATFORM =="h5"){
if (window.location.href.indexOf('//casedata.igandan.com')>-1){
DOC_URL='https://doc.igandan.com/app/'
}else{
DOC_URL='https://dev-doc.igandan.com/app/'
}
}else if(process.env.UNI_PLATFORM =="mp-weixin"){
const { envVersion } = uni.getAccountInfoSync().miniProgram;
if (envVersion == "release") {
DOC_URL='https://app.igandan.com/app/'
}else{
DOC_URL='https://dev-doc.igandan.com/app/'
}
}else{
DOC_URL='https://dev-doc.igandan.com/app/'
}
export default DOC_URL

41
utils/request.js
View File

@ -40,31 +40,54 @@ export const request = (url, data = {}, method = 'post', loading = false, conten
let defaultData={} let defaultData={}
let freeList=['/manager/getSystemTimeStamp','/expertAPI/smsLogin','/login/mobile','/expertAPI/login','/expertAPI/index'] let freeList=['/manager/getSystemTimeStamp','/expertAPI/smsLogin','/login/mobile','/expertAPI/login','/expertAPI/index']
let postData={
...data
}
if(freeList.indexOf(url)!=-1){ if(freeList.indexOf(url)!=-1){
if(freeList[4].indexOf(url)!=-1){ if(freeList[4].indexOf(url)!=-1){
if(!token){ if(!token){
header['Authorization']='Bearer ' + '' header['Authorization']='Bearer ' + ''
}else{ }else{
header['Authorization']='Bearer ' + token header['Authorization']='Bearer ' + token;
let userInfo= uni.getStorageSync('userInfo')
defaultData = {
version: '4.0.0',
user_uuid:userInfo.uuid,
client_type: 'A', //client_type,
}
postData={
...data,
...defaultData
}
} }
} }
}else{ }else{
if(token){ if(token){
header['Authorization']='Bearer ' +token header['Authorization']='Bearer ' +token;
let userInfo= uni.getStorageSync('userInfo')
defaultData = {
version: '4.0.0',
user_uuid:userInfo.uuid,
client_type: 'A', //client_type,
}
defaultData = {
version: '4.0.0',
user_uuid:userInfo.uuid,
client_type: 'A', //client_type,
}
postData={
...data,
...defaultData
}
} }
} }
// defaultData = {
// version: '4.0.0',
// user_uuid: 'Rj3zuTY6zP6YTjHsYEz',
// client_type: 'A', //client_type,
// }
return new Promise(function(e, n) { return new Promise(function(e, n) {
let timestamp = Date.now(); let timestamp = Date.now();
uni.request({ uni.request({
data: {...data}, data: {...data,...defaultData},
url: url.indexOf('http') != -1 ? url : encodeURI(BASE_URL + url), url: url.indexOf('http') != -1 ? url : encodeURI(BASE_URL + url),
method: method, method: method,
sslVerify: false, sslVerify: false,