11.13早上提交
This commit is contained in:
zoujiandong
parent
4816054b96
commit
1e134f236c
687
App.vue
687
App.vue
@ -1,564 +1,93 @@
|
|||||||
<script >
|
<script >
|
||||||
import RootStore from "@xkit-yx/im-store-v2";
|
|
||||||
/** esm 版本 */
|
|
||||||
//@ts-ignore
|
|
||||||
// import { V2NIMConst, NIM } from './esmNim.js'
|
|
||||||
/** 常规版本*/
|
|
||||||
import NIM from "nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK";
|
|
||||||
import { V2NIMConst } from "nim-web-sdk-ng/dist/esm/nim";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import {
|
|
||||||
customRedirectTo,
|
|
||||||
customReLaunch,
|
|
||||||
customSwitchTab,
|
|
||||||
} from "@/utils/im/customNavigate";
|
|
||||||
import { getMsgContentTipByType } from "@/utils/im/msg";
|
|
||||||
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"
|
|
||||||
import my_api from '@/api/my_api.js'
|
|
||||||
import GlobalDialog from "@/components/GlobalDialog.vue"
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
/** 推送插件 */
|
|
||||||
const nimPushPlugin = uni.requireNativePlugin("NIMUniPlugin-PluginModule");
|
|
||||||
console.log("nimPushPlugin1111");
|
|
||||||
console.log(nimPushPlugin);
|
|
||||||
/** 音视频通话插件 */
|
|
||||||
// const nimCallKit = (uni.$UIKitCallKit =
|
|
||||||
// uni.requireNativePlugin("netease-CallKit"));
|
|
||||||
// #endif
|
|
||||||
const app = getApp()
|
|
||||||
let startByNotificationId = "";
|
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
globalData: {
|
globalData: {
|
||||||
plAd: true
|
plAd: true,
|
||||||
|
dotNumber:{
|
||||||
|
|
||||||
|
}
|
||||||
},
|
},
|
||||||
onLaunch() {
|
onLaunch(options) {
|
||||||
|
|
||||||
// #ifdef APP-PLUS
|
console.log('打印options');
|
||||||
/** 关闭启动画面，锁定竖屏 */
|
console.log(options);
|
||||||
try {
|
if(options && options.referrerInfo.extraData && options.referrerInfo.extraData.token){
|
||||||
plus.navigator.closeSplashscreen();
|
uni.setStorageSync("DEV_AUTH_TOKEN_App", options.referrerInfo.extraData.token);
|
||||||
plus.screen.lockOrientation("portrait-primary");
|
uni.setStorageSync("userInfo", options.referrerInfo.extraData.userInfo);
|
||||||
} catch (error) {
|
|
||||||
|
|
||||||
}
|
|
||||||
// 点击通知栏推送监听
|
|
||||||
|
|
||||||
nimPushPlugin.addOpenNotificationListener((res) => {
|
|
||||||
console.log("推送监听");
|
|
||||||
console.log("res",res);
|
|
||||||
if (typeof res === 'object') {
|
|
||||||
|
|
||||||
console.log("=====addOpenNotificationListener success:", JSON.stringify(res))
|
|
||||||
uni.redirectTo({
|
|
||||||
url: `/pages_app/patientMsg/patientMsg?from=push`,
|
|
||||||
success: () => {
|
|
||||||
app.globalData.plAd=false;
|
|
||||||
},
|
|
||||||
fail: (err) => {
|
|
||||||
console.log("跳转失败", err);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
console.log("=====addOpenNotificationListener unexpected:", res)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
// uni-app客户端获取push客户端标记，代码可以实现在App.vue中
|
|
||||||
// uni.getPushClientId({
|
|
||||||
// success: (res) => {
|
|
||||||
// let push_clientid = res.cid
|
|
||||||
// uni.setStorageSync("push_clientid", push_clientid)
|
|
||||||
// console.log('客户端推送标识cid:',push_clientid)
|
|
||||||
|
|
||||||
// const systemInfo = uni.getSystemInfoSync();
|
|
||||||
// console.log("systemInfo:", systemInfo)
|
|
||||||
|
|
||||||
|
|
||||||
// let userInfo= uni.getStorageSync('userInfo')
|
|
||||||
// console.log("userinfo:", userInfo)
|
|
||||||
// if(!userInfo){
|
|
||||||
// return
|
|
||||||
// }
|
|
||||||
// if(userInfo.uuid){
|
|
||||||
// let client_type = ""
|
|
||||||
// if (systemInfo.platform === 'android') {
|
|
||||||
// client_type = "A"
|
|
||||||
// } else if (systemInfo.platform === 'ios') {
|
|
||||||
// client_type = "I"
|
|
||||||
// }
|
|
||||||
// console.log("client_type:", client_type)
|
|
||||||
// if(client_type){
|
|
||||||
// my_api.addUniappCid({
|
|
||||||
// user_uuid: userInfo.uuid,
|
|
||||||
// client_type:client_type,
|
|
||||||
// cid: push_clientid
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// fail(err) {
|
|
||||||
// console.error("unipush: ", err)
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
|
|
||||||
|
|
||||||
// uni.onPushMessage((res)=>{
|
|
||||||
// console.log("收到推送消息：", res)
|
|
||||||
|
|
||||||
// let app_isback = uni.getStorageSync("app_isback")
|
|
||||||
// console.log("app_isback：", app_isback)
|
|
||||||
// uni.showModal({
|
|
||||||
// title: res.data.title,
|
|
||||||
// content: res.type,
|
|
||||||
// showCancel: false
|
|
||||||
// });
|
|
||||||
|
|
||||||
// if(res.type === 'click' ){
|
|
||||||
|
|
||||||
// }else{
|
|
||||||
// if(app_isback){
|
|
||||||
// uni.createPushMessage({
|
|
||||||
// title: res.data.title,
|
|
||||||
// content: res.data.content,
|
|
||||||
// payload: res.data.payload,
|
|
||||||
// delay: 1,
|
|
||||||
// success: (res) => {
|
|
||||||
// console.log("创建推送消息成功", res)
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// }else{
|
|
||||||
// console.log('[App] emit global-dialog:show', res)
|
|
||||||
// uni.$emit('global-dialog:show', {
|
|
||||||
// title: res.data.title || '消息通知',
|
|
||||||
// content: res.data.content || '',
|
|
||||||
// confirmText: '我知道了',
|
|
||||||
// position: 'top',
|
|
||||||
// offsetTop: '160rpx'
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
|
|
||||||
/** 设置语言 （此处为了方便demo切换语言，将其存到本地，实际需根据业务情况设置）*/
|
|
||||||
setLanguage(
|
|
||||||
uni.getStorageSync("switchToEnglishFlag") == "en" ? "en" : "zh"
|
|
||||||
);
|
|
||||||
/** 已经登录了 不用走初始化逻辑*/
|
|
||||||
if (
|
|
||||||
uni?.$UIKitStore?.connectStore?.connectStatus ===
|
|
||||||
V2NIMConst.V2NIMConnectStatus.V2NIM_CONNECT_STATUS_CONNECTED
|
|
||||||
) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let storage_token='';
|
|
||||||
let storage_accid='';
|
|
||||||
if (process.env.UNI_PLATFORM == "h5") {
|
|
||||||
if (window.location.href.indexOf('dev') > -1) {
|
|
||||||
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');
|
|
||||||
storage_token=uni.getStorageSync('DEV_AUTH_YX_TOKEN_App');
|
|
||||||
}
|
|
||||||
} else if(process.env.UNI_PLATFORM == "mp-weixin") {
|
|
||||||
const {
|
|
||||||
envVersion
|
|
||||||
} = uni.getAccountInfoSync().miniProgram;
|
|
||||||
if (envVersion == "release") {
|
|
||||||
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');
|
|
||||||
storage_token=uni.getStorageSync('DEV_AUTH_YX_TOKEN_App');
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
storage_accid=uni.getStorageSync('DEV_AUTH_YX_ACCID_App');
|
|
||||||
storage_token=uni.getStorageSync('DEV_AUTH_YX_TOKEN_App');
|
|
||||||
|
|
||||||
}
|
|
||||||
const account =storage_accid;
|
|
||||||
const token = storage_token;
|
|
||||||
if(!account || !token){
|
|
||||||
uni.redirectTo({
|
|
||||||
url: '/pages_app/login/login'
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
console.log("account",account);
|
|
||||||
console.log("token",token);
|
|
||||||
console.log("account",typeof account);
|
|
||||||
console.log("token",typeof token);
|
|
||||||
const imOptions = {
|
|
||||||
appkey: "885dea390870814acf3ba8558c717572", // 请填写你的appkey
|
|
||||||
account: String(account),//"9ufkll2xo57km6224xe", // 请填写你的account
|
|
||||||
token:String( token)//"4918605da57e573cff93209df56f351d", // 请填写你的token
|
|
||||||
};
|
};
|
||||||
console.log("onLaunch");
|
if(options && options.referrerInfo.extraData && options.referrerInfo.extraData.targetPath){
|
||||||
if (imOptions) {
|
uni.navigateTo({
|
||||||
console.log("初始化im");
|
url: options.referrerInfo.extraData.targetPath
|
||||||
this.initNim(imOptions);
|
});
|
||||||
} else {
|
};
|
||||||
/** 未登录 跳转登录页 */
|
|
||||||
// customRedirectTo({
|
|
||||||
// url: isWxApp ? "/pages/index/index" : "/pages/Login/index",
|
console.log("app传递登录信息onLaunch-------------------");
|
||||||
|
try {
|
||||||
|
// #ifdef APP
|
||||||
|
// uni.onNativeEventReceive((event, data) => {
|
||||||
|
|
||||||
|
|
||||||
|
// console.log("app传递登录信息-------------------");
|
||||||
|
// console.log("event数据");
|
||||||
|
// console.log(event);
|
||||||
|
// console.log("data数据");
|
||||||
|
// console.log(data);
|
||||||
|
// if (event.indexOf("loginInfo") > -1) {
|
||||||
|
// uni.setStorageSync("DEV_AUTH_TOKEN_App", data.token);
|
||||||
|
// uni.setStorageSync("userInfo", data.userInfo);
|
||||||
|
// console.log("获取token数据");
|
||||||
|
// console.log(uni.getStorageSync("DEV_AUTH_TOKEN_App"));
|
||||||
|
// }
|
||||||
// });
|
// });
|
||||||
|
// #endif
|
||||||
|
} catch (error) {
|
||||||
|
console.log("app传递登录信息error-------------------");
|
||||||
|
console.log(error);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
// #ifdef APP-PLUS
|
|
||||||
console.log("onShow");
|
|
||||||
uni?.$UIKitNIM?.V2NIMSettingService?.setAppBackground(false);
|
|
||||||
uni.setStorageSync("app_isback", false)
|
|
||||||
// 点击通知栏推送监听
|
|
||||||
// nimPushPlugin.addOpenNotificationListener((res) => {
|
|
||||||
// console.log("推送监听");
|
|
||||||
// console.log("res",res);
|
|
||||||
// if (typeof res == "object" && res?.sessionId && res?.sessionType) {
|
|
||||||
// // 当前登录账号id 具体获取根据您的业务逻辑调整
|
|
||||||
// const imOptions = uni.getStorageSync(STORAGE_KEY);
|
|
||||||
// // 会话类型
|
|
||||||
// const type = res?.sessionType;
|
|
||||||
// // 拼装会话ID
|
|
||||||
// startByNotificationId = `${imOptions.account}|${type}|${res?.sessionId}`;
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
onHide() {
|
|
||||||
console.log("onHide");
|
|
||||||
uni.setStorageSync("app_isback", true)
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
uni?.$UIKitNIM?.V2NIMSettingService?.setAppBackground(true);
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
// 重置推送 startByNotificationId
|
|
||||||
startByNotificationId = "";
|
|
||||||
},
|
|
||||||
components:{
|
|
||||||
GlobalDialog
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
initNim(opts) {
|
|
||||||
console.log("initNim1111111111");
|
|
||||||
/** 保存登录信息 demo 层逻辑 具体根据您的业务调整*/
|
|
||||||
uni.setStorage({
|
|
||||||
key: STORAGE_KEY,
|
|
||||||
data: opts,
|
|
||||||
});
|
|
||||||
|
|
||||||
/** 是否开启云端会话（此处为了方便demo切换云端/本地会话，将其存到本地，实际需根据业务情况设置）*/
|
|
||||||
const enableV2CloudConversation =
|
|
||||||
uni.getStorageSync("enableV2CloudConversation") === "on";
|
|
||||||
|
|
||||||
/** 初始化 nim sdk */
|
|
||||||
//@ts-ignore
|
|
||||||
const nim = (uni.$UIKitNIM = NIM.getInstance(
|
|
||||||
{
|
|
||||||
appkey: opts.appkey,
|
|
||||||
needReconnect: true,
|
|
||||||
debugLevel: "debug",
|
|
||||||
apiVersion: "v2",
|
|
||||||
enableV2CloudConversation: enableV2CloudConversation,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
V2NIMLoginServiceConfig: {
|
|
||||||
/**
|
|
||||||
* 微信小程序需要使用单独的lbsUrls和linkUrl
|
|
||||||
*/
|
|
||||||
lbsUrls: isWxApp
|
|
||||||
? ["https://lbs.netease.im/lbs/wxwebconf.jsp"]
|
|
||||||
: ["https://lbs.netease.im/lbs/webconf.jsp"],
|
|
||||||
linkUrl: isWxApp ? "wlnimsc0.netease.im" : "weblink.netease.im",
|
|
||||||
/**
|
|
||||||
* 使用固定设备ID，
|
|
||||||
*/
|
|
||||||
isFixedDeviceId: true,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
));
|
|
||||||
|
|
||||||
/** 初始化 im store */
|
|
||||||
// @ts-ignore
|
|
||||||
const store = (uni.$UIKitStore = new RootStore(
|
|
||||||
// @ts-ignore
|
|
||||||
nim,
|
|
||||||
{
|
|
||||||
// 添加好友是否需要验证
|
|
||||||
addFriendNeedVerify: true,
|
|
||||||
// 是否需要显示 p2p 消息、p2p会话列表消息已读未读，默认 false
|
|
||||||
p2pMsgReceiptVisible: true,
|
|
||||||
// 是否需要显示群组消息已读未读，默认 false
|
|
||||||
teamMsgReceiptVisible: true,
|
|
||||||
// 是否显示在线离线
|
|
||||||
loginStateVisible: true,
|
|
||||||
// 群组被邀请模式，默认需要验证
|
|
||||||
teamAgreeMode:
|
|
||||||
V2NIMConst.V2NIMTeamAgreeMode.V2NIM_TEAM_AGREE_MODE_NO_AUTH,
|
|
||||||
// 发送消息前回调, 可对消息体进行修改，添加自定义参数
|
|
||||||
// @ts-ignore
|
|
||||||
sendMsgBefore: async (options) => {
|
|
||||||
const pushContent = getMsgContentTipByType({
|
|
||||||
text: options.msg.text,
|
|
||||||
messageType: options.msg.messageType,
|
|
||||||
});
|
|
||||||
const yxAitMsg = options.serverExtension
|
|
||||||
? options.serverExtension.yxAitMsg
|
|
||||||
: { forcePushIDsList: "[]", needForcePush: false };
|
|
||||||
|
|
||||||
// 如果是 at 消息，需要走离线强推
|
|
||||||
// @ts-ignore
|
|
||||||
const { forcePushIDsList, needForcePush } = yxAitMsg
|
|
||||||
? // @ts-ignore
|
|
||||||
store.msgStore._formatExtAitToPushInfo(
|
|
||||||
yxAitMsg,
|
|
||||||
options.msg.text
|
|
||||||
)
|
|
||||||
: { forcePushIDsList: "[]", needForcePush: false };
|
|
||||||
|
|
||||||
const { conversationId } = options;
|
|
||||||
const conversationType =
|
|
||||||
nim.V2NIMConversationIdUtil.parseConversationType(conversationId);
|
|
||||||
const targetId =
|
|
||||||
nim.V2NIMConversationIdUtil.parseConversationTargetId(
|
|
||||||
conversationId
|
|
||||||
);
|
|
||||||
const PACKAGE_NAME = 'cn.shangyu.gdxzExpert';
|
|
||||||
let sessionId=conversationType == 1
|
|
||||||
? uni.$UIKitStore.userStore.myUserInfo.accountId
|
|
||||||
: targetId;
|
|
||||||
// 设置离线强推，厂商相关推送在此处配置
|
|
||||||
// 具体参考文档 https://doc.yunxin.163.com/messaging2/guide/zc4MTg5MDY?platform=client#%E7%AC%AC%E4%B8%80%E6%AD%A5%E4%B8%8A%E4%BC%A0%E6%8E%A8%E9%80%81%E8%AF%81%E4%B9%A6
|
|
||||||
const pushPayload = JSON.stringify({
|
|
||||||
//pushTitle: "测试推送", // 必填，推送消息标题
|
|
||||||
notify_effect: "2", //可选项，预定义通知栏消息的点击行为。1：通知栏点击后打开app的Launcher Activity，2：通知栏点击后打开app的任一Activity（开发者还需要传入intent_uri），3：通知栏点击后打开网页（开发者还需要传入web_uri）
|
|
||||||
intent_uri: `intent:#Intent;action=com.netease.nimlib.uniapp.push.NotificationClickActivity;component=${PACKAGE_NAME}/com.netease.nimlib.uniapp.push.NotificationClickActivity;launchFlags=0x04000000;i.sessionType=${conversationType};S.sessionId=${sessionId};end`,
|
|
||||||
hwField: {
|
|
||||||
click_action: {
|
|
||||||
//必填，消息点击行为
|
|
||||||
type: 1, //必填，消息点击行为类型，取值如下：1：打开应用自定义页面 2：点击后打开特定URL 3：点击后打开应用
|
|
||||||
// 自定义页面中intent的实现，请参见指定intent参数。当type为1时，字段intent和action至少二选一。scheme方式和指定activity方式都可以
|
|
||||||
intent:
|
|
||||||
`intent:#Intent;action=com.netease.nimlib.uniapp.push.NotificationClickActivity;component=${PACKAGE_NAME}/com.netease.nimlib.uniapp.push.NotificationClickActivity;launchFlags=0x04000000;i.sessionType=${conversationType};S.sessionId=${sessionId};end`
|
|
||||||
},
|
|
||||||
androidConfig: {
|
|
||||||
category: "IM", //可选项，标识消息类型，用于标识高优先级透传场景，详见官方文档 AndroidConfig.category
|
|
||||||
},
|
|
||||||
},
|
|
||||||
honorField: {
|
|
||||||
notification: {
|
|
||||||
// AndroidNotification
|
|
||||||
clickAction: {
|
|
||||||
//必填，消息点击行为
|
|
||||||
type: 1, //必填，消息点击行为类型，取值如下：1：打开应用自定义页面 2：点击后打开特定URL 3：点击后打开应用
|
|
||||||
//自定义页面中intent的实现，请参见指定intent参数。当type为1时，字段intent和action至少二选一。
|
|
||||||
intent: `intent://com.honor.push/deeplink?#Intent;scheme=pushscheme;launchFlags=0x04000000;i.sessionType=${conversationType};S.sessionId=${sessionId};end`,
|
|
||||||
},
|
|
||||||
importance: "NORMAL", //可选项，Android通知消息分类，决定用户设备消息通知行为，取值如下：LOW：资讯营销类消息 NORMAL：服务与通讯类消息
|
|
||||||
},
|
|
||||||
},
|
|
||||||
vivoField: {
|
|
||||||
skipType: "4", //必填，点击跳转类型 1：打开APP首页 2：打开链接 3：自定义 4:打开app内指定页面，默认为1
|
|
||||||
skipContent: `intent:#Intent;action=com.netease.nimlib.uniapp.push.NotificationClickActivity;component=${PACKAGE_NAME}/com.netease.nimlib.uniapp.push.NotificationClickActivity;launchFlags=0x04000000;i.sessionType=${conversationType};S.sessionId=${sessionId};end`,
|
|
||||||
classification: "1", //可选项，消息类型 0：运营类消息，1：系统类消息。默认为0
|
|
||||||
category: "IM", // 可选项，二级分类
|
|
||||||
},
|
|
||||||
oppoField: {
|
|
||||||
channel_id: "", //可选项，指定下发的通道ID
|
|
||||||
category: "IM", //可选项，通道类别名
|
|
||||||
notify_level: 2, //通知栏消息提醒等级，1-通知栏；2-通知栏+锁屏；16-通知栏+锁屏+横幅+震动+铃声
|
|
||||||
click_action_type: "1", //点击通知栏后触发的动作类型。0（默认0.启动应用；1.跳转指定应用内页（action标签名）；2.跳转网页；4.跳转指定应用内页（全路径类名）；5.跳转Intent scheme URL: "",
|
|
||||||
click_action_activity: "com.netease.nimlib.uniapp.push.NotificationClickActivity",
|
|
||||||
action_parameters: JSON.stringify({
|
|
||||||
sessionType: conversationType,
|
|
||||||
sessionId: sessionId,
|
|
||||||
}),
|
|
||||||
},
|
|
||||||
fcmFieldV1: {
|
|
||||||
message: {
|
|
||||||
android: {
|
|
||||||
priority: "",
|
|
||||||
data: {
|
|
||||||
sessionType: conversationType,
|
|
||||||
sessionId: sessionId,
|
|
||||||
},
|
|
||||||
notification: {
|
|
||||||
click_action: "",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
// IOS apns
|
|
||||||
sessionId:sessionId,
|
|
||||||
sessionType: conversationType,
|
|
||||||
});
|
|
||||||
|
|
||||||
// @ts-ignore
|
|
||||||
const pushConfig = {
|
|
||||||
pushEnabled: true,
|
|
||||||
pushNickEnabled: true,
|
|
||||||
forcePush: needForcePush,
|
|
||||||
forcePushContent: pushContent,
|
|
||||||
forcePushAccountIds: forcePushIDsList,
|
|
||||||
pushPayload,
|
|
||||||
pushContent,
|
|
||||||
};
|
|
||||||
|
|
||||||
return { ...options, pushConfig };
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"UniApp"
|
|
||||||
));
|
|
||||||
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
/** 注册推送 实际根据您在推送厂商申请的证书进行配置，具体参考文档 https://doc.yunxin.163.com/messaging2/guide/zc4MTg5MDY?platform=client#%E7%AC%AC%E4%B8%80%E6%AD%A5%E4%B8%8A%E4%BC%A0%E6%8E%A8%E9%80%81%E8%AF%81%E4%B9%A6
|
|
||||||
*/
|
|
||||||
nim.V2NIMSettingService.setOfflinePushConfig(nimPushPlugin, {
|
|
||||||
|
|
||||||
// miPush: {
|
|
||||||
// appId: "",
|
|
||||||
// appKey: "",
|
|
||||||
// certificateName: "",
|
|
||||||
// },
|
|
||||||
// hwPush: {
|
|
||||||
// appId: "",
|
|
||||||
// certificateName: "",
|
|
||||||
// },
|
|
||||||
|
|
||||||
miPush: {
|
|
||||||
appId: "2882303761517470793",
|
|
||||||
appKey: "5431747048793",
|
|
||||||
certificateName: "Expert_Mi_Push",
|
|
||||||
},
|
|
||||||
hwPush: {
|
|
||||||
appId: "10526652",
|
|
||||||
certificateName: "Expert_Hw_push_f",
|
|
||||||
},
|
|
||||||
|
|
||||||
oppoPush: {
|
|
||||||
appId: "3364888",
|
|
||||||
appKey: "75D5Vqsg63wok0S0w4SKog0w8",
|
|
||||||
certificateName: "Expert_Op_Push",
|
|
||||||
secret: "416a4f5eF822ddcB73B627Cc310636D7",
|
|
||||||
|
|
||||||
},
|
|
||||||
vivoPush: {
|
|
||||||
appId: "100034326",
|
|
||||||
appKey: "e789634c1f76c8f184b1def1101ce824",
|
|
||||||
certificateName: "Expert_Vi_Push",
|
|
||||||
secret: "416a4f5eF822ddcB73B627Cc310636D7",
|
|
||||||
},
|
|
||||||
fcmPush: {
|
|
||||||
certificateName: "FCM_PUSH_CERT",
|
|
||||||
},
|
|
||||||
mzPush: {
|
|
||||||
appId: "111",
|
|
||||||
appKey: "111",
|
|
||||||
certificateName: "MEIZU_PUSH_CERT",
|
|
||||||
},
|
|
||||||
apns: {
|
|
||||||
certificateName: "专家端Pro",
|
|
||||||
},
|
|
||||||
});
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
/** nim sdk 登录 */
|
|
||||||
nim.V2NIMLoginService.login(opts.account, opts.token).then(async () => {
|
|
||||||
console.log("登录成功");
|
|
||||||
nim.V2NIMLoginService.on('onKickedOffline', (res) => {
|
|
||||||
console.log("被踢下线", res);
|
|
||||||
});
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
/** 初始化音视频通话插件*/
|
|
||||||
// nimCallKit.initConfig(
|
|
||||||
// {
|
|
||||||
// appKey: opts.appkey, // 请填写你的appkey
|
|
||||||
// account: opts.account, // 请填写你的account
|
|
||||||
// token: opts.token, // 请填写你的token
|
|
||||||
// apnsCername: "",
|
|
||||||
// pkCername: "",
|
|
||||||
// },
|
|
||||||
// (ret) => {
|
|
||||||
// if (ret.code != 200) {
|
|
||||||
// // callkit init失败
|
|
||||||
// } else {
|
|
||||||
|
|
||||||
// nimCallKit.login(
|
|
||||||
// {
|
|
||||||
// account: opts.account,
|
|
||||||
// token: opts.token,
|
|
||||||
// },
|
|
||||||
// function (ret) {
|
|
||||||
// if (ret.code != 200) {
|
|
||||||
// // 登录失败
|
|
||||||
// } else {
|
|
||||||
// // 登录成功
|
|
||||||
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
|
|
||||||
// #endif
|
|
||||||
// 判断时手动点击唤起 还是 点击推送通知栏唤起,点击通知栏唤起直接跳转到聊天页面
|
|
||||||
if (!startByNotificationId) {
|
|
||||||
// customSwitchTab({
|
|
||||||
// url: "/pages/Conversation/index",
|
|
||||||
// });
|
|
||||||
} else {
|
|
||||||
if (startByNotificationId) {
|
|
||||||
await uni.$UIKitStore.uiStore.selectConversation(
|
|
||||||
startByNotificationId
|
|
||||||
);
|
|
||||||
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `/pages/Chat/index?conversationId=${startByNotificationId}`,
|
|
||||||
});
|
|
||||||
startByNotificationId = "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}).catch((err) => {
|
|
||||||
console.log("登录失败", err);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
logout() {
|
|
||||||
uni.removeStorageSync(STORAGE_KEY);
|
|
||||||
try {
|
try {
|
||||||
// nimCallKit.logout({}, (ret) => {
|
|
||||||
// if (ret.code != 200) {
|
|
||||||
// console.log("音视频通话插件退出失败");
|
// #ifdef APP
|
||||||
// } else {
|
|
||||||
// console.log("音视频通话插件退出成功");
|
let main = plus.android.runtimeMainActivity();
|
||||||
|
//为了防止快速点按返回键导致程序退出重写quit方法改为隐藏至后台
|
||||||
|
plus.runtime.quit = function(){
|
||||||
|
main.moveTaskToBack(false);
|
||||||
|
};
|
||||||
|
//重写toast方法如果内容为 ‘再按一次退出应用’ 就隐藏应用，其他正常toast
|
||||||
|
plus.nativeUI.toast = (function(str){
|
||||||
|
if(str == '再按一次退出应用'){
|
||||||
|
main.moveTaskToBack(false);
|
||||||
|
|
||||||
|
}else{
|
||||||
|
uni.showToast({
|
||||||
|
title:str,
|
||||||
|
icon:'none',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// uni.onNativeEventReceive((event, data) => {
|
||||||
|
// console.log("app传递登录信息onshow-------------------");
|
||||||
|
// console.log("event", event);
|
||||||
|
// console.log("data", data);
|
||||||
|
// if (event == "loginInfo") {
|
||||||
|
// uni.setStorageSync("DEV_AUTH_YX_TOKEN_App", data.token);
|
||||||
|
// uni.setStorageSync("userInfo", data.userInfo);
|
||||||
|
// }else if(event == "showRedDot"){
|
||||||
|
// console.log("showRedDot");
|
||||||
|
// console.log(data);
|
||||||
|
// getApp().globalData.dotNumber=data;
|
||||||
// }
|
// }
|
||||||
// });
|
// });
|
||||||
} catch (error) {
|
// #endif
|
||||||
console.log("音视频通话插件退出失败", error);
|
|
||||||
}
|
|
||||||
// 退出登录
|
|
||||||
uni.$UIKitNIM.V2NIMLoginService.logout().then((res) => {
|
|
||||||
console.log("退出登录", res);
|
|
||||||
uni.$UIKitStore.destroy();
|
|
||||||
uni.clearStorageSync();
|
|
||||||
// 跳转到登录页面
|
|
||||||
uni.reLaunch({
|
|
||||||
url: '/pages_app/login/login'
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
},
|
} catch (error) {}
|
||||||
},
|
},
|
||||||
|
onHide() {},
|
||||||
|
methods: {},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -567,47 +96,57 @@ export default {
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/*每个页面公共css */
|
||||||
/*每个页面公共css */
|
@import "@/uni_modules/uni-scss/index.scss";
|
||||||
@import '@/uni_modules/uni-scss/index.scss';
|
/* #ifndef APP-NVUE */
|
||||||
/* #ifndef APP-NVUE */
|
@import "@/static/customicons.css";
|
||||||
@import '@/static/customicons.css';
|
// 设置整个项目的背景色
|
||||||
// 设置整个项目的背景色
|
page {
|
||||||
page {
|
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
.uni-navbar__header-btns-right{
|
.uni-navbar__header-btns-right {
|
||||||
min-width: 120rpx;
|
min-width: 120rpx;
|
||||||
width:auto!important;
|
width: auto !important;
|
||||||
}
|
}
|
||||||
/* #endif */
|
/* #endif */
|
||||||
.uni-nav-bar-text{
|
.uni-nav-bar-text {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 34rpx!important;
|
font-size: 36rpx !important;
|
||||||
}
|
}
|
||||||
.example-info {
|
.example-info {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333;
|
color: #333;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
.twoline{
|
.twoline {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.oneline{
|
.oneline {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.uni-navbar .uniui-left{
|
.uni-navbar .uniui-left {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 50rpx!important;
|
font-size: 50rpx !important;
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar { display: none; }
|
::-webkit-scrollbar {
|
||||||
// .nav-right{
|
display: none;
|
||||||
// margin-top: -20px;
|
}
|
||||||
// }
|
.status_bar {
|
||||||
|
height: var(--status-bar-height);
|
||||||
|
background-color: #eeeeee;
|
||||||
|
}
|
||||||
|
.navbox{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height:calc(var(--status-bar-height) + 44px);
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,3 +1,3 @@
|
|||||||
{
|
{
|
||||||
"prompt" : "template"
|
"prompt" : "none"
|
||||||
}
|
}
|
||||||
|
|||||||
40
api/api.js
40
api/api.js
@ -1,4 +1,5 @@
|
|||||||
import {request} from '@/utils/request.js'
|
import {request} from '@/utils/request.js'
|
||||||
|
|
||||||
const api = {
|
const api = {
|
||||||
|
|
||||||
expertWxLogin(jscode){
|
expertWxLogin(jscode){
|
||||||
@ -607,7 +608,46 @@ const api = {
|
|||||||
payGanDanFile(data){
|
payGanDanFile(data){
|
||||||
return request('/expertPay/payGanDanFileOrder', data, 'post', false);
|
return request('/expertPay/payGanDanFileOrder', data, 'post', false);
|
||||||
},
|
},
|
||||||
|
// discollection(data){
|
||||||
|
// return request('/expert/discollection', data, 'post', false);
|
||||||
|
// },
|
||||||
|
// collection(data){
|
||||||
|
// return request('/expert/collection', data, 'post', false);
|
||||||
|
// },
|
||||||
|
getTypeUuidByName(data){
|
||||||
|
return request('/expertAPI/getTypeUuidByName', data, 'post', false);
|
||||||
|
},
|
||||||
|
videoByTypeNew(data){
|
||||||
|
return request('/expertAPI/videoByTypeNew', data, 'post', false);
|
||||||
|
},
|
||||||
|
meetingHistoryList(data){
|
||||||
|
return request('/expertAPI/meetingHistoryList', data, 'post', false);
|
||||||
|
},
|
||||||
|
|
||||||
|
// 扫码登录相关API
|
||||||
|
// 确认扫码登录
|
||||||
|
confirmScanLogin(data){
|
||||||
|
return request('/expertAPI/confirmScanLogin', data, 'post', false);
|
||||||
|
},
|
||||||
|
|
||||||
|
// 取消扫码登录
|
||||||
|
cancelScanLogin(data){
|
||||||
|
return request('/expertAPI/cancelScanLogin', data, 'post', false);
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取扫码登录状态
|
||||||
|
getScanLoginStatus(data){
|
||||||
|
return request('/expertAPI/getScanLoginStatus', data, 'post', false);
|
||||||
|
},
|
||||||
|
gethonorDetail(data){
|
||||||
|
return request('/expertAPI/gethonorDetail', data, 'post', false);
|
||||||
|
},
|
||||||
|
checkVersion(data){
|
||||||
|
return request('/expertAPI/checkVersion', data, 'post', false);
|
||||||
|
},
|
||||||
|
getIsAccount(data){
|
||||||
|
return request('/expertAPI/getIsAccount', data, 'post', false);
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
export default api
|
export default api
|
||||||
@ -112,7 +112,7 @@ const maskStyle = computed(() => position.value === 'top' ? { paddingTop: offset
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
// 非模态：容器不截获事件
|
// 非模态：容器不截获事件
|
||||||
|
|||||||
@ -1,15 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 顶部导航栏 -->
|
<!-- 顶部导航栏 -->
|
||||||
|
<view class="navbox">
|
||||||
|
<view class="status_bar"></view>
|
||||||
<uni-nav-bar
|
<uni-nav-bar
|
||||||
:left-icon="showLeft?'left':''"
|
:left-icon="showLeft?'left':''"
|
||||||
:title="title"
|
:title="title"
|
||||||
@clickLeft="goBack"
|
@clickLeft="goBack"
|
||||||
fixed
|
|
||||||
color="#8B2316"
|
color="#8B2316"
|
||||||
height="180rpx"
|
|
||||||
:border="false"
|
:border="false"
|
||||||
backgroundColor="#eeeeee"
|
backgroundColor="#eeeeee"
|
||||||
/>
|
/>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -20,6 +21,10 @@
|
|||||||
type:Boolean,
|
type:Boolean,
|
||||||
default:true
|
default:true
|
||||||
},
|
},
|
||||||
|
noticeBack:{
|
||||||
|
type:Boolean,
|
||||||
|
default:false
|
||||||
|
},
|
||||||
title:{
|
title:{
|
||||||
type:String,
|
type:String,
|
||||||
default:''
|
default:''
|
||||||
@ -38,5 +43,16 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.navbox{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height:(var(--status-bar-height)+44px);
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
.status_bar{
|
||||||
|
height: var(--status-bar-height);
|
||||||
|
background-color: #eeeeee;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
v-for="(item, index) in tabList"
|
v-for="(item, index) in tabList"
|
||||||
:key="index"
|
:key="index"
|
||||||
@click="switchTab(index, item)"
|
@click="switchTab(index, item)"
|
||||||
:class="{ active: currentTab === index }"
|
:class="{ active: 2 === index }"
|
||||||
>
|
>
|
||||||
<!-- 图标容器 -->
|
<!-- 图标容器 -->
|
||||||
<view class="icon-container">
|
<view class="icon-container">
|
||||||
@ -121,32 +121,56 @@
|
|||||||
if (currentTab.value === index) return;
|
if (currentTab.value === index) return;
|
||||||
|
|
||||||
// 更新当前tab
|
// 更新当前tab
|
||||||
currentTab.value = index;
|
//currentTab.value = index;
|
||||||
|
let msg="home"
|
||||||
// 清除红点
|
if(index == 0){
|
||||||
if (item.showRedDot) {
|
msg="home"
|
||||||
item.showRedDot = false;
|
}else if(index == 1){
|
||||||
|
msg="patientClass"
|
||||||
|
}else if(index == 2){
|
||||||
|
msg="live"
|
||||||
|
}else if(index == 3){
|
||||||
|
msg="education"
|
||||||
|
}else if(index == 4){
|
||||||
|
msg="mine"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
try{
|
||||||
|
uni.sendNativeEvent('goTabbarPage', {
|
||||||
|
msg: msg
|
||||||
|
},ret => {
|
||||||
|
|
||||||
|
console.log(ret);
|
||||||
|
})
|
||||||
|
}catch(e){
|
||||||
|
console.log(e);
|
||||||
|
}
|
||||||
|
plus.runtime.quit()
|
||||||
|
// 清除红点
|
||||||
|
// if (item.showRedDot) {
|
||||||
|
// item.showRedDot = false;
|
||||||
|
// }
|
||||||
|
|
||||||
// 页面跳转
|
// 页面跳转
|
||||||
uni.redirectTo({
|
// uni.redirectTo({
|
||||||
url: item.pagePath,
|
// url: item.pagePath,
|
||||||
fail: () => {
|
// fail: () => {
|
||||||
// 如果页面不存在，使用navigateTo
|
// // 如果页面不存在，使用navigateTo
|
||||||
uni.navigateTo({
|
// uni.navigateTo({
|
||||||
url: item.pagePath,
|
// url: item.pagePath,
|
||||||
fail: () => {
|
// fail: () => {
|
||||||
|
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
|
|
||||||
// 触发父组件事件
|
// 触发父组件事件
|
||||||
emit('tabChange', {
|
// emit('tabChange', {
|
||||||
index,
|
// index,
|
||||||
item
|
// item
|
||||||
});
|
// });
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// 设置徽章数量
|
// 设置徽章数量
|
||||||
|
|||||||
64
components/topTip/topTip.vue
Normal file
64
components/topTip/topTip.vue
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
<template>
|
||||||
|
<view class="top-tip" v-if="visible">
|
||||||
|
<view class="title">{{ title }}</view>
|
||||||
|
<view class="content">
|
||||||
|
{{ content }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue'
|
||||||
|
|
||||||
|
const visible = ref(false)
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
content: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const open = () => {
|
||||||
|
visible.value = true
|
||||||
|
}
|
||||||
|
const close = () => {
|
||||||
|
visible.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
open,
|
||||||
|
close
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.top-tip{
|
||||||
|
position: fixed;
|
||||||
|
top: 180rpx;
|
||||||
|
left: 40rpx;
|
||||||
|
right:40rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
|
z-index: 99999999999;
|
||||||
|
.title{
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 25rpx;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
273
js_sdk/wa-permission/permission.js
Normal file
273
js_sdk/wa-permission/permission.js
Normal file
@ -0,0 +1,273 @@
|
|||||||
|
/**
|
||||||
|
* 本模块封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启
|
||||||
|
*/
|
||||||
|
|
||||||
|
var isIos
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
isIos = (plus.os.name == "iOS")
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
// 判断推送权限是否开启
|
||||||
|
function judgeIosPermissionPush() {
|
||||||
|
var result = false;
|
||||||
|
var UIApplication = plus.ios.import("UIApplication");
|
||||||
|
var app = UIApplication.sharedApplication();
|
||||||
|
var enabledTypes = 0;
|
||||||
|
if (app.currentUserNotificationSettings) {
|
||||||
|
var settings = app.currentUserNotificationSettings();
|
||||||
|
enabledTypes = settings.plusGetAttribute("types");
|
||||||
|
console.log("enabledTypes1:" + enabledTypes);
|
||||||
|
if (enabledTypes == 0) {
|
||||||
|
console.log("推送权限没有开启");
|
||||||
|
} else {
|
||||||
|
result = true;
|
||||||
|
console.log("已经开启推送功能!")
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(settings);
|
||||||
|
} else {
|
||||||
|
enabledTypes = app.enabledRemoteNotificationTypes();
|
||||||
|
if (enabledTypes == 0) {
|
||||||
|
console.log("推送权限没有开启!");
|
||||||
|
} else {
|
||||||
|
result = true;
|
||||||
|
console.log("已经开启推送功能!")
|
||||||
|
}
|
||||||
|
console.log("enabledTypes2:" + enabledTypes);
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(app);
|
||||||
|
plus.ios.deleteObject(UIApplication);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断定位权限是否开启
|
||||||
|
function judgeIosPermissionLocation() {
|
||||||
|
var result = false;
|
||||||
|
var cllocationManger = plus.ios.import("CLLocationManager");
|
||||||
|
var status = cllocationManger.authorizationStatus();
|
||||||
|
result = (status != 2)
|
||||||
|
console.log("定位权限开启：" + result);
|
||||||
|
// 以下代码判断了手机设备的定位是否关闭，推荐另行使用方法 checkSystemEnableLocation
|
||||||
|
/* var enable = cllocationManger.locationServicesEnabled();
|
||||||
|
var status = cllocationManger.authorizationStatus();
|
||||||
|
console.log("enable:" + enable);
|
||||||
|
console.log("status:" + status);
|
||||||
|
if (enable && status != 2) {
|
||||||
|
result = true;
|
||||||
|
console.log("手机定位服务已开启且已授予定位权限");
|
||||||
|
} else {
|
||||||
|
console.log("手机系统的定位没有打开或未给予定位权限");
|
||||||
|
} */
|
||||||
|
plus.ios.deleteObject(cllocationManger);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断麦克风权限是否开启
|
||||||
|
function judgeIosPermissionRecord() {
|
||||||
|
var result = false;
|
||||||
|
var avaudiosession = plus.ios.import("AVAudioSession");
|
||||||
|
var avaudio = avaudiosession.sharedInstance();
|
||||||
|
var permissionStatus = avaudio.recordPermission();
|
||||||
|
console.log("permissionStatus:" + permissionStatus);
|
||||||
|
if (permissionStatus == 1684369017 || permissionStatus == 1970168948) {
|
||||||
|
console.log("麦克风权限没有开启");
|
||||||
|
} else {
|
||||||
|
result = true;
|
||||||
|
console.log("麦克风权限已经开启");
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(avaudiosession);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断相机权限是否开启
|
||||||
|
function judgeIosPermissionCamera() {
|
||||||
|
var result = false;
|
||||||
|
var AVCaptureDevice = plus.ios.import("AVCaptureDevice");
|
||||||
|
var authStatus = AVCaptureDevice.authorizationStatusForMediaType('vide');
|
||||||
|
console.log("authStatus:" + authStatus);
|
||||||
|
if (authStatus == 3) {
|
||||||
|
result = true;
|
||||||
|
console.log("相机权限已经开启");
|
||||||
|
} else {
|
||||||
|
console.log("相机权限没有开启");
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(AVCaptureDevice);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断相册权限是否开启
|
||||||
|
function judgeIosPermissionPhotoLibrary() {
|
||||||
|
var result = false;
|
||||||
|
var PHPhotoLibrary = plus.ios.import("PHPhotoLibrary");
|
||||||
|
var authStatus = PHPhotoLibrary.authorizationStatus();
|
||||||
|
console.log("authStatus:" + authStatus);
|
||||||
|
if (authStatus == 3) {
|
||||||
|
result = true;
|
||||||
|
console.log("相册权限已经开启");
|
||||||
|
} else {
|
||||||
|
console.log("相册权限没有开启");
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(PHPhotoLibrary);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断通讯录权限是否开启
|
||||||
|
function judgeIosPermissionContact() {
|
||||||
|
var result = false;
|
||||||
|
var CNContactStore = plus.ios.import("CNContactStore");
|
||||||
|
var cnAuthStatus = CNContactStore.authorizationStatusForEntityType(0);
|
||||||
|
if (cnAuthStatus == 3) {
|
||||||
|
result = true;
|
||||||
|
console.log("通讯录权限已经开启");
|
||||||
|
} else {
|
||||||
|
console.log("通讯录权限没有开启");
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(CNContactStore);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断日历权限是否开启
|
||||||
|
function judgeIosPermissionCalendar() {
|
||||||
|
var result = false;
|
||||||
|
var EKEventStore = plus.ios.import("EKEventStore");
|
||||||
|
var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(0);
|
||||||
|
if (ekAuthStatus == 3) {
|
||||||
|
result = true;
|
||||||
|
console.log("日历权限已经开启");
|
||||||
|
} else {
|
||||||
|
console.log("日历权限没有开启");
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(EKEventStore);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断备忘录权限是否开启
|
||||||
|
function judgeIosPermissionMemo() {
|
||||||
|
var result = false;
|
||||||
|
var EKEventStore = plus.ios.import("EKEventStore");
|
||||||
|
var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(1);
|
||||||
|
if (ekAuthStatus == 3) {
|
||||||
|
result = true;
|
||||||
|
console.log("备忘录权限已经开启");
|
||||||
|
} else {
|
||||||
|
console.log("备忘录权限没有开启");
|
||||||
|
}
|
||||||
|
plus.ios.deleteObject(EKEventStore);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Android权限查询
|
||||||
|
function requestAndroidPermission(permissionID) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
plus.android.requestPermissions(
|
||||||
|
[permissionID], // 理论上支持多个权限同时查询，但实际上本函数封装只处理了一个权限的情况。有需要的可自行扩展封装
|
||||||
|
function(resultObj) {
|
||||||
|
var result = 0;
|
||||||
|
for (var i = 0; i < resultObj.granted.length; i++) {
|
||||||
|
var grantedPermission = resultObj.granted[i];
|
||||||
|
console.log('已获取的权限：' + grantedPermission);
|
||||||
|
result = 1
|
||||||
|
}
|
||||||
|
for (var i = 0; i < resultObj.deniedPresent.length; i++) {
|
||||||
|
var deniedPresentPermission = resultObj.deniedPresent[i];
|
||||||
|
console.log('拒绝本次申请的权限：' + deniedPresentPermission);
|
||||||
|
result = 0
|
||||||
|
}
|
||||||
|
for (var i = 0; i < resultObj.deniedAlways.length; i++) {
|
||||||
|
var deniedAlwaysPermission = resultObj.deniedAlways[i];
|
||||||
|
console.log('永久拒绝申请的权限：' + deniedAlwaysPermission);
|
||||||
|
result = -1
|
||||||
|
}
|
||||||
|
resolve(result);
|
||||||
|
// 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限
|
||||||
|
// if (result != 1) {
|
||||||
|
// gotoAppPermissionSetting()
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
function(error) {
|
||||||
|
console.log('申请权限错误：' + error.code + " = " + error.message);
|
||||||
|
resolve({
|
||||||
|
code: error.code,
|
||||||
|
message: error.message
|
||||||
|
});
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 使用一个方法，根据参数判断权限
|
||||||
|
function judgeIosPermission(permissionID) {
|
||||||
|
if (permissionID == "location") {
|
||||||
|
return judgeIosPermissionLocation()
|
||||||
|
} else if (permissionID == "camera") {
|
||||||
|
return judgeIosPermissionCamera()
|
||||||
|
} else if (permissionID == "photoLibrary") {
|
||||||
|
return judgeIosPermissionPhotoLibrary()
|
||||||
|
} else if (permissionID == "record") {
|
||||||
|
return judgeIosPermissionRecord()
|
||||||
|
} else if (permissionID == "push") {
|
||||||
|
return judgeIosPermissionPush()
|
||||||
|
} else if (permissionID == "contact") {
|
||||||
|
return judgeIosPermissionContact()
|
||||||
|
} else if (permissionID == "calendar") {
|
||||||
|
return judgeIosPermissionCalendar()
|
||||||
|
} else if (permissionID == "memo") {
|
||||||
|
return judgeIosPermissionMemo()
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 跳转到**应用**的权限页面
|
||||||
|
function gotoAppPermissionSetting() {
|
||||||
|
if (isIos) {
|
||||||
|
var UIApplication = plus.ios.import("UIApplication");
|
||||||
|
var application2 = UIApplication.sharedApplication();
|
||||||
|
var NSURL2 = plus.ios.import("NSURL");
|
||||||
|
// var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");
|
||||||
|
var setting2 = NSURL2.URLWithString("app-settings:");
|
||||||
|
application2.openURL(setting2);
|
||||||
|
|
||||||
|
plus.ios.deleteObject(setting2);
|
||||||
|
plus.ios.deleteObject(NSURL2);
|
||||||
|
plus.ios.deleteObject(application2);
|
||||||
|
} else {
|
||||||
|
// console.log(plus.device.vendor);
|
||||||
|
var Intent = plus.android.importClass("android.content.Intent");
|
||||||
|
var Settings = plus.android.importClass("android.provider.Settings");
|
||||||
|
var Uri = plus.android.importClass("android.net.Uri");
|
||||||
|
var mainActivity = plus.android.runtimeMainActivity();
|
||||||
|
var intent = new Intent();
|
||||||
|
intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
|
||||||
|
var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
|
||||||
|
intent.setData(uri);
|
||||||
|
mainActivity.startActivity(intent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检查系统的设备服务是否开启
|
||||||
|
// var checkSystemEnableLocation = async function () {
|
||||||
|
function checkSystemEnableLocation() {
|
||||||
|
if (isIos) {
|
||||||
|
var result = false;
|
||||||
|
var cllocationManger = plus.ios.import("CLLocationManager");
|
||||||
|
var result = cllocationManger.locationServicesEnabled();
|
||||||
|
console.log("系统定位开启:" + result);
|
||||||
|
plus.ios.deleteObject(cllocationManger);
|
||||||
|
return result;
|
||||||
|
} else {
|
||||||
|
var context = plus.android.importClass("android.content.Context");
|
||||||
|
var locationManager = plus.android.importClass("android.location.LocationManager");
|
||||||
|
var main = plus.android.runtimeMainActivity();
|
||||||
|
var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
|
||||||
|
var result = mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER);
|
||||||
|
console.log("系统定位开启:" + result);
|
||||||
|
return result
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// module.exports = {
|
||||||
|
// judgeIosPermission: judgeIosPermission,
|
||||||
|
// requestAndroidPermission: requestAndroidPermission,
|
||||||
|
// checkSystemEnableLocation: checkSystemEnableLocation,
|
||||||
|
// gotoAppPermissionSetting: gotoAppPermissionSetting
|
||||||
|
// }
|
||||||
|
export default {judgeIosPermission,requestAndroidPermission,checkSystemEnableLocation,gotoAppPermissionSetting}
|
||||||
4
main.js
4
main.js
@ -1,5 +1,9 @@
|
|||||||
|
|
||||||
|
// ES6模块化引入
|
||||||
|
//import VConsole from 'vconsole'
|
||||||
import App from './App'
|
import App from './App'
|
||||||
import uviewPlus, { setConfig } from 'uview-plus'
|
import uviewPlus, { setConfig } from 'uview-plus'
|
||||||
|
//const vConsole = new VConsole();
|
||||||
// #ifndef VUE3
|
// #ifndef VUE3
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import './uni.promisify.adaptor'
|
import './uni.promisify.adaptor'
|
||||||
|
|||||||
@ -7,6 +7,7 @@
|
|||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
/* 5+App特有相关 */
|
/* 5+App特有相关 */
|
||||||
|
"runmode" : "liberate",
|
||||||
"usingComponents" : true,
|
"usingComponents" : true,
|
||||||
"nvueCompiler" : "uni-app",
|
"nvueCompiler" : "uni-app",
|
||||||
"nvueStyleCompiler" : "uni-app",
|
"nvueStyleCompiler" : "uni-app",
|
||||||
@ -16,23 +17,27 @@
|
|||||||
"autoclose" : true,
|
"autoclose" : true,
|
||||||
"delay" : 0
|
"delay" : 0
|
||||||
},
|
},
|
||||||
"useragent": {
|
"compatible" : {
|
||||||
"value": "gdxz",
|
"ignoreVersion" : true
|
||||||
"concatenate": true
|
},
|
||||||
|
"useragent" : {
|
||||||
|
"value" : "gdxz",
|
||||||
|
"concatenate" : true
|
||||||
},
|
},
|
||||||
"modules" : {
|
"modules" : {
|
||||||
"OAuth" : {},
|
|
||||||
"Payment" : {},
|
|
||||||
"Share" : {},
|
"Share" : {},
|
||||||
"Webview-x5" : {},
|
"Webview-x5" : {},
|
||||||
"UIWebview" : {},
|
"UIWebview" : {},
|
||||||
"Push" : {},
|
"VideoPlayer" : {},
|
||||||
"VideoPlayer" : {}
|
"OAuth" : {},
|
||||||
|
"Barcode" : {},
|
||||||
|
"Camera" : {}
|
||||||
},
|
},
|
||||||
/* 模块配置 */
|
/* 模块配置 */
|
||||||
"distribute" : {
|
"distribute" : {
|
||||||
/* 应用发布信息 */
|
/* 应用发布信息 */
|
||||||
"android" : {
|
"android" : {
|
||||||
|
"hasTaskAffinity" : true,
|
||||||
/* android打包配置 */
|
/* android打包配置 */
|
||||||
"permissions" : [
|
"permissions" : [
|
||||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||||
@ -63,8 +68,13 @@
|
|||||||
"oauth" : {
|
"oauth" : {
|
||||||
"weixin" : {
|
"weixin" : {
|
||||||
"appid" : "wxbf3658f5e674667c",
|
"appid" : "wxbf3658f5e674667c",
|
||||||
"appsecret" : "c4505a04a9910c65efea8e11ffc93f92",
|
|
||||||
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
|
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
|
||||||
|
},
|
||||||
|
"univerify" : {},
|
||||||
|
"sina" : {
|
||||||
|
"appkey" : "2071931330",
|
||||||
|
"redirect_uri" : "http://sns.whalecloud.com/sina2/callback",
|
||||||
|
"UniversalLinks" : ""
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"payment" : {
|
"payment" : {
|
||||||
@ -79,6 +89,11 @@
|
|||||||
"weixin" : {
|
"weixin" : {
|
||||||
"appid" : "wxbf3658f5e674667c",
|
"appid" : "wxbf3658f5e674667c",
|
||||||
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
|
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
|
||||||
|
},
|
||||||
|
"sina" : {
|
||||||
|
"appkey" : "2071931330",
|
||||||
|
"redirect_uri" : "http://sns.whalecloud.com/sina2/callback",
|
||||||
|
"UniversalLinks" : "https://doc.igandan.com/gdxzExpert/"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"speech" : {},
|
"speech" : {},
|
||||||
@ -86,7 +101,7 @@
|
|||||||
},
|
},
|
||||||
"splashscreen" : {
|
"splashscreen" : {
|
||||||
"androidStyle" : "common",
|
"androidStyle" : "common",
|
||||||
"useOriginalMsgbox" : true,
|
"useOriginalMsgbox" : false,
|
||||||
"iosStyle" : "common"
|
"iosStyle" : "common"
|
||||||
},
|
},
|
||||||
"icons" : {
|
"icons" : {
|
||||||
|
|||||||
@ -18,6 +18,8 @@
|
|||||||
"mobx": "^6.6.1",
|
"mobx": "^6.6.1",
|
||||||
"nim-web-sdk-ng": "^10.9.50",
|
"nim-web-sdk-ng": "^10.9.50",
|
||||||
"pinyin": "^4.0.0",
|
"pinyin": "^4.0.0",
|
||||||
"uview-plus": "^3.4.73"
|
"uniapp-video-player": "^1.3.0",
|
||||||
|
"uview-plus": "^3.4.73",
|
||||||
|
"vconsole": "^3.15.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
2291
pages.json
2291
pages.json
File diff suppressed because it is too large
Load Diff
@ -167,9 +167,8 @@ $padding-small: 10px;
|
|||||||
|
|
||||||
.page {
|
.page {
|
||||||
background-color: $gray-bg;
|
background-color: $gray-bg;
|
||||||
min-height: calc(100vh - 180rpx);
|
min-height: calc(100vh - var(--status-bar-height) - 44px);
|
||||||
|
margin-top:calc(var(--status-bar-height) + 44px);
|
||||||
padding-bottom: 120rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 课程列表
|
// 课程列表
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
31
pages/loading/loading.vue
Normal file
31
pages/loading/loading.vue
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<template>
|
||||||
|
<navBar :showLeft="false" :title="'加载中...'"></navBar>
|
||||||
|
<view class="loading-page"></view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { onMounted } from 'vue';
|
||||||
|
import { onLoad,onUnload,onHide,onShow } from '@dcloudio/uni-app';
|
||||||
|
import navBar from '@/components/navBar/navBar.vue';
|
||||||
|
onShow(() => {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '加载中...',
|
||||||
|
mask: true
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
onUnload(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
});
|
||||||
|
onHide(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.loading-page{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
194
pages/my/my.vue
194
pages/my/my.vue
@ -6,14 +6,18 @@
|
|||||||
<!-- 用户信息卡片 -->
|
<!-- 用户信息卡片 -->
|
||||||
<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'}">
|
:style="{'background-image': `url(${myInfoBackGround || '/static/big_background_my.png'})`, 'background-size':'cover','background-repeat':'no-repeat'}">
|
||||||
<view class="user-info" @click="goToPage('myInfo')">
|
<view class="user-info">
|
||||||
<image class="avatar" :src="avatar" mode="aspectFill"></image>
|
<image class="avatar" :src="avatar" mode="aspectFill" @click="goToPage('myInfo')"></image>
|
||||||
<view class="user-info-content">
|
<view class="user-info-content">
|
||||||
<text class="username">{{username}}</text>
|
<text class="username">{{username}}</text>
|
||||||
<scroll-view class="honor_box" scroll-x="true" show-scrollbar="false">
|
<scroll-view class="honor_box" scroll-x="true" show-scrollbar="false">
|
||||||
<view class="honor_wrap">
|
<view class="honor_wrap">
|
||||||
<view class="honor_item" v-for="item in honor_list" :key="item.id">
|
<view class="honor_item" v-if="ranking > 0">
|
||||||
<image class="honor_image" src="/static/wdsc.png" mode="aspectFill"></image>
|
<image class="honor_image" :src="suifangImg" mode="aspectFill"></image>
|
||||||
|
<text class="honor_text">随访达人|排名{{ranking}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="honor_item" v-for="item in honor_list" :key="item.id" @click="getHonorDetail(item.id)">
|
||||||
|
<image class="honor_image" :src="rongyu" mode="aspectFill"></image>
|
||||||
<text class="honor_text">{{ item.nick_name }}</text>
|
<text class="honor_text">{{ item.nick_name }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -100,9 +104,9 @@
|
|||||||
<!-- 账户明细 -->
|
<!-- 账户明细 -->
|
||||||
<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"
|
<up-scroll-list :indicator="isAccount" indicatorActiveColor="#8B2316" indicatorWidth="40rpx" indicatorBarWidth="20rpx"
|
||||||
class="account-grid">
|
class="account-grid">
|
||||||
<view class="account-item" @click="goToPage('myAccount')">
|
<view class="account-item" @click="goToPage('myAccount')" v-if="isAccount">
|
||||||
<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>
|
||||||
@ -114,11 +118,11 @@
|
|||||||
<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('myFlower')">
|
<view class="account-item" @click="goToPage('myFlower')" v-if="isAccount">
|
||||||
<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('pptDetail')">
|
<view class="account-item" @click="goToPage('pptDetail')" v-if="isAccount">
|
||||||
<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>
|
||||||
@ -148,8 +152,8 @@
|
|||||||
<text>通知已{{notice_on?'开':'关'}}</text>
|
<text>通知已{{notice_on?'开':'关'}}</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="hasNewVersion?versionImgOn:versionImg" width="48rpx" height="48rpx"></up-image>
|
||||||
<text>V{{version}}</text>
|
<text>{{hasNewVersion?'有新版本':'V'+version}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -174,7 +178,7 @@
|
|||||||
|
|
||||||
<!-- 常用银行卡 -->
|
<!-- 常用银行卡 -->
|
||||||
<view class="sectioncell bank-section">
|
<view class="sectioncell bank-section">
|
||||||
<view class="bank-item" @click="goToPage('bankCard')">
|
<view class="bank-item" @click="goToPage('bankCard')" v-if="isAccount">
|
||||||
<view class="bank-icon">
|
<view class="bank-icon">
|
||||||
<up-image :src="cyyhk" width="48rpx" height="48rpx"></up-image>
|
<up-image :src="cyyhk" width="48rpx" height="48rpx"></up-image>
|
||||||
</view>
|
</view>
|
||||||
@ -193,10 +197,12 @@
|
|||||||
<view class="settings-icon">
|
<view class="settings-icon">
|
||||||
<up-image :src="settingImg" width="48rpx" height="48rpx"></up-image>
|
<up-image :src="settingImg" width="48rpx" height="48rpx"></up-image>
|
||||||
</view>
|
</view>
|
||||||
<view class="settings-content">
|
<view class="settings-content flex-row" >
|
||||||
<text class="settings-title">设置与帮助</text>
|
<text class="settings-title">设置与帮助</text>
|
||||||
|
<text v-if="hasNewVersion && isIos" class="new-version">有新版本</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="settings-arrow">
|
<view class="settings-arrow">
|
||||||
|
|
||||||
<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
|
<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -233,6 +239,29 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</up-overlay>
|
||||||
|
<up-overlay :show="showHonor" >
|
||||||
|
<view class="honorwrap">
|
||||||
|
<view class="honorbox">
|
||||||
|
<image :src="docUrl+honnor_detail.img" class="honor_image"></image>
|
||||||
|
<uni-icons type="close" class="close_honor" size="24" color="#fff" @click="showHonor=false"></uni-icons>
|
||||||
|
<view class="content">
|
||||||
|
<view class="content_title">
|
||||||
|
{{honnor_detail.title}}
|
||||||
|
</view>
|
||||||
|
<view class="row">
|
||||||
|
<view class="row_item" v-for="item in honnor_detail.honorlist" :key="item.id">
|
||||||
|
{{ item.nick_name }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="content_content">
|
||||||
|
{{honnor_detail.note}}
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</up-overlay>
|
</up-overlay>
|
||||||
</template>
|
</template>
|
||||||
@ -248,6 +277,11 @@
|
|||||||
import {
|
import {
|
||||||
onShow
|
onShow
|
||||||
} from "@dcloudio/uni-app";
|
} from "@dcloudio/uni-app";
|
||||||
|
const showHonor=ref(false);
|
||||||
|
import docUrl from "@/utils/docUrl.js"
|
||||||
|
import honnorExpert from "@/static/zixunexpert.png"
|
||||||
|
import honnorYingxiong from "@/static/yingxiongbanglog.png"
|
||||||
|
import rongyu from "@/static/yxb.png"
|
||||||
import version from '@/utils/version.js'
|
import version from '@/utils/version.js'
|
||||||
import hzshImg from "@/static/hzsh.png"
|
import hzshImg from "@/static/hzsh.png"
|
||||||
import hzfzImg from "@/static/hzfz.png"
|
import hzfzImg from "@/static/hzfz.png"
|
||||||
@ -269,8 +303,9 @@
|
|||||||
import ghsjhImg from "@/static/ghsjh.png"
|
import ghsjhImg from "@/static/ghsjh.png"
|
||||||
import tzykImg from "@/static/xxtx.png"
|
import tzykImg from "@/static/xxtx.png"
|
||||||
import versionImg from "@/static/fxxbb.png"
|
import versionImg from "@/static/fxxbb.png"
|
||||||
|
import versionImgOn from "@/static/fxbb.png"
|
||||||
import jifenImg from "@/static/point_buy.png"
|
import jifenImg from "@/static/point_buy.png"
|
||||||
|
import suifangImg from "@/static/suifang.png"
|
||||||
import fulicard from "@/static/fulicard.png"
|
import fulicard from "@/static/fulicard.png"
|
||||||
import fpgl from "@/static/fpgl.png"
|
import fpgl from "@/static/fpgl.png"
|
||||||
import cyyhk from "@/static/cyhhk.png"
|
import cyyhk from "@/static/cyhhk.png"
|
||||||
@ -279,6 +314,7 @@
|
|||||||
import my_api from '@/api/my_api.js'
|
import my_api from '@/api/my_api.js'
|
||||||
import navTo from "@/utils/navTo"
|
import navTo from "@/utils/navTo"
|
||||||
import linkUrl from "@/utils/docUrl"
|
import linkUrl from "@/utils/docUrl"
|
||||||
|
|
||||||
// 响应式数据
|
// 响应式数据
|
||||||
const isLargeFont = ref(false);
|
const isLargeFont = ref(false);
|
||||||
const hasSign = ref(false)
|
const hasSign = ref(false)
|
||||||
@ -298,8 +334,25 @@
|
|||||||
const totalPoints = ref(0)
|
const totalPoints = ref(0)
|
||||||
const sign_in = ref(0)
|
const sign_in = ref(0)
|
||||||
const honor_list = ref([])
|
const honor_list = ref([])
|
||||||
|
const ranking = ref(0)
|
||||||
|
|
||||||
const notice_on = ref(false)
|
const notice_on = ref(false)
|
||||||
|
const hasNewVersion = ref(false)
|
||||||
|
const checkVersion=()=>{
|
||||||
|
api.checkVersion().then(res=>{
|
||||||
|
if(res.code==80002){
|
||||||
|
hasNewVersion.value=true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const isAccount = ref(false);
|
||||||
|
const getIsAccount=()=>{
|
||||||
|
api.getIsAccount().then(res=>{
|
||||||
|
if(res.code==1){
|
||||||
|
isAccount.value=res.is_account==0?false:true;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
const goNews=()=>{
|
const goNews=()=>{
|
||||||
let url=docUrl+signInfo.news.path;
|
let url=docUrl+signInfo.news.path;
|
||||||
// #ifdef H5
|
// #ifdef H5
|
||||||
@ -376,6 +429,7 @@
|
|||||||
totalPoints.value = data.total_points || 0
|
totalPoints.value = data.total_points || 0
|
||||||
sign_in.value = data.sign_in || 0
|
sign_in.value = data.sign_in || 0
|
||||||
honor_list.value = data.honor_list || []
|
honor_list.value = data.honor_list || []
|
||||||
|
ranking.value = data.ranking || 0
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('获取我的信息失败', e)
|
console.error('获取我的信息失败', e)
|
||||||
@ -629,7 +683,16 @@ const switchPushPermissions = () => {
|
|||||||
showCancel: false
|
showCancel: false
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
const honnor_detail=ref({});
|
||||||
|
const getHonorDetail=async(id)=>{
|
||||||
|
const res = await api.gethonorDetail({
|
||||||
|
id:id
|
||||||
|
})
|
||||||
|
if (res.code == 1 ) {
|
||||||
|
honnor_detail.value = res.data;
|
||||||
|
showHonor.value = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
const onStatsClick = (key) => {
|
const onStatsClick = (key) => {
|
||||||
let url = '';
|
let url = '';
|
||||||
switch (key) {
|
switch (key) {
|
||||||
@ -661,13 +724,23 @@ const switchPushPermissions = () => {
|
|||||||
isBoundWechat.value = res.data
|
isBoundWechat.value = res.data
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const isBoundWechat = ref(false)
|
const isBoundWechat = ref(false);
|
||||||
|
const isIos = ref(false);
|
||||||
onShow(() => {
|
onShow(() => {
|
||||||
console.log('我的页面显示');
|
console.log('我的页面显示');
|
||||||
getUserInfoFromStorage() // 先从storage获取用户信息
|
getUserInfoFromStorage() // 先从storage获取用户信息
|
||||||
fetchMyInfo() // 然后从API获取最新数据
|
fetchMyInfo() // 然后从API获取最新数据
|
||||||
getIsBoundWechat()
|
getIsBoundWechat()
|
||||||
isNoticeOn()
|
isNoticeOn();
|
||||||
|
checkVersion();
|
||||||
|
getIsAccount();
|
||||||
|
let systemInfo = uni.getSystemInfoSync();
|
||||||
|
console.log(systemInfo)
|
||||||
|
if(systemInfo.osName == 'ios'){
|
||||||
|
isIos.value = true;
|
||||||
|
}else{
|
||||||
|
isIos.value = false;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -691,11 +764,91 @@ const switchPushPermissions = () => {
|
|||||||
|
|
||||||
.page {
|
.page {
|
||||||
background-color: $gray-bg;
|
background-color: $gray-bg;
|
||||||
height: calc(100vh - 180rpx);
|
margin-top:calc(var(--status-bar-height) + 44px);
|
||||||
|
height: calc(100vh - var(--status-bar-height) - 44px);
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
padding-bottom: 100rpx;
|
|
||||||
}
|
}
|
||||||
|
.flex-row{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.new-version{
|
||||||
|
background:#8B2316;
|
||||||
|
color:#fff;
|
||||||
|
font-size: 24rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
padding: 8rpx 20rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
}
|
||||||
|
.honorwrap{
|
||||||
|
width:100%;
|
||||||
|
height:100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.honorbox{
|
||||||
|
|
||||||
|
width:80%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
min-height:200rpx;
|
||||||
|
background:linear-gradient(to bottom, #54049b, #da4ee2);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
.row{
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr); /* 创建两列，每列等宽 */
|
||||||
|
gap: 20px;
|
||||||
|
.row_item{
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #da4ee2;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10rpx 20rpx;
|
||||||
|
background:#fff;
|
||||||
|
white-space: nowrap;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border:1rpx solid #da4ee2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.close_honor{
|
||||||
|
position: absolute;
|
||||||
|
top:20rpx;
|
||||||
|
right:20rpx;
|
||||||
|
}
|
||||||
|
.honor_image{
|
||||||
|
width:269rpx;
|
||||||
|
height:213rpx;
|
||||||
|
position: absolute;
|
||||||
|
top:-76rpx;
|
||||||
|
left:50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
margin-top:73rpx;
|
||||||
|
background:#fff;
|
||||||
|
border-radius: 5rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
.content_title{
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 35rpx 0 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #da4ee2;
|
||||||
|
}
|
||||||
|
.content_content{
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #333;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.signwrap{
|
.signwrap{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -825,6 +978,11 @@ const switchPushPermissions = () => {
|
|||||||
.honor_text {
|
.honor_text {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: $white;
|
color: $white;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.bar_rank{
|
||||||
|
padding:0 6rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -10,12 +10,13 @@
|
|||||||
<view class="tab-item" :class="{ active: activeTab === 0 }" @click="switchTab(0)">
|
<view class="tab-item" :class="{ active: activeTab === 0 }" @click="switchTab(0)">
|
||||||
患教文库
|
患教文库
|
||||||
</view>
|
</view>
|
||||||
|
<view class="bar"></view>
|
||||||
<view class="tab-item" :class="{ active: activeTab === 1 }" @click="switchTab(1)">
|
<view class="tab-item" :class="{ active: activeTab === 1 }" @click="switchTab(1)">
|
||||||
患教视频
|
患教视频
|
||||||
</view>
|
</view>
|
||||||
<view class="tab-item" :class="{ active: activeTab === 2 }" @click="switchTab(2)">
|
<!-- <view class="tab-item" :class="{ active: activeTab === 2 }" @click="switchTab(2)">
|
||||||
常见问题
|
常见问题
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 筛选栏 -->
|
<!-- 筛选栏 -->
|
||||||
@ -51,7 +52,7 @@
|
|||||||
:class="{ active: tag.selected }"
|
:class="{ active: tag.selected }"
|
||||||
@click="toggleTag(index)"
|
@click="toggleTag(index)"
|
||||||
>
|
>
|
||||||
{{ tag.DES }}
|
{{ tag.NAME }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -74,20 +75,20 @@
|
|||||||
:lower-threshold="100"
|
:lower-threshold="100"
|
||||||
>
|
>
|
||||||
<view class="article-item" v-for="(article, index) in articleList" :key="article.uuid || index" @click="goToDetail(article)">
|
<view class="article-item" v-for="(article, index) in articleList" :key="article.uuid || index" @click="goToDetail(article)">
|
||||||
<image class="article-image" :src="article.image" mode="aspectFill"></image>
|
<image class="article-image" :src="article.image"></image>
|
||||||
<view class="article-content">
|
<view class="article-content">
|
||||||
<view class="article-title">{{ article.title }}</view>
|
<view class="article-title">{{ article.title }}</view>
|
||||||
<view class="article-meta">
|
<view class="article-meta">
|
||||||
<view class="date-tag" v-if="article.isToday">今日</view>
|
<view class="date-tag" v-if="article.isToday">今日</view>
|
||||||
<view class="date" v-else>{{ article.date }}</view>
|
<view class="date" v-else>{{ article.date }}</view>
|
||||||
<view class="stats">
|
<view class="stats">
|
||||||
<view class="stat-item">
|
<view class="stat-item readnum">
|
||||||
<uni-icons type="eye" size="12" color="#999"></uni-icons>
|
<uni-icons type="eye" size="12" color="#999"></uni-icons>
|
||||||
<text>{{ article.views }}</text>
|
<text>{{ formatNumber(article.views) }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="stat-item">
|
<view class="stat-item">
|
||||||
<uni-icons type="hand-up" size="13" color="#999"></uni-icons>
|
<uni-icons type="hand-up" size="13" color="#999"></uni-icons>
|
||||||
<text>{{ article.likes }}</text>
|
<text>{{ formatNumber(article.likes) }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -130,6 +131,7 @@
|
|||||||
import docUrl from '@/utils/docUrl.js';
|
import docUrl from '@/utils/docUrl.js';
|
||||||
import navTo from '@/utils/navTo.js';
|
import navTo from '@/utils/navTo.js';
|
||||||
import navBar from "@/components/navBar/navBar.vue"
|
import navBar from "@/components/navBar/navBar.vue"
|
||||||
|
import formatNumber from '@/utils/formatNumber.js';
|
||||||
const type=ref(1)
|
const type=ref(1)
|
||||||
|
|
||||||
// 分页相关状态
|
// 分页相关状态
|
||||||
@ -147,6 +149,7 @@
|
|||||||
// 重置分页状态
|
// 重置分页状态
|
||||||
currentPage.value = 1;
|
currentPage.value = 1;
|
||||||
hasMore.value = true;
|
hasMore.value = true;
|
||||||
|
articleList.value = [];
|
||||||
polularScienceArticleListByKeywordsNew(true);
|
polularScienceArticleListByKeywordsNew(true);
|
||||||
};
|
};
|
||||||
const loadGuideTags = async () => {
|
const loadGuideTags = async () => {
|
||||||
@ -240,9 +243,18 @@
|
|||||||
|
|
||||||
// 格式化日期
|
// 格式化日期
|
||||||
const formatDate = (date) => {
|
const formatDate = (date) => {
|
||||||
|
const today = new Date();
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const currentYear = today.getFullYear();
|
||||||
const month = String(date.getMonth() + 1).padStart(2, '0');
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||||
const day = String(date.getDate()).padStart(2, '0');
|
const day = String(date.getDate()).padStart(2, '0');
|
||||||
|
|
||||||
|
// 如果年份是今年，只显示月日，否则显示年月日
|
||||||
|
if (year === currentYear) {
|
||||||
return `${month}-${day}`;
|
return `${month}-${day}`;
|
||||||
|
} else {
|
||||||
|
return `${year}-${month}-${day}`;
|
||||||
|
}
|
||||||
};
|
};
|
||||||
// 筛选标签数据
|
// 筛选标签数据
|
||||||
const filterTags = ref([]);
|
const filterTags = ref([]);
|
||||||
@ -270,7 +282,7 @@
|
|||||||
// 跳转到详情页
|
// 跳转到详情页
|
||||||
if (article.path) {
|
if (article.path) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages_app/webview/webview?url=${encodeURIComponent(docUrl+article.path)}&title=${article.title}`
|
url: `/pages_app/webview/webview?url=${encodeURIComponent(docUrl+article.path)}&title=患教详情`
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -319,7 +331,19 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
const toggleTag = (index) => {
|
const toggleTag = (index) => {
|
||||||
filterTags.value[index].selected = !filterTags.value[index].selected;
|
const tag = filterTags.value[index];
|
||||||
|
// 若当前为未选中状态，且已选满3个，则禁止再选
|
||||||
|
if (!tag.selected) {
|
||||||
|
const selectedCount = filterTags.value.filter(t => t.selected).length;
|
||||||
|
if (selectedCount >= 3) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '最多选择3个标签',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
tag.selected = !tag.selected;
|
||||||
};
|
};
|
||||||
|
|
||||||
const resetFilter = () => {
|
const resetFilter = () => {
|
||||||
@ -336,7 +360,7 @@
|
|||||||
|
|
||||||
// 执行筛选逻辑
|
// 执行筛选逻辑
|
||||||
if (hasSelected) {
|
if (hasSelected) {
|
||||||
const selectedTags = filterTags.value.filter(tag => tag.selected).map(tag => tag.DES);
|
const selectedTags = filterTags.value.filter(tag => tag.selected).map(tag => tag.NAME);
|
||||||
console.log('选中的标签:', selectedTags);
|
console.log('选中的标签:', selectedTags);
|
||||||
keywords.value = selectedTags.join(',');
|
keywords.value = selectedTags.join(',');
|
||||||
} else {
|
} else {
|
||||||
@ -346,7 +370,7 @@
|
|||||||
// 重置分页状态
|
// 重置分页状态
|
||||||
currentPage.value = 1;
|
currentPage.value = 1;
|
||||||
hasMore.value = true;
|
hasMore.value = true;
|
||||||
|
articleList.value = [];
|
||||||
showFilter.value = false;
|
showFilter.value = false;
|
||||||
polularScienceArticleListByKeywordsNew(true);
|
polularScienceArticleListByKeywordsNew(true);
|
||||||
};
|
};
|
||||||
@ -369,10 +393,10 @@ $gray-dark: #666;
|
|||||||
$text-color: #333;
|
$text-color: #333;
|
||||||
|
|
||||||
// 尺寸变量
|
// 尺寸变量
|
||||||
$border-radius: 8px;
|
$border-radius: 16rpx;
|
||||||
$border-radius-small: 6px;
|
$border-radius-small: 12rpx;
|
||||||
$padding: 15px;
|
$padding: 30rpx;
|
||||||
$padding-small: 10px;
|
$padding-small: 20rpx;
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
background-color: $gray-bg;
|
background-color: $gray-bg;
|
||||||
@ -385,19 +409,25 @@ $padding-small: 10px;
|
|||||||
.top{
|
.top{
|
||||||
width:100%;
|
width:100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top:180rpx;
|
top:calc(var(--status-bar-height) + 44px);
|
||||||
}
|
}
|
||||||
// 选项卡
|
// 选项卡
|
||||||
.tabs {
|
.tabs {
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
display: flex;
|
display: flex;
|
||||||
border-bottom: 1px solid $gray-light;
|
align-items: center;
|
||||||
|
border-bottom: 2rpx solid $gray-light;
|
||||||
|
.bar{
|
||||||
|
width: 2rpx;
|
||||||
|
height: 98rpx;
|
||||||
|
background-color: $gray-light;
|
||||||
|
|
||||||
|
}
|
||||||
.tab-item {
|
.tab-item {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: $padding 0;
|
padding: $padding 0;
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
color: $gray-dark;
|
color: $gray-dark;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
@ -411,8 +441,8 @@ $padding-small: 10px;
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 30px;
|
width: 60rpx;
|
||||||
height: 2px;
|
height: 4rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -425,25 +455,25 @@ $padding-small: 10px;
|
|||||||
padding: $padding-small $padding;
|
padding: $padding-small $padding;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-bottom: 1px solid $gray-light;
|
border-bottom: 2rpx solid $gray-light;
|
||||||
|
|
||||||
.search-box {
|
.search-box {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 5px;
|
gap: 10rpx;
|
||||||
|
|
||||||
.search-text {
|
.search-text {
|
||||||
font-size: 14px;
|
font-size: 28rpx;
|
||||||
color: $gray-medium;
|
color: $gray-medium;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.divider {
|
.divider {
|
||||||
width: 1px;
|
width: 2rpx;
|
||||||
height: 16px;
|
height: 32rpx;
|
||||||
background-color: $gray-medium;
|
background-color: $gray-light;
|
||||||
margin: 0 $padding;
|
margin: 0 $padding;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -452,8 +482,8 @@ $padding-small: 10px;
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 3px;
|
gap: 6rpx;
|
||||||
font-size: 14px;
|
font-size: 28rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
@ -466,8 +496,8 @@ $padding-small: 10px;
|
|||||||
// 文章列表
|
// 文章列表
|
||||||
.article-list {
|
.article-list {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
height:calc(100vh - 450rpx);
|
height:calc(100vh - var(--status-bar-height) - 44px - 188rpx);
|
||||||
top: 342rpx;
|
top: calc(var(--status-bar-height) + 44px + 188rpx);
|
||||||
|
|
||||||
padding-bottom: 130rpx;
|
padding-bottom: 130rpx;
|
||||||
.article-item {
|
.article-item {
|
||||||
@ -476,11 +506,11 @@ $padding-small: 10px;
|
|||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
padding: $padding;
|
padding: $padding;
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 12px;
|
gap: 24rpx;
|
||||||
|
|
||||||
.article-image {
|
.article-image {
|
||||||
width: 80px;
|
width: 260rpx;
|
||||||
height: 80px;
|
height: 160rpx;
|
||||||
border-radius: $border-radius-small;
|
border-radius: $border-radius-small;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
@ -492,7 +522,7 @@ $padding-small: 10px;
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.article-title {
|
.article-title {
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
margin-bottom: $padding-small;
|
margin-bottom: $padding-small;
|
||||||
@ -506,31 +536,36 @@ $padding-small: 10px;
|
|||||||
|
|
||||||
.article-meta {
|
.article-meta {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.date-tag {
|
.date-tag {
|
||||||
background-color: $primary-color;
|
background-color: $primary-color;
|
||||||
color: $white;
|
color: $white;
|
||||||
font-size: 12px;
|
font-size: 24rpx;
|
||||||
padding: 2px 6px;
|
padding: 4rpx 12rpx;
|
||||||
border-radius: 3px;
|
border-radius: 6rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.date {
|
.date {
|
||||||
font-size: 12px;
|
width: 125rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
color: $gray-medium;
|
color: $gray-medium;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats {
|
.stats {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: $padding;
|
gap: $padding;
|
||||||
|
margin-left: 50rpx;
|
||||||
|
.readnum{
|
||||||
|
width:100rpx;
|
||||||
|
}
|
||||||
.stat-item {
|
.stat-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 3px;
|
gap: 10rpx;
|
||||||
font-size: 12px;
|
|
||||||
|
font-size: 24rpx;
|
||||||
color: $gray-medium;
|
color: $gray-medium;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -591,8 +626,8 @@ $padding-small: 10px;
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 2px;
|
gap: 4rpx;
|
||||||
font-size: 12px;
|
font-size: 24rpx;
|
||||||
color: $gray-medium;
|
color: $gray-medium;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
@ -600,7 +635,7 @@ $padding-small: 10px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
text {
|
text {
|
||||||
font-size: 10px;
|
font-size: 20rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -619,7 +654,7 @@ $padding-small: 10px;
|
|||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
|
|
||||||
.filter-content {
|
.filter-content {
|
||||||
margin-top:329rpx;
|
margin-top:calc(var(--status-bar-height) + 44px + 188rpx);;
|
||||||
|
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
// border-radius: 20rpx 20rpx 0 0;
|
// border-radius: 20rpx 20rpx 0 0;
|
||||||
@ -638,9 +673,14 @@ $padding-small: 10px;
|
|||||||
.tag-item {
|
.tag-item {
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
color: $gray-dark;
|
color: $gray-dark;
|
||||||
padding: 8rpx 24rpx;
|
padding: 8rpx 0rpx;
|
||||||
|
width:150rpx;
|
||||||
|
text-align:center;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
border: 2rpx solid #efefef;
|
border: 2rpx solid #efefef;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -218,7 +218,7 @@
|
|||||||
uni.setStorageSync('userInfo', res.data);
|
uni.setStorageSync('userInfo', res.data);
|
||||||
}
|
}
|
||||||
const app = getApp()
|
const app = getApp()
|
||||||
app.initNim({appkey: "885dea390870814acf3ba8558c717572", account:result.data.YX_accid, token: result.data.YX_token })
|
//app.initNim({appkey: "885dea390870814acf3ba8558c717572", account:result.data.YX_accid, token: result.data.YX_token })
|
||||||
// 跳转到首页
|
// 跳转到首页
|
||||||
uni.redirectTo({
|
uni.redirectTo({
|
||||||
url: '/pages/index/index'
|
url: '/pages/index/index'
|
||||||
|
|||||||
582
pages_app/meetHistroy/meetHistroy.vue
Normal file
582
pages_app/meetHistroy/meetHistroy.vue
Normal file
@ -0,0 +1,582 @@
|
|||||||
|
<template>
|
||||||
|
<view class="navbox">
|
||||||
|
<view class="status_bar"></view>
|
||||||
|
<uni-nav-bar
|
||||||
|
left-icon="left"
|
||||||
|
title="过往会议"
|
||||||
|
@clickLeft="goBack"
|
||||||
|
color="#8B2316"
|
||||||
|
:border="false"
|
||||||
|
backgroundColor="#eee"
|
||||||
|
>
|
||||||
|
<template #right>
|
||||||
|
<view class="nav-right">
|
||||||
|
<uni-icons type="search" size="24" color="#8B2316" @click="searchMeetHistroy"></uni-icons>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</uni-nav-bar>
|
||||||
|
</view>
|
||||||
|
<view class="page">
|
||||||
|
<!-- 筛选标签栏 -->
|
||||||
|
<view class="filter-bar">
|
||||||
|
<view class="filter-item" :class="{active:monthName}" @click="showTimePopup">
|
||||||
|
<text>{{ monthName?monthName:'会议年份' }}</text>
|
||||||
|
<up-image :src="monthName?selectOn:select" width="26rpx" height="26rpx"></up-image>
|
||||||
|
</view>
|
||||||
|
<view class="filter-divider"></view>
|
||||||
|
<view class="filter-item" :class="{active:typeName}" @click="showLocationPopup">
|
||||||
|
<text>{{ typeName?typeName:'会议月份' }}</text>
|
||||||
|
<up-image :src="typeName?selectOn:select" width="26rpx" height="26rpx"></up-image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 可滚动内容区域 -->
|
||||||
|
<scroll-view
|
||||||
|
class="scroll-content"
|
||||||
|
scroll-y="true"
|
||||||
|
refresher-enabled="true"
|
||||||
|
:refresher-triggered="isRefreshing"
|
||||||
|
:refresher-threshold="100"
|
||||||
|
@refresherrefresh="onRefresh"
|
||||||
|
@scrolltolower="onLoadMore"
|
||||||
|
:lower-threshold="100"
|
||||||
|
>
|
||||||
|
<!-- 会议列表 -->
|
||||||
|
<view class="meeting-list" v-if="meetingList.length > 0">
|
||||||
|
<view
|
||||||
|
class="meeting-item" @click="goDetail(meeting)"
|
||||||
|
v-for="(meeting, index) in meetingList"
|
||||||
|
:key="meeting.id || index"
|
||||||
|
>
|
||||||
|
<view class="meeting-content">
|
||||||
|
<text class="meeting-title">{{
|
||||||
|
meeting.title || meeting.name
|
||||||
|
}}</text>
|
||||||
|
<view class="meeting-info">
|
||||||
|
<view class="meeting-time">
|
||||||
|
<view class="timebox">
|
||||||
|
<up-image
|
||||||
|
:src="timeImg"
|
||||||
|
width="24rpx"
|
||||||
|
height="24rpx"
|
||||||
|
></up-image>
|
||||||
|
</view>
|
||||||
|
<view class="text"> {{ formatDate(meeting.begin_date) }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="meeting-location">
|
||||||
|
<uni-icons type="location" size="14" color="#999"></uni-icons>
|
||||||
|
{{ meeting.location }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 空状态 -->
|
||||||
|
<view class="empty-state" v-else-if="!isRefreshing">
|
||||||
|
<empty></empty>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 加载更多提示 -->
|
||||||
|
<view class="load-more" v-if="showLoadMore">
|
||||||
|
<view class="load-more-content" v-if="isLoadingMore">
|
||||||
|
<uni-icons type="spinner-cycle" size="20" color="#999"></uni-icons>
|
||||||
|
<text class="load-more-text">加载中...</text>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="load-more-content"
|
||||||
|
v-else-if="hasMoreData && meetingList.length > 0"
|
||||||
|
>
|
||||||
|
<text class="load-more-text">上拉加载更多</text>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="load-more-content"
|
||||||
|
v-else-if="meetingList.length > 0 && !isLoadingMore"
|
||||||
|
>
|
||||||
|
<text class="load-more-text">没有更多数据了</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<!-- 时间选择弹窗 -->
|
||||||
|
<view class="time-popup" v-if="isTimePopupShow" @click="hideTimePopup">
|
||||||
|
<view class="popup-mask"></view>
|
||||||
|
<view class="time-popup-content" @click.stop>
|
||||||
|
<view class="time-list">
|
||||||
|
<view
|
||||||
|
class="time-item"
|
||||||
|
v-for="(month, index) in monthList"
|
||||||
|
:key="index"
|
||||||
|
:class="{ active: selectedMonth === month.value }"
|
||||||
|
@click="selectMonth(month)"
|
||||||
|
>
|
||||||
|
<text>{{ month.label }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 地区选择弹窗 -->
|
||||||
|
<view
|
||||||
|
class="time-popup"
|
||||||
|
v-if="isLocationPopupShow"
|
||||||
|
@click="hideLocationPopup"
|
||||||
|
>
|
||||||
|
<view class="popup-mask"></view>
|
||||||
|
<view class="time-popup-content" @click.stop>
|
||||||
|
<view class="time-list">
|
||||||
|
<view
|
||||||
|
class="time-item"
|
||||||
|
v-for="(location, index) in locationList"
|
||||||
|
:key="index"
|
||||||
|
:class="{ active: selectedType === location.code }"
|
||||||
|
@click="selectLocation(location)"
|
||||||
|
>
|
||||||
|
<text>{{ location.name }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted } from "vue";
|
||||||
|
import { onShow,onLoad,onHide} from "@dcloudio/uni-app";
|
||||||
|
import api from "@/api/api.js";
|
||||||
|
import navBar from "@/components/navBar/navBar.vue";
|
||||||
|
import select from "@/static/triangle_normal.png";
|
||||||
|
import selectOn from "@/static/triangle_green_theme.png"
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import timeImg from "@/static/play_long.png"
|
||||||
|
import navTo from "@/utils/navTo";
|
||||||
|
import empty from '@/components/empty/empty.vue';
|
||||||
|
// 弹窗状态
|
||||||
|
const isTimePopupShow = ref(false);
|
||||||
|
const isLocationPopupShow = ref(false);
|
||||||
|
const selectedMonth = ref("");
|
||||||
|
const monthName = ref("");
|
||||||
|
const selectedType = ref("");
|
||||||
|
const typeName = ref("");
|
||||||
|
// 下拉刷新和上拉加载状态
|
||||||
|
const isRefreshing = ref(false);
|
||||||
|
const isLoadingMore = ref(false);
|
||||||
|
const hasMoreData = ref(true);
|
||||||
|
const showLoadMore = ref(true);
|
||||||
|
const currentPage = ref(1);
|
||||||
|
const pageSize = ref(10);
|
||||||
|
|
||||||
|
// 会议列表数据
|
||||||
|
const meetingList = ref([]);
|
||||||
|
const goBack=()=>{
|
||||||
|
uni.navigateBack({
|
||||||
|
fail:()=>{
|
||||||
|
uni.redirectTo({
|
||||||
|
url:'/pages/index/index'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
onShow(() => {
|
||||||
|
|
||||||
|
});
|
||||||
|
onHide(() => {
|
||||||
|
|
||||||
|
});
|
||||||
|
// 年份数据
|
||||||
|
const monthList = ref([]);
|
||||||
|
const generateYearList = () => {
|
||||||
|
const years = [];
|
||||||
|
const currentDate = new Date();
|
||||||
|
const currentYear = currentDate.getFullYear();
|
||||||
|
// 从今年到过去10年
|
||||||
|
for (let i = 0; i < 10; i++) {
|
||||||
|
const year = currentYear - i;
|
||||||
|
years.push({
|
||||||
|
value: year.toString(),
|
||||||
|
label: `${year}年`,
|
||||||
|
year: year,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
monthList.value = years;
|
||||||
|
console.log("生成年份列表:", monthList.value);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 月份数据
|
||||||
|
const locationList = ref([]);
|
||||||
|
|
||||||
|
// 生成月份列表
|
||||||
|
const generateMonthList = () => {
|
||||||
|
const months = [];
|
||||||
|
const currentDate = new Date();
|
||||||
|
const currentYear = currentDate.getFullYear();
|
||||||
|
const currentMonth = currentDate.getMonth() + 1; // 当前月份（1-12）
|
||||||
|
|
||||||
|
// 如果选择的是今年，只显示到当前月份
|
||||||
|
if (selectedMonth.value && selectedMonth.value === currentYear.toString()) {
|
||||||
|
for (let i = 1; i <= currentMonth; i++) {
|
||||||
|
months.push({
|
||||||
|
code: i,
|
||||||
|
name: `${i}月`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 其他年份显示完整的12个月
|
||||||
|
for (let i = 1; i <= 12; i++) {
|
||||||
|
months.push({
|
||||||
|
code: i,
|
||||||
|
name: `${i}月`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
locationList.value = months;
|
||||||
|
console.log("生成月份列表:", locationList.value);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 页面加载
|
||||||
|
onMounted(() => {
|
||||||
|
generateYearList();
|
||||||
|
generateMonthList();
|
||||||
|
});
|
||||||
|
const searchMeetHistroy=()=>{
|
||||||
|
navTo({
|
||||||
|
url:'/pages_app/meetHistroySearch/meetHistroySearch'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onLoad(() => {
|
||||||
|
currentPage.value = 1;
|
||||||
|
hasMoreData.value = true;
|
||||||
|
loadMeetingData();
|
||||||
|
});
|
||||||
|
|
||||||
|
// 加载会议数据
|
||||||
|
const loadMeetingData = async (isRefresh = false) => {
|
||||||
|
if (isLoadingMore.value && !isRefresh) return;
|
||||||
|
|
||||||
|
if (isRefresh) {
|
||||||
|
isRefreshing.value = true;
|
||||||
|
} else {
|
||||||
|
isLoadingMore.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const params = {
|
||||||
|
page: currentPage.value,
|
||||||
|
pageSize: pageSize.value,
|
||||||
|
year: selectedMonth.value,
|
||||||
|
title: "",
|
||||||
|
month: selectedType.value,
|
||||||
|
};
|
||||||
|
|
||||||
|
console.log("获取会议列表参数:", params);
|
||||||
|
const response = await api.meetingHistoryList(params);
|
||||||
|
|
||||||
|
if (response && response.code === 200) {
|
||||||
|
const { list, totalPage, pageNumber } = response.data || {};
|
||||||
|
|
||||||
|
if (isRefresh) {
|
||||||
|
meetingList.value = list || [];
|
||||||
|
currentPage.value = 1;
|
||||||
|
} else {
|
||||||
|
meetingList.value = [...meetingList.value, ...(list || [])];
|
||||||
|
}
|
||||||
|
|
||||||
|
hasMoreData.value = totalPage > pageNumber;
|
||||||
|
showLoadMore.value = meetingList.value.length > 0;
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("加载会议数据失败:", error);
|
||||||
|
} finally {
|
||||||
|
isRefreshing.value = false;
|
||||||
|
isLoadingMore.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 下拉刷新
|
||||||
|
const onRefresh = () => {
|
||||||
|
currentPage.value = 1;
|
||||||
|
hasMoreData.value = true;
|
||||||
|
loadMeetingData(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 上拉加载更多
|
||||||
|
const onLoadMore = () => {
|
||||||
|
if (!hasMoreData.value || isLoadingMore.value) return;
|
||||||
|
currentPage.value++;
|
||||||
|
loadMeetingData();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 显示时间选择弹窗
|
||||||
|
const showTimePopup = () => {
|
||||||
|
isTimePopupShow.value = !isTimePopupShow.value;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 隐藏时间选择弹窗
|
||||||
|
const hideTimePopup = () => {
|
||||||
|
isTimePopupShow.value = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 选择年份
|
||||||
|
const selectMonth = (month) => {
|
||||||
|
selectedMonth.value = month.value;
|
||||||
|
monthName.value = month.label;
|
||||||
|
console.log("选择年份:", month.label);
|
||||||
|
|
||||||
|
// 选择年份后重新生成月份列表
|
||||||
|
generateMonthList();
|
||||||
|
|
||||||
|
// 重置月份选择
|
||||||
|
selectedType.value = "";
|
||||||
|
|
||||||
|
// 选择年份后重新加载数据
|
||||||
|
loadMeetingData(true);
|
||||||
|
hideTimePopup();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 显示地区选择弹窗
|
||||||
|
const showLocationPopup = () => {
|
||||||
|
if (selectedMonth.value === "") {
|
||||||
|
uni.showToast({
|
||||||
|
title: "请先选择年份",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
isLocationPopupShow.value = !isLocationPopupShow.value;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 隐藏地区选择弹窗
|
||||||
|
const hideLocationPopup = () => {
|
||||||
|
isLocationPopupShow.value = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 选择月份
|
||||||
|
const selectLocation = (location) => {
|
||||||
|
selectedType.value = location.code;
|
||||||
|
typeName.value = location.name;
|
||||||
|
console.log("选择月份:", location.name);
|
||||||
|
// 选择月份后重新加载数据
|
||||||
|
loadMeetingData(true);
|
||||||
|
hideLocationPopup();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 格式化日期
|
||||||
|
const formatDate = (dateStr) => {
|
||||||
|
if (!dateStr) return "";
|
||||||
|
return dayjs(dateStr).format("YYYY.MM.DD");
|
||||||
|
};
|
||||||
|
const goDetail=(item)=>{
|
||||||
|
const encoded = encodeURIComponent(item.path);
|
||||||
|
let imgPath=encodeURIComponent('https://doc.igandan.com/app/html/img/2016/20160714132557.png');
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages_app/webview/webview?url=${encoded}&sharetitle=${item.title}&bg=1&type=live_old&imgPath=${imgPath}&share=1&title=会议详情`
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
$white: #fff;
|
||||||
|
$gray: #999;
|
||||||
|
$gray-dark: #666;
|
||||||
|
$gray-light: #eee;
|
||||||
|
$border-color: #e0e0e0;
|
||||||
|
$theme-color: #8b2316;
|
||||||
|
// .nav-right{
|
||||||
|
// margin-top: 50rpx;
|
||||||
|
// }
|
||||||
|
.page {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 筛选标签栏
|
||||||
|
.filter-bar {
|
||||||
|
position: fixed;
|
||||||
|
top: calc(var(--status-bar-height) + 44px);
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
background-color: $white;
|
||||||
|
height: 88rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
border-bottom: 2rpx solid $gray-light;
|
||||||
|
|
||||||
|
.filter-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color:$gray-dark;
|
||||||
|
|
||||||
|
text {
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
color: #8B2316;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-divider {
|
||||||
|
width: 2rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
background-color: $border-color;
|
||||||
|
margin: 0 60rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 滚动内容区域
|
||||||
|
.scroll-content {
|
||||||
|
position: fixed;
|
||||||
|
top: calc(var(--status-bar-height) + 44px + 88rpx);
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
background-color: $white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 会议列表
|
||||||
|
.meeting-list {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meeting-item {
|
||||||
|
padding: 30rpx 0;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.meeting-content {
|
||||||
|
.meeting-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-clamp: 2;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meeting-info {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 8rpx;
|
||||||
|
|
||||||
|
.meeting-time,
|
||||||
|
.meeting-location {
|
||||||
|
.timebox{
|
||||||
|
margin-top: -4rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 空状态
|
||||||
|
.empty-state {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 100rpx 0;
|
||||||
|
|
||||||
|
.empty-icon {
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-text {
|
||||||
|
color: #999;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 加载更多
|
||||||
|
.load-more {
|
||||||
|
padding: 30rpx 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.load-more-content {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10rpx;
|
||||||
|
|
||||||
|
.load-more-text {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 时间选择弹窗
|
||||||
|
.time-popup {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.popup-mask {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time-popup-content {
|
||||||
|
margin-top: calc(var(--status-bar-height) + 44px + 90rpx);;
|
||||||
|
position: relative;
|
||||||
|
background-color: $white;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100vh - calc(var(--status-bar-height) - 44px - 88rpx));
|
||||||
|
|
||||||
|
.time-list {
|
||||||
|
padding: 0;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
.time-item {
|
||||||
|
padding: 25rpx 60rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #666;
|
||||||
|
border-bottom: 2rpx solid #f0f0f0;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
color: $theme-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
493
pages_app/meetHistroySearch/meetHistroySearch.vue
Normal file
493
pages_app/meetHistroySearch/meetHistroySearch.vue
Normal file
@ -0,0 +1,493 @@
|
|||||||
|
<template>
|
||||||
|
<view class="page">
|
||||||
|
<!-- 头部搜索栏 -->
|
||||||
|
<view class="navbox">
|
||||||
|
<view class="status_bar"></view>
|
||||||
|
<view class="search-header ">
|
||||||
|
|
||||||
|
<view class="back-icon" @click="goBack">
|
||||||
|
<uni-icons type="left" size="30" color="#8B2316"></uni-icons>
|
||||||
|
</view>
|
||||||
|
<view class="search-input-wrapper">
|
||||||
|
<view class="search-icon">
|
||||||
|
<uni-icons type="search" size="20" color="#999"></uni-icons>
|
||||||
|
</view>
|
||||||
|
<input
|
||||||
|
class="search-input"
|
||||||
|
placeholder="搜索会议关键字"
|
||||||
|
v-model="searchKeyword"
|
||||||
|
@input="onSearchInput"
|
||||||
|
@confirm="onSearchConfirm"
|
||||||
|
confirm-type="search"
|
||||||
|
/>
|
||||||
|
<view class="clear-icon" v-if="searchKeyword" @click="clearSearch">
|
||||||
|
<uni-icons type="clear" size="20" color="#999"></uni-icons>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cancel-btn" @click="goSearch">
|
||||||
|
<text class="cancel-text">搜索</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 可滚动内容区域 -->
|
||||||
|
<scroll-view
|
||||||
|
class="scroll-content"
|
||||||
|
scroll-y="true"
|
||||||
|
refresher-enabled="true"
|
||||||
|
:refresher-triggered="isRefreshing"
|
||||||
|
:refresher-threshold="100"
|
||||||
|
@refresherrefresh="onRefresh"
|
||||||
|
@scrolltolower="onLoadMore"
|
||||||
|
:lower-threshold="100"
|
||||||
|
>
|
||||||
|
<!-- 会议列表 -->
|
||||||
|
<view class="meeting-list" v-if="meetingList.length > 0">
|
||||||
|
<view
|
||||||
|
class="meeting-item" @click="goDetail(meeting)"
|
||||||
|
v-for="(meeting, index) in meetingList"
|
||||||
|
:key="meeting.id || index"
|
||||||
|
>
|
||||||
|
<view class="meeting-content">
|
||||||
|
<text class="meeting-title">{{
|
||||||
|
meeting.title || meeting.name
|
||||||
|
}}</text>
|
||||||
|
<view class="meeting-info">
|
||||||
|
<view class="meeting-time">
|
||||||
|
<view class="timebox">
|
||||||
|
<up-image
|
||||||
|
:src="timeImg"
|
||||||
|
width="24rpx"
|
||||||
|
height="24rpx"
|
||||||
|
></up-image>
|
||||||
|
</view>
|
||||||
|
<view class="text" >{{ formatDate(meeting.begin_date,'YYYY.MM.DD')}}</view>
|
||||||
|
<view class="text" v-if="formatDate(meeting.end_date,'YYYY.MM.DD')!=formatDate(meeting.begin_date,'YYYY.MM.DD')">{{ '-'+formatDate(meeting.end_date,'YYYY.MM.DD')}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="meeting-location">
|
||||||
|
<uni-icons type="location" size="14" color="#999"></uni-icons>
|
||||||
|
{{ meeting.location }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 空状态 -->
|
||||||
|
<view class="empty-state" v-else-if="!isRefreshing">
|
||||||
|
<empty></empty>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 加载更多提示 -->
|
||||||
|
<view class="load-more" v-if="showLoadMore">
|
||||||
|
<view class="load-more-content" v-if="isLoadingMore">
|
||||||
|
<uni-icons type="spinner-cycle" size="20" color="#999"></uni-icons>
|
||||||
|
<text class="load-more-text">加载中...</text>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="load-more-content"
|
||||||
|
v-else-if="hasMoreData && meetingList.length > 0"
|
||||||
|
>
|
||||||
|
<text class="load-more-text">上拉加载更多</text>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="load-more-content"
|
||||||
|
v-else-if="meetingList.length > 0 && !isLoadingMore"
|
||||||
|
>
|
||||||
|
<text class="load-more-text">没有更多数据了</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted } from "vue";
|
||||||
|
import { onShow } from "@dcloudio/uni-app";
|
||||||
|
import api from "@/api/api.js";
|
||||||
|
import navBar from "@/components/navBar/navBar.vue";
|
||||||
|
import select from "@/static/triangle_normal.png";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import timeImg from "@/static/play_long.png"
|
||||||
|
import empty from "@/components/empty/empty.vue";
|
||||||
|
|
||||||
|
const searchKeyword = ref('');
|
||||||
|
// 下拉刷新和上拉加载状态
|
||||||
|
const isRefreshing = ref(false);
|
||||||
|
const isLoadingMore = ref(false);
|
||||||
|
const hasMoreData = ref(true);
|
||||||
|
const showLoadMore = ref(true);
|
||||||
|
const currentPage = ref(1);
|
||||||
|
const pageSize = ref(10);
|
||||||
|
|
||||||
|
// 会议列表数据
|
||||||
|
const meetingList = ref([]);
|
||||||
|
|
||||||
|
const goSearch=()=>{
|
||||||
|
if(!searchKeyword.value){
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入搜索内容',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
currentPage.value = 1;
|
||||||
|
hasMoreData.value = true;
|
||||||
|
meetingList.value = [];
|
||||||
|
loadMeetingData();
|
||||||
|
}
|
||||||
|
|
||||||
|
const goBack=()=>{
|
||||||
|
uni.navigateBack({
|
||||||
|
fail:()=>{
|
||||||
|
uni.redirectTo({
|
||||||
|
url:'/pages/index/index'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 加载会议数据
|
||||||
|
const loadMeetingData = async (isRefresh = false) => {
|
||||||
|
if (isLoadingMore.value && !isRefresh) return;
|
||||||
|
|
||||||
|
if (isRefresh) {
|
||||||
|
isRefreshing.value = true;
|
||||||
|
} else {
|
||||||
|
isLoadingMore.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const params = {
|
||||||
|
page: currentPage.value,
|
||||||
|
pageSize: pageSize.value,
|
||||||
|
year:'',
|
||||||
|
title: searchKeyword.value,
|
||||||
|
month: '',
|
||||||
|
};
|
||||||
|
|
||||||
|
console.log("获取会议列表参数:", params);
|
||||||
|
const response = await api.meetingHistoryList(params);
|
||||||
|
|
||||||
|
if (response && response.code === 200) {
|
||||||
|
const { list, totalPage, pageNumber } = response.data || {};
|
||||||
|
|
||||||
|
if (isRefresh) {
|
||||||
|
meetingList.value = list || [];
|
||||||
|
currentPage.value = 1;
|
||||||
|
} else {
|
||||||
|
meetingList.value = [...meetingList.value, ...(list || [])];
|
||||||
|
}
|
||||||
|
console.log("会议列表数据:", meetingList.value);
|
||||||
|
hasMoreData.value = totalPage > pageNumber;
|
||||||
|
showLoadMore.value = meetingList.value.length > 0;
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("加载会议数据失败:", error);
|
||||||
|
} finally {
|
||||||
|
isRefreshing.value = false;
|
||||||
|
isLoadingMore.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 下拉刷新
|
||||||
|
const onRefresh = () => {
|
||||||
|
currentPage.value = 1;
|
||||||
|
hasMoreData.value = true;
|
||||||
|
loadMeetingData(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 上拉加载更多
|
||||||
|
const onLoadMore = () => {
|
||||||
|
if (!hasMoreData.value || isLoadingMore.value) return;
|
||||||
|
currentPage.value++;
|
||||||
|
loadMeetingData();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 显示时间选择弹窗
|
||||||
|
const showTimePopup = () => {
|
||||||
|
isTimePopupShow.value = !isTimePopupShow.value;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 隐藏时间选择弹窗
|
||||||
|
const hideTimePopup = () => {
|
||||||
|
isTimePopupShow.value = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 选择年份
|
||||||
|
const selectMonth = (month) => {
|
||||||
|
selectedMonth.value = month.value;
|
||||||
|
console.log("选择年份:", month.label);
|
||||||
|
|
||||||
|
// 选择年份后重新生成月份列表
|
||||||
|
generateMonthList();
|
||||||
|
|
||||||
|
// 重置月份选择
|
||||||
|
selectedType.value = "";
|
||||||
|
|
||||||
|
// 选择年份后重新加载数据
|
||||||
|
loadMeetingData(true);
|
||||||
|
hideTimePopup();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 显示地区选择弹窗
|
||||||
|
const showLocationPopup = () => {
|
||||||
|
if (selectedMonth.value === "") {
|
||||||
|
uni.showToast({
|
||||||
|
title: "请先选择年份",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
isLocationPopupShow.value = !isLocationPopupShow.value;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 隐藏地区选择弹窗
|
||||||
|
const hideLocationPopup = () => {
|
||||||
|
isLocationPopupShow.value = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 选择月份
|
||||||
|
const selectLocation = (location) => {
|
||||||
|
selectedType.value = location.code;
|
||||||
|
console.log("选择月份:", location.name);
|
||||||
|
// 选择月份后重新加载数据
|
||||||
|
loadMeetingData(true);
|
||||||
|
hideLocationPopup();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 格式化日期
|
||||||
|
const formatDate = (dateStr) => {
|
||||||
|
if (!dateStr) return "";
|
||||||
|
return dayjs(dateStr).format("YYYY.MM.DD");
|
||||||
|
};
|
||||||
|
const goDetail=(item)=>{
|
||||||
|
const encoded = encodeURIComponent(item.path);
|
||||||
|
let imgPath=encodeURIComponent('https://doc.igandan.com/app/html/img/2016/20160714132557.png');
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages_app/webview/webview?url=${encoded}&sharetitle=${item.title}&bg=1&type=live_yugao&imgPath=${imgPath}&share=1&title=会议详情`
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
$white: #fff;
|
||||||
|
$gray: #999;
|
||||||
|
$gray-dark: #666;
|
||||||
|
$gray-light: #eee;
|
||||||
|
$border-color: #e0e0e0;
|
||||||
|
$theme-color: #8b2316;
|
||||||
|
|
||||||
|
.page {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
// 头部搜索栏
|
||||||
|
.search-header {
|
||||||
|
|
||||||
|
background-color: #eeeeee;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
height:44px;
|
||||||
|
align-items: center;
|
||||||
|
padding:0 30rpx;
|
||||||
|
gap: 20rpx;
|
||||||
|
|
||||||
|
|
||||||
|
.search-input-wrapper {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
height:70rpx;
|
||||||
|
|
||||||
|
.search-icon {
|
||||||
|
margin-right: 15rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input {
|
||||||
|
flex: 1;
|
||||||
|
height: 80rpx;
|
||||||
|
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear-icon {
|
||||||
|
margin-left: 15rpx;
|
||||||
|
padding: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel-btn {
|
||||||
|
padding: 10rpx 20rpx;
|
||||||
|
background:#8B2316;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
|
||||||
|
.cancel-text {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 滚动内容区域
|
||||||
|
.scroll-content {
|
||||||
|
position: fixed;
|
||||||
|
top: calc(var(--status-bar-height) + 44px);
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
background-color: $white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 会议列表
|
||||||
|
.meeting-list {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meeting-item {
|
||||||
|
padding: 30rpx 0;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.meeting-content {
|
||||||
|
.meeting-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-clamp: 2;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meeting-info {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 8rpx;
|
||||||
|
|
||||||
|
.meeting-time,
|
||||||
|
.meeting-location {
|
||||||
|
.timebox{
|
||||||
|
margin-top: -4rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 空状态
|
||||||
|
.empty-state {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 100rpx 0;
|
||||||
|
|
||||||
|
.empty-icon {
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-text {
|
||||||
|
color: #999;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 加载更多
|
||||||
|
.load-more {
|
||||||
|
padding: 30rpx 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.load-more-content {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10rpx;
|
||||||
|
|
||||||
|
.load-more-text {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 时间选择弹窗
|
||||||
|
.time-popup {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.popup-mask {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time-popup-content {
|
||||||
|
margin-top: 271rpx;
|
||||||
|
position: relative;
|
||||||
|
background-color: $white;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100vh - 275rpx);
|
||||||
|
|
||||||
|
.time-list {
|
||||||
|
padding: 0;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
.time-item {
|
||||||
|
padding: 25rpx 60rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #666;
|
||||||
|
border-bottom: 2rpx solid #f0f0f0;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
color: $theme-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,13 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="my-application-page">
|
<view class="my-application-page">
|
||||||
<!-- 顶部导航栏 -->
|
<!-- 顶部导航栏 -->
|
||||||
|
<view class="navBox">
|
||||||
|
<view class="status_bar"></view>
|
||||||
<uni-nav-bar
|
<uni-nav-bar
|
||||||
left-icon="left"
|
left-icon="left"
|
||||||
title="我的应用"
|
title="我的应用"
|
||||||
@clickLeft="goBack"
|
@clickLeft="goBack"
|
||||||
fixed
|
|
||||||
color="#8B2316"
|
color="#8B2316"
|
||||||
height="180rpx"
|
|
||||||
:border="false"
|
:border="false"
|
||||||
backgroundColor="#eeeeee"
|
backgroundColor="#eeeeee"
|
||||||
>
|
>
|
||||||
@ -17,6 +19,7 @@
|
|||||||
}}</text>
|
}}</text>
|
||||||
</template>
|
</template>
|
||||||
</uni-nav-bar>
|
</uni-nav-bar>
|
||||||
|
</view>
|
||||||
|
|
||||||
<scroll-view class="content" scroll-y>
|
<scroll-view class="content" scroll-y>
|
||||||
<!-- 我的应用部分 -->
|
<!-- 我的应用部分 -->
|
||||||
@ -102,6 +105,14 @@
|
|||||||
|
|
||||||
// 获取用户图标数据
|
// 获取用户图标数据
|
||||||
const addUserIcon = () => {
|
const addUserIcon = () => {
|
||||||
|
if(myApps.value.length <3){
|
||||||
|
uni.showToast({
|
||||||
|
title: '至少添加3个应用',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 1500
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
api.addUserIcon({
|
api.addUserIcon({
|
||||||
idStr:myApps.value.map(item => item.id).join(',')
|
idStr:myApps.value.map(item => item.id).join(',')
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
@ -190,7 +201,7 @@
|
|||||||
navTo({
|
navTo({
|
||||||
url:url
|
url:url
|
||||||
})
|
})
|
||||||
}else if(app.name=="肝病新闻"){
|
}else if(app.name=="肝胆新闻"){
|
||||||
url='/pages_app/news/news'
|
url='/pages_app/news/news'
|
||||||
navTo({
|
navTo({
|
||||||
url:url
|
url:url
|
||||||
|
|||||||
@ -1,15 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<uni-nav-bar
|
|
||||||
left-icon="left"
|
|
||||||
title="肝胆新闻"
|
|
||||||
@clickLeft="goBack"
|
|
||||||
fixed
|
|
||||||
color="#8B2316"
|
|
||||||
height="180rpx"
|
|
||||||
:border="false"
|
|
||||||
backgroundColor="#eeeeee"
|
|
||||||
></uni-nav-bar>
|
|
||||||
|
|
||||||
|
<navBar title="肝胆新闻" />
|
||||||
<view class="news-page">
|
<view class="news-page">
|
||||||
<!-- Fixed Banner Swiper -->
|
<!-- Fixed Banner Swiper -->
|
||||||
<view class="banner-container">
|
<view class="banner-container">
|
||||||
@ -143,7 +134,8 @@
|
|||||||
import { onShow } from "@dcloudio/uni-app";
|
import { onShow } from "@dcloudio/uni-app";
|
||||||
import api from '@/api/api.js';
|
import api from '@/api/api.js';
|
||||||
import docUrl from "@/utils/docUrl.js";
|
import docUrl from "@/utils/docUrl.js";
|
||||||
import navTo from '../../utils/navTo';
|
import navTo from '../../utils/navTo';
|
||||||
|
import navBar from '@/components/navBar/navBar.vue';
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
loadNewsBanner();
|
loadNewsBanner();
|
||||||
@ -270,7 +262,7 @@ import navTo from '../../utils/navTo';
|
|||||||
/* Fixed Banner Container */
|
/* Fixed Banner Container */
|
||||||
.banner-container {
|
.banner-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 180rpx; /* uni-nav-bar height */
|
top:calc(var(--status-bar-height) + 44px);
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<uni-nav-bar left-icon="left"
|
<navBar title="患教视频" />
|
||||||
@clickLeft="goBack" title="患教视频" fixed color="#8B2316" height="180rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
|
|
||||||
<view class="video-page">
|
<view class="video-page">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
|
|
||||||
@ -67,7 +66,7 @@
|
|||||||
<text class="author">{{video.public_name}}</text>
|
<text class="author">{{video.public_name}}</text>
|
||||||
<view class="stats">
|
<view class="stats">
|
||||||
<uni-icons type="eye" size="14" color="#999"></uni-icons>
|
<uni-icons type="eye" size="14" color="#999"></uni-icons>
|
||||||
<text class="view-count">{{video.readnum}}</text>
|
<text class="view-count">{{formatNumber(video.readnum)}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -153,6 +152,8 @@
|
|||||||
import docUrl from '@/utils/docUrl';
|
import docUrl from '@/utils/docUrl';
|
||||||
import navTo from '@/utils/navTo';
|
import navTo from '@/utils/navTo';
|
||||||
import empty from '@/components/empty/empty.vue';
|
import empty from '@/components/empty/empty.vue';
|
||||||
|
import formatNumber from '@/utils/formatNumber.js';
|
||||||
|
import navBar from '@/components/navBar/navBar.vue';
|
||||||
const isAllActive=ref(false)
|
const isAllActive=ref(false)
|
||||||
// 响应式数据
|
// 响应式数据
|
||||||
const videoList = ref([]);
|
const videoList = ref([]);
|
||||||
@ -515,9 +516,9 @@
|
|||||||
.scroll-view {
|
.scroll-view {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0rpx;
|
bottom: 0rpx;
|
||||||
height: calc(100vh - 180rpx); /* 固定高度，减去导航栏高度 */
|
height: calc(100vh - var(--status-bar-height) - 44px); /* 固定高度，减去导航栏高度 */
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
top: 172rpx; /* 为导航栏留出空间 */
|
top: calc(var(--status-bar-height) + 65px); /* 为导航栏留出空间 */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -569,7 +570,7 @@
|
|||||||
/* Fixed Filter Tabs Container */
|
/* Fixed Filter Tabs Container */
|
||||||
.filter-tabs-container {
|
.filter-tabs-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 180rpx; /* uni-nav-bar height */
|
top: calc(var(--status-bar-height) + 44px); /* uni-nav-bar height */
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 40;
|
z-index: 40;
|
||||||
|
|||||||
@ -1,16 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="person-page">
|
<view class="person-page">
|
||||||
<!-- 顶部导航栏 -->
|
<!-- 顶部导航栏 -->
|
||||||
<uni-nav-bar
|
<navBar title="个人资料" />
|
||||||
left-icon="left"
|
|
||||||
title="个人资料"
|
|
||||||
@clickLeft="goBack"
|
|
||||||
fixed
|
|
||||||
color="#8B2316"
|
|
||||||
height="180rpx"
|
|
||||||
:border="false"
|
|
||||||
backgroundColor="#eeeeee"
|
|
||||||
></uni-nav-bar>
|
|
||||||
|
|
||||||
<scroll-view class="content" scroll-y>
|
<scroll-view class="content" scroll-y>
|
||||||
<!-- 基本资料分组 -->
|
<!-- 基本资料分组 -->
|
||||||
@ -267,6 +258,7 @@
|
|||||||
import areaList from '@/utils/areaList.js';
|
import areaList from '@/utils/areaList.js';
|
||||||
import docUrl from '@/utils/docUrl';
|
import docUrl from '@/utils/docUrl';
|
||||||
import navTo from '@/utils/navTo';
|
import navTo from '@/utils/navTo';
|
||||||
|
import navBar from '@/components/navBar/navBar.vue';
|
||||||
import QfImageCropper from '@/components/qf-image-cropper/qf-image-cropper.vue';
|
import QfImageCropper from '@/components/qf-image-cropper/qf-image-cropper.vue';
|
||||||
const form = ref({
|
const form = ref({
|
||||||
// 基本资料字段
|
// 基本资料字段
|
||||||
@ -777,7 +769,7 @@ const confirmSpecialties = () => {
|
|||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 180rpx;
|
top: calc(var(--status-bar-height) + 44px);
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|||||||
@ -90,7 +90,7 @@
|
|||||||
:class="{ active: tag.selected }"
|
:class="{ active: tag.selected }"
|
||||||
@click="toggleTag(index)"
|
@click="toggleTag(index)"
|
||||||
>
|
>
|
||||||
{{ tag.DES}}
|
{{ tag.NAME}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -391,9 +391,9 @@
|
|||||||
console.log('选中的筛选标签:', selectedTags);
|
console.log('选中的筛选标签:', selectedTags);
|
||||||
for (var i = 0; i < selectedTags.length; i++) {
|
for (var i = 0; i < selectedTags.length; i++) {
|
||||||
if(keywords.value){
|
if(keywords.value){
|
||||||
keywords.value+=","+selectedTags[i].DES
|
keywords.value+=","+selectedTags[i].NAME
|
||||||
}else{
|
}else{
|
||||||
keywords.value=selectedTags[i].DES
|
keywords.value=selectedTags[i].NAME
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
isFilterActive.value =true;
|
isFilterActive.value =true;
|
||||||
|
|||||||
@ -217,7 +217,7 @@ const goBack = () => {
|
|||||||
|
|
||||||
.download-bar {
|
.download-bar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: calc(var(--status-bar-height) + 44px);
|
top:220rpx;
|
||||||
z-index: 89;
|
z-index: 89;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #6f6f6f; // 接近截图灰条
|
background-color: #6f6f6f; // 接近截图灰条
|
||||||
|
|||||||
@ -255,7 +255,7 @@
|
|||||||
icon: 'none'
|
icon: 'none'
|
||||||
});
|
});
|
||||||
const app = getApp()
|
const app = getApp()
|
||||||
app.initNim({appkey: "885dea390870814acf3ba8558c717572", account:result.YX_accid, token: result.YX_token })
|
//app.initNim({appkey: "885dea390870814acf3ba8558c717572", account:result.YX_accid, token: result.YX_token })
|
||||||
console.log(3)
|
console.log(3)
|
||||||
uni.redirectTo({
|
uni.redirectTo({
|
||||||
url:'/pages/index/index'
|
url:'/pages/index/index'
|
||||||
@ -330,7 +330,7 @@
|
|||||||
uni.setStorageSync('userInfo', res.data);
|
uni.setStorageSync('userInfo', res.data);
|
||||||
}
|
}
|
||||||
const app = getApp()
|
const app = getApp()
|
||||||
app.initNim({ account:result.data.YX_accid, token: result.data.YX_token })
|
//app.initNim({ account:result.data.YX_accid, token: result.data.YX_token })
|
||||||
// 跳转到首页
|
// 跳转到首页
|
||||||
uni.redirectTo({
|
uni.redirectTo({
|
||||||
url: '/pages/index/index'
|
url: '/pages/index/index'
|
||||||
|
|||||||
635
pages_app/replayList/replayList.vue
Normal file
635
pages_app/replayList/replayList.vue
Normal file
@ -0,0 +1,635 @@
|
|||||||
|
<template>
|
||||||
|
<view class="navbox">
|
||||||
|
<view class="status_bar"></view>
|
||||||
|
<uni-nav-bar left-icon="left"
|
||||||
|
@clickLeft="goBack" :title="name" color="#8B2316" :border="false" backgroundColor="#eeeeee">
|
||||||
|
<template #right>
|
||||||
|
|
||||||
|
<view class="nav-right" @click="goSelect">
|
||||||
|
精选
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</uni-nav-bar>
|
||||||
|
</view>
|
||||||
|
<view class="video-page">
|
||||||
|
<!-- Header -->
|
||||||
|
|
||||||
|
<!-- Main Content -->
|
||||||
|
<scroll-view
|
||||||
|
class="scroll-view"
|
||||||
|
scroll-y="true"
|
||||||
|
refresher-enabled="true"
|
||||||
|
:refresher-triggered="refreshing"
|
||||||
|
@refresherrefresh="onRefresh"
|
||||||
|
@scrolltolower="onLoadMore"
|
||||||
|
lower-threshold="100"
|
||||||
|
>
|
||||||
|
|
||||||
|
<!-- Video List -->
|
||||||
|
<view class="video-list">
|
||||||
|
<view
|
||||||
|
class="video-item"
|
||||||
|
v-for="(video, index) in videoList"
|
||||||
|
:key="video.id || video.uuid"
|
||||||
|
@click="playVideo(video)"
|
||||||
|
>
|
||||||
|
<view class="video-thumbnail">
|
||||||
|
<image :src="docUrl + video.imgpath" mode="aspectFill"></image>
|
||||||
|
</view>
|
||||||
|
<view class="video-info">
|
||||||
|
<view class="video-title">{{video.title || video.name}}</view>
|
||||||
|
<view class="video-meta">
|
||||||
|
<text class="author">{{video.public_name}}</text>
|
||||||
|
<view class="stats">
|
||||||
|
<uni-icons type="eye" size="14" color="#999"></uni-icons>
|
||||||
|
<text class="view-count">{{video.readnum}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- Loading More -->
|
||||||
|
<uni-load-more
|
||||||
|
v-if="videoList.length > 0"
|
||||||
|
:status="loadMoreStatus"
|
||||||
|
:content-text="{
|
||||||
|
contentdown: '上拉加载更多',
|
||||||
|
contentrefresh: '正在加载...',
|
||||||
|
contentnomore: '没有更多数据了'
|
||||||
|
}"
|
||||||
|
></uni-load-more>
|
||||||
|
|
||||||
|
<!-- Empty State -->
|
||||||
|
<view class="empty-state" v-if="videoList.length === 0 && !loading">
|
||||||
|
<empty></empty>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted, computed,reactive } from 'vue';
|
||||||
|
import { onShow,onLoad } from "@dcloudio/uni-app";
|
||||||
|
import api from '@/api/api.js';
|
||||||
|
import allImg from "@/static/video_all.png"
|
||||||
|
import allOnImg from "@/static/video_select.png"
|
||||||
|
import selectImg from "@/static/all_video.png"
|
||||||
|
import selectOnImg from "@/static/select_video.png"
|
||||||
|
import filter from "@/static/cb_screen_no.png"
|
||||||
|
import filterOn from "@/static/cb_screen_yes.png"
|
||||||
|
import upImg from "@/static/cb_up.png"
|
||||||
|
import downImg from "@/static/cb_down.png"
|
||||||
|
import docUrl from '@/utils/docUrl';
|
||||||
|
import navTo from '@/utils/navTo';
|
||||||
|
import empty from '@/components/empty/empty.vue';
|
||||||
|
const isAllActive=ref(false)
|
||||||
|
// 响应式数据
|
||||||
|
const videoList = ref([]);
|
||||||
|
const activeTab = ref(1); // 默认选中"最新"
|
||||||
|
const loading = ref(false);
|
||||||
|
const refreshing = ref(false);
|
||||||
|
const loadMoreStatus = ref('more'); // more, loading, noMore
|
||||||
|
const currentPage = ref(1);
|
||||||
|
const pageSize = ref(10);
|
||||||
|
const hasMoreData = ref(true);
|
||||||
|
const filteredContent=ref([])
|
||||||
|
const sort =ref(2);
|
||||||
|
const keywords=ref('');
|
||||||
|
const typeUuid=ref('');
|
||||||
|
const typeName=ref('乙肝')
|
||||||
|
const isFilterActive=ref(false)
|
||||||
|
const showFilter = ref(false);
|
||||||
|
const yearList=ref([]);
|
||||||
|
const selectYearContent=reactive({});
|
||||||
|
const name=ref('');
|
||||||
|
// 筛选弹窗相关数据
|
||||||
|
const filterTags = ref([]);
|
||||||
|
onLoad((options)=>{
|
||||||
|
if(options.name){
|
||||||
|
name.value=decodeURIComponent(options.name);
|
||||||
|
}
|
||||||
|
getVideoType();
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const goSelect=()=>{
|
||||||
|
navTo({
|
||||||
|
url: `/pages_app/replayText/replayText?name=${name.value}`
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const getVideoType=async () => {
|
||||||
|
const response = await api.getTypeUuidByName({
|
||||||
|
name: name.value,
|
||||||
|
});
|
||||||
|
if(response.code === 200 && response.data){
|
||||||
|
typeUuid.value = response.data;
|
||||||
|
loadVideoData();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 加载轮播数据
|
||||||
|
|
||||||
|
|
||||||
|
// 加载视频数据
|
||||||
|
const loadVideoData = async (isRefresh = false) => {
|
||||||
|
if (loading.value && !isRefresh) return;
|
||||||
|
|
||||||
|
loading.value = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await api.videoByTypeNew({
|
||||||
|
page: currentPage.value,
|
||||||
|
pageSize: pageSize.value,
|
||||||
|
typeUuid:typeUuid.value,
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log('视频列表API原始响应:', response);
|
||||||
|
|
||||||
|
// 检查响应结构
|
||||||
|
let videoData = {};
|
||||||
|
if (response && response.data) {
|
||||||
|
if (response.data.code === 200) {
|
||||||
|
videoData = response.data.data || {};
|
||||||
|
} else if (response.code === 200) {
|
||||||
|
videoData = response.data || {};
|
||||||
|
}
|
||||||
|
} else if (response && response.code === 200) {
|
||||||
|
videoData = response.data || {};
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('解析后的视频数据:', videoData);
|
||||||
|
|
||||||
|
if (videoData && videoData.list) {
|
||||||
|
const { list, totalPage,pageNumber } = videoData;
|
||||||
|
console.log('视频列表数据:', list);
|
||||||
|
|
||||||
|
if (isRefresh) {
|
||||||
|
videoList.value = list || [];
|
||||||
|
currentPage.value = 1;
|
||||||
|
} else {
|
||||||
|
videoList.value = [...videoList.value, ...(list || [])];
|
||||||
|
}
|
||||||
|
|
||||||
|
hasMoreData.value = totalPage>pageNumber;
|
||||||
|
loadMoreStatus.value = hasMoreData.value ? 'more' : 'noMore';
|
||||||
|
} else {
|
||||||
|
throw new Error(response?.message || '获取数据失败');
|
||||||
|
}
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error('加载视频失败:', error);
|
||||||
|
|
||||||
|
} finally {
|
||||||
|
loading.value = false;
|
||||||
|
refreshing.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 下拉刷新
|
||||||
|
const onRefresh = () => {
|
||||||
|
refreshing.value = true;
|
||||||
|
currentPage.value = 1;
|
||||||
|
hasMoreData.value = true;
|
||||||
|
loadVideoData(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 上拉加载更多
|
||||||
|
const onLoadMore = () => {
|
||||||
|
if (!hasMoreData.value || loading.value) return;
|
||||||
|
|
||||||
|
loadMoreStatus.value = 'loading';
|
||||||
|
currentPage.value++;
|
||||||
|
loadVideoData();
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 播放视频
|
||||||
|
const playVideo = (video) => {
|
||||||
|
console.log(video);
|
||||||
|
const videoId = video.id || video.uuid;
|
||||||
|
navTo({
|
||||||
|
url: `/pages_app/videoDetail/videoDetail?id=${videoId}`
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 返回
|
||||||
|
const goBack = () => {
|
||||||
|
uni.navigateBack({
|
||||||
|
fail() {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
$primary-color: #ff6b6b;
|
||||||
|
$theme-color: #8B2316;
|
||||||
|
$white: #fff;
|
||||||
|
$gray-bg: #f5f5f5;
|
||||||
|
$gray-light: #eee;
|
||||||
|
$gray-medium: #999;
|
||||||
|
$gray-dark: #666;
|
||||||
|
$text-color: #333;
|
||||||
|
|
||||||
|
// 尺寸变量
|
||||||
|
$border-radius: 8px;
|
||||||
|
$border-radius-small: 6px;
|
||||||
|
$padding: 15px;
|
||||||
|
$padding-small: 10px;
|
||||||
|
.nav-right {
|
||||||
|
// margin-top:50rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #8b2316;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.video-page {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header Styles */
|
||||||
|
.header {
|
||||||
|
background-color: #fff;
|
||||||
|
height: 88rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
|
||||||
|
position: relative;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-left, .header-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-title {
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #8B4513;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scroll View */
|
||||||
|
.scroll-view {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0rpx;
|
||||||
|
height:calc(100vh - var(--status-bar-height) - 44px);
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
top: calc(var(--status-bar-height) + 44px); /* 为导航栏留出空间 */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Filter Tabs */
|
||||||
|
.filter-tabs {
|
||||||
|
background-color: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 30rpx 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 60rpx;
|
||||||
|
padding: 10rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-item:last-child{
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-item.active .tab-text {
|
||||||
|
color: #E74C3C;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-text {
|
||||||
|
margin: 0 8rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.tab-item:first-child .tab-text{
|
||||||
|
max-width:295rpx;
|
||||||
|
display: inline-block;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.tab-item .tab-text.active {
|
||||||
|
color: #8B2316;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Filter Tabs Container */
|
||||||
|
.filter-tabs-container {
|
||||||
|
position: fixed;
|
||||||
|
top: 180rpx; /* uni-nav-bar height */
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 40;
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.doctor-avatar {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.doctor-avatar image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Video List */
|
||||||
|
.video-list {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
margin-top: 20rpx; /* 为固定的Filter Tabs留出空间 */
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr); /* 每行两个 */
|
||||||
|
gap: 16rpx; /* 卡片间距 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-item {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
margin-bottom: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1);
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-thumbnail {
|
||||||
|
position: relative;
|
||||||
|
height: 200rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-thumbnail image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.video-duration {
|
||||||
|
margin-top: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-duration text {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-info {
|
||||||
|
padding: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-title {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-clamp: 2;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 2.8em; /* 固定2行高度：1.4 * 2 = 2.8em */
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-meta {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view-count {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
margin-left: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Empty State */
|
||||||
|
.empty-state {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 100rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state image {
|
||||||
|
width: 200rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state text {
|
||||||
|
color: #999;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
.newbox{
|
||||||
|
margin-top: -12rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 全部视频弹窗样式 */
|
||||||
|
.all-video-popup {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-content {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
height:calc(100vh - 272rpx);
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-header {
|
||||||
|
padding: 30rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-body {
|
||||||
|
height:100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-item {
|
||||||
|
padding: 30rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
background-color: #fff;
|
||||||
|
transition: background-color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-item.active {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
color: #8B2316;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-item:active {
|
||||||
|
background-color: #e8f4fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 200rpx;
|
||||||
|
color: #999;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
// 筛选弹窗样式
|
||||||
|
.filter-popup {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
// background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
z-index: 9999;
|
||||||
|
|
||||||
|
.filter-content {
|
||||||
|
margin-top:272rpx;
|
||||||
|
overflow-y:scroll;
|
||||||
|
background-color: $white;
|
||||||
|
// border-radius: 20rpx 20rpx 0 0;
|
||||||
|
padding: 20rpx 30rpx 60rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100vh - 272rpx);
|
||||||
|
|
||||||
|
.filter-tags {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 20rpx;
|
||||||
|
margin-bottom: 60rpx;
|
||||||
|
max-height: 65vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
.tag-item {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
color: $gray-dark;
|
||||||
|
padding: 8rpx 0; /* 去掉左右padding，仅保留上下 */
|
||||||
|
border-radius: 30rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
border: 2rpx solid #efefef;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
width: 152rpx; /* 固定宽度 */
|
||||||
|
text-align: center; /* 文本居中 */
|
||||||
|
white-space: nowrap; /* 单行显示 */
|
||||||
|
overflow: hidden; /* 隐藏溢出 */
|
||||||
|
text-overflow: ellipsis; /* 超出显示省略号 */
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
background-color: #fff;
|
||||||
|
color: $theme-color;
|
||||||
|
border-color: $theme-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: 20rpx;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 30rpx;
|
||||||
|
left: 30rpx;
|
||||||
|
right: 30rpx;
|
||||||
|
background-color: #fff; /* 背景色为白色 */
|
||||||
|
|
||||||
|
.btn-reset,
|
||||||
|
.btn-confirm {
|
||||||
|
flex: 1;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-reset {
|
||||||
|
background-color: $white;
|
||||||
|
color: $theme-color;
|
||||||
|
border: 2rpx solid $theme-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-confirm {
|
||||||
|
border: 2rpx solid $theme-color;
|
||||||
|
background-color: $theme-color;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
272
pages_app/replayText/replayText.vue
Normal file
272
pages_app/replayText/replayText.vue
Normal file
@ -0,0 +1,272 @@
|
|||||||
|
<template>
|
||||||
|
<view class="meeting-page">
|
||||||
|
<!-- 导航栏 -->
|
||||||
|
<navBar :title="name" />
|
||||||
|
|
||||||
|
<!-- 主内容区域 -->
|
||||||
|
<scroll-view
|
||||||
|
class="content-scroll"
|
||||||
|
scroll-y="true"
|
||||||
|
refresher-enabled="true"
|
||||||
|
:refresher-triggered="refreshing"
|
||||||
|
@refresherrefresh="onRefresh"
|
||||||
|
@scrolltolower="onLoadMore"
|
||||||
|
lower-threshold="100"
|
||||||
|
>
|
||||||
|
<view class="meeting-list">
|
||||||
|
<view
|
||||||
|
class="meeting-item"
|
||||||
|
v-for="(meeting, index) in meetingList"
|
||||||
|
:key="meeting.id"
|
||||||
|
@click="playVideo(meeting)"
|
||||||
|
>
|
||||||
|
<view class="meeting-content">
|
||||||
|
{{ meeting.name }}
|
||||||
|
</view>
|
||||||
|
<view class="meeting-arrow">
|
||||||
|
<uni-icons type="right" size="16" color="#999"></uni-icons>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 加载更多状态 -->
|
||||||
|
<uni-load-more
|
||||||
|
v-if="meetingList.length > 0"
|
||||||
|
:status="loadMoreStatus"
|
||||||
|
:content-text="{
|
||||||
|
contentdown: '上拉加载更多',
|
||||||
|
contentrefresh: '正在加载...',
|
||||||
|
contentnomore: '没有更多数据了'
|
||||||
|
}"
|
||||||
|
></uni-load-more>
|
||||||
|
|
||||||
|
<!-- 空状态 -->
|
||||||
|
<view class="empty-state" v-if="meetingList.length === 0 && !loading">
|
||||||
|
<view class="empty-content">
|
||||||
|
<text class="empty-text">暂无数据</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted } from 'vue';
|
||||||
|
import { onShow,onLoad } from "@dcloudio/uni-app";
|
||||||
|
import navBar from '@/components/navBar/navBar.vue';
|
||||||
|
import api from '@/api/api.js';
|
||||||
|
import navTo from '@/utils/navTo';
|
||||||
|
// 会议列表数据
|
||||||
|
const typeUuid=ref('');
|
||||||
|
const typeName=ref('');
|
||||||
|
const currentPage=ref(1);
|
||||||
|
const pageSize=ref(10);
|
||||||
|
const hasMoreData=ref(true);
|
||||||
|
const loadMoreStatus=ref('more');
|
||||||
|
const loading=ref(false);
|
||||||
|
const refreshing=ref(false);
|
||||||
|
const meetingList=ref([]);
|
||||||
|
|
||||||
|
// 页面加载
|
||||||
|
onMounted(() => {
|
||||||
|
// 初始化数据
|
||||||
|
});
|
||||||
|
const name=ref('');
|
||||||
|
onLoad((options)=>{
|
||||||
|
if(options.name){
|
||||||
|
name.value=decodeURIComponent(options.name);
|
||||||
|
}
|
||||||
|
getVideoType();
|
||||||
|
});
|
||||||
|
|
||||||
|
const getVideoType=async () => {
|
||||||
|
const response = await api.getTypeUuidByName({
|
||||||
|
name: name.value,
|
||||||
|
});
|
||||||
|
if(response.code === 200 && response.data){
|
||||||
|
typeUuid.value = response.data;
|
||||||
|
loadVideoData();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 返回上一页
|
||||||
|
const goBack = () => {
|
||||||
|
uni.navigateBack({
|
||||||
|
fail() {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const loadVideoData = async (isRefresh = false) => {
|
||||||
|
if (loading.value && !isRefresh) return;
|
||||||
|
|
||||||
|
loading.value = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await api.videoByTypeNew({
|
||||||
|
page: currentPage.value,
|
||||||
|
pageSize: pageSize.value,
|
||||||
|
typeUuid:typeUuid.value,
|
||||||
|
});
|
||||||
|
console.log('视频列表API原始响应:', response);
|
||||||
|
// 检查响应结构
|
||||||
|
let videoData = {};
|
||||||
|
if (response && response.data) {
|
||||||
|
if (response.data.code === 200) {
|
||||||
|
videoData = response.data.data || {};
|
||||||
|
} else if (response.code === 200) {
|
||||||
|
videoData = response.data || {};
|
||||||
|
}
|
||||||
|
} else if (response && response.code === 200) {
|
||||||
|
videoData = response.data || {};
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('解析后的视频数据:', videoData);
|
||||||
|
|
||||||
|
if (videoData && videoData.list) {
|
||||||
|
const { list, totalPage,pageNumber } = videoData;
|
||||||
|
console.log('视频列表数据:', list);
|
||||||
|
|
||||||
|
if (isRefresh) {
|
||||||
|
meetingList.value = list || [];
|
||||||
|
currentPage.value = 1;
|
||||||
|
} else {
|
||||||
|
meetingList.value = [...meetingList.value, ...(list || [])];
|
||||||
|
}
|
||||||
|
|
||||||
|
hasMoreData.value = totalPage>pageNumber;
|
||||||
|
loadMoreStatus.value = hasMoreData.value ? 'more' : 'noMore';
|
||||||
|
} else {
|
||||||
|
throw new Error(response?.message || '获取数据失败');
|
||||||
|
}
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error('加载视频失败:', error);
|
||||||
|
|
||||||
|
} finally {
|
||||||
|
loading.value = false;
|
||||||
|
refreshing.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 下拉刷新
|
||||||
|
const onRefresh = () => {
|
||||||
|
refreshing.value = true;
|
||||||
|
currentPage.value = 1;
|
||||||
|
hasMoreData.value = true;
|
||||||
|
loadVideoData(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 上拉加载更多
|
||||||
|
const onLoadMore = () => {
|
||||||
|
if (!hasMoreData.value || loading.value) return;
|
||||||
|
|
||||||
|
loadMoreStatus.value = 'loading';
|
||||||
|
currentPage.value++;
|
||||||
|
loadVideoData();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 跳转到会议详情
|
||||||
|
// 播放视频
|
||||||
|
const playVideo = (video) => {
|
||||||
|
const videoId = video.id || video.uuid;
|
||||||
|
|
||||||
|
navTo({
|
||||||
|
url: `/pages_app/videoDetail/videoDetail?id=${videoId}`
|
||||||
|
});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
$theme-color: #8B2316;
|
||||||
|
$text-color: #333;
|
||||||
|
$text-gray: #999;
|
||||||
|
$bg-color: #f5f5f5;
|
||||||
|
$white: #fff;
|
||||||
|
|
||||||
|
.meeting-page {
|
||||||
|
background-color: $bg-color;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 内容滚动区域 */
|
||||||
|
.content-scroll {
|
||||||
|
flex: 1;
|
||||||
|
height: calc(100vh - var(--status-bar-height) - 44px);
|
||||||
|
background-color: $white;
|
||||||
|
margin-top: calc(var(--status-bar-height) + 44px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 会议列表 */
|
||||||
|
.meeting-list {
|
||||||
|
background-color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 会议项 */
|
||||||
|
.meeting-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 30rpx 30rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
background-color: $white;
|
||||||
|
transition: background-color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.meeting-item:active {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 会议内容 */
|
||||||
|
.meeting-content {
|
||||||
|
flex: 1;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meeting-title {
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: $text-color;
|
||||||
|
line-height: 1.4;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 箭头图标 */
|
||||||
|
.meeting-arrow {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 空状态样式 */
|
||||||
|
.empty-state {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 100rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-text {
|
||||||
|
color: #999;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
350
pages_app/scanLogin/scanLogin.vue
Normal file
350
pages_app/scanLogin/scanLogin.vue
Normal file
@ -0,0 +1,350 @@
|
|||||||
|
<template>
|
||||||
|
<view class="scan-login-container">
|
||||||
|
<navBar title="扫码登录" />
|
||||||
|
|
||||||
|
<!-- 主要内容区域 -->
|
||||||
|
<view class="main-content">
|
||||||
|
<!-- 连接图标区域 -->
|
||||||
|
<view class="connection-area">
|
||||||
|
<up-image :src="loginImg" width="420rpx" height="187rpx"></up-image>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 提示文字 -->
|
||||||
|
<view class="tips-text">
|
||||||
|
<text class="main-tip">确认电脑登录</text>
|
||||||
|
<text class="sub-tip">为确保账号安全,请确认是您本人操作</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 按钮区域 -->
|
||||||
|
<view class="button-area">
|
||||||
|
<button class="confirm-btn" @click="toggleLogin(true)">确认登录</button>
|
||||||
|
<button class="cancel-btn" @click="toggleLogin(false)">取消登录</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive, onMounted } from 'vue';
|
||||||
|
import { onShow, onLoad } from "@dcloudio/uni-app";
|
||||||
|
import navBar from '@/components/navBar/navBar.vue';
|
||||||
|
import api from '@/api/api.js';
|
||||||
|
import loginImg from '@/static/pcquer.png';
|
||||||
|
import navTo from '@/utils/navTo';
|
||||||
|
import { encryptAesEcb } from '@/utils/aesEcb.js';
|
||||||
|
import OTHER_HOST from '@/utils/otherHost.js';
|
||||||
|
|
||||||
|
// 响应式数据
|
||||||
|
const loading = ref(false);
|
||||||
|
const code = ref('');
|
||||||
|
// 页面加载
|
||||||
|
onLoad((options) => {
|
||||||
|
console.log('扫码登录页面加载完成', options);
|
||||||
|
if (options.code) {
|
||||||
|
code.value = options.code;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const toggleLogin = (status) => {
|
||||||
|
let userInfo=uni.getStorageSync('userInfo');
|
||||||
|
let str='';
|
||||||
|
if(status){
|
||||||
|
str='watchliveTo}'+code.value+'}'+userInfo.uuid+','+userInfo.realName+','+userInfo.photo;
|
||||||
|
}else{
|
||||||
|
str='watchliveCancel}'+code.value+'}'+userInfo.uuid+','+userInfo.realName+','+userInfo.photo;
|
||||||
|
}
|
||||||
|
let message=encryptAesEcb(str,'deoep09_klodLdAo');
|
||||||
|
uni.request({
|
||||||
|
url: OTHER_HOST+'/watchlive/sendWebsocketMsg',
|
||||||
|
method: 'POST',
|
||||||
|
data: {
|
||||||
|
message: message,
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
'Content-Type':'application/x-www-form-urlencoded'//自定义请求头信息
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
if(res.data.code==1){
|
||||||
|
uni.navigateBack();
|
||||||
|
if(status){
|
||||||
|
uni.showToast({
|
||||||
|
title: '操作成功',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
uni.showToast({
|
||||||
|
title: res.data.message,
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 确认登录
|
||||||
|
const confirmLogin = async () => {
|
||||||
|
if (loading.value) return;
|
||||||
|
|
||||||
|
try {
|
||||||
|
loading.value = true;
|
||||||
|
|
||||||
|
// 调用确认登录API
|
||||||
|
const result = await api.confirmScanLogin({
|
||||||
|
qrCode: loginData.qrCode,
|
||||||
|
sessionId: loginData.sessionId
|
||||||
|
});
|
||||||
|
|
||||||
|
if (result.code === 200) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '登录成功',
|
||||||
|
icon: 'success'
|
||||||
|
});
|
||||||
|
|
||||||
|
// 登录成功后跳转
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
}, 1500);
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: result.message || '登录失败',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('确认登录失败:', error);
|
||||||
|
uni.showToast({
|
||||||
|
title: '网络错误，请重试',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
} finally {
|
||||||
|
loading.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 取消登录
|
||||||
|
const cancelLogin = () => {
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: '确定要取消登录吗？',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
uni.navigateBack({
|
||||||
|
fail() {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.scan-login-container {
|
||||||
|
min-height: 100vh;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
padding: 80rpx 60rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 连接图标区域 */
|
||||||
|
.connection-area {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 80rpx;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 手机图标 */
|
||||||
|
.phone-icon {
|
||||||
|
width: 120rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
position: relative;
|
||||||
|
border: 2rpx solid #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-screen {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 140rpx;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 20rpx;
|
||||||
|
left: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-home-button {
|
||||||
|
width: 20rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
background-color: #d0d0d0;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 20rpx;
|
||||||
|
left: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 连接信号 */
|
||||||
|
.connection-signals {
|
||||||
|
margin: 0 40rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signal-line {
|
||||||
|
width: 4rpx;
|
||||||
|
background-color: #d0d0d0;
|
||||||
|
margin: 4rpx 0;
|
||||||
|
border-radius: 2rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signal-1 {
|
||||||
|
height: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signal-2 {
|
||||||
|
height: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signal-3 {
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PC图标 */
|
||||||
|
.pc-icon {
|
||||||
|
width: 140rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pc-screen {
|
||||||
|
width: 140rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border: 2rpx solid #e0e0e0;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pc-text {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pc-stand {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
border-radius: 0 0 8rpx 8rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -20rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 提示文字 */
|
||||||
|
.tips-text {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-tip {
|
||||||
|
display: block;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-tip {
|
||||||
|
display: block;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 按钮区域 */
|
||||||
|
.button-area {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm-btn {
|
||||||
|
width: 100%;
|
||||||
|
height: 88rpx;
|
||||||
|
background-color: #8B2316;
|
||||||
|
color: #ffffff;
|
||||||
|
border: none;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm-btn:active {
|
||||||
|
background-color: #6B1A0F;
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel-btn {
|
||||||
|
width: 100%;
|
||||||
|
height: 88rpx;
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #666666;
|
||||||
|
border: 2rpx solid #e0e0e0;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel-btn:active {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 加载状态 */
|
||||||
|
.confirm-btn[disabled] {
|
||||||
|
background-color: #cccccc;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 响应式适配 */
|
||||||
|
@media screen and (max-width: 750rpx) {
|
||||||
|
.main-content {
|
||||||
|
padding: 60rpx 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.connection-area {
|
||||||
|
margin-bottom: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips-text {
|
||||||
|
margin-bottom: 80rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -222,7 +222,7 @@
|
|||||||
background-color: #eeeeee;
|
background-color: #eeeeee;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
height:140rpx;
|
height:180rpx;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding:0 30rpx;
|
padding:0 30rpx;
|
||||||
gap: 20rpx;
|
gap: 20rpx;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<uni-nav-bar left-icon="left"
|
<navBar title="肝胆视频" />
|
||||||
@clickLeft="goBack" title="肝胆视频" fixed color="#8B2316" height="180rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
|
|
||||||
<view class="video-page">
|
<view class="video-page">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
|
|
||||||
@ -64,6 +63,7 @@
|
|||||||
<up-image :src="sort==2?upImg:downImg" width="20rpx" height="26rpx" ></up-image>
|
<up-image :src="sort==2?upImg:downImg" width="20rpx" height="26rpx" ></up-image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="bar"></view>
|
||||||
<view
|
<view
|
||||||
class="tab-item"
|
class="tab-item"
|
||||||
@click="showFilterPopup"
|
@click="showFilterPopup"
|
||||||
@ -105,7 +105,7 @@
|
|||||||
<text class="author">{{video.public_name}}</text>
|
<text class="author">{{video.public_name}}</text>
|
||||||
<view class="stats">
|
<view class="stats">
|
||||||
<uni-icons type="eye" size="14" color="#999"></uni-icons>
|
<uni-icons type="eye" size="14" color="#999"></uni-icons>
|
||||||
<text class="view-count">{{video.readnum}}</text>
|
<text class="view-count">{{formatNumber(video.readnum)}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -147,7 +147,7 @@
|
|||||||
:class="{ active: tag.selected }"
|
:class="{ active: tag.selected }"
|
||||||
@click="toggleTag(index)"
|
@click="toggleTag(index)"
|
||||||
>
|
>
|
||||||
{{ tag.DES }}
|
{{ tag.NAME }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -219,6 +219,8 @@
|
|||||||
import videoImg from "@/static/patient_video.png"
|
import videoImg from "@/static/patient_video.png"
|
||||||
import docUrl from '@/utils/docUrl';
|
import docUrl from '@/utils/docUrl';
|
||||||
import navTo from '@/utils/navTo';
|
import navTo from '@/utils/navTo';
|
||||||
|
import formatNumber from '@/utils/formatNumber.js';
|
||||||
|
import navBar from '@/components/navBar/navBar.vue';
|
||||||
const isAllActive=ref(false)
|
const isAllActive=ref(false)
|
||||||
// 响应式数据
|
// 响应式数据
|
||||||
const videoList = ref([]);
|
const videoList = ref([]);
|
||||||
@ -302,7 +304,7 @@
|
|||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('加载轮播数据失败:', error);
|
console.error('加载轮播数据失败:', error);
|
||||||
// 使用模拟数据作为备用
|
// 使用模拟数据作为备用
|
||||||
bannerList.value = getMockBannerData();
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -333,7 +335,8 @@
|
|||||||
console.log('类型API原始响应:', response);
|
console.log('类型API原始响应:', response);
|
||||||
if(response.code==200){
|
if(response.code==200){
|
||||||
yearList.value=response.data;
|
yearList.value=response.data;
|
||||||
filteredContent.value=(response.data[0]).list;
|
let all=[{uuid:'',name:'全部视频'}];
|
||||||
|
filteredContent.value=all.concat((response.data[0]).list);
|
||||||
console.log(33)
|
console.log(33)
|
||||||
let arr=response.data.map(item=>{
|
let arr=response.data.map(item=>{
|
||||||
return {
|
return {
|
||||||
@ -612,32 +615,6 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// Banner相关方法
|
|
||||||
const getMockBannerData = () => {
|
|
||||||
return [
|
|
||||||
{
|
|
||||||
id: 'banner_1',
|
|
||||||
title: '《2025年版慢加急性肝衰竭指南》解读',
|
|
||||||
subtitle: '专业医学视频教育平台',
|
|
||||||
thumbnail: '/static/big_background_my.png',
|
|
||||||
doctorAvatar: '/static/doctor-avatar-1.png'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'banner_2',
|
|
||||||
title: '自身免疫性肝病专栏｜免疫治疗的双刃剑',
|
|
||||||
subtitle: '专业医学视频教育平台',
|
|
||||||
thumbnail: '/static/big_background_my.png',
|
|
||||||
doctorAvatar: '/static/doctor-avatar-2.png'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'banner_3',
|
|
||||||
title: '徐医感染：硬化出血发热路，关关难过关关过',
|
|
||||||
subtitle: '专业医学视频教育平台',
|
|
||||||
thumbnail: '/static/big_background_my.png',
|
|
||||||
doctorAvatar: '/static/doctor-avatar-3.png'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
};
|
|
||||||
|
|
||||||
const onSwiperChange = (e) => {
|
const onSwiperChange = (e) => {
|
||||||
currentBannerIndex.value = e.detail.current;
|
currentBannerIndex.value = e.detail.current;
|
||||||
@ -663,17 +640,16 @@
|
|||||||
selectedCategory.value = categoryValue;
|
selectedCategory.value = categoryValue;
|
||||||
console.log(yearList.value)
|
console.log(yearList.value)
|
||||||
console.log('选择分类:', categoryValue);
|
console.log('选择分类:', categoryValue);
|
||||||
|
let all=[{uuid:'',name:'全部视频'}];
|
||||||
for (var i = 0; i < yearList.value.length; i++) {
|
for (var i = 0; i < yearList.value.length; i++) {
|
||||||
|
|
||||||
if(categoryValue==yearList.value[i].name){
|
if(categoryValue==yearList.value[i].name){
|
||||||
console.log(yearList.value[i]);
|
console.log(yearList.value[i]);
|
||||||
filteredContent.value=yearList.value[i].list;
|
filteredContent.value=categoryValue=='全部'?all.concat(yearList.value[i].list):yearList.value[i].list;
|
||||||
console.log(filteredContent.value)
|
console.log(filteredContent.value)
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const selectContent = (content) => {
|
const selectContent = (content) => {
|
||||||
@ -684,10 +660,10 @@
|
|||||||
typeUuid.value=content.uuid;
|
typeUuid.value=content.uuid;
|
||||||
typeName.value=content.name;
|
typeName.value=content.name;
|
||||||
isAllActive.value=true;
|
isAllActive.value=true;
|
||||||
|
currentPage.value = 1;
|
||||||
|
hasMoreData.value = true;
|
||||||
|
loadVideoData(true);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
// 筛选弹窗相关方法
|
// 筛选弹窗相关方法
|
||||||
const showFilterPopup = () => {
|
const showFilterPopup = () => {
|
||||||
showFilter.value = true;
|
showFilter.value = true;
|
||||||
@ -720,9 +696,9 @@
|
|||||||
console.log('选中的筛选标签:', selectedTags);
|
console.log('选中的筛选标签:', selectedTags);
|
||||||
for (var i = 0; i < selectedTags.length; i++) {
|
for (var i = 0; i < selectedTags.length; i++) {
|
||||||
if(keywords.value){
|
if(keywords.value){
|
||||||
keywords.value+=","+selectedTags[i].DES
|
keywords.value+=","+selectedTags[i].NAME
|
||||||
}else{
|
}else{
|
||||||
keywords.value=selectedTags[i].DES
|
keywords.value=selectedTags[i].NAME
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -849,10 +825,10 @@
|
|||||||
.scroll-view {
|
.scroll-view {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom:0rpx;
|
bottom:0rpx;
|
||||||
height: calc(100vh - 658rpx); /* 固定高度，减去固定的banner和Filter Tabs空间 */
|
height: calc(100vh - var(--status-bar-height) - 54px - 400rpx); /* 固定高度，减去固定的banner和Filter Tabs空间 */
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
margin-bottom: 200rpx;
|
margin-bottom: 200rpx;
|
||||||
top: 614rpx; /* 为固定的banner和Filter Tabs留出空间 */
|
top: calc(var(--status-bar-height) + 54px + 400rpx); /* 为固定的banner和Filter Tabs留出空间 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Banner Styles */
|
/* Banner Styles */
|
||||||
@ -861,7 +837,12 @@
|
|||||||
height: 400rpx;
|
height: 400rpx;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
|
.bar{
|
||||||
|
width:2rpx;
|
||||||
|
margin:0 26rpx 0 30rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
background-color: #666;
|
||||||
|
}
|
||||||
.banner-image {
|
.banner-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -894,7 +875,7 @@
|
|||||||
.tab-item {
|
.tab-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-right: 60rpx;
|
|
||||||
padding: 10rpx 0;
|
padding: 10rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -903,6 +884,8 @@
|
|||||||
}
|
}
|
||||||
.right{
|
.right{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-item.active .tab-text {
|
.tab-item.active .tab-text {
|
||||||
@ -929,7 +912,7 @@
|
|||||||
/* Fixed Banner Container */
|
/* Fixed Banner Container */
|
||||||
.banner-container {
|
.banner-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 180rpx; /* uni-nav-bar height */
|
top: calc(var(--status-bar-height) + 44px); /* uni-nav-bar height */
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
@ -967,7 +950,7 @@
|
|||||||
/* Fixed Filter Tabs Container */
|
/* Fixed Filter Tabs Container */
|
||||||
.filter-tabs-container {
|
.filter-tabs-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 580rpx; /* banner-container top + banner height */
|
top: calc(var(--status-bar-height) + 44px + 400rpx); /* banner-container top + banner height */
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 40;
|
z-index: 40;
|
||||||
@ -1154,7 +1137,7 @@
|
|||||||
|
|
||||||
.popup-content {
|
.popup-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 650rpx;
|
margin-top: calc(var(--status-bar-height) + 44px + 400rpx + 117rpx);
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
||||||
@ -1276,7 +1259,7 @@
|
|||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
|
|
||||||
.filter-content {
|
.filter-content {
|
||||||
margin-top:660rpx;
|
margin-top:calc(var(--status-bar-height) + 44px + 400rpx + 117rpx);
|
||||||
overflow-y:scroll;
|
overflow-y:scroll;
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
// border-radius: 20rpx 20rpx 0 0;
|
// border-radius: 20rpx 20rpx 0 0;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,26 +1,142 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container" :style="{ backgroundColor: backgroundColor }">
|
||||||
<navBar :title="title" :showLeft="true"></navBar>
|
<!-- 分享弹窗 -->
|
||||||
|
|
||||||
|
|
||||||
|
<view class="navbox">
|
||||||
|
<view class="status_bar"></view>
|
||||||
|
<uni-nav-bar
|
||||||
|
left-icon="left"
|
||||||
|
:title="title"
|
||||||
|
@clickLeft="goBack"
|
||||||
|
color="#8B2316"
|
||||||
|
:border="false"
|
||||||
|
backgroundColor="#eeeeee"
|
||||||
|
>
|
||||||
|
<template #right>
|
||||||
|
<view class="nav-actions">
|
||||||
|
<view class="collect-img" @click="shareToggle" v-if="canShare">
|
||||||
|
<image class="share-img-icon" :src="shareIcon" mode="aspectFill" />
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</uni-nav-bar>
|
||||||
|
</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">
|
||||||
|
<image class="share-img" :src="wxImg" mode="aspectFill" />
|
||||||
|
</view>
|
||||||
|
<text class="share-text">微信</text>
|
||||||
|
</view>
|
||||||
|
<view class="share-item" @click="shareToMoments">
|
||||||
|
<view class="share-icon moments-icon">
|
||||||
|
<image class="share-img" :src="friendImg" mode="aspectFill" />
|
||||||
|
</view>
|
||||||
|
<text class="share-text">朋友圈</text>
|
||||||
|
</view>
|
||||||
|
<view class="share-item" @click="shareToWeibo">
|
||||||
|
<view class="share-icon weibo-icon">
|
||||||
|
<image class="share-img" :src="sinaImg" mode="aspectFill" />
|
||||||
|
</view>
|
||||||
|
<text class="share-text">新浪微博</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="share-cancel" @click="closeShare">
|
||||||
|
<text>取消</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from "vue";
|
import { ref } from "vue";
|
||||||
import { onLoad } from "@dcloudio/uni-app";
|
import { onLoad,onHide,onShow,onUnload} from "@dcloudio/uni-app";
|
||||||
import navBar from "@/components/navBar/navBar.vue";
|
import navBar from "@/components/navBar/navBar.vue";
|
||||||
|
import shareIcon from "@/static/icon_share.png";
|
||||||
|
import sinaImg from "@/static/share_sina.png";
|
||||||
|
import wxImg from "@/static/share_weixin.png";
|
||||||
|
import friendImg from "@/static/share_wxc.png";
|
||||||
|
import logoImg from "@/static/weiboShare.png";
|
||||||
const title = ref("新闻详情");
|
const title = ref("新闻详情");
|
||||||
const safeUrl = ref("");
|
const safeUrl = ref("");
|
||||||
|
const backgroundColor = ref("");
|
||||||
|
const hasBg = ref(false);
|
||||||
|
const canShare = ref(false);
|
||||||
|
const summary = ref("");
|
||||||
|
const shareLink = ref("");
|
||||||
|
const shareImg=ref("");
|
||||||
|
const shareTitle = ref("");
|
||||||
|
const goBack = () => {
|
||||||
|
uni.navigateBack({
|
||||||
|
fail() {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
onShow(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
// console.log('show');
|
||||||
|
// plus.screen.lockOrientation('portrait-primary');
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
onUnload(() => {
|
||||||
|
// console.log('onUnload');
|
||||||
|
// plus.screen.lockOrientation('portrait-primary');
|
||||||
|
});
|
||||||
|
onHide(() => {
|
||||||
|
// console.log('onHide');
|
||||||
|
// plus.screen.lockOrientation('landscape-primary');
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
onLoad((query) => {
|
onLoad((query) => {
|
||||||
// 兼容编码后的 url
|
if(query.title){
|
||||||
|
title.value = query.title;
|
||||||
|
}
|
||||||
|
if(query.share == 1){
|
||||||
|
canShare.value = true;
|
||||||
|
}
|
||||||
|
if(query.bg == 1){
|
||||||
|
hasBg.value = true;
|
||||||
|
|
||||||
|
backgroundColor.value = "linear-gradient(to bottom,'#fff' , '#398775')";
|
||||||
|
}
|
||||||
|
|
||||||
|
var height = 0; //定义动态的高度变量，如高度为定值，可以直接写
|
||||||
|
uni.getSystemInfo({
|
||||||
|
success: (sysinfo) => {
|
||||||
|
height = sysinfo.windowHeight; //自行修改
|
||||||
|
},
|
||||||
|
complete: () => {}
|
||||||
|
});
|
||||||
const raw = query && (query.url || "");
|
const raw = query && (query.url || "");
|
||||||
try {
|
try {
|
||||||
safeUrl.value = decodeURIComponent(raw);
|
safeUrl.value = decodeURIComponent(raw);
|
||||||
title.value = query.title;
|
shareImg.value = decodeURIComponent(query.imgPath);
|
||||||
|
if(query.type == "live_yugao"){
|
||||||
|
shareTitle.value = query.sharetitle;
|
||||||
|
summary.value = "分享一篇来自“肝胆相照”的会议预告："+shareTitle.value;
|
||||||
|
|
||||||
|
}else if(query.type == "live_old"){
|
||||||
|
shareTitle.value = query.sharetitle; shareTitle.value = query.sharetitle;
|
||||||
|
summary.value = "分享一篇来自“肝胆相照”的历史会议："+shareTitle.value;
|
||||||
|
}else if(query.type == "live"){
|
||||||
|
shareTitle.value = '肝胆相照直播：'+query.shareTitle;
|
||||||
|
summary.value = shareTitle.value;
|
||||||
|
}
|
||||||
// #ifdef APP-PLUS
|
// #ifdef APP-PLUS
|
||||||
let wv = plus.webview.create("", "custom-webview", {
|
let wv = plus.webview.create("", "custom-webview", {
|
||||||
top: "140rpx",
|
top: "140rpx",
|
||||||
bottom:"20rpx",
|
bottom:"0rpx",
|
||||||
|
|
||||||
});
|
});
|
||||||
wv.loadURL( safeUrl.value);
|
wv.loadURL( safeUrl.value);
|
||||||
@ -32,30 +148,720 @@ onLoad((query) => {
|
|||||||
currentWebview.append(wv);
|
currentWebview.append(wv);
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
wv = currentWebview.children()[0];
|
wv = currentWebview.children()[0];
|
||||||
uni.getSystemInfo({
|
wv.setStyle({ top: 80,height: height- 80,bottom:0,scalable:true, videoFullscreen: 'landscape',zIndex:-1});
|
||||||
//成功获取的回调函数，返回值为系统信息
|
|
||||||
success: (sysinfo) => {
|
|
||||||
|
|
||||||
let height = sysinfo.windowHeight; //自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
|
|
||||||
wv.setStyle({ top: 70,height: height- 70});
|
|
||||||
},
|
|
||||||
complete: () => {}
|
|
||||||
});
|
|
||||||
|
|
||||||
}, 300); //如果是页面初始化调用时，需要延时一下
|
}, 300); //如果是页面初始化调用时，需要延时一下
|
||||||
wv.onloaded = (e) => {
|
wv.onloaded = (e) => {
|
||||||
wv.show();
|
wv.show();
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
uni.onWindowResize((res) => {
|
||||||
|
if (res.size.windowHeight < height) {
|
||||||
|
console.log(res.size.windowHeight);
|
||||||
|
|
||||||
|
|
||||||
|
console.log(height)
|
||||||
|
console.log('键盘高度',res.height);
|
||||||
|
setTimeout(function() {
|
||||||
|
wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度，单位为px
|
||||||
|
top:80,
|
||||||
|
videoFullscreen: 'landscape',
|
||||||
|
height: height-res.size.windowHeight+100,
|
||||||
|
scalable: true, //webview的页面是否可以缩放，双指放大缩小
|
||||||
|
})
|
||||||
|
},0);
|
||||||
|
|
||||||
|
//高度缩小
|
||||||
|
//如页面初始化调用需要写延迟
|
||||||
|
|
||||||
|
} else {
|
||||||
|
setTimeout(function() {
|
||||||
|
wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度，单位为px
|
||||||
|
top:80,
|
||||||
|
height:height-80,
|
||||||
|
videoFullscreen: 'landscape',
|
||||||
|
scalable: true, //webview的页面是否可以缩放，双指放大缩小
|
||||||
|
})
|
||||||
|
},0);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// 创建并展示原生弹窗
|
||||||
|
createNativePopup();
|
||||||
|
|
||||||
// #endif
|
// #endif
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
safeUrl.value = raw;
|
safeUrl.value = raw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
const shareRef = ref(null);
|
||||||
|
shareRef.value?.open();
|
||||||
|
// 分享APP
|
||||||
|
const shareToggle = () => {
|
||||||
|
showNativePopup();
|
||||||
|
// console.log(shareRef.value);
|
||||||
|
// shareRef.value?.open();
|
||||||
|
// uni.showActionSheet({
|
||||||
|
// title:"分享",
|
||||||
|
// itemList: ['分享到微信', '分享到朋友圈', '分享到微博'],
|
||||||
|
// success: function (res) {
|
||||||
|
// if(res.tapIndex==0){
|
||||||
|
// shareToWechat()
|
||||||
|
// }else if(res.tapIndex==1){
|
||||||
|
// shareToMoments()
|
||||||
|
// }else{
|
||||||
|
// shareToWeibo()
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// })
|
||||||
|
};
|
||||||
|
|
||||||
|
// 关闭分享弹窗
|
||||||
|
const closeShare = () => {
|
||||||
|
shareRef.value.close();
|
||||||
|
};
|
||||||
|
|
||||||
|
// ========= 原生弹窗（plus.nativeObj.view）============
|
||||||
|
const nativeMaskView = ref(null);
|
||||||
|
const nativePopupView = ref(null);
|
||||||
|
const popupShowing = ref(false);
|
||||||
|
// 保存弹窗尺寸信息，供事件处理使用
|
||||||
|
const popupInfo = ref({
|
||||||
|
screenW: 0,
|
||||||
|
screenH: 0,
|
||||||
|
panelH: 0,
|
||||||
|
cancelH: 0,
|
||||||
|
contentTop: 0,
|
||||||
|
iconSize: 0,
|
||||||
|
textSize: 0
|
||||||
|
});
|
||||||
|
|
||||||
|
function createNativePopup() {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
if (nativeMaskView.value || nativePopupView.value) return;
|
||||||
|
const screenW = plus.screen.resolutionWidth;
|
||||||
|
const screenH = plus.screen.resolutionHeight;
|
||||||
|
const panelH = uni.upx2px(520); // 面板高度（含标题+内容+取消）
|
||||||
|
const radius = uni.upx2px(20);
|
||||||
|
|
||||||
|
// 保存尺寸信息
|
||||||
|
const iconSize = 50; // 图标大小80px（与图标文件尺寸一致）
|
||||||
|
const titleH = uni.upx2px(80);
|
||||||
|
const cancelH = uni.upx2px(100);
|
||||||
|
const contentTop = uni.upx2px(90) + titleH;
|
||||||
|
const textSize = uni.upx2px(24);
|
||||||
|
|
||||||
|
popupInfo.value = {
|
||||||
|
screenW,
|
||||||
|
screenH,
|
||||||
|
panelH,
|
||||||
|
cancelH,
|
||||||
|
contentTop,
|
||||||
|
iconSize,
|
||||||
|
textSize
|
||||||
|
};
|
||||||
|
// 遮罩
|
||||||
|
nativeMaskView.value = new plus.nativeObj.View('native-share-mask', {
|
||||||
|
left: '0px',
|
||||||
|
top: '0px',
|
||||||
|
width: screenW + 'px',
|
||||||
|
height: screenH + 'px',
|
||||||
|
zindex: 99998,
|
||||||
|
touchable: true,
|
||||||
|
interceptTouchEvent: true
|
||||||
|
}, [
|
||||||
|
{ tag: 'rect', id: 'mask', position: { left: '0px', top: '0px', width: screenW + 'px', height: screenH + 'px' }, color: 'rgba(0,0,0,0.5)' }
|
||||||
|
]);
|
||||||
|
// 面板
|
||||||
|
nativePopupView.value = new plus.nativeObj.View('native-share-panel', {
|
||||||
|
left: '0px',
|
||||||
|
top: (screenH - panelH) + 'px',
|
||||||
|
width: screenW + 'px',
|
||||||
|
height: panelH + 'px',
|
||||||
|
zindex: 99999,
|
||||||
|
touchable: true,
|
||||||
|
interceptTouchEvent: true
|
||||||
|
}, []);
|
||||||
|
// 背景+圆角
|
||||||
|
nativePopupView.value.drawRect({
|
||||||
|
color: '#FFFFFF',
|
||||||
|
radius: radius,
|
||||||
|
rectStyles: {}
|
||||||
|
}, {
|
||||||
|
left: uni.upx2px(0) + 'px',
|
||||||
|
top: uni.upx2px(0) + 'px',
|
||||||
|
width: screenW + 'px',
|
||||||
|
height: panelH + 'px'
|
||||||
|
});
|
||||||
|
// 标题
|
||||||
|
nativePopupView.value.drawText('分享到', {
|
||||||
|
left: '0px',
|
||||||
|
top: uni.upx2px(20) + 'px',
|
||||||
|
width: screenW + 'px',
|
||||||
|
height: titleH + 'px'
|
||||||
|
}, {
|
||||||
|
size: uni.upx2px(32) + 'px',
|
||||||
|
color: '#333333',
|
||||||
|
align: 'center',
|
||||||
|
verticalAlign: 'middle',
|
||||||
|
weight: '500'
|
||||||
|
});
|
||||||
|
// 三个分享项区域（使用图标）
|
||||||
|
const itemW = screenW / 3;
|
||||||
|
const iconTop = contentTop;
|
||||||
|
const textTop = iconTop + iconSize + uni.upx2px(16);
|
||||||
|
|
||||||
|
console.log('图标布局信息:', {
|
||||||
|
screenW,
|
||||||
|
itemW,
|
||||||
|
iconSize,
|
||||||
|
iconTop,
|
||||||
|
contentTop
|
||||||
|
});
|
||||||
|
|
||||||
|
// 图标文件名映射（直接使用文件名，避免路径转换问题）
|
||||||
|
const iconFiles = [
|
||||||
|
'share_weixin.png', // 微信
|
||||||
|
'share_wxc.png', // 朋友圈
|
||||||
|
'share_sina.png' // 微博
|
||||||
|
];
|
||||||
|
|
||||||
|
const items = [
|
||||||
|
{ id: 'it-wechat', text: '微信' },
|
||||||
|
{ id: 'it-moments', text: '朋友圈' },
|
||||||
|
{ id: 'it-weibo', text: '微博' }
|
||||||
|
];
|
||||||
|
|
||||||
|
items.forEach((it, idx) => {
|
||||||
|
const left = idx * itemW;
|
||||||
|
// 计算图标居中位置（确保是整数像素）
|
||||||
|
const iconLeft = Math.round(left + (itemW - iconSize) / 2);
|
||||||
|
const iconLeftPx = iconLeft;
|
||||||
|
// 确保所有图标使用相同的 top 值，保证在一行
|
||||||
|
const iconTopPx = Math.round(iconTop);
|
||||||
|
const iconSizePx = iconSize;
|
||||||
|
|
||||||
|
console.log(`图标 ${idx} (${it.text}): left=${left}, itemW=${itemW.toFixed(2)}, iconLeft=${iconLeftPx}, iconTop=${iconTopPx}, iconSize=${iconSizePx}`);
|
||||||
|
|
||||||
|
// 构建图标本地路径
|
||||||
|
let iconPath = null;
|
||||||
|
try {
|
||||||
|
// 直接使用静态资源路径
|
||||||
|
const iconFile = iconFiles[idx];
|
||||||
|
iconPath = plus.io.convertLocalFileSystemURL('_www/static/' + iconFile);
|
||||||
|
console.log(`图标 ${it.text} 路径: ${iconPath}`);
|
||||||
|
} catch (e) {
|
||||||
|
console.log('构建图标路径失败:', e);
|
||||||
|
iconPath = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 绘制图标
|
||||||
|
if (iconPath) {
|
||||||
|
try {
|
||||||
|
console.log(`绘制图标 ${it.text}: 位置=(${iconLeftPx}, ${iconTopPx}), 大小=${iconSizePx}x${iconSizePx}`);
|
||||||
|
// 使用 drawBitmap 绘制图标
|
||||||
|
// 尝试不同的参数格式，确保图标不变形且正确显示
|
||||||
|
// 格式1: drawBitmap(src, position, options)
|
||||||
|
try {
|
||||||
|
nativePopupView.value.drawBitmap(iconPath, {}, {
|
||||||
|
left: iconLeftPx + 'px',
|
||||||
|
top: iconTopPx + 'px',
|
||||||
|
width: iconSizePx + 'px',
|
||||||
|
height: iconSizePx + 'px'
|
||||||
|
});
|
||||||
|
} catch (e1) {
|
||||||
|
// 如果格式1失败，尝试格式2: drawBitmap(src, position)
|
||||||
|
try {
|
||||||
|
nativePopupView.value.drawBitmap(iconPath, {
|
||||||
|
left: iconLeftPx + 'px',
|
||||||
|
top: iconTopPx + 'px',
|
||||||
|
width: iconSizePx + 'px',
|
||||||
|
height: iconSizePx + 'px'
|
||||||
|
});
|
||||||
|
} catch (e2) {
|
||||||
|
console.log('drawBitmap 两种格式都失败:', e1, e2);
|
||||||
|
throw e2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.log('绘制图标失败，使用圆形色块代替:', e);
|
||||||
|
// 如果图标加载失败，使用圆形色块作为后备
|
||||||
|
const bgColor = idx === 2 ? '#E6162D' : '#07C160';
|
||||||
|
nativePopupView.value.drawRect({
|
||||||
|
color: bgColor,
|
||||||
|
radius: Math.round(iconSize / 2)
|
||||||
|
}, {
|
||||||
|
left: Math.round(iconLeft) + 'px',
|
||||||
|
top: Math.round(iconTop) + 'px',
|
||||||
|
width: Math.round(iconSize) + 'px',
|
||||||
|
height: Math.round(iconSize) + 'px'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 如果没有图标路径，使用圆形色块
|
||||||
|
const bgColor = idx === 2 ? '#E6162D' : '#07C160';
|
||||||
|
nativePopupView.value.drawRect({
|
||||||
|
color: bgColor,
|
||||||
|
radius: Math.round(iconSize / 2)
|
||||||
|
}, {
|
||||||
|
left: Math.round(iconLeft) + 'px',
|
||||||
|
top: Math.round(iconTop) + 'px',
|
||||||
|
width: Math.round(iconSize) + 'px',
|
||||||
|
height: Math.round(iconSize) + 'px'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 绘制文字
|
||||||
|
nativePopupView.value.drawText(it.text, {
|
||||||
|
left: left + 'px',
|
||||||
|
top: textTop + 'px',
|
||||||
|
width: itemW + 'px',
|
||||||
|
height: textSize + uni.upx2px(20) + 'px'
|
||||||
|
}, {
|
||||||
|
size: textSize + 'px',
|
||||||
|
color: '#666666',
|
||||||
|
align: 'center',
|
||||||
|
verticalAlign: 'top'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
// 取消按钮分割线
|
||||||
|
const cancelTop = panelH - cancelH;
|
||||||
|
nativePopupView.value.drawRect({ color: '#F0F0F0' }, {
|
||||||
|
left: '0px',
|
||||||
|
top: (cancelTop - 1) + 'px',
|
||||||
|
width: screenW + 'px',
|
||||||
|
height: '1px'
|
||||||
|
});
|
||||||
|
nativePopupView.value.drawText('取消', {
|
||||||
|
left: '0px',
|
||||||
|
top: cancelTop + 'px',
|
||||||
|
width: screenW + 'px',
|
||||||
|
height: cancelH + 'px'
|
||||||
|
}, {
|
||||||
|
size: uni.upx2px(32) + 'px',
|
||||||
|
color: '#333333',
|
||||||
|
align: 'center',
|
||||||
|
verticalAlign: 'middle'
|
||||||
|
});
|
||||||
|
// 事件处理函数
|
||||||
|
const handleMaskClick = () => {
|
||||||
|
console.log('遮罩被点击');
|
||||||
|
closeNativePopup();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handlePanelClick = (e) => {
|
||||||
|
console.log('面板被点击', e);
|
||||||
|
const info = popupInfo.value;
|
||||||
|
|
||||||
|
// 获取点击坐标
|
||||||
|
let x = 0;
|
||||||
|
let y = 0;
|
||||||
|
|
||||||
|
// 尝试多种方式获取坐标
|
||||||
|
if (e.clientX !== undefined && e.clientY !== undefined) {
|
||||||
|
x = e.clientX;
|
||||||
|
y = e.clientY;
|
||||||
|
} else if (e.pageX !== undefined && e.pageY !== undefined) {
|
||||||
|
x = e.pageX;
|
||||||
|
y = e.pageY;
|
||||||
|
} else if (e.touches && e.touches.length > 0) {
|
||||||
|
x = e.touches[0].clientX || e.touches[0].pageX || 0;
|
||||||
|
y = e.touches[0].clientY || e.touches[0].pageY || 0;
|
||||||
|
} else if (e.changedTouches && e.changedTouches.length > 0) {
|
||||||
|
x = e.changedTouches[0].clientX || e.changedTouches[0].pageX || 0;
|
||||||
|
y = e.changedTouches[0].clientY || e.changedTouches[0].pageY || 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('原始坐标:', x, y);
|
||||||
|
console.log('屏幕信息:', info);
|
||||||
|
|
||||||
|
if (!x || !y) {
|
||||||
|
console.log('坐标无效');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断坐标是相对于屏幕还是相对于视图
|
||||||
|
// 如果 y 小于 panelH，说明是相对于视图的坐标
|
||||||
|
// 如果 y 大于等于 screenH - panelH，说明是相对于屏幕的坐标
|
||||||
|
let relativeY = y;
|
||||||
|
let relativeX = x;
|
||||||
|
|
||||||
|
if (y < info.panelH) {
|
||||||
|
// 相对于视图的坐标，直接使用
|
||||||
|
relativeY = y;
|
||||||
|
relativeX = x;
|
||||||
|
console.log('使用相对于视图的坐标:', relativeX, relativeY);
|
||||||
|
} else if (y >= (info.screenH - info.panelH)) {
|
||||||
|
// 相对于屏幕的坐标，转换为相对于视图的坐标
|
||||||
|
relativeY = y - (info.screenH - info.panelH);
|
||||||
|
relativeX = x;
|
||||||
|
console.log('使用相对于屏幕的坐标，转换为相对视图:', relativeX, relativeY);
|
||||||
|
} else {
|
||||||
|
// 可能是其他情况，尝试直接使用
|
||||||
|
console.log('坐标类型不确定，尝试直接使用');
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消区域（底部取消按钮）- 相对于视图
|
||||||
|
const cancelTop = info.panelH - info.cancelH;
|
||||||
|
console.log('取消区域判断: relativeY =', relativeY, ', cancelTop =', cancelTop);
|
||||||
|
if (relativeY >= cancelTop) {
|
||||||
|
console.log('点击了取消按钮');
|
||||||
|
closeNativePopup();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分享项区域（图标+文字区域）- 相对于视图
|
||||||
|
const shareAreaTop = info.contentTop;
|
||||||
|
const shareAreaBottom = shareAreaTop + info.iconSize + info.textSize + uni.upx2px(20);
|
||||||
|
|
||||||
|
console.log('分享区域: relativeY =', relativeY, ', 范围 =', shareAreaTop, '到', shareAreaBottom);
|
||||||
|
|
||||||
|
if (relativeY >= shareAreaTop && relativeY <= shareAreaBottom) {
|
||||||
|
// 计算点击的是第几个分享项（0:微信, 1:朋友圈, 2:微博）
|
||||||
|
const itemWidth = info.screenW / 3;
|
||||||
|
const idx = Math.min(2, Math.max(0, Math.floor(relativeX / itemWidth)));
|
||||||
|
|
||||||
|
console.log('点击了分享项:', idx, ', x =', relativeX, ', itemWidth =', itemWidth);
|
||||||
|
|
||||||
|
if (idx === 0) {
|
||||||
|
console.log('执行微信分享');
|
||||||
|
shareToWechat();
|
||||||
|
closeNativePopup();
|
||||||
|
} else if (idx === 1) {
|
||||||
|
console.log('执行朋友圈分享');
|
||||||
|
shareToMoments();
|
||||||
|
closeNativePopup();
|
||||||
|
} else if (idx === 2) {
|
||||||
|
console.log('执行微博分享');
|
||||||
|
shareToWeibo();
|
||||||
|
closeNativePopup();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.log('点击位置不在分享区域内, relativeY =', relativeY, ', 需要范围:', shareAreaTop, '到', shareAreaBottom);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 同时监听 click 和 touchstart 事件
|
||||||
|
nativeMaskView.value.addEventListener('click', handleMaskClick, false);
|
||||||
|
nativeMaskView.value.addEventListener('touchstart', handleMaskClick, false);
|
||||||
|
|
||||||
|
nativePopupView.value.addEventListener('click', handlePanelClick, false);
|
||||||
|
nativePopupView.value.addEventListener('touchstart', handlePanelClick, false);
|
||||||
|
nativePopupView.value.addEventListener('touchend', handlePanelClick, false);
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
|
|
||||||
|
function showNativePopup() {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
if (popupShowing.value) return;
|
||||||
|
if (!nativeMaskView.value || !nativePopupView.value) {
|
||||||
|
createNativePopup();
|
||||||
|
}
|
||||||
|
nativeMaskView.value && nativeMaskView.value.show();
|
||||||
|
nativePopupView.value && nativePopupView.value.show();
|
||||||
|
popupShowing.value = true;
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeNativePopup() {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
if (!popupShowing.value) return;
|
||||||
|
nativeMaskView.value && nativeMaskView.value.hide();
|
||||||
|
nativePopupView.value && nativePopupView.value.hide();
|
||||||
|
popupShowing.value = false;
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分享到微信
|
||||||
|
const shareToWechat = () => {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
// 使用系统分享
|
||||||
|
uni.share({
|
||||||
|
provider: "weixin",
|
||||||
|
scene: "WXSceneSession",
|
||||||
|
type: 0,
|
||||||
|
title: shareTitle.value,
|
||||||
|
summary:summary.value,
|
||||||
|
href: safeUrl.value,
|
||||||
|
imageUrl: shareImg.value,
|
||||||
|
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: shareLink.value,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
uni.showToast({
|
||||||
|
title: "分享成功",
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
uni.showToast({
|
||||||
|
title: "分享失败",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// 复制到剪贴板
|
||||||
|
uni.setClipboardData({
|
||||||
|
data:
|
||||||
|
"肝胆相照APP - 专业的医疗健康平台，快来下载体验吧！\n下载链接：" +
|
||||||
|
shareLink.value,
|
||||||
|
success: () => {
|
||||||
|
uni.showToast({
|
||||||
|
title: "已复制到剪贴板",
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
// 微信小程序分享
|
||||||
|
uni.showShareMenu({
|
||||||
|
withShareTicket: true,
|
||||||
|
menus: ["shareAppMessage", "shareTimeline"],
|
||||||
|
});
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
closeShare();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 页面隐藏/销毁时清理原生弹窗
|
||||||
|
onHide(() => {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
closeNativePopup();
|
||||||
|
// #endif
|
||||||
|
});
|
||||||
|
onUnload(() => {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
try{
|
||||||
|
nativeMaskView.value && nativeMaskView.value.close && nativeMaskView.value.close();
|
||||||
|
nativePopupView.value && nativePopupView.value.close && nativePopupView.value.close();
|
||||||
|
}catch(e){}
|
||||||
|
nativeMaskView.value = null;
|
||||||
|
nativePopupView.value = null;
|
||||||
|
popupShowing.value = false;
|
||||||
|
// #endif
|
||||||
|
});
|
||||||
|
// 分享到朋友圈
|
||||||
|
const shareToMoments = () => {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
uni.share({
|
||||||
|
provider: "weixin",
|
||||||
|
scene: "WXSceneTimeline",
|
||||||
|
type: 0,
|
||||||
|
title: shareTitle.value,
|
||||||
|
summary:summary.value,
|
||||||
|
href: safeUrl.value,
|
||||||
|
imageUrl: shareImg.value,
|
||||||
|
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
|
||||||
|
uni.share({
|
||||||
|
provider: "sinaweibo",
|
||||||
|
type: 0,
|
||||||
|
title: shareTitle.value ,
|
||||||
|
summary:summary.value,
|
||||||
|
href: safeUrl.value,
|
||||||
|
imageUrl: logoImg,
|
||||||
|
success: function (res) {
|
||||||
|
console.log("分享成功");
|
||||||
|
},
|
||||||
|
fail: function (err) {
|
||||||
|
console.log("fail:" + JSON.stringify(err));
|
||||||
|
},
|
||||||
|
});
|
||||||
|
// 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();
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
.mask{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
z-index: 10000000;
|
||||||
|
}
|
||||||
|
/* 分享弹窗样式 */
|
||||||
|
.share-popup {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
|
padding: 40rpx 0 0;
|
||||||
|
}
|
||||||
|
.share-img {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
.nav-actions .share-img-icon {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
.nav-actions .collect-img-icon {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
.nav-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
position: relative;
|
||||||
|
z-index:0;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
}
|
}
|
||||||
.tip {
|
.tip {
|
||||||
|
|||||||
@ -232,7 +232,7 @@
|
|||||||
:class="{ active: tag.selected }"
|
:class="{ active: tag.selected }"
|
||||||
@click="toggleTag(index)"
|
@click="toggleTag(index)"
|
||||||
>
|
>
|
||||||
{{ tag.DES }}
|
{{ tag.NAME }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -313,9 +313,9 @@
|
|||||||
console.log('选中的筛选标签:', selectedTags);
|
console.log('选中的筛选标签:', selectedTags);
|
||||||
for (var i = 0; i < selectedTags.length; i++) {
|
for (var i = 0; i < selectedTags.length; i++) {
|
||||||
if(keywords.value){
|
if(keywords.value){
|
||||||
keywords.value+=","+selectedTags[i].DES
|
keywords.value+=","+selectedTags[i].NAME
|
||||||
}else{
|
}else{
|
||||||
keywords.value=selectedTags[i].DES
|
keywords.value=selectedTags[i].NAME
|
||||||
}
|
}
|
||||||
|
|
||||||
navTo({
|
navTo({
|
||||||
|
|||||||
@ -13,7 +13,7 @@
|
|||||||
>
|
>
|
||||||
<template v-slot:right>
|
<template v-slot:right>
|
||||||
<view class="nav-right" @click="goGot">
|
<view class="nav-right" @click="goGot">
|
||||||
<up-image :src="hotImg" width="40rpx" height="40rpx" ></up-image>
|
<up-image :src="hotImg" width="40rpx" height="40rpx"></up-image>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
</uni-nav-bar>
|
</uni-nav-bar>
|
||||||
@ -28,7 +28,7 @@
|
|||||||
<view class="current-sort" @click="toggleInnerSort">
|
<view class="current-sort" @click="toggleInnerSort">
|
||||||
<text class="sort-text">{{ innerSortTitle }}</text>
|
<text class="sort-text">{{ innerSortTitle }}</text>
|
||||||
<view class="imgbox">
|
<view class="imgbox">
|
||||||
<up-image :src="upImg" width="26rpx" height="26rpx" ></up-image>
|
<up-image :src="upImg" width="26rpx" height="26rpx"></up-image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -57,19 +57,14 @@
|
|||||||
<view class="item-date">{{ formatDate(item.releaseTime) }}</view>
|
<view class="item-date">{{ formatDate(item.releaseTime) }}</view>
|
||||||
<!-- 操作按钮 -->
|
<!-- 操作按钮 -->
|
||||||
<view class="item-action">
|
<view class="item-action">
|
||||||
<view
|
<view class="download-btn" @click.stop="viewGuideline(item)" v-if="!downLoadList.includes(item.uuid)">
|
||||||
class="download-btn"
|
|
||||||
@click.stop="viewGuideline(item)"
|
|
||||||
>
|
|
||||||
<up-icon name="download" color="#8D2316" size="28"></up-icon>
|
<up-icon name="download" color="#8D2316" size="28"></up-icon>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view
|
<view
|
||||||
v-else
|
v-else
|
||||||
class="view-btn"
|
class="view-btn"
|
||||||
@click.stop="viewGuideline(item)"
|
@click.stop="viewGuideline(item)"
|
||||||
>
|
>查看</view>
|
||||||
查看
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -99,100 +94,130 @@
|
|||||||
</view>
|
</view>
|
||||||
<!-- 组内排序弹窗 -->
|
<!-- 组内排序弹窗 -->
|
||||||
<view v-if="showInnerSort" class="popup-panel">
|
<view v-if="showInnerSort" class="popup-panel">
|
||||||
<view class="popup-item" :class="{ active:sort==1 }" @click.stop="chooseInnerSort(1)">
|
<view
|
||||||
|
class="popup-item"
|
||||||
|
:class="{ active: sort == 1 }"
|
||||||
|
@click.stop="chooseInnerSort(1)"
|
||||||
|
>
|
||||||
<text class="item-text">下载量</text>
|
<text class="item-text">下载量</text>
|
||||||
<uni-icons v-if="sort==1" type="checkmarkempty" color="#8B2316" size="22"></uni-icons>
|
<uni-icons
|
||||||
|
v-if="sort == 1"
|
||||||
|
type="checkmarkempty"
|
||||||
|
color="#8B2316"
|
||||||
|
size="22"
|
||||||
|
></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
<view class="popup-divider"></view>
|
<view class="popup-divider"></view>
|
||||||
<view class="popup-item" :class="{ active:sort==2 }" @click.stop="chooseInnerSort(2)">
|
<view
|
||||||
|
class="popup-item"
|
||||||
|
:class="{ active: sort == 2 }"
|
||||||
|
@click.stop="chooseInnerSort(2)"
|
||||||
|
>
|
||||||
<text class="item-text">上传时间</text>
|
<text class="item-text">上传时间</text>
|
||||||
<uni-icons v-if="sort==2" type="checkmarkempty" color="#8B2316" size="22"></uni-icons>
|
<uni-icons
|
||||||
|
v-if="sort == 2"
|
||||||
|
type="checkmarkempty"
|
||||||
|
color="#8B2316"
|
||||||
|
size="22"
|
||||||
|
></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
<view class="popup-divider"></view>
|
<view class="popup-divider"></view>
|
||||||
<view class="popup-item" :class="{ active:sort==3 }" @click.stop="chooseInnerSort(3)">
|
<view
|
||||||
|
class="popup-item"
|
||||||
|
:class="{ active: sort == 3 }"
|
||||||
|
@click.stop="chooseInnerSort(3)"
|
||||||
|
>
|
||||||
<text class="item-text">标题</text>
|
<text class="item-text">标题</text>
|
||||||
<uni-icons v-if="sort==3" type="checkmarkempty" color="#8B2316" size="22"></uni-icons>
|
<uni-icons
|
||||||
|
v-if="sort == 3"
|
||||||
|
type="checkmarkempty"
|
||||||
|
color="#8B2316"
|
||||||
|
size="22"
|
||||||
|
></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted} from 'vue'
|
import { ref, onMounted } from "vue";
|
||||||
import api from '@/api/api.js'
|
import api from "@/api/api.js";
|
||||||
import { onShow,onLoad } from "@dcloudio/uni-app";
|
import { onShow, onLoad } from "@dcloudio/uni-app";
|
||||||
import docUrl from "@/utils/docUrl.js"
|
import docUrl from "@/utils/docUrl.js";
|
||||||
import navTo from "@/utils/navTo.js"
|
import navTo from "@/utils/navTo.js";
|
||||||
import hotImg from "@/static/hot_booklist.png"
|
import hotImg from "@/static/hot_booklist.png";
|
||||||
|
let downList = uni.getStorageSync("downLoadPdf") || [];
|
||||||
|
const downLoadList = ref(downList);
|
||||||
// 响应式数据
|
// 响应式数据
|
||||||
const guidelinesList = ref([])
|
const guidelinesList = ref([]);
|
||||||
const isLoading = ref(false)
|
const isLoading = ref(false);
|
||||||
const hasMoreData = ref(true)
|
const hasMoreData = ref(true);
|
||||||
const currentPage = ref(1)
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10)
|
const pageSize = ref(10);
|
||||||
const isRefreshing = ref(false)
|
const isRefreshing = ref(false);
|
||||||
const keywords=ref('');
|
const keywords = ref("");
|
||||||
import upImg from "@/static/triangle_green_theme.png"
|
import upImg from "@/static/triangle_green_theme.png";
|
||||||
import downImg from "@/static/triangle_normal.png"
|
import downImg from "@/static/triangle_normal.png";
|
||||||
const loadMoreStatus = ref('more') // 'loading', 'more', 'noMore'
|
const loadMoreStatus = ref("more"); // 'loading', 'more', 'noMore'
|
||||||
const typeUuid=ref('');
|
const typeUuid = ref("");
|
||||||
const title=ref('');
|
const title = ref("");
|
||||||
const sort=ref(2);
|
const sort = ref(2);
|
||||||
const showInnerSort=ref(false);
|
const showInnerSort = ref(false);
|
||||||
const innerSortTitle=ref('上传时间');
|
const innerSortTitle = ref("上传时间");
|
||||||
const chooseInnerSort=(index)=>{
|
const chooseInnerSort = (index) => {
|
||||||
sort.value=index;
|
sort.value = index;
|
||||||
if(index==1){
|
if (index == 1) {
|
||||||
innerSortTitle.value='下载量';
|
innerSortTitle.value = "下载量";
|
||||||
}else if(index==2){
|
} else if (index == 2) {
|
||||||
innerSortTitle.value='上传时间';
|
innerSortTitle.value = "上传时间";
|
||||||
}else if(index==3){
|
} else if (index == 3) {
|
||||||
innerSortTitle.value='标题';
|
innerSortTitle.value = "标题";
|
||||||
}
|
}
|
||||||
showInnerSort.value=false;
|
showInnerSort.value = false;
|
||||||
loadGuidelinesList(true);
|
loadGuidelinesList(true);
|
||||||
}
|
};
|
||||||
onLoad((options)=>{
|
onLoad((options) => {
|
||||||
console.log(options)
|
console.log(options);
|
||||||
if(options.typeUuid){
|
if (options.typeUuid) {
|
||||||
typeUuid.value=options.typeUuid;
|
typeUuid.value = options.typeUuid;
|
||||||
}
|
}
|
||||||
if(options.title){
|
if (options.title) {
|
||||||
title.value=options.title;
|
title.value = options.title;
|
||||||
}
|
}
|
||||||
if(options.keywords){
|
if (options.keywords) {
|
||||||
keywords.value=decodeURIComponent(options.keywords);
|
keywords.value = decodeURIComponent(options.keywords);
|
||||||
title.value=decodeURIComponent(options.title);
|
title.value = decodeURIComponent(options.title);
|
||||||
}
|
}
|
||||||
|
});
|
||||||
})
|
const goGot = () => {
|
||||||
const goGot=()=>{
|
|
||||||
navTo({
|
navTo({
|
||||||
url:'/pages_app/hot/hot?from=hot&typeUuid='+typeUuid.value
|
url: "/pages_app/hot/hot?from=hot&typeUuid=" + typeUuid.value,
|
||||||
})
|
});
|
||||||
}
|
};
|
||||||
const toggleInnerSort=()=>{
|
const toggleInnerSort = () => {
|
||||||
showInnerSort.value=!showInnerSort.value;
|
showInnerSort.value = !showInnerSort.value;
|
||||||
}
|
};
|
||||||
onShow(() => {
|
onShow(() => {
|
||||||
// 页面显示时，如果列表为空则加载数据
|
// 页面显示时，如果列表为空则加载数据
|
||||||
if (guidelinesList.value.length === 0) {
|
if (guidelinesList.value.length === 0) {
|
||||||
loadGuidelinesList(true)
|
loadGuidelinesList(true);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
|
||||||
// 跳转到搜索页
|
// 跳转到搜索页
|
||||||
const goToSearch = () => {
|
const goToSearch = () => {
|
||||||
const q = keywords.value ? encodeURIComponent(keywords.value) : ''
|
const q = keywords.value ? encodeURIComponent(keywords.value) : "";
|
||||||
const t = title.value ? encodeURIComponent(title.value) : ''
|
const t = title.value ? encodeURIComponent(title.value) : "";
|
||||||
const type = typeUuid.value ? `&typeUuid=${encodeURIComponent(typeUuid.value)}` : ''
|
const type = typeUuid.value
|
||||||
|
? `&typeUuid=${encodeURIComponent(typeUuid.value)}`
|
||||||
|
: "";
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages_app/search/search?keywords=${q}&title=${t}${type}`
|
url: `/pages_app/search/search?keywords=${q}&title=${t}${type}`,
|
||||||
})
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
// scroll-view 下拉刷新
|
// scroll-view 下拉刷新
|
||||||
const onRefresh = async () => {
|
const onRefresh = async () => {
|
||||||
console.log('scroll-view 下拉刷新触发');
|
console.log("scroll-view 下拉刷新触发");
|
||||||
isRefreshing.value = true;
|
isRefreshing.value = true;
|
||||||
await refreshData();
|
await refreshData();
|
||||||
isRefreshing.value = false;
|
isRefreshing.value = false;
|
||||||
@ -200,24 +225,28 @@ const onRefresh = async () => {
|
|||||||
|
|
||||||
// scroll-view 滚动到底部
|
// scroll-view 滚动到底部
|
||||||
const onScrollToLower = () => {
|
const onScrollToLower = () => {
|
||||||
console.log('=== onScrollToLower 触发 ===');
|
console.log("=== onScrollToLower 触发 ===");
|
||||||
console.log('当前状态:', {
|
console.log("当前状态:", {
|
||||||
loadMoreStatus: loadMoreStatus.value,
|
loadMoreStatus: loadMoreStatus.value,
|
||||||
isRefreshing: isRefreshing.value,
|
isRefreshing: isRefreshing.value,
|
||||||
currentPage: currentPage.value,
|
currentPage: currentPage.value,
|
||||||
listLength: guidelinesList.value.length,
|
listLength: guidelinesList.value.length,
|
||||||
hasMoreData: hasMoreData.value,
|
hasMoreData: hasMoreData.value,
|
||||||
isLoading: isLoading.value
|
isLoading: isLoading.value,
|
||||||
});
|
});
|
||||||
|
|
||||||
if (loadMoreStatus.value === 'more' && !isRefreshing.value && !isLoading.value) {
|
if (
|
||||||
console.log('条件满足，开始加载更多数据');
|
loadMoreStatus.value === "more" &&
|
||||||
|
!isRefreshing.value &&
|
||||||
|
!isLoading.value
|
||||||
|
) {
|
||||||
|
console.log("条件满足，开始加载更多数据");
|
||||||
loadMoreData();
|
loadMoreData();
|
||||||
} else {
|
} else {
|
||||||
console.log('条件不满足，跳过加载:', {
|
console.log("条件不满足，跳过加载:", {
|
||||||
loadMoreStatus: loadMoreStatus.value,
|
loadMoreStatus: loadMoreStatus.value,
|
||||||
isRefreshing: isRefreshing.value,
|
isRefreshing: isRefreshing.value,
|
||||||
isLoading: isLoading.value
|
isLoading: isLoading.value,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -225,123 +254,127 @@ const onScrollToLower = () => {
|
|||||||
// 刷新数据
|
// 刷新数据
|
||||||
const refreshData = async () => {
|
const refreshData = async () => {
|
||||||
try {
|
try {
|
||||||
currentPage.value = 1
|
currentPage.value = 1;
|
||||||
hasMoreData.value = true
|
hasMoreData.value = true;
|
||||||
loadMoreStatus.value = 'more'
|
loadMoreStatus.value = "more";
|
||||||
|
|
||||||
await loadGuidelinesList(true)
|
await loadGuidelinesList(true);
|
||||||
|
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '刷新成功',
|
title: "刷新成功",
|
||||||
icon: 'none'
|
icon: "none",
|
||||||
})
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('刷新失败:', error)
|
console.error("刷新失败:", error);
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '刷新失败',
|
title: "刷新失败",
|
||||||
icon: 'none'
|
icon: "none",
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
// 加载指南列表
|
// 加载指南列表
|
||||||
const loadGuidelinesList = async (isRefresh = false) => {
|
const loadGuidelinesList = async (isRefresh = false) => {
|
||||||
console.log('=== loadGuidelinesList 开始 ===');
|
console.log("=== loadGuidelinesList 开始 ===");
|
||||||
console.log('当前参数:', { isRefresh, page: currentPage.value, keywords: keywords.value });
|
console.log("当前参数:", {
|
||||||
|
isRefresh,
|
||||||
|
page: currentPage.value,
|
||||||
|
keywords: keywords.value,
|
||||||
|
});
|
||||||
|
|
||||||
if (isLoading.value) return
|
if (isLoading.value) return;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
isLoading.value = true
|
isLoading.value = true;
|
||||||
loadMoreStatus.value = 'loading'
|
loadMoreStatus.value = "loading";
|
||||||
|
|
||||||
const params = {
|
const params = {
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
pageSize: pageSize.value,
|
pageSize: pageSize.value,
|
||||||
type: 1, // 诊疗指南类型
|
type: 1, // 诊疗指南类型
|
||||||
sort:2,
|
sort: 2,
|
||||||
typeUuid:typeUuid.value,
|
typeUuid: typeUuid.value,
|
||||||
keywords:keywords.value
|
keywords: keywords.value,
|
||||||
}
|
};
|
||||||
|
|
||||||
const res = await api.searchLibraryU(params)
|
const res = await api.searchLibraryU(params);
|
||||||
console.log('指南列表响应:', res)
|
console.log("指南列表响应:", res);
|
||||||
|
|
||||||
if (res.code === 200 && res.data) {
|
if (res.code === 200 && res.data) {
|
||||||
const newData = res.data.list || res.data
|
const newData = res.data.list || res.data;
|
||||||
|
|
||||||
if (isRefresh) {
|
if (isRefresh) {
|
||||||
guidelinesList.value = newData
|
guidelinesList.value = newData;
|
||||||
console.log('刷新模式：替换列表数据');
|
console.log("刷新模式：替换列表数据");
|
||||||
} else {
|
} else {
|
||||||
guidelinesList.value = [...guidelinesList.value, ...newData]
|
guidelinesList.value = [...guidelinesList.value, ...newData];
|
||||||
console.log('加载更多：追加数据到列表');
|
console.log("加载更多：追加数据到列表");
|
||||||
}
|
}
|
||||||
|
|
||||||
// 判断是否还有更多数据
|
// 判断是否还有更多数据
|
||||||
if (newData.length < pageSize.value) {
|
if (newData.length < pageSize.value) {
|
||||||
loadMoreStatus.value = 'noMore'
|
loadMoreStatus.value = "noMore";
|
||||||
hasMoreData.value = false
|
hasMoreData.value = false;
|
||||||
console.log('没有更多数据了');
|
console.log("没有更多数据了");
|
||||||
} else {
|
} else {
|
||||||
loadMoreStatus.value = 'more'
|
loadMoreStatus.value = "more";
|
||||||
hasMoreData.value = true
|
hasMoreData.value = true;
|
||||||
// 只有在加载更多模式下才递增页码
|
// 只有在加载更多模式下才递增页码
|
||||||
if (!isRefresh) {
|
if (!isRefresh) {
|
||||||
currentPage.value++
|
currentPage.value++;
|
||||||
console.log(`还有更多数据，下一页: ${currentPage.value}`);
|
console.log(`还有更多数据，下一页: ${currentPage.value}`);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.error('加载指南列表失败:', res.message)
|
console.error("加载指南列表失败:", res.message);
|
||||||
loadMoreStatus.value = 'noMore'
|
loadMoreStatus.value = "noMore";
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: res.message || '加载失败',
|
title: res.message || "加载失败",
|
||||||
icon: 'none'
|
icon: "none",
|
||||||
})
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('加载指南列表异常:', error)
|
|
||||||
loadMoreStatus.value = 'noMore'
|
|
||||||
uni.showToast({
|
|
||||||
title: '网络异常，请重试',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
} finally {
|
|
||||||
isLoading.value = false
|
|
||||||
console.log('=== loadGuidelinesList 结束 ===');
|
|
||||||
console.log('最终状态:', {
|
|
||||||
loadMoreStatus: loadMoreStatus.value,
|
|
||||||
page: currentPage.value,
|
|
||||||
listLength: guidelinesList.value.length
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
} catch (error) {
|
||||||
|
console.error("加载指南列表异常:", error);
|
||||||
|
loadMoreStatus.value = "noMore";
|
||||||
|
uni.showToast({
|
||||||
|
title: "网络异常，请重试",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
} finally {
|
||||||
|
isLoading.value = false;
|
||||||
|
console.log("=== loadGuidelinesList 结束 ===");
|
||||||
|
console.log("最终状态:", {
|
||||||
|
loadMoreStatus: loadMoreStatus.value,
|
||||||
|
page: currentPage.value,
|
||||||
|
listLength: guidelinesList.value.length,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
// 加载更多数据
|
// 加载更多数据
|
||||||
const loadMoreData = () => {
|
const loadMoreData = () => {
|
||||||
console.log('=== loadMoreData 被调用 ===');
|
console.log("=== loadMoreData 被调用 ===");
|
||||||
console.log('检查条件:', {
|
console.log("检查条件:", {
|
||||||
hasMoreData: hasMoreData.value,
|
hasMoreData: hasMoreData.value,
|
||||||
isLoading: isLoading.value,
|
isLoading: isLoading.value,
|
||||||
currentPage: currentPage.value
|
currentPage: currentPage.value,
|
||||||
});
|
});
|
||||||
|
|
||||||
if (hasMoreData.value && !isLoading.value) {
|
if (hasMoreData.value && !isLoading.value) {
|
||||||
console.log('条件满足，开始加载更多数据');
|
console.log("条件满足，开始加载更多数据");
|
||||||
loadGuidelinesList(false);
|
loadGuidelinesList(false);
|
||||||
} else {
|
} else {
|
||||||
console.log('条件不满足，跳过加载更多');
|
console.log("条件不满足，跳过加载更多");
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
// 下载指南
|
// 下载指南
|
||||||
const downloadGuideline = (item) => {
|
const downloadGuideline = (item) => {
|
||||||
console.log('下载指南:', item)
|
console.log("下载指南:", item);
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '开始下载...',
|
title: "开始下载...",
|
||||||
icon: 'none'
|
icon: "none",
|
||||||
})
|
});
|
||||||
|
|
||||||
// 这里可以调用下载API
|
// 这里可以调用下载API
|
||||||
// 示例：下载PDF文件
|
// 示例：下载PDF文件
|
||||||
@ -351,125 +384,95 @@ const downloadGuideline = (item) => {
|
|||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.statusCode === 200) {
|
if (res.statusCode === 200) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '下载成功',
|
title: "下载成功",
|
||||||
icon: 'none'
|
icon: "none",
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: (err) => {
|
fail: (err) => {
|
||||||
console.error('下载失败:', err)
|
console.error("下载失败:", err);
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '下载失败',
|
title: "下载失败",
|
||||||
icon: 'none'
|
icon: "none",
|
||||||
})
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
};
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 查看指南（支持常用文档直链：pdf/doc/docx/xls/xlsx/ppt/pptx/txt）
|
// 查看指南（支持常用文档直链：pdf/doc/docx/xls/xlsx/ppt/pptx/txt）
|
||||||
const viewGuideline = (item) => {
|
const viewGuideline = (item) => {
|
||||||
const url = docUrl+item.path
|
if (!item.path) {
|
||||||
if (url) {
|
uni.showToast({
|
||||||
const isPDF = /\.(pdf)(\?|$)/i.test(url)
|
title: "暂无下载链接",
|
||||||
const isOffice = /\.(docx?|xlsx?|pptx?)(\?|$)/i.test(url)
|
icon: "none",
|
||||||
const isText = /\.(txt)(\?|$)/i.test(url)
|
});
|
||||||
|
return;
|
||||||
// H5 端
|
|
||||||
// #ifdef H5
|
|
||||||
if (isPDF) {
|
|
||||||
try { window.open(url, '_blank') } catch (e) {
|
|
||||||
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encodeURIComponent(url)}` })
|
|
||||||
}
|
}
|
||||||
return
|
const pdfUrl = docUrl + item.path;
|
||||||
}
|
let url = "https://view.xdocin.com/view?src=" + encodeURIComponent(pdfUrl);
|
||||||
if (isOffice) {
|
|
||||||
const officeUrl = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}`
|
|
||||||
try { window.open(officeUrl, '_blank') } catch (e) {
|
|
||||||
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encodeURIComponent(officeUrl)}` })
|
|
||||||
}
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (isText) {
|
|
||||||
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encodeURIComponent(url)}` })
|
|
||||||
return
|
|
||||||
}
|
|
||||||
// 其他格式统一用 webview 打开
|
|
||||||
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encodeURIComponent(url)}` })
|
|
||||||
return
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
// 非 H5 端：下载后尝试用 openDocument，失败回退 webview
|
|
||||||
// #ifndef H5
|
|
||||||
uni.showToast({ title: '正在打开...', icon: 'none' })
|
|
||||||
uni.downloadFile({
|
uni.downloadFile({
|
||||||
url,
|
url: pdfUrl,
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.statusCode === 200 && res.tempFilePath) {
|
if (res.statusCode === 200) {
|
||||||
uni.openDocument({
|
let index = downLoadList.value.find((cell) => item.uuid == cell.id);
|
||||||
filePath: res.tempFilePath,
|
if (!index) {
|
||||||
showMenu: true,
|
downLoadList.value.push(item.uuid);
|
||||||
success: () => {},
|
uni.setStorageSync("downLoadPdf", downLoadList.value);
|
||||||
fail: () => {
|
|
||||||
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encodeURIComponent(url)}` })
|
|
||||||
}
|
}
|
||||||
})
|
navTo({
|
||||||
} else {
|
url:
|
||||||
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encodeURIComponent(url)}` })
|
"/pages_app/webview/webview?url=" +
|
||||||
|
encodeURIComponent(url) +
|
||||||
|
"&title=" +
|
||||||
|
item.title,
|
||||||
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: () => {
|
});
|
||||||
uni.navigateTo({ url: `/pages_app/webview/webview?url=${encodeURIComponent(url)}` })
|
};
|
||||||
}
|
|
||||||
})
|
|
||||||
return
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
// 无直链，回退到详情页
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 返回上一页
|
// 返回上一页
|
||||||
const goBack = () => {
|
const goBack = () => {
|
||||||
uni.navigateBack()
|
uni.navigateBack();
|
||||||
}
|
};
|
||||||
|
|
||||||
// 测试加载更多功能
|
// 测试加载更多功能
|
||||||
const testLoadMore = () => {
|
const testLoadMore = () => {
|
||||||
console.log('=== 手动测试加载更多 ===');
|
console.log("=== 手动测试加载更多 ===");
|
||||||
console.log('当前状态:', {
|
console.log("当前状态:", {
|
||||||
loadMoreStatus: loadMoreStatus.value,
|
loadMoreStatus: loadMoreStatus.value,
|
||||||
hasMoreData: hasMoreData.value,
|
hasMoreData: hasMoreData.value,
|
||||||
isLoading: isLoading.value,
|
isLoading: isLoading.value,
|
||||||
currentPage: currentPage.value,
|
currentPage: currentPage.value,
|
||||||
listLength: guidelinesList.value.length
|
listLength: guidelinesList.value.length,
|
||||||
});
|
});
|
||||||
|
|
||||||
if (loadMoreStatus.value === 'more' && !isLoading.value) {
|
if (loadMoreStatus.value === "more" && !isLoading.value) {
|
||||||
loadMoreData();
|
loadMoreData();
|
||||||
} else {
|
} else {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: `状态: ${loadMoreStatus.value}, 加载中: ${isLoading.value}`,
|
title: `状态: ${loadMoreStatus.value}, 加载中: ${isLoading.value}`,
|
||||||
icon: 'none',
|
icon: "none",
|
||||||
duration: 2000
|
duration: 2000,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
// 格式化日期
|
// 格式化日期
|
||||||
const formatDate = (dateString) => {
|
const formatDate = (dateString) => {
|
||||||
if (!dateString) return ''
|
if (!dateString) return "";
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const date = new Date(dateString)
|
const date = new Date(dateString);
|
||||||
const year = date.getFullYear()
|
const year = date.getFullYear();
|
||||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
const month = String(date.getMonth() + 1).padStart(2, "0");
|
||||||
const day = String(date.getDate()).padStart(2, '0')
|
const day = String(date.getDate()).padStart(2, "0");
|
||||||
return `${year}-${month}-${day}`
|
return `${year}-${month}-${day}`;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return dateString
|
return dateString;
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@ -481,10 +484,10 @@ $text-light: #999;
|
|||||||
$border-color: #e0e0e0;
|
$border-color: #e0e0e0;
|
||||||
$bg-color: #f6f6f6;
|
$bg-color: #f6f6f6;
|
||||||
$white: #ffffff;
|
$white: #ffffff;
|
||||||
.imgbox{
|
.imgbox {
|
||||||
width: 32rpx;
|
width: 32rpx;
|
||||||
margin-top: -10rpx;
|
margin-top: -10rpx;
|
||||||
}
|
}
|
||||||
.popup-panel {
|
.popup-panel {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 256rpx; /* 紧贴筛选栏 */
|
top: 256rpx; /* 紧贴筛选栏 */
|
||||||
@ -492,7 +495,7 @@ $white: #ffffff;
|
|||||||
right: 0;
|
right: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
box-shadow: 0 6rpx 20rpx rgba(0,0,0,0.08);
|
box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-item {
|
.popup-item {
|
||||||
@ -510,7 +513,7 @@ $white: #ffffff;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.popup-item.active .item-text {
|
.popup-item.active .item-text {
|
||||||
color: #8B2316;
|
color: #8b2316;
|
||||||
}
|
}
|
||||||
.current-sort {
|
.current-sort {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -533,7 +536,7 @@ $white: #ffffff;
|
|||||||
border-bottom-color: #ff0000;
|
border-bottom-color: #ff0000;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.zhinan-list-page {
|
.zhinan-list-page {
|
||||||
background-color: $bg-color;
|
background-color: $bg-color;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@ -541,7 +544,7 @@ $white: #ffffff;
|
|||||||
|
|
||||||
.guidelines-scroll-view {
|
.guidelines-scroll-view {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 242rpx;
|
top: 285rpx;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@ -572,7 +575,6 @@ $white: #ffffff;
|
|||||||
border-bottom: 2px solid #eee;
|
border-bottom: 2px solid #eee;
|
||||||
|
|
||||||
.search-box {
|
.search-box {
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -580,7 +582,7 @@ $white: #ffffff;
|
|||||||
|
|
||||||
.search-text {
|
.search-text {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color:#999;
|
color: #999;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -592,7 +594,7 @@ $white: #ffffff;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.filter-item {
|
.filter-item {
|
||||||
flex:1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -665,7 +667,7 @@ $white: #ffffff;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.view-btn {
|
.view-btn {
|
||||||
color:#8B2316;
|
color: #8b2316;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
@ -686,7 +688,9 @@ $white: #ffffff;
|
|||||||
padding: 20rpx 0;
|
padding: 20rpx 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.loading, .more, .no-more {
|
.loading,
|
||||||
|
.more,
|
||||||
|
.no-more {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
@ -35,7 +35,7 @@
|
|||||||
:class="{ active: tag.selected }"
|
:class="{ active: tag.selected }"
|
||||||
@click="toggleTag(index)"
|
@click="toggleTag(index)"
|
||||||
>
|
>
|
||||||
{{ tag.DES }}
|
{{ tag.NAME }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -316,7 +316,7 @@
|
|||||||
|
|
||||||
// 执行筛选逻辑
|
// 执行筛选逻辑
|
||||||
if (hasSelected) {
|
if (hasSelected) {
|
||||||
const selectedTags = filterTags.value.filter(tag => tag.selected).map(tag => tag.DES);
|
const selectedTags = filterTags.value.filter(tag => tag.selected).map(tag => tag.NAME);
|
||||||
console.log('选中的标签:', selectedTags);
|
console.log('选中的标签:', selectedTags);
|
||||||
keywords.value = selectedTags.join(',');
|
keywords.value = selectedTags.join(',');
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@ -56,7 +56,7 @@
|
|||||||
:class="{ active: tag.selected }"
|
:class="{ active: tag.selected }"
|
||||||
@click="toggleTag(index)"
|
@click="toggleTag(index)"
|
||||||
>
|
>
|
||||||
{{ tag.DES }}
|
{{ tag.NAME }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -356,7 +356,7 @@
|
|||||||
|
|
||||||
// 执行筛选逻辑
|
// 执行筛选逻辑
|
||||||
if (hasSelected) {
|
if (hasSelected) {
|
||||||
const selectedTags = filterTags.value.filter(tag => tag.selected).map(tag => tag.DES);
|
const selectedTags = filterTags.value.filter(tag => tag.selected).map(tag => tag.NAME);
|
||||||
console.log('选中的标签:', selectedTags);
|
console.log('选中的标签:', selectedTags);
|
||||||
keywords.value = selectedTags.join(',');
|
keywords.value = selectedTags.join(',');
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
BIN
static/fxbb.png
Normal file
BIN
static/fxbb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/huanhuan.png
Normal file
BIN
static/huanhuan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 928 B |
BIN
static/ic_about_app.png
Normal file
BIN
static/ic_about_app.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
static/icon_share.png
Normal file
BIN
static/icon_share.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
static/meetHis.png
Normal file
BIN
static/meetHis.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
static/pcquer.png
Normal file
BIN
static/pcquer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
static/share_sina.png
Normal file
BIN
static/share_sina.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
static/share_weixin.png
Normal file
BIN
static/share_weixin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
static/share_wxc.png
Normal file
BIN
static/share_wxc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/suifang.png
Normal file
BIN
static/suifang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
static/weiboShare.png
Normal file
BIN
static/weiboShare.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
static/yingxiongbanglog.png
Normal file
BIN
static/yingxiongbanglog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
static/yxb.png
Normal file
BIN
static/yxb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/zixunexpert.png
Normal file
BIN
static/zixunexpert.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
@ -43,6 +43,22 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
9
uni_modules/mumu-previewOffce/changelog.md
Normal file
9
uni_modules/mumu-previewOffce/changelog.md
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
## 1.0.3（2023-02-22）
|
||||||
|
本插件将于2023/11/30停止提供服务
|
||||||
|
## 1.0.2（2022-07-19）
|
||||||
|
- 【添加】 兼容大部分小程序
|
||||||
|
- 【修复】 微信小程序中直接打开问题
|
||||||
|
## 1.0.1（2022-07-02）
|
||||||
|
修复在 ios 下背景出现大量标题，主题，创作者等等数据
|
||||||
|
## 1.0.0（2022-05-25）
|
||||||
|
版本上线
|
||||||
@ -0,0 +1,208 @@
|
|||||||
|
<template>
|
||||||
|
<view class="preview" v-if="value && isMp === false">
|
||||||
|
<view class="right" :class="previewType"></view>
|
||||||
|
<view class="left" :class="previewType"></view>
|
||||||
|
<iframe :src="previewUrl" width="100%" frameborder="0" id="if"></iframe>
|
||||||
|
<view class="error" v-if="isError">传入文件格式不正确</view>
|
||||||
|
<view class="loading">预览模块加载中...</view>
|
||||||
|
|
||||||
|
<view class="close" @click="closePre()">关闭</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
model: {
|
||||||
|
event: 'change'
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
fileUrl: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
value: {
|
||||||
|
type: Boolean
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
previewUrl: ``,
|
||||||
|
isError: false,
|
||||||
|
isMp: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
fileUrl: {
|
||||||
|
handler(newValue) {
|
||||||
|
if (!newValue) return
|
||||||
|
//#ifdef MP
|
||||||
|
this.isMp = true
|
||||||
|
uni.downloadFile({
|
||||||
|
url: newValue,
|
||||||
|
success: res => {
|
||||||
|
const filePath = res.tempFilePath
|
||||||
|
uni.openDocument({
|
||||||
|
filePath: filePath,
|
||||||
|
success: res => {
|
||||||
|
console.log('打开文档成功')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
//#endif
|
||||||
|
|
||||||
|
//#ifndef MP
|
||||||
|
let exit = newValue.split('.')
|
||||||
|
if (!exit.length) return (this.isError = true)
|
||||||
|
exit = exit.pop()
|
||||||
|
const arr = ['pptx', 'ppt', 'docx', 'doc', 'xlsx', 'xls', 'pdf']
|
||||||
|
if (arr.indexOf(exit) === -1) return (this.isError = true)
|
||||||
|
this.isError = false
|
||||||
|
if (exit === 'pdf') return (this.previewUrl = this.pasePdfUrl(newValue))
|
||||||
|
this.previewUrl = this.paseOfficeUrl(newValue)
|
||||||
|
//#endif
|
||||||
|
},
|
||||||
|
immediate: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
closePre() {
|
||||||
|
this.$emit('change', false)
|
||||||
|
},
|
||||||
|
paseOfficeUrl(url) {
|
||||||
|
url = encodeURIComponent(url)
|
||||||
|
return `https://view.officeapps.live.com/op/embed.aspx?src=${url}&wdPrint=0&wdEmbedCode=0&wdStartOn=1`
|
||||||
|
},
|
||||||
|
pasePdfUrl(url) {
|
||||||
|
//url = encodeURIComponent(url)
|
||||||
|
return `https://previewpdf.mumudev.top/?file=${url}`
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
previewType() {
|
||||||
|
let exit = this.fileUrl.split('.')
|
||||||
|
if (!exit.length) return console.log('传入文件格式不正确')
|
||||||
|
exit = exit.pop()
|
||||||
|
|
||||||
|
switch (exit) {
|
||||||
|
case 'pptx':
|
||||||
|
case 'ppt':
|
||||||
|
return 'ppt'
|
||||||
|
case 'docx':
|
||||||
|
case 'doc':
|
||||||
|
return 'word'
|
||||||
|
case 'xlsx':
|
||||||
|
case 'xls':
|
||||||
|
return 'excel'
|
||||||
|
case 'pdf':
|
||||||
|
return ''
|
||||||
|
default:
|
||||||
|
console.log('传入文件格式不正确')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.preview {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: #fff;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
.right,
|
||||||
|
.left {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ppt {
|
||||||
|
height: 20px;
|
||||||
|
width: 80px;
|
||||||
|
background-color: #444444;
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
bottom: 2px;
|
||||||
|
right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
left: 4px;
|
||||||
|
bottom: 2px;
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.word {
|
||||||
|
position: absolute;
|
||||||
|
width: 80px;
|
||||||
|
height: 17px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
bottom: 2px;
|
||||||
|
right: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
left: 2px;
|
||||||
|
bottom: 2px;
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.excel {
|
||||||
|
position: absolute;
|
||||||
|
width: 90px;
|
||||||
|
height: 23px;
|
||||||
|
background-image: linear-gradient(#3f4244, #36383a);
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
bottom: 2px;
|
||||||
|
right: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
left: 2px;
|
||||||
|
bottom: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
position: absolute;
|
||||||
|
top: 50px;
|
||||||
|
right: 10px;
|
||||||
|
background-color: #ccc;
|
||||||
|
color: #fff;
|
||||||
|
padding: 5px 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
z-index: 102;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#if {
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
85
uni_modules/mumu-previewOffce/package.json
Normal file
85
uni_modules/mumu-previewOffce/package.json
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
{
|
||||||
|
"id": "mumu-previewOffce",
|
||||||
|
"displayName": "预览offce文件。可以打开 PDF WORD PPT EXCEL 文件",
|
||||||
|
"version": "1.0.3",
|
||||||
|
"description": "在程序中直接打开 offce 文件进行预览。可以打开 PDF WORD PPT EXCEL 文件",
|
||||||
|
"keywords": [
|
||||||
|
"PDF",
|
||||||
|
"WORD",
|
||||||
|
"PPT",
|
||||||
|
"EXCEL",
|
||||||
|
"offce"
|
||||||
|
],
|
||||||
|
"repository": "",
|
||||||
|
"engines": {
|
||||||
|
"HBuilderX": "^3.1.0"
|
||||||
|
},
|
||||||
|
"dcloudext": {
|
||||||
|
"sale": {
|
||||||
|
"regular": {
|
||||||
|
"price": "0.00"
|
||||||
|
},
|
||||||
|
"sourcecode": {
|
||||||
|
"price": "0.00"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"contact": {
|
||||||
|
"qq": ""
|
||||||
|
},
|
||||||
|
"declaration": {
|
||||||
|
"ads": "无",
|
||||||
|
"data": "无",
|
||||||
|
"permissions": "无"
|
||||||
|
},
|
||||||
|
"npmurl": "",
|
||||||
|
"type": "component-vue"
|
||||||
|
},
|
||||||
|
"uni_modules": {
|
||||||
|
"dependencies": [],
|
||||||
|
"encrypt": [],
|
||||||
|
"platforms": {
|
||||||
|
"cloud": {
|
||||||
|
"tcb": "y",
|
||||||
|
"aliyun": "y"
|
||||||
|
},
|
||||||
|
"client": {
|
||||||
|
"Vue": {
|
||||||
|
"vue2": "y",
|
||||||
|
"vue3": "y"
|
||||||
|
},
|
||||||
|
"App": {
|
||||||
|
"app-vue": "y",
|
||||||
|
"app-nvue": "n"
|
||||||
|
},
|
||||||
|
"H5-mobile": {
|
||||||
|
"Safari": "y",
|
||||||
|
"Android Browser": "y",
|
||||||
|
"微信浏览器(Android)": "y",
|
||||||
|
"QQ浏览器(Android)": "y"
|
||||||
|
},
|
||||||
|
"H5-pc": {
|
||||||
|
"Chrome": "y",
|
||||||
|
"IE": "n",
|
||||||
|
"Edge": "y",
|
||||||
|
"Firefox": "y",
|
||||||
|
"Safari": "y"
|
||||||
|
},
|
||||||
|
"小程序": {
|
||||||
|
"微信": "y",
|
||||||
|
"阿里": "y",
|
||||||
|
"百度": "y",
|
||||||
|
"字节跳动": "y",
|
||||||
|
"QQ": "y",
|
||||||
|
"钉钉": "y",
|
||||||
|
"快手": "u",
|
||||||
|
"飞书": "y",
|
||||||
|
"京东": "y"
|
||||||
|
},
|
||||||
|
"快应用": {
|
||||||
|
"华为": "u",
|
||||||
|
"联盟": "u"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
85
uni_modules/mumu-previewOffce/readme.md
Normal file
85
uni_modules/mumu-previewOffce/readme.md
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
# 插件介绍
|
||||||
|
|
||||||
|
** 预览的文件地址必须是可以通过互联网访问的！！！ **
|
||||||
|
|
||||||
|
** 预览的文件地址必须是可以直接复制在浏览器地址中访问的！！！ **
|
||||||
|
|
||||||
|
## 本插件将于2023/11/30停止提供服务
|
||||||
|
|
||||||
|
文档预览工具新版本已上线
|
||||||
|
|
||||||
|
对比当前版本支持了手机端双手缩放操作，office文件不在依赖微软的解析接口，支持服务端完全私有化部署(内网部署)，UI界面有单独的电脑端、ios端、安卓端。
|
||||||
|
|
||||||
|
新版地址：[h5office。预览office文件，预览文档，打开PDF WORD PPT EXCEL 文件 - DCloud 插件市场](https://ext.dcloud.net.cn/plugin?id=10895)
|
||||||
|
|
||||||
|
## 插件原理
|
||||||
|
|
||||||
|
> pdf 文件预览是通过 `pdf.js` 开源库，搭建了一个pdf预览的网站。前端只需要使用 iframe 加载这个网站即可。[pdf.js 官网](http://mozilla.github.io/pdf.js/api/draft/index.html)
|
||||||
|
>
|
||||||
|
> offce 文件的预览是通过微软offce在线接口进行解析的。offce在线地址：https://view.officeapps.live.com/op/embed.aspx?src=‘你的文件网络地址’
|
||||||
|
>
|
||||||
|
> 在微信小程序中，是通过小程序中的API进行预览的。[小程序文档](https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.html)
|
||||||
|
|
||||||
|
## 使用环境
|
||||||
|
|
||||||
|
** 不支持nvue 。小程序中使用官方提供的api。h5与其他环境是通过上面介绍的插件原理加载。**
|
||||||
|
|
||||||
|
## 插件使用
|
||||||
|
|
||||||
|
**插件已支持 uni_modules 支持组件easycom，以下代码演示的是普通使用**
|
||||||
|
|
||||||
|
``` html
|
||||||
|
<!-- HTML -->
|
||||||
|
<mumu-previewOffce :fileUrl='fileUrl' v-model='showPreview'></mumu-previewOffce>
|
||||||
|
|
||||||
|
<button @click='showPreview = true'></button>
|
||||||
|
```
|
||||||
|
|
||||||
|
``` js
|
||||||
|
import MumuPreviewOffce from '@/uni_modules/mumu-previewOffce/components/mumu-previewOffce/mumu-previewOffce.vue'
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
MumuPreviewOffce
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showPreview: false,
|
||||||
|
fileUrl: 'https://h5plugin.mumudev.top/public/previewOffce/333.docx'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
},
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## 相关 API
|
||||||
|
|
||||||
|
### 可传属性（Props）
|
||||||
|
|
||||||
|
| 参数 | 说明 | 类型 | 默认值 | 可选 |
|
||||||
|
| ------- | ------------------------ | ------- | ------ | ------------ |
|
||||||
|
| v-model | 双向绑定，显示或隐藏组件 | Boolean | false | false / true |
|
||||||
|
| fileUrl | 预览文件的网络地址 | String | - | - |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 打开本地预览
|
||||||
|
|
||||||
|
本地预览功能还在开发中...
|
||||||
|
|
||||||
|
开发思路是：
|
||||||
|
|
||||||
|
> 选择打开本地文件，上传到服务器。获取到服务器中的文件地址，传递给当前组件展示。
|
||||||
|
|
||||||
|
没有办法直接在本地打开，所有采取这种方案。有条件的同学可以自己开发。我也会尽快把这个功能做出来。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 案例演示
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 支持作者
|
||||||
|
|
||||||
|
|
||||||
70
utils/aesEcb.js
Normal file
70
utils/aesEcb.js
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
import crypto from "crypto-js";
|
||||||
|
//解密
|
||||||
|
|
||||||
|
const decryptAesEcb = (sSrc, sKey) => {
|
||||||
|
try {
|
||||||
|
if (!sKey) {
|
||||||
|
console.error("Key为空null");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. 将密钥转为 WordArray（crypto 内部格式）
|
||||||
|
const key = crypto.enc.Utf8.parse(sKey);
|
||||||
|
|
||||||
|
// 2. Base64 解码密文，得到 WordArray
|
||||||
|
const encryptedBytes = crypto.enc.Base64.parse(sSrc);
|
||||||
|
|
||||||
|
// 3. 使用 AES/ECB/PKCS7 解密
|
||||||
|
const decrypted = crypto.AES.decrypt(
|
||||||
|
{ ciphertext: encryptedBytes }, // 加密数据
|
||||||
|
key, // 密钥
|
||||||
|
{
|
||||||
|
mode: crypto.mode.ECB, // ECB 模式
|
||||||
|
padding: crypto.pad.Pkcs7, // PKCS7（等同于 Java 的 PKCS5Padding）
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// 4. 将解密结果转为 UTF-8 字符串
|
||||||
|
const decryptedText = decrypted.toString(crypto.enc.Utf8);
|
||||||
|
|
||||||
|
return decryptedText; // 如果解密失败，可能返回空字符串或非法字符
|
||||||
|
} catch (error) {
|
||||||
|
console.error("解密失败:", error);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
//加密
|
||||||
|
const encryptAesEcb = (sSrc, sKey) => {
|
||||||
|
try {
|
||||||
|
if (!sKey) {
|
||||||
|
console.error("Key为空null");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. 将密钥转为 WordArray（crypto 内部格式）
|
||||||
|
const key = crypto.enc.Utf8.parse(sKey);
|
||||||
|
|
||||||
|
// 2. 将明文转为 WordArray
|
||||||
|
const srcBytes = crypto.enc.Utf8.parse(sSrc);
|
||||||
|
|
||||||
|
// 3. 使用 AES/ECB/PKCS7 加密
|
||||||
|
const encrypted = crypto.AES.encrypt(
|
||||||
|
srcBytes, // 明文数据
|
||||||
|
key, // 密钥
|
||||||
|
{
|
||||||
|
mode: crypto.mode.ECB, // ECB 模式
|
||||||
|
padding: crypto.pad.Pkcs7, // PKCS7 填充
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// 4. 将加密结果转为 Base64 字符串
|
||||||
|
// crypto-js 的 encrypt 方法返回的对象中，ciphertext 是 WordArray 格式
|
||||||
|
const encryptedBase64 = encrypted.ciphertext.toString(crypto.enc.Base64);
|
||||||
|
|
||||||
|
return encryptedBase64;
|
||||||
|
} catch (error) {
|
||||||
|
console.error("加密失败:", error);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
export { decryptAesEcb, encryptAesEcb };
|
||||||
@ -14,5 +14,6 @@ if(process.env.UNI_PLATFORM =="h5"){
|
|||||||
}
|
}
|
||||||
}else{
|
}else{
|
||||||
BASE_URL='https://dev-app.igandan.com/app'
|
BASE_URL='https://dev-app.igandan.com/app'
|
||||||
|
//BASE_URL='https://app.igandan.com/app'
|
||||||
}
|
}
|
||||||
export default BASE_URL
|
export default BASE_URL
|
||||||
@ -14,5 +14,6 @@ if(process.env.UNI_PLATFORM =="h5"){
|
|||||||
}
|
}
|
||||||
}else{
|
}else{
|
||||||
DOC_URL='https://dev-doc.igandan.com/app/'
|
DOC_URL='https://dev-doc.igandan.com/app/'
|
||||||
|
//DOC_URL='https://doc.igandan.com/app/'
|
||||||
}
|
}
|
||||||
export default DOC_URL
|
export default DOC_URL
|
||||||
9
utils/formatNumber.js
Normal file
9
utils/formatNumber.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
const formatNumber = (number) => {
|
||||||
|
|
||||||
|
if(number < 10000){
|
||||||
|
return number;
|
||||||
|
}else{
|
||||||
|
return (number / 10000).toFixed(1) + 'w';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default formatNumber;
|
||||||
13
utils/otherHost.js
Normal file
13
utils/otherHost.js
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
let OTHER_HOST=''
|
||||||
|
if(process.env.UNI_PLATFORM =="mp-weixin"){
|
||||||
|
const { envVersion } = uni.getAccountInfoSync().miniProgram;
|
||||||
|
if (envVersion == "release") {
|
||||||
|
OTHER_HOST='https://wx.igandan.com'
|
||||||
|
}else{
|
||||||
|
OTHER_HOST='https://dev-wx.igandan.com'
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
OTHER_HOST='https://dev-wx.igandan.com'
|
||||||
|
//OTHER_HOST='https://wx.igandan.com'
|
||||||
|
}
|
||||||
|
export default OTHER_HOST
|
||||||
35
utils/permission.js
Normal file
35
utils/permission.js
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
import permision from "@/js_sdk/wa-permission/permission.js"
|
||||||
|
const getCameraPermission = async(callback) => {
|
||||||
|
const systemInfo = uni.getSystemInfoSync();
|
||||||
|
// 判断平台
|
||||||
|
if (systemInfo.platform === 'android') {
|
||||||
|
let result = await permision.requestAndroidPermission('android.permission.CAMERA');
|
||||||
|
if(result == 1){
|
||||||
|
callback();
|
||||||
|
}else{
|
||||||
|
openModal('请授权相机权限');
|
||||||
|
}
|
||||||
|
} else if (systemInfo.platform === 'ios') {
|
||||||
|
let iosResult = await permision.judgeIosPermission("camera")
|
||||||
|
if(iosResult){
|
||||||
|
callback();
|
||||||
|
}else{
|
||||||
|
openModal('请授权相机权限');
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
const openModal=(content)=>{
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content:content,
|
||||||
|
showCancel: true,
|
||||||
|
success: (res) => {
|
||||||
|
if(res.confirm){
|
||||||
|
permision.gotoAppPermissionSetting();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
export { getCameraPermission };
|
||||||
@ -137,8 +137,10 @@ export const request = (url, data = {}, method = 'post', loading = false, conten
|
|||||||
n(res)
|
n(res)
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
if(url.indexOf('addOutPatientA')!=-1){
|
if(url.indexOf('addOutPatientA')!=-1 || url.indexOf('checkVersion')!=-1){
|
||||||
e(res.data)
|
e(res.data)
|
||||||
|
}else if(res.data.code==35002){
|
||||||
|
n(res)
|
||||||
}else{
|
}else{
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: res.data.message,
|
title: res.data.message,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user