提交 930030ce 编写于 作者: 张敬贤's avatar 张敬贤

add

上级 c0f5c6bb
import { router } from '@pica-cli/vue-cli-plugin-pica-cli-plugin/auto';
import Index from '@/views/index.vue';
import {toggleSkeletonRouter} from 'mn-template/plugins/toggleSkeleton.js';
import { toggleSkeletonRouter } from 'mn-template/plugins/toggleSkeleton.js';
import handleAllRouter from '../public_uat';
const routerConfig = [
{
path: '/',
name: 'Index',
component: Index
component: Index,
},
{
path: '/entrance',
name: 'entrance',
component: Index,
},
{
path: '/result',
name: 'result',
component: () => import('@/views/result/index.vue'),
},
{
path: '/result-risk',
name: 'resultRisk',
component: () => import('@/views/result/risk.vue'),
},
{
path: '/appoint',
name: 'appoint',
component: () => import('@/views/appoint/index.vue'),
},
{
path: '*',
redirect: process.env.VUE_APP_BASE_ROUTE
}
redirect: process.env.VUE_APP_BASE_ROUTE,
},
];
router.beforeEach(async (to, from, next) => {
......
此差异已折叠。
<template>
<div class="insurance-research-result">
<div class="icon-item">
<img
src="https://files.yunqueyi.com/image/png/common/20221213135338128.png"
>
</div>
<div class="font-big">
提交成功
</div>
<div class="font-normal">
{{
evaluationInfo.detectionScoreFlag == 1
? '结果计算中...'
: '您的结果将于次日以短信形式推送,烦请留意!'
}}
</div>
<div class="custom-style">
{{ evaluationInfo.detectionScoreFlag == 1 ? '查看结果' : '完成' }}
</div>
<pica-guide-app
:open-web-app="true"
:open-web-app-config="openWebAppConfig"
:is-need-wx-config="false"
/>
</div>
</template>
<script>
// import {evaluationResults, getDetailByUnionId} from '@/api/home.js';
const { VUE_APP_ENV } = process.env;
export default {
data() {
return {
openWebAppConfig: {
content:
'<script' +
' type=text/wxtag-template><style>.btn {position:absolute; top: 0; left: 0; width:100%; height: 100%;}</style> <div class="btn"></div></' +
'script>', // 标签内容
username: 'gh_e92f58174364', // 小程序唯一username 1.gh_80d54796f2d5 云鹊助手 2. gh_e92f58174364 云鹊健康
path: 'pagesUserCenter/insurance/insurance-risk-result', // 打开页面
envVersion: VUE_APP_ENV != 'testing' ? 'release' : 'trial', // release 生产
extraData: '',
},
extraData_MX: {},
evaluationInfo: {},
};
},
created() {
// const data = JSON.parse(localStorage.getItem('extraData_MX'));
// const questionInfo_MX = JSON.parse(localStorage.getItem('questionInfo_MX'));
// const d = {userId: questionInfo_MX.patientId, ...data};
// this.openWebAppConfig.extraData = JSON.stringify(d);
// this.extraData_MX = d;
// this.evaluationResults(data.orderNo);
// const {referer} = this.$route.query;
// console.log('--referer', referer, d);
// if(referer) {
// window.location.href = window.location.origin + window.location.pathname;
// }
},
methods: {
// evaluationResults(id) {
// evaluationResults(id).then(res => {
// console.log('evaluationResults', res);
// if (res.code === '000000') {
// console.log('evaluationResults', res);
// this.evaluationInfo = res.data;
// }
// });
// const questionInfo_MX = JSON.parse(localStorage.getItem('questionInfo_MX'));
// getDetailByUnionId(questionInfo_MX.patientId).then( res => {
// if (res.code === '000000') {
// const { status, detectionServiceRecord} = res.data;
// const data = JSON.parse(localStorage.getItem('extraData_MX'));
// const d = {userId: questionInfo_MX.patientId, detectionDetailID:detectionServiceRecord.id, ...data};
// this.openWebAppConfig.extraData = JSON.stringify(d);
// if(status == 0) {
// console.log('111');
// }
// if(status == 1 || status == 5) {
// this.openWebAppConfig.path = 'pagesUserCenter/insurance/insurance-detection-detail';
// }
// if(status == 2 || status == 3 || status == 4) {
// this.openWebAppConfig.path = 'pages/health/detection-detail/index';
// }
// }
// console.log('--this.openWebAppConfig', this.openWebAppConfig);
// });
// },
},
};
</script>
<style lang="scss" scoped>
.insurance-research-result {
width: 100%;
height: 100vh;
background: #ffffff;
box-sizing: border-box;
padding: 20px 16px;
color: #676869;
text-align: center;
.icon-item {
width: 57px;
height: 65px;
margin: 0 auto;
margin-top: 83px;
image {
width: 100%;
height: 100%;
}
}
.font-big {
margin-top: 22px;
font-size: 20px;
font-weight: 700;
color: #02120f;
}
.font-normal {
margin-top: 12px;
font-size: 15px;
font-weight: 400;
color: #666666;
}
.custom-style {
width: 350px;
height: 40px;
background: #00bda5;
font-size: 16px;
color: #ffffff;
font-weight: 600;
line-height: 40px;
border-radius: 40px;
border: none;
margin-top: 148px;
}
}
</style>
<template>
<div class="insurance-risk-result">
<div class="icon-item">
<img
:src="
!needDetect
? 'https://files.yunqueyi.com/image/png/common/20221213144514273.png'
: 'https://files.yunqueyi.com/image/png/common/20221213144810625.png'
"
>
</div>
<div
class="font-big"
:class="needDetect && 'green'"
>
{{ !needDetect ? '建议领用' : '暂无需领用' }}
</div>
<div class="font-normal">
{{
!needDetect
? '参照本次评估结果,建议您接受防癌早筛检测。坚持良好生活方式,定期接受体检,关注个人健康'
: '参照本次评估结果,建议您可暂不进行防癌早筛检测。坚持良好生活方式,定期接受体检,关注个人健康。'
}}
</div>
<div
v-if="!needDetect"
class="advise"
>
<div class="fs">
建议您进行以下防癌筛查:
</div>
<div class="ad-fs">
{{ result.detectName || '' }}
</div>
</div>
<div
v-if="!needDetect"
class="progress"
>
<img
src="https://files.yunqueyi.com/image/png/common/20221226103307358.png"
>
</div>
<div
v-if="!needDetect"
class="custom-style"
@click="toAppoint"
>
{{ statusMap(detailInfo.status) || '免费预约检测' }}
</div>
<div class="tips">
注:该问卷评估结果仅供填写人自行参考。
</div>
</div>
</template>
<script>
export default {
data() {
return {
needDetect: false,
result: {},
detailInfo: {},
isLoading: true,
};
},
mounted() {
console.log(11223);
},
methods: {
statusMap(status) {
const m = {
0: '免费预约检测',
4: '免费预约检测',
5: '免费预约检测',
1: '查看详情',
2: '查看详情',
3: '查看详情',
};
return m[status];
},
},
};
</script>
<style lang="scss" scoped>
.insurance-risk-result {
width: 100%;
height: 100vh;
box-sizing: border-box;
padding: 20px 16px;
color: #676869;
text-align: center;
.icon-item {
width: 50px;
height: 60px;
margin: 0 auto;
margin-top: 45px;
img {
width: 100%;
height: 100%;
}
}
.font-big {
margin-top: 8px;
font-size: 25px;
font-weight: 500;
color: #ef8337;
}
.green {
color: #179082;
}
.font-normal {
margin-top: 15px;
font-size: 15px;
font-weight: 400;
color: #666666;
}
.advise {
height: 78px;
background: #fffbf9;
border-radius: 11px;
border: 1px solid #fbe0ce;
padding: 15px;
text-align: center;
margin: 10 auto;
}
.fs {
font-size: 12px;
font-weight: 400;
color: #999999;
}
.ad-fs {
font-size: 18px;
font-weight: 500;
color: #ef8337;
}
.custom-style {
background: #00bda5;
font-size: 16px;
color: #ffffff;
font-weight: 600;
width: 90%;
height: 40px;
line-height: 40px;
border-radius: 40px;
//position: absolute;
//bottom: 120px;
margin: 0 auto;
margin-top: 150px;
}
.tips {
font-size: 13px;
font-weight: 300;
color: #212121;
//bottom: 60px;
//position: absolute;
margin: 0 auto;
text-align: center;
width: 100%;
margin-top: 38px;
}
.progress {
margin-top: 24px;
height: 168px;
width: 100%;
image {
width: 100%;
height: 100%;
}
}
}
.loadingShow {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
position: absolute;
top: 0;
left: 0;
background: rgba($color: #000000, $alpha: 0.3);
}
</style>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册