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

我的页面

Browse Source
This commit is contained in:
haomingming 2025-09-25 10:28:27 +08:00
parent b884a8f6fc
commit 9e78b974a2
17 changed files with 897 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
App.vue
View File

@ -18,6 +18,7 @@ import { STORAGE_KEY } from "@/utils/im/constants";
import { isWxApp } from "@/utils/im/index";
/** 国际化*/
import { setLanguage } from "@/utils/im/i18n";
import BASE_URL from "@/utils/config.js"
// #ifdef APP-PLUS
/** 推送插件 */
@ -53,7 +54,7 @@ export default {
let storage_accid='';
if (process.env.UNI_PLATFORM == "h5") {
if (window.location.href.indexOf('dev') > -1) {
storage_accid=uni.getetStorageSync('AUTH_YX_ACCID_App');
storage_accid=uni.getStorageSync('AUTH_YX_ACCID_App');
storage_token=uni.setStorageSync('AUTH_YX_TOKEN_App');
} else {
storage_accid=uni.getStorageSync('DEV_AUTH_YX_ACCID_App');
@ -64,7 +65,7 @@ export default {
envVersion
} = uni.getAccountInfoSync().miniProgram;
if (envVersion == "release") {
storage_accid=uni.getetStorageSync('AUTH_YX_ACCID_App');
storage_accid=uni.getStorageSync('AUTH_YX_ACCID_App');
storage_token=uni.setStorageSync('AUTH_YX_TOKEN_App');
} else {
storage_accid=uni.getStorageSync('DEV_AUTH_YX_ACCID_App');
@ -76,7 +77,7 @@ export default {
storage_token=uni.getStorageSync('DEV_AUTH_YX_TOKEN_App');
} else {
storage_accid=uni.getetStorageSync('AUTH_YX_ACCID_App');
storage_accid=uni.getStorageSync('AUTH_YX_ACCID_App');
storage_token=uni.setStorageSync('AUTH_YX_TOKEN_App');
}
}

20
api/my_api.js Normal file
View File

@ -0,0 +1,20 @@
import {request} from '@/utils/request.js'
const my_api = {
isBoundWechat() {
return request('/expertAPI/isBoundWechatByUuid', {}, 'post', true);
},
unBindWechat(data) {
return request('/expertAPI/delWechatExpert', data, 'post', true);
},
bindWechat(data) {
return request('/expertAPI/addWechatExpert', data, 'post', true);
},
expertWxLogin(data,header) {
return request('/expertAPI/wechatLogin', data, 'post', true,'application/json',header);
}
}
export default my_api;

16
manifest.json
View File

@ -18,7 +18,10 @@
},
"modules" : {
"OAuth" : {},
"Payment" : {}
"Payment" : {},
"Share" : {},
"Webview-x5" : {},
"UIWebview" : {}
},
/* 模块配置 */
"distribute" : {
@ -53,6 +56,7 @@
"oauth" : {
"weixin" : {
"appid" : "wxbf3658f5e674667c",
"appsecret" : "c4505a04a9910c65efea8e11ffc93f92",
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
}
},
@ -62,7 +66,15 @@
"appid" : "wxbf3658f5e674667c",
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
}
}
},
"ad" : {},
"share" : {
"weixin" : {
"appid" : "wxbf3658f5e674667c",
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
}
},
"speech" : {}
},
"splashscreen" : {
"androidStyle" : "common"

9
pages.json
View File

@ -67,6 +67,13 @@
"bounce": "none"
}
}
},
{
"path": "pages/webview/webview",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
],
"subPackages": [
@ -1089,7 +1096,7 @@
"list": [
{
"name": "",
"path": "pages_app/videoDetail/videoDetail",
"path": "pages/index/index",
"query": ""
}
]

8
pages/index/index.vue
View File

@ -644,7 +644,7 @@
// }
};
// 测试tabbar功能的方法
//测试tabbar功能的方法
const testTabbar = () => {
nextTick(() => {
if (tabbarRef.value) {
@ -655,9 +655,9 @@
tabbarRef.value.showRedDot(2);
// 3秒后隐藏红点
setTimeout(() => {
tabbarRef.value.hideRedDot(2);
}, 3000);
// setTimeout(() => {
// tabbarRef.value.hideRedDot(2);
// }, 3000);
}
});
};

186
pages/my/my.vue
View File

@ -9,7 +9,17 @@
:style="{'background-image': `url(${myInfoBackGround || '/static/big_background_my.png'})`, 'background-size':'cover','background-repeat':'no-repeat'}">
<view class="user-info">
<image class="avatar" :src="avatar" mode="aspectFill"></image>
<text class="username">{{username}}</text>
<view class="user-info-content">
<text class="username">{{username}}</text>
<scroll-view class="honor_box" scroll-x="true" show-scrollbar="false">
<view class="honor_wrap">
<view class="honor_item" v-for="item in honor_list" :key="item.id">
<image class="honor_image" src="/static/wdsc.png" mode="aspectFill"></image>
<text class="honor_text">{{ item.nick_name }}</text>
</view>
</view>
</scroll-view>
</view>
</view>
<!-- 统计数据 -->
@ -27,9 +37,12 @@
<text class="stats-label">患者送花数</text>
</view>
<view class="divder"></view>
<view class="signbox">
<view class="signbox" v-if="sign_in == 0" @click="onSignClick">
<view class="sign">签到</view>
</view>
<view class="signbox_1" v-else @click="goToPage('pointMall')">
<view class="sign">{{ formatToChineseUnit(totalPoints) }}</view>
</view>
</view>
</view>
@ -117,13 +130,15 @@
</up-scroll-list>
</view>
<!-- #ifdef APP -->
<!-- 常用操作 -->
<view class="section">
<view class="section-title">常用操作</view>
<view class="operation-grid">
<view class="operation-item" @click="goToPage('wechatUnbind')">
<up-image :src="wxjbImg" width="48rpx" height="48rpx"></up-image>
<text>微信解绑</text>
<text v-if="isBoundWechat">微信解绑</text>
<text v-else>微信绑定</text>
</view>
<view class="operation-item" @click="goToPage('changePhone')">
<up-image :src="ghsjhImg" width="48rpx" height="48rpx"></up-image>
@ -135,10 +150,11 @@
</view>
<view class="operation-item" @click="showVersion">
<up-image :src="versionImg" width="48rpx" height="48rpx"></up-image>
<text>V4.1.4</text>
<text>V{{version}}</text>
</view>
</view>
</view>
<!-- #endif -->
<view class="setbox">
<!-- 福利卡兑换 -->
<view class="sectioncell benefit-section">
@ -209,6 +225,7 @@
import {
onShow
} from "@dcloudio/uni-app";
import version from '@/utils/version.js'
import hzshImg from "@/static/hzsh.png"
import hzfzImg from "@/static/hzfz.png"
import qfxxImg from "@/static/qfxz.png"
@ -236,6 +253,7 @@
import cyyhk from "@/static/cyhhk.png"
import settingImg from "@/static/setting.png"
import api from '@/api/api.js'
import my_api from '@/api/my_api.js'
import navTo from "@/utils/navTo"
import linkUrl from "@/utils/docUrl"
// 响应式数据
@ -248,7 +266,9 @@
const consultCount = ref(0)
const flowerCount = ref(0)
const myInfoBackGround = ref('')
const totalPoints = ref(0)
const sign_in = ref(0)
const honor_list = ref([])
// 从storage获取用户信息
const getUserInfoFromStorage = () => {
try {
@ -263,34 +283,79 @@
}
}
// 签到点击事件
const onSignClick = async () => {
try {
// 调用添加积分接口
const res = await api.addBonusPointsN({
score_type:1
});
if (res && res.code ==1) {
// 签到成功
sign_in.value = 1;
uni.showToast({
title: '签到成功，获得'+res.bonuspoints+'积分',
icon: 'none'
});
} else {
uni.showToast({
title: res?.msg || '签到失败',
icon: 'none'
});
}
} catch (error) {
console.error('签到失败:', error);
uni.showToast({
title: '签到失败，请重试',
icon: 'none'
});
}
};
const fetchMyInfo = async () => {
try {
const res = await api.getMyInfo({})
if (res && res.code === 200 && res.data) {
const data = res.data
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
myInfoBackGround.value = data.myInfoBackGround;
followupCount.value = data.expert_apply_num || 0
consultCount.value = data.consult_total_num || 0
flowerCount.value = data.ping_flowewr_num || 0
totalPoints.value = data.total_points || 0
sign_in.value = data.sign_in || 0
honor_list.value = data.honor_list || []
}
} catch (e) {
console.error('获取我的信息失败', e)
}
}
// 数字格式化为中文单位（万/亿）
const formatToChineseUnit = (value, fractionDigits = 1) => {
if (value == null || value === '' || isNaN(Number(value))) return value;
const num = Number(value);
const sign = num < 0 ? '-' : '';
const abs = Math.abs(num);
if (abs < 10000) {
return sign + String(abs);
}
if (abs < 100000000) {
const v = (abs / 10000).toFixed(fractionDigits);
return sign + (v.indexOf('.') > -1 ? v.replace(/\.0+$/, '').replace(/(\.\d*?)0+$/, '$1') : v) + '万';
}
const v = (abs / 100000000).toFixed(fractionDigits);
return sign + (v.indexOf('.') > -1 ? v.replace(/\.0+$/, '').replace(/(\.\d*?)0+$/, '$1') : v) + '亿';
}
// 方法
const toggleFontSize = () => {
isLargeFont.value = !isLargeFont.value;
console.log('切换字体大小:', isLargeFont.value ? '大字版' : '普通版');
};
const checkin = () => {
console.log('签到');
uni.showToast({
title: '签到成功',
icon: 'success'
});
};
const goToPage = (page) => {
console.log('跳转到页面:', page);
@ -327,6 +392,9 @@
case 'myPoints':
url="/pages_app/myPoint/myPoint"
break;
case 'pointMall':
url="/pages_goods/pointMall/pointMall"
break;
case 'myBenefits':
url="/pages_app/myWelfare/myWelfare"
break;
@ -376,7 +444,7 @@
const showVersion = () => {
uni.showModal({
title: '版本信息',
content: '当前版本：V4.1.4',
content: '当前版本：V'+version,
showCancel: false
});
};
@ -405,10 +473,19 @@
})
}
const getIsBoundWechat = async () => {
const res = await my_api.isBoundWechat()
console.log(res)
if (res.code === 200 && res.data) {
isBoundWechat.value = res.data
}
}
const isBoundWechat = ref(false)
onShow(() => {
console.log('我的页面显示');
getUserInfoFromStorage() // 先从storage获取用户信息
fetchMyInfo() // 然后从API获取最新数据
getIsBoundWechat()
});
</script>
@ -462,11 +539,57 @@
}
.username {
color: $white;
font-size: 36rpx;
font-weight: bold;
.user-info-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10rpx;
.username {
color: $white;
font-size: 36rpx;
font-weight: bold;
}
.honor_box {
width: 500rpx;
/* 根据设计可调整宽度，使内容可横向滚动 */
white-space: nowrap;
}
.honor_wrap {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 10rpx;
}
.honor_item {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 10rpx;
flex: 0 0 auto;
padding: 6rpx 12rpx;
border: 2rpx solid rgba(255, 255, 255, 0.6);
border-radius: 24rpx;
background: rgba(255, 255, 255, 0.08);
}
.honor_image {
width: 24rpx;
height: 24rpx;
}
.honor_text {
font-size: 24rpx;
color: $white;
}
}
}
}
.stats-section {
@ -508,6 +631,26 @@
}
}
.signbox_1 {
position: absolute;
right: 0;
top: 54rpx;
width: 160rpx;
height: 56rpx;
display: flex;
align-items: center;
border: 1rpx solid #fc564a;
border-radius: 30rpx 0 0 30rpx;
background: #fff url("@/static/qd_bg.9.png")no-repeat 0 0;
background-size: 57rpx 56rpx;
.sign {
margin-left: 60rpx;
font-size: 28rpx;
color: #fc564a;
}
}
.stats-item {
display: flex;
flex-direction: column;
@ -540,7 +683,6 @@
gap: 8rpx;
font-size: 28rpx;
}
}
// 通用section样式
.section {

18
pages/webview/webview.vue Normal file
View File

@ -0,0 +1,18 @@
<template>
<web-view :src="url"></web-view>
</template>
<script>
export default {
data() {
return {
url: ''
}
},
onLoad(item) {
// 传入需要跳转的链接 使用web-view标签进行跳转
this.url = decodeURIComponent(item.url)
// console.log(this.url)
}
}
</script>

114
pages_app/login/login.vue
View File

@ -108,6 +108,10 @@
import checkImg from "@/static/login_new_unselect.png"
import checkOnImg from "@/static/login_new_select.png"
import api from "@/api/api.js"
import my_api from "@/api/my_api.js"
import BASE_URL from "@/utils/config.js"
import { createSignedPostData } from '@/utils/sign.js'
import navTo from "@/utils/navTo"
const customStyle = reactive({
height: "100rpx",
@ -135,7 +139,7 @@
console.log('一键登录');
uni.showLoading({
title: '登录中...'
title: '登录中2...'
});
// 模拟登录过程
@ -173,34 +177,90 @@
return;
}
console.log('微信登录');
wx.login({
success(res) {
if (res.code) {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
api.expertWxLogin(res.code).then((data) => {
console.log(data)
if (data.data.openid) {
if (process.env.NODE_ENV === 'development') {
uni.setStorageSync('DEV_APPID', data.data.openid);
} else {
uni.setStorageSync('AUTH_APPID', data.data.openid);
}
}
// #ifdef APP
uni.showToast({
title: '微信登录 11',
icon: 'none'
});
// #endif
uni.login({
provider: 'weixin',
success: function (loginRes) {
// 登录成功
uni.getUserInfo({
provider: 'weixin',
success: async function(info) {
// 获取用户信息成功, info.authResult保存用户信息
// #ifdef APP
uni.showToast({
title: info.userInfo.nickName,
icon: 'none'
});
// #endif
const wechat_user_info = {
openid:info.userInfo.openId,
unionid:info.userInfo.unionId,
nickname:info.userInfo.nickName,
}
const { postData, sign } = await createSignedPostData({
wechat_user_info: JSON.stringify(wechat_user_info),
current_spec: "uniapp"
})
let openid = ""
if (process.env.NODE_ENV === 'development') {
openid = uni.getStorageSync('DEV_APPID');
} else {
openid = uni.getStorageSync('AUTH_APPID');
}
console.log("openid: ", openid)
})
} else {
console.log('登录失败！' + res.errMsg);
}
}
// #ifdef APP
uni.showToast({
title: sign,
icon: 'none'
});
// #endif
my_api.expertWxLogin(postData,{
sign:sign
}).then(res=>{
uni.showToast({
title: '登录成功',
icon: 'success'
})
if (BASE_URL.indexOf('dev') == -1) {
uni.setStorageSync('AUTH_TOKEN_App',res.data.access_token);
uni.setStorageSync('AUTH_YX_ACCID_App', res.data.YX_accid);
uni.setStorageSync('AUTH_YX_TOKEN_App', res.data.YX_token);
uni.setStorageSync('userInfo', res.data);
} else {
uni.setStorageSync('DEV_AUTH_TOKEN_App', res.data.access_token);
uni.setStorageSync('DEV_AUTH_YX_ACCID_App', res.data.YX_accid);
uni.setStorageSync('DEV_AUTH_YX_TOKEN_App', res.data.YX_token);
uni.setStorageSync('userInfo', res.data);
}
// 跳转到首页
navTo({
url: '/pages/index/index'
})
}).catch(err=>{
console.log(err)
uni.showToast({
title: res.data.msg || '登录失败',
icon: 'none'
})
})
}
})
},
fail: function (err) {
// 登录授权失败
// err.code是错误码
console.log(err)
// #ifdef APP
uni.showToast({
title: err,
icon: 'none'
});
// #endif
}
});
};

68
pages_app/pwdLogin/pwdLogin.vue
View File

@ -102,7 +102,10 @@
import eyeOpenImg from "@/static/eye_open.png"
import eyeCloseImg from "@/static/eye_close.png"
import api from "@/api/api.js"
import my_api from "@/api/my_api.js";
import BASE_URL from "@/utils/config.js";
import { createSignedPostData } from '@/utils/sign.js'
import navTo from "@/utils/navTo"
const customStyle = reactive({
height: "100rpx",
@ -284,11 +287,68 @@
return;
}
console.log('微信登录');
uni.showToast({
title: '微信登录功能开发中',
icon: 'none'
console.log('微信登录 11');
uni.login({
provider: 'weixin',
success: function (loginRes) {
// 登录成功
uni.getUserInfo({
provider: 'weixin',
success: async function(info) {
// 获取用户信息成功, info.authResult保存用户信息
const wechat_user_info = {
openid:info.userInfo.openId,
unionid:info.userInfo.unionId,
nickname:info.userInfo.nickName,
}
const { postData, sign } = await createSignedPostData({
wechat_user_info: JSON.stringify(wechat_user_info),
current_spec: "uniapp"
})
my_api.expertWxLogin(postData,{
sign:sign
}).then(res=>{
uni.showToast({
title: '登录成功',
icon: 'success'
})
if (BASE_URL.indexOf('dev') == -1) {
uni.setStorageSync('AUTH_TOKEN_App',res.data.access_token);
uni.setStorageSync('AUTH_YX_ACCID_App', res.data.YX_accid);
uni.setStorageSync('AUTH_YX_TOKEN_App', res.data.YX_token);
uni.setStorageSync('userInfo', res.data);
} else {
uni.setStorageSync('DEV_AUTH_TOKEN_App', res.data.access_token);
uni.setStorageSync('DEV_AUTH_YX_ACCID_App', res.data.YX_accid);
uni.setStorageSync('DEV_AUTH_YX_TOKEN_App', res.data.YX_token);
uni.setStorageSync('userInfo', res.data);
}
// 跳转到首页
navTo({
url: '/pages/index/index'
})
}).catch(err=>{
console.log(err)
uni.showToast({
title: res.data.msg || '登录失败',
icon: 'none'
})
})
}
})
},
fail: function (err) {
// 登录授权失败
// err.code是错误码
console.log(err)
}
});
};
// 切换协议同意状态

296
pages_app/setting/setting.vue
View File

@ -17,6 +17,7 @@
<!-- 设置选项列表 -->
<view class="settings-list">
<!-- #ifdef APP -->
<!-- 消息通知 -->
<view class="setting-item" @click="toggleNotification">
<text class="setting-text">消息通知</text>
@ -25,7 +26,7 @@
</view>
</view>
<!-- #endif -->
<!-- 修改登录密码 -->
<view class="setting-item" @click="goToChangePassword">
<text class="setting-text">修改登录密码</text>
@ -37,27 +38,27 @@
<text class="setting-text">更换手机号</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
<!-- #ifdef APP -->
<!-- 版本更新 -->
<view class="setting-item" @click="checkUpdate">
<text class="setting-text">版本更新</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
<!-- #endif -->
<!-- 关于肝胆相照 -->
<view class="setting-item" @click="goToAbout">
<view class="setting-item" @click="goToPage('https://doc.igandan.com/app/html/about/2017/about2.html')">
<text class="setting-text">关于肝胆相照</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
<!-- 分享肝胆相照APP -->
<view class="setting-item" @click="shareApp">
<view class="setting-item" @click="shareToggle">
<text class="setting-text">分享肝胆相照APP</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
<!-- 肝胆相照直播群 -->
<view class="setting-item" @click="goToLiveGroup">
<view class="setting-item" @click="goToPage('https://wx.igandan.com/qun/gdxzqun')">
<text class="setting-text">肝胆相照直播群</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
@ -67,7 +68,7 @@
<text class="setting-text">微信关联</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
<!-- #ifdef APP -->
<!-- 清除缓存 -->
<view class="setting-item" @click="clearCache">
<text class="setting-text">清除缓存</text>
@ -76,7 +77,7 @@
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
</view>
<!-- #endif -->
<!-- 意见反馈 -->
<view class="setting-item" @click="goToFeedback">
<text class="setting-text">意见反馈</text>
@ -90,13 +91,13 @@
</view>
<!-- 注册协议 -->
<view class="setting-item" @click="goToAgreement">
<view class="setting-item" @click="goToPage('https://doc.igandan.com/app/integral/expert_zcxy.html')">
<text class="setting-text">注册协议</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
<!-- 隐私政策 -->
<view class="setting-item" @click="goToPrivacy">
<view class="setting-item" @click="goToPage('https://doc.igandan.com/app/integral/permission_expert.html')">
<text class="setting-text">隐私政策</text>
<uni-icons type="right" size="20" color="#999"></uni-icons>
</view>
@ -106,13 +107,45 @@
<view class="logout-section">
<button class="logout-btn" @click="logout">退出登录</button>
</view>
<view>
<!-- 分享弹窗 -->
<uni-popup ref="shareRef" type="bottom" safeArea backgroundColor="#fff">
<view class="share-popup">
<view class="share-title">分享到</view>
<view class="share-content">
<view class="share-item" @click="shareToWechat">
<view class="share-icon wechat-icon">
<text class="share-icon-text">微</text>
</view>
<text class="share-text">微信</text>
</view>
<view class="share-item" @click="shareToMoments">
<view class="share-icon moments-icon">
<text class="share-icon-text">朋</text>
</view>
<text class="share-text">朋友圈</text>
</view>
<view class="share-item" @click="shareToWeibo">
<view class="share-icon weibo-icon">
<text class="share-icon-text">微</text>
</view>
<text class="share-text">新浪微博</text>
</view>
</view>
<view class="share-cancel" @click="closeShare">
<text>取消</text>
</view>
</view>
</uni-popup>
</view>
</view>
</template>
<script setup>
import { ref } from 'vue';
import { onShow } from "@dcloudio/uni-app";
import navTo from "@/utils/navTo"
// 返回上一页
const goBack = () => {
uni.navigateBack();
@ -127,6 +160,11 @@
});
};
const goToPage = (url) => {
uni.navigateTo({
url: '/pages/webview/webview?url=' + url
});
};
// 跳转到修改密码页面
const goToChangePassword = () => {
uni.navigateTo({
@ -157,13 +195,154 @@
});
};
const shareRef = ref()
// 分享APP
const shareApp = () => {
uni.showToast({
title: '分享APP',
icon: 'none'
const shareToggle = () => {
shareRef.value.open()
}
// 关闭分享弹窗
const closeShare = () => {
shareRef.value.close()
}
// 分享到微信
const shareToWechat = () => {
// #ifdef APP-PLUS
// 使用系统分享
uni.share({
provider: "weixin",
scene: "WXSceneSession",
type: 1,
summary: "肝胆相照APP - 专业的医疗健康平台，快来下载体验吧！\n下载链接：https://www.igandan.com",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
fail: function (err) {
console.log("fail:" + JSON.stringify(err));
}
});
};
// #endif
// #ifdef H5
// H5环境下的分享
if (navigator.share) {
navigator.share({
title: '肝胆相照APP',
text: '专业的医疗健康平台，快来下载体验吧！',
url: 'https://www.igandan.com'
}).then(() => {
uni.showToast({
title: '分享成功',
icon: 'success'
})
}).catch(() => {
uni.showToast({
title: '分享失败',
icon: 'none'
})
})
} else {
// 复制到剪贴板
uni.setClipboardData({
data: '肝胆相照APP - 专业的医疗健康平台，快来下载体验吧！\n下载链接：https://www.igandan.com',
success: () => {
uni.showToast({
title: '已复制到剪贴板',
icon: 'success'
})
}
})
}
// #endif
// #ifdef MP-WEIXIN
// 微信小程序分享
uni.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
})
// #endif
closeShare()
}
// 分享到朋友圈
const shareToMoments = () => {
// #ifdef APP-PLUS
uni.share({
provider: "weixin",
scene: "WXSceneTimeline",
type: 1,
summary: "肝胆相照APP - 专业的医疗健康平台，快来下载体验吧！\n下载链接：https://www.igandan.com",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
fail: function (err) {
console.log("fail:" + JSON.stringify(err));
}
});
// #endif
// #ifdef H5
// 复制到剪贴板
uni.setClipboardData({
data: '肝胆相照APP - 专业的医疗健康平台，快来下载体验吧！\n下载链接：https://www.igandan.com',
success: () => {
uni.showToast({
title: '已复制到剪贴板，可分享到朋友圈',
icon: 'success'
})
}
})
// #endif
// #ifdef MP-WEIXIN
uni.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
})
// #endif
closeShare()
}
// 分享到新浪微博
const shareToWeibo = () => {
// #ifdef APP-PLUS
plus.share.sendWithSystem({
type: 'text',
content: '肝胆相照APP - 专业的医疗健康平台，快来下载体验吧！\n下载链接：https://www.igandan.com'
}, () => {
uni.showToast({
title: '分享成功',
icon: 'success'
})
}, (err) => {
console.log('分享失败：', err)
uni.showToast({
title: '分享失败',
icon: 'none'
})
})
// #endif
// #ifdef H5
// 复制到剪贴板
uni.setClipboardData({
data: '肝胆相照APP - 专业的医疗健康平台，快来下载体验吧！\n下载链接：https://www.igandan.com',
success: () => {
uni.showToast({
title: '已复制到剪贴板，可分享到微博',
icon: 'success'
})
}
})
// #endif
closeShare()
}
// 跳转到直播群页面
const goToLiveGroup = () => {
@ -247,7 +426,7 @@
<style scoped>
.content {
background-color: #f5f5f5;
min-height: 100vh;
/* min-height: 100vh; */
padding-bottom: 160rpx; /* 为固定的退出登录按钮留出空间 */
}
@ -331,10 +510,10 @@
/* 退出登录按钮样式 */
.logout-section {
position: fixed;
/* position: fixed;
bottom: 0;
left: 0;
right: 0;
right: 0; */
padding: 30rpx;
background-color: #fff;
border-top: 1rpx solid #e0e0e0;
@ -357,4 +536,83 @@
.logout-btn:active {
background-color: #fff0f0;
}
/* 分享弹窗样式 */
.share-popup {
background-color: #fff;
border-radius: 20rpx 20rpx 0 0;
padding: 40rpx 0 0;
}
.share-title {
text-align: center;
font-size: 32rpx;
color: #333;
margin-bottom: 40rpx;
font-weight: 500;
}
.share-content {
display: flex;
justify-content: space-around;
padding: 0 40rpx 40rpx;
}
.share-item {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
}
.share-icon {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20rpx;
}
.wechat-icon {
background-color: #07C160;
}
.moments-icon {
background-color: #07C160;
}
.weibo-icon {
background-color: #E6162D;
}
.qq-icon {
background-color: #12B7F5;
}
.share-icon-text {
font-size: 50rpx;
color: #fff;
font-weight: bold;
}
.share-text {
font-size: 24rpx;
color: #666;
}
.share-cancel {
height: 100rpx;
display: flex;
align-items: center;
justify-content: center;
border-top: 1rpx solid #f0f0f0;
font-size: 32rpx;
color: #333;
}
.share-cancel:active {
background-color: #f5f5f5;
}
</style>

74
pages_app/smsLogin/smsLogin.vue
View File

@ -107,6 +107,11 @@
import pwdImg from "@/static/pwd.png"
import { Base64 } from 'js-base64';
import { md5 } from 'js-md5';
import BASE_URL from "@/utils/config.js";
import my_api from "@/api/my_api.js";
import { createSignedPostData } from '@/utils/sign.js'
import navTo from "@/utils/navTo"
const customStyle = reactive({
height: "100rpx",
fontSize: "36rpx",
@ -388,8 +393,8 @@
}
};
// 微信登录
const onWechatLogin = () => {
// 微信登录
const onWechatLogin = () => {
if (!isAgreed.value) {
uni.showToast({
title: '请先同意相关协议',
@ -398,11 +403,68 @@
return;
}
console.log('微信登录');
uni.showToast({
title: '微信登录功能开发中',
icon: 'none'
console.log('微信登录 11');
uni.login({
provider: 'weixin',
success: function (loginRes) {
// 登录成功
uni.getUserInfo({
provider: 'weixin',
success: async function(info) {
// 获取用户信息成功, info.authResult保存用户信息
const wechat_user_info = {
openid:info.userInfo.openId,
unionid:info.userInfo.unionId,
nickname:info.userInfo.nickName,
}
const { postData, sign } = await createSignedPostData({
wechat_user_info: JSON.stringify(wechat_user_info),
current_spec: "uniapp"
})
my_api.expertWxLogin(postData,{
sign:sign
}).then(res=>{
uni.showToast({
title: '登录成功',
icon: 'success'
})
if (BASE_URL.indexOf('dev') == -1) {
uni.setStorageSync('AUTH_TOKEN_App',res.data.access_token);
uni.setStorageSync('AUTH_YX_ACCID_App', res.data.YX_accid);
uni.setStorageSync('AUTH_YX_TOKEN_App', res.data.YX_token);
uni.setStorageSync('userInfo', res.data);
} else {
uni.setStorageSync('DEV_AUTH_TOKEN_App', res.data.access_token);
uni.setStorageSync('DEV_AUTH_YX_ACCID_App', res.data.YX_accid);
uni.setStorageSync('DEV_AUTH_YX_TOKEN_App', res.data.YX_token);
uni.setStorageSync('userInfo', res.data);
}
// 跳转到首页
navTo({
url: '/pages/index/index'
})
}).catch(err=>{
console.log(err)
uni.showToast({
title: res.data.msg || '登录失败',
icon: 'none'
})
})
}
})
},
fail: function (err) {
// 登录授权失败
// err.code是错误码
console.log(err)
}
});
};
// 切换协议同意状态

111
pages_app/wechatContact/wechatContact.vue
View File

@ -13,7 +13,19 @@
></uni-nav-bar>
<!-- 微信卡片 -->
<view class="card">
<view class="card" v-if="isBoundWechat">
<view class="wx-left">
<up-image :src="wxIcon" width="120rpx" height="120rpx" mode="aspectFill"></up-image>
</view>
<view class="wx-center">
<view class="wx-title">微信</view>
<view class="wx-sub">{{ nickname }}</view>
</view>
<view class="wx-right">
<button class="bind-btn" @click="onUnBind">解绑</button>
</view>
</view>
<view class="card" v-else>
<view class="wx-left">
<up-image :src="wxIcon" width="120rpx" height="120rpx" mode="aspectFill"></up-image>
</view>
@ -41,15 +53,106 @@
<script setup>
import { ref } from 'vue';
import {onShow} from "@dcloudio/uni-app";
import wxIcon from '@/static/wechat.png';
import my_api from '@/api/my_api.js'
const isBoundWechat = ref(false)
const unionid = ref('')
const openid = ref('')
const nickname = ref('')
const goBack = () => {
uni.navigateBack();
};
const onBind = () => {
uni.showToast({ title: '去绑定', icon: 'none' });
};
uni.login({
provider: 'weixin',
success: function (loginRes) {
// 登录成功
uni.getUserInfo({
provider: 'weixin',
success: function(info) {
// 获取用户信息成功, info.authResult保存用户信息
console.log(info.userInfo)
my_api.bindWechat({openid:info.userInfo.openId,unionid:info.userInfo.unionId,nickname:info.userInfo.nickName}).then(res=>{
console.log("111: ",res)
if (res.code === 200 || res.code === '200') {
uni.showToast({
title: '绑定成功',
icon: 'success'
})
isBoundWechat.value = true
unionid.value = info.userInfo.unionId
openid.value = info.userInfo.openId
nickname.value = info.userInfo.nickName
}else{
uni.showToast({
title: res.msg || '绑定失败',
icon: 'none'
})
}
}).catch(err=>{
console.log(err)
uni.showToast({
title: '绑定失败',
icon: 'none'
})
})
}
})
},
fail: function (err) {
// 登录授权失败
// err.code是错误码
console.log(err)
}
});
}
const getIsBoundWechat = async () => {
const res = await my_api.isBoundWechat()
console.log(res)
if (res.code === 200 || res.code === '200') {
isBoundWechat.value = res.isBound == 1
unionid.value = res.unionid
openid.value = res.openid
nickname.value = res.nickname
}
}
const onUnBind = async () => {
uni.showModal({
title: '解绑微信',
content: '确定要解绑微信吗？',
success: (res) => {
if (res.confirm) {
my_api.unBindWechat({"unionid":unionid.value}).then(res=>{
console.log(res)
if (res.code === 200 || res.code === '200') {
uni.showToast({
title: '解绑成功',
icon: 'success'
})
isBoundWechat.value = false
}
else{
uni.showToast({
title: res.msg || '解绑失败',
icon: 'none'
})
}
getIsBoundWechat()
})
}
}
});
}
onShow(() => {
getIsBoundWechat()
})
</script>
<style lang="scss" scoped>

BIN
static/qd_bg.9.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

6
utils/IM.js
View File

@ -17,7 +17,7 @@ const imLogin = async ()=>{
let storage_accid='';
if (process.env.UNI_PLATFORM == "h5") {
if (window.location.href.indexOf('dev') > -1) {
storage_accid=uni.getetStorageSync('AUTH_YX_ACCID_App');
storage_accid=uni.getStorageSync('AUTH_YX_ACCID_App');
storage_token=uni.setStorageSync('AUTH_YX_TOKEN_App');
} else {
storage_accid=uni.getStorageSync('DEV_AUTH_YX_ACCID_App');
@ -28,7 +28,7 @@ const imLogin = async ()=>{
envVersion
} = uni.getAccountInfoSync().miniProgram;
if (envVersion == "release") {
storage_accid=uni.getetStorageSync('AUTH_YX_ACCID_App');
storage_accid=uni.getStorageSync('AUTH_YX_ACCID_App');
storage_token=uni.setStorageSync('AUTH_YX_TOKEN_App');
} else {
storage_accid=uni.getStorageSync('DEV_AUTH_YX_ACCID_App');
@ -40,7 +40,7 @@ const imLogin = async ()=>{
storage_token=uni.getStorageSync('DEV_AUTH_YX_TOKEN_App');
} else {
storage_accid=uni.getetStorageSync('AUTH_YX_ACCID_App');
storage_accid=uni.getStorageSync('AUTH_YX_ACCID_App');
storage_token=uni.setStorageSync('AUTH_YX_TOKEN_App');
}
}

2
utils/client_type.js
View File

@ -1,4 +1,4 @@
let client_type=''
let client_type='A'
// #ifdef MP-WEIXIN
client_type="M"

3
utils/request.js
View File

@ -46,7 +46,7 @@ export const request = (url, data = {}, method = 'post', loading = false, conten
}
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','/expertAPI/wechatLogin']
let postData={
...data
}
@ -119,6 +119,7 @@ export const request = (url, data = {}, method = 'post', loading = false, conten
}else if (res.data.code == 401 || res.data.code == 403 || res.data.code ==
405 || res.data.code == 406 || res.data.code == 37006) {
uni.hideLoading();
uni.redirectTo({
url: '/pages_app/login/login'
});

49
utils/sign.js Normal file
View File

@ -0,0 +1,49 @@
import api from '@/api/api.js'
import sortObj from '@/utils/sort'
import version from '@/utils/version.js'
import client_type from '@/utils/client_type.js'
import { Base64 } from 'js-base64'
import { md5 } from 'js-md5'
function formatString(obj) {
let concatenated = ''
for (const key in obj) {
if (concatenated) {
concatenated += key + obj[key]
} else {
concatenated = key + obj[key]
}
}
return concatenated
}
function toBase64Url(str) {
return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '')
}
export async function createSignedPostData(extraData = {}) {
try {
const res = await api.getTimeStamp()
const timestamp = res.data.timestamp.toString()
const basePayload = {
version: version,
user_uuid: '',
client_type: client_type,
timestamp: timestamp
}
const postData = { ...basePayload, ...extraData }
const sorted = sortObj(postData)
const str1 = formatString(sorted).replace(' ', '')
const str2 = str1 + md5(timestamp)
const str3 = md5(str2)
const sign = toBase64Url(Base64.encode(str3))
return { postData, sign }
} catch (err) {
console.log(err)
return { postData: {}, sign: '' }
}
}
export default { createSignedPostData }