|
|
|
@ -1,19 +1,31 @@
|
|
|
|
<script setup>
|
|
|
|
<script setup>
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* name:
|
|
|
|
* name:
|
|
|
|
* user:bgcx
|
|
|
|
* user:bgcx
|
|
|
|
* date:2024年9月20日 20:05:05
|
|
|
|
* date:2024年9月20日 20:05:05
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
import { ref, computed } from "vue";
|
|
|
|
import {
|
|
|
|
import { $image, $api, $response } from "@/api";
|
|
|
|
ref,
|
|
|
|
import { onShow } from "@dcloudio/uni-app";
|
|
|
|
computed
|
|
|
|
import { useStore } from "@/store";
|
|
|
|
} from "vue";
|
|
|
|
const $store = useStore();
|
|
|
|
import {
|
|
|
|
let tabIndex = ref(0); // 标签索引
|
|
|
|
$image,
|
|
|
|
const bgcx_list = ref(null);
|
|
|
|
$api,
|
|
|
|
|
|
|
|
$response
|
|
|
|
|
|
|
|
} from "@/api";
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
|
|
|
onShow
|
|
|
|
|
|
|
|
} from "@dcloudio/uni-app";
|
|
|
|
|
|
|
|
import wx from 'weixin-js-sdk'
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
|
|
|
useStore
|
|
|
|
|
|
|
|
} from "@/store";
|
|
|
|
|
|
|
|
const $store = useStore();
|
|
|
|
|
|
|
|
let tabIndex = ref(0); // 标签索引
|
|
|
|
|
|
|
|
const bgcx_list = ref(null);
|
|
|
|
|
|
|
|
|
|
|
|
const $props = defineProps({});
|
|
|
|
const $props = defineProps({});
|
|
|
|
const mountedAction = async () => {
|
|
|
|
const mountedAction = async () => {
|
|
|
|
uni.showLoading({
|
|
|
|
uni.showLoading({
|
|
|
|
title: "加载中",
|
|
|
|
title: "加载中",
|
|
|
|
});
|
|
|
|
});
|
|
|
|
@ -21,9 +33,9 @@ const mountedAction = async () => {
|
|
|
|
// if (openId.value) {
|
|
|
|
// if (openId.value) {
|
|
|
|
gettjbgInfo(); // 体检报告列表
|
|
|
|
gettjbgInfo(); // 体检报告列表
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const gettjbgInfo = async (index) => {
|
|
|
|
const gettjbgInfo = async (index) => {
|
|
|
|
tabIndex.value = index ? index : 0;
|
|
|
|
tabIndex.value = index ? index : 0;
|
|
|
|
// 获取 体检报告列表
|
|
|
|
// 获取 体检报告列表
|
|
|
|
console.log(tabIndex.value);
|
|
|
|
console.log(tabIndex.value);
|
|
|
|
@ -38,35 +50,40 @@ const gettjbgInfo = async (index) => {
|
|
|
|
bgcx_list.value = response.data.list;
|
|
|
|
bgcx_list.value = response.data.list;
|
|
|
|
uni.hideLoading();
|
|
|
|
uni.hideLoading();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const config_ref = ref(null);
|
|
|
|
const config_ref = ref(null);
|
|
|
|
const configRef = (e) => {
|
|
|
|
const configRef = (e) => {
|
|
|
|
if (!config_ref.value) {
|
|
|
|
if (!config_ref.value) {
|
|
|
|
config_ref.value = e;
|
|
|
|
config_ref.value = e;
|
|
|
|
mountedAction();
|
|
|
|
mountedAction();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
const routesDeatils = (val) => {
|
|
|
|
const routesDeatils = (val) => {
|
|
|
|
// 跳转查看报告详情
|
|
|
|
// 跳转查看报告详情
|
|
|
|
let tjhStr = val["体检号"];
|
|
|
|
let tjhStr = val["体检号"];
|
|
|
|
uni.navigateTo({
|
|
|
|
uni.navigateTo({
|
|
|
|
url: `/pages/main/bgcx/ckbg/ckbg?tjh=${tjhStr}`,
|
|
|
|
url: `/pages/main/bgcx/ckbg/ckbg?tjh=${tjhStr}`,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const tzroutes = (url) => {
|
|
|
|
const tzroutes = (url) => {
|
|
|
|
|
|
|
|
if (url == 'bgjd') {
|
|
|
|
|
|
|
|
wx.miniProgram.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/other/entry/index?path=/pages/outpatient/doctor-appointment/index&scene=1035&hospitalAreaId=6&departmentCode=A0030077&subDepartmentCode=4773794195699464904'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
// 跳转路径
|
|
|
|
// 跳转路径
|
|
|
|
$store.setTjbgInfo([]);
|
|
|
|
$store.setTjbgInfo([]);
|
|
|
|
uni.navigateTo({
|
|
|
|
uni.navigateTo({
|
|
|
|
url: `/pages/main/bgcx/${url}/${url}`,
|
|
|
|
url: `/pages/main/bgcx/${url}/${url}`,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
onShow(() => {
|
|
|
|
onShow(() => {
|
|
|
|
if (!!config_ref.value) {
|
|
|
|
if (!!config_ref.value) {
|
|
|
|
mountedAction();
|
|
|
|
mountedAction();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<view>
|
|
|
|
<view>
|
|
|
|
@ -76,27 +93,18 @@ onShow(() => {
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="bgcx pl-10rpx pr-10rpx">
|
|
|
|
<view class="bgcx pl-10rpx pr-10rpx">
|
|
|
|
<view class="bgcx_header">
|
|
|
|
<view class="bgcx_header">
|
|
|
|
<view
|
|
|
|
<view @click="tzroutes('bgjd')" class="bgcx_header_bgcolor"
|
|
|
|
@click="tzroutes('bgjd')"
|
|
|
|
style="background: linear-gradient(-30deg, #3bcda9, #3dcbd1)">
|
|
|
|
class="bgcx_header_bgcolor"
|
|
|
|
|
|
|
|
style="background: linear-gradient(-30deg, #3bcda9, #3dcbd1)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<view class="bgcx_header_text"> 报告解读 </view>
|
|
|
|
<view class="bgcx_header_text"> 报告解读 </view>
|
|
|
|
<image src="@/static/assets/slices/bgjd.png"></image>
|
|
|
|
<image src="@/static/assets/slices/bgjd.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view
|
|
|
|
<view @click="tzroutes('bgdb')" class="bgcx_header_bgcolor"
|
|
|
|
@click="tzroutes('bgdb')"
|
|
|
|
style="background: linear-gradient(-30deg, #fec546, #ffae22)">
|
|
|
|
class="bgcx_header_bgcolor"
|
|
|
|
|
|
|
|
style="background: linear-gradient(-30deg, #fec546, #ffae22)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<view class="bgcx_header_text"> 报告对比 </view>
|
|
|
|
<view class="bgcx_header_text"> 报告对比 </view>
|
|
|
|
<image src="@/static/assets/slices/bgdb.png"></image>
|
|
|
|
<image src="@/static/assets/slices/bgdb.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view
|
|
|
|
<view @click="tzroutes('qsfx')" class="bgcx_header_bgcolor"
|
|
|
|
@click="tzroutes('qsfx')"
|
|
|
|
style="background: linear-gradient(-30deg, #8bbafe, #7898fe)">
|
|
|
|
class="bgcx_header_bgcolor"
|
|
|
|
|
|
|
|
style="background: linear-gradient(-30deg, #8bbafe, #7898fe)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<view class="bgcx_header_text"> 趋势分析 </view>
|
|
|
|
<view class="bgcx_header_text"> 趋势分析 </view>
|
|
|
|
<image src="@/static/assets/slices/xsfx.png"></image>
|
|
|
|
<image src="@/static/assets/slices/xsfx.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -104,24 +112,12 @@ onShow(() => {
|
|
|
|
<view class="bgcx_fullReport">
|
|
|
|
<view class="bgcx_fullReport">
|
|
|
|
<view class="text-#123531 text-34rpx"> 全部报告 </view>
|
|
|
|
<view class="text-#123531 text-34rpx"> 全部报告 </view>
|
|
|
|
<view class="bgcx_fullReport_query mb-38rpx">
|
|
|
|
<view class="bgcx_fullReport_query mb-38rpx">
|
|
|
|
<view
|
|
|
|
<view @click="gettjbgInfo(0)" :class="tabIndex == 0 ? 'bgcx_fullReport_query_button_active' : ''"
|
|
|
|
@click="gettjbgInfo(0)"
|
|
|
|
class="bgcx_fullReport_query_button">全部</view>
|
|
|
|
:class="tabIndex == 0 ? 'bgcx_fullReport_query_button_active' : ''"
|
|
|
|
<view @click="gettjbgInfo(1)" :class="tabIndex == 1 ? 'bgcx_fullReport_query_button_active' : ''"
|
|
|
|
class="bgcx_fullReport_query_button"
|
|
|
|
class="bgcx_fullReport_query_button">已出报告</view>
|
|
|
|
>全部</view
|
|
|
|
<view @click="gettjbgInfo(2)" :class="tabIndex == 2 ? 'bgcx_fullReport_query_button_active' : ''"
|
|
|
|
>
|
|
|
|
class="bgcx_fullReport_query_button">未出报告</view>
|
|
|
|
<view
|
|
|
|
|
|
|
|
@click="gettjbgInfo(1)"
|
|
|
|
|
|
|
|
:class="tabIndex == 1 ? 'bgcx_fullReport_query_button_active' : ''"
|
|
|
|
|
|
|
|
class="bgcx_fullReport_query_button"
|
|
|
|
|
|
|
|
>已出报告</view
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<view
|
|
|
|
|
|
|
|
@click="gettjbgInfo(2)"
|
|
|
|
|
|
|
|
:class="tabIndex == 2 ? 'bgcx_fullReport_query_button_active' : ''"
|
|
|
|
|
|
|
|
class="bgcx_fullReport_query_button"
|
|
|
|
|
|
|
|
>未出报告</view
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view v-for="(val, i) in bgcx_list" :key="i" @click="routesDeatils(val)">
|
|
|
|
<view v-for="(val, i) in bgcx_list" :key="i" @click="routesDeatils(val)">
|
|
|
|
<view class="flex items-center">
|
|
|
|
<view class="flex items-center">
|
|
|
|
@ -130,21 +126,15 @@ onShow(() => {
|
|
|
|
{{ val["登记时间"] }}
|
|
|
|
{{ val["登记时间"] }}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view
|
|
|
|
<view class="mt-29rpx mb-40rpx bg-#239EA3 rounded-20rpx flex"
|
|
|
|
class="mt-29rpx mb-40rpx bg-#239EA3 rounded-20rpx flex"
|
|
|
|
style="box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(141, 141, 141, 0.25)">
|
|
|
|
style="box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(141, 141, 141, 0.25)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<view class="flex-1 pb-25rpx bg-#fff rounded-20rpx">
|
|
|
|
<view class="flex-1 pb-25rpx bg-#fff rounded-20rpx">
|
|
|
|
<view
|
|
|
|
<view v-show="!val.is_read"
|
|
|
|
v-show="!val.is_read"
|
|
|
|
class="rounded-5rpx position-absolute right-94rpx text-#239EA3 rounded-rt-20rpx mt-3rpx w-70rpx h-36rpx bg-#F3F9F9 b-0 b-1 b-solid b-#E9F5F5 text-22rpx text-center">
|
|
|
|
class="rounded-5rpx position-absolute right-94rpx text-#239EA3 rounded-rt-20rpx mt-3rpx w-70rpx h-36rpx bg-#F3F9F9 b-0 b-1 b-solid b-#E9F5F5 text-22rpx text-center"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
未读
|
|
|
|
未读
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view
|
|
|
|
<view v-show="val.is_read"
|
|
|
|
v-show="val.is_read"
|
|
|
|
class="rounded-5rpx position-absolute right-94rpx rounded-rt-20rpx m-3rpx w-70rpx h-36rpx text-#ED6907 bg-#FCF5F0 b-0 b-1 b-solid b-#F9E1CF text-22rpx text-center">
|
|
|
|
class="rounded-5rpx position-absolute right-94rpx rounded-rt-20rpx m-3rpx w-70rpx h-36rpx text-#ED6907 bg-#FCF5F0 b-0 b-1 b-solid b-#F9E1CF text-22rpx text-center"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
已读
|
|
|
|
已读
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="flex mt--20rpx mt-36rpx">
|
|
|
|
<view class="flex mt--20rpx mt-36rpx">
|
|
|
|
@ -168,9 +158,7 @@ onShow(() => {
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view
|
|
|
|
<view class="text-#fff w-26rpx ml-16rpx mr-16rpx text-26rpx mt-26rpx line-height-[1.2]">
|
|
|
|
class="text-#fff w-26rpx ml-16rpx mr-16rpx text-26rpx mt-26rpx line-height-[1.2]"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
体检报告
|
|
|
|
体检报告
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -179,38 +167,38 @@ onShow(() => {
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
<style scoped>
|
|
|
|
.bgcx {
|
|
|
|
.bgcx {
|
|
|
|
/* width: 750rpx; */
|
|
|
|
/* width: 750rpx; */
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_header {
|
|
|
|
.bgcx_header {
|
|
|
|
margin-top: 20rpx;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-around;
|
|
|
|
justify-content: space-around;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_header_bgcolor {
|
|
|
|
.bgcx_header_bgcolor {
|
|
|
|
width: 220rpx;
|
|
|
|
width: 220rpx;
|
|
|
|
height: 180rpx;
|
|
|
|
height: 180rpx;
|
|
|
|
border-radius: 15rpx;
|
|
|
|
border-radius: 15rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_header_bgcolor image {
|
|
|
|
.bgcx_header_bgcolor image {
|
|
|
|
width: 100rpx;
|
|
|
|
width: 100rpx;
|
|
|
|
height: 100rpx;
|
|
|
|
height: 100rpx;
|
|
|
|
margin-left: 117rpx;
|
|
|
|
margin-left: 117rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_header_text {
|
|
|
|
.bgcx_header_text {
|
|
|
|
/* box-sizing: border-box;
|
|
|
|
/* box-sizing: border-box;
|
|
|
|
padding: 41rpx 0 0 19rpx; */
|
|
|
|
padding: 41rpx 0 0 19rpx; */
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 36rpx;
|
|
|
|
font-size: 36rpx;
|
|
|
|
margin: 35rpx 0 0 19rpx;
|
|
|
|
margin: 35rpx 0 0 19rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_fullReport {
|
|
|
|
.bgcx_fullReport {
|
|
|
|
/* width: 730rpx; */
|
|
|
|
/* width: 730rpx; */
|
|
|
|
background: #ffffff;
|
|
|
|
background: #ffffff;
|
|
|
|
margin: 20rpx auto;
|
|
|
|
margin: 20rpx auto;
|
|
|
|
@ -218,19 +206,19 @@ onShow(() => {
|
|
|
|
border-radius: 5px;
|
|
|
|
border-radius: 5px;
|
|
|
|
padding: 31rpx 25rpx;
|
|
|
|
padding: 31rpx 25rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_fullReport_query {
|
|
|
|
.bgcx_fullReport_query {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_fullReport_query_button_active {
|
|
|
|
.bgcx_fullReport_query_button_active {
|
|
|
|
background: #e2f2f1;
|
|
|
|
background: #e2f2f1;
|
|
|
|
border: 1px solid #239ea3;
|
|
|
|
border: 1px solid #239ea3;
|
|
|
|
color: #239ea3;
|
|
|
|
color: #239ea3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bgcx_fullReport_query_button {
|
|
|
|
.bgcx_fullReport_query_button {
|
|
|
|
margin: 32rpx 30rpx 0 0;
|
|
|
|
margin: 32rpx 30rpx 0 0;
|
|
|
|
width: 150rpx;
|
|
|
|
width: 150rpx;
|
|
|
|
height: 58rpx;
|
|
|
|
height: 58rpx;
|
|
|
|
@ -239,5 +227,5 @@ onShow(() => {
|
|
|
|
border-radius: 29rpx;
|
|
|
|
border-radius: 29rpx;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-size: 26rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|