Skip to content

P
pica-insurance
提交 7c5fb855 编写于 作者: 张磊's avatar 张磊
浏览文件
操作

quick detect

上级 aec307ed
隐藏空白字符变更
内嵌 并排
正在显示 包含 779 行增加 和 28 行删除
src/api/appoint.js
浏览文件 @ 7c5fb855
......@@ -2,7 +2,6 @@
import request from 'mn-template/plugins/http';
// 根据订单号获取检测名称
// /tis/insurance/detectionName?yunOrderNo=11
export const getDetectionName = async (yunOrderNo) => {
return request({
method: 'get',
......
src/api/detection.js
浏览文件 @ 7c5fb855
......@@ -7,7 +7,14 @@ export const getDetectionDetail = (id) => {
withCredentials: true,
});
};
// 获取检测详情 接口
export const getQuickDetectionDetail = (id) => {
return request({
method: 'get',
url: `/trade/detection/record/quick/info/?detectionRecordId=${id}&userType=0`,
withCredentials: true,
});
};
// 检测详情节点查询
export const getDetectionDetailProces = (data) => {
return request({
......@@ -17,6 +24,15 @@ export const getDetectionDetailProces = (data) => {
});
};
// 快检 检测详情节点查询
export const getQuickDetectionDetailProces = (data) => {
return request({
method: 'get',
url: `/trade/detection/record/process/${data.id}?channel=${data.channel}&detectionKind=1`,
withCredentials: true,
});
};
// 发送报告到钉钉工作站
export const sendReportWorkStation = (data) => {
return request({
......@@ -106,6 +122,15 @@ export const bindingSampleCode = (data) => {
data: data,
});
};
export const bindingQuickSampleCode = (data) => {
return request({
url: '/trade/detection/applet/record/record/bindingQuickSampleCode',
method: 'POST',
data: data,
});
};
export const getJumpToWebapp = (params) => {
return request({
url: '/applet/url/link/getUrlLink',
......
src/plugins/vue-components.js
浏览文件 @ 7c5fb855
......@@ -6,7 +6,6 @@ import { Dialog, Field, Overlay, Button, Popup, Icon} from 'vant';
import Loading from '@/components/loading/loading';
Vue.use(Loading);
// Vue.use(PicaArea);
Vue.use(picaGuideApp);
Vue.use(PageModel);
Vue.use(Dialog);
......
src/router/index.js
浏览文件 @ 7c5fb855
......@@ -19,6 +19,11 @@ const routerConfig = [
name: 'insuranceDetectionDetail',
component: insuranceDetectionDetail
},
{
path: '/insuranceQuickDetectionDetail',
name: 'insuranceQuickDetectionDetail',
component: () => import('@/views/insurance-quickDetection-detail/index'),
},
{
path: '/insuranceQuestionResult',
name: 'insuranceQuestionResult',
......
src/views/insurance-bind-code/insurance-bind-code.vue
浏览文件 @ 7c5fb855
......@@ -78,7 +78,7 @@
</div>
</div>
<div class="notification">
<div v-if="insuranceInfo.detectionKind == 0" class="notification">
<div class="sign-detection">
<img
v-if="isCheck"
......@@ -116,7 +116,10 @@
<div
class="l-right"
>
<a class="fw600" href="tel:400-006-5252">400-006-5252</a>
<a
class="fw600"
href="tel:400-006-5252"
>400-006-5252</a>
</div>
</div>
<van-popup
......@@ -201,7 +204,7 @@
<script>
import { mapGetters } from 'vuex';
import { signDetection, getProtocolContent, getProtocolName, sampleCodeValidate, detectionRecordInfo, bindingSampleCode} from '@/api/detection.js';
import { signDetection, getProtocolContent, getProtocolName, sampleCodeValidate, detectionRecordInfo, bindingSampleCode, bindingQuickSampleCode} from '@/api/detection.js';
import {getDetectionName} from '@/api/appoint';
export default {
data() {
......@@ -245,8 +248,8 @@ export default {
},
created() {
const { pprotocolType, detectionRecordId, yunOrderNo } = this.$route.query;
if(pprotocolType && detectionRecordId && yunOrderNo) {
this.pprotocolType = pprotocolType;
if(detectionRecordId && yunOrderNo) {
this.pprotocolType = pprotocolType || '';
this.detectionRecordId = detectionRecordId;
this.yunOrderNo = yunOrderNo;
this.getProtocolName();
......@@ -369,8 +372,7 @@ export default {
});
},
getRecordInfo(id) {
const i = id || 11074;
detectionRecordInfo(i).then(res => {
detectionRecordInfo(id).then(res => {
if (res.code === '000000') {
this.recordInfo.name = res.data.patientName;
this.recordInfo.sex = res.data.sex === 1 ? '男' : '女';
......@@ -379,11 +381,8 @@ export default {
this.recordInfo.projectId = res.data.projectId;
this.recordInfo.patientId = res.data.patientId;
this.recordInfo.hospitalId = res.data.hospitalId;
// patientId
}
});
},
// 绑定条形码
bindingCode() {
......@@ -394,6 +393,34 @@ export default {
prototypeLogId: this.prototypeLogId,
};
console.log('--obj--', obj);
if(this.insuranceInfo.detectionKind == 1) {
this.quickBindingCode(obj);
}
if(this.insuranceInfo.detectionKind == 0) {
this.earlyBindingCode(obj);
}
},
// 绑定条形码
quickBindingCode(obj) {
console.log('--obj--', obj);
bindingQuickSampleCode(obj).then(res => {
if (res.code !== '000000') {
return this.$toast(res.message);
} else {
this.$router.push(
{
path: '/insuranceBindCodeSuccess',
query: {
yunOrderNo: this.yunOrderNo,
detectionRecordId: this.detectionRecordId
},
}
);
this.$toast('提交成功');
}
});
},
earlyBindingCode(obj) {
bindingSampleCode(obj).then(res => {
if (res.code !== '000000') {
return this.$toast(res.message);
......@@ -411,7 +438,6 @@ export default {
}
});
},
callPhone() {}
}
};
......
src/views/insurance-bindCode-success/insurance-bindCode-success.vue
浏览文件 @ 7c5fb855
......@@ -11,7 +11,9 @@
src="https://files.yunqueyi.com/image/png/common/20230301101427839.png"
alt="success"
>
<div class="text">提交成功</div>
<div class="text">
提交成功
</div>
</div>
<div class="content">
<div class="info">
......@@ -50,15 +52,14 @@
{{ dataDetail.checkName || '--' }}
</p>
</div>
<!-- <div class="list">-->
<!-- <p class="l-left">-->
<!-- 检测编号:-->
<!-- </p>-->
<!-- <p class="l-right">-->
<!-- {{ dataDetail.recordNo || '&#45;&#45;' }}-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="list">-->
<!-- <p class="l-left">-->
<!-- 检测编号:-->
<!-- </p>-->
<!-- <p class="l-right">-->
<!-- {{ dataDetail.recordNo || '&#45;&#45;' }}-->
<!-- </p>-->
<!-- </div>-->
</div>
</div>
</div>
......@@ -74,13 +75,21 @@
查看我的检测
</div>
</div>
<div class="wechat-wrap" @click="towechat">
<img src="https://files.yunqueyi.com/image/gif/common/20230301171528895.gif" alt="">
<div
class="wechat-wrap"
@click="towechat"
>
<img
src="https://files.yunqueyi.com/image/gif/common/20230301171528895.gif"
alt=""
>
</div>
</div>
</template>
<script>
import { getDetectionDetail } from '@/api/detection';
import { getDetectionDetail, getQuickDetectionDetail } from '@/api/detection';
import {mapGetters} from 'vuex';
import store from 'storejs';
export default {
filters: {
sexFilter(val) {
......@@ -104,6 +113,9 @@ export default {
yunOrderNo: ''
};
},
computed: {
...mapGetters(['insuranceInfo']),
},
created() {
const {detectionRecordId, yunOrderNo} = this.$route.query;
this.detectionRecordId = detectionRecordId;
......@@ -114,6 +126,24 @@ export default {
},
methods: {
init() {
const in_info = store.get('insuranceInfo');
if(in_info.detectionKind == 1) {
this.getQuickDetectionDetail();
}
if(in_info.detectionKind == 0) {
this.getDetectionDetail();
}
},
getQuickDetectionDetail() {
getQuickDetectionDetail(this.detectionRecordId).then((res) => {
if (res.code === '000000') {
this.dataDetail = res.data;
} else {
this.$toast(res.message);
}
});
},
getDetectionDetail() {
getDetectionDetail(this.detectionRecordId).then((res) => {
if (res.code === '000000') {
this.dataDetail = res.data;
......@@ -124,8 +154,10 @@ export default {
},
// 检测详情
bottomBtnFun() {
const in_info = store.get('insuranceInfo');
const url = in_info.detectionKind == 1 ? '/insuranceQuickDetectionDetail' : '/insuranceDetectionDetail';
this.$router.push({
path: '/insuranceDetectionDetail',
path: url,
query: {
detectionRecordId: this.detectionRecordId,
yunOrderNo: this.yunOrderNo
......
src/views/insurance-quickDetection-detail/index.scss 0 → 100644
浏览文件 @ 7c5fb855
.insurance-quickDetection-detail {
background-color: #f5f6f8;
min-height: 100vh;
width: 100%;
position: relative;
.title {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 260px;
background: linear-gradient(180deg, #00bda5 0%, #20c5b0 52%, #f5f6f8 100%);
}
.detail-box {
padding: 0 12px;
height: auto;
padding-bottom: 10px;
position: relative;
z-index: 1;
.status {
padding: 16px 0;
display: flex;
align-items: center;
img {
width: 27px;
}
div {
padding-left: 9px;
width: 120px;
height: 20px;
font-size: 20px;
font-weight: 500;
color: #ffffff;
line-height: 20px;
}
}
.content {
height: auto;
.info {
width: 100%;
height: auto;
background: #ffffff;
border-radius: 10px;
margin-bottom: 10px;
padding-top: 20px;
.list {
padding: 0px 15px 12px 15px;
display: flex;
justify-content: flex-start;
align-items: center;
.l-left {
width: 62px;
height: 14px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 14px;
}
.l-right {
padding-left: 2px;
width: auto;
height: auto;
font-size: 14px;
font-weight: 600;
color: #212121;
flex: 1;
line-height: 20px;
text-align: right;
span {
display: inline-block;
padding-left: 15px;
}
}
}
.list-bottom {
.l-b-code {
.l-b-list {
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 13px;
.l-left {
width: auto;
height: 15px;
font-size: 15px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #212121;
line-height: 15px;
}
.l-right {
padding-left: 6px;
height: 15px;
font-size: 15px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #00bda5;
line-height: 15px;
}
}
}
}
}
.flow {
padding: 20px;
height: auto;
background: #ffffff;
border-radius: 10px;
.express-step {
display: flex;
padding-bottom: 24px;
position: relative;
justify-content: flex-start;
.express-step-icon {
width: 18px;
height: 18px;
margin-right: 7px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
.step-pg {
margin-left: -11px;
display: block;
width: 18px;
height: auto;
}
.oval-pg {
display: block;
width: 6px;
height: 6px;
}
}
.express-step-msg {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.step-title {
height: 18px;
font-size: 14px;
font-weight: 700;
color: #999999;
line-height: 18px;
}
.step-time {
margin-top: 5px;
font-size: 12px;
font-weight: 400;
color: #999999;
line-height: 12px;
}
}
.noButton {
margin-left: 22px;
}
&::before {
content: '';
position: absolute;
top: 0;
left: -5px;
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
border:1px solid #e7e7e7;
background-color: #ffffff;
z-index: 1;
}
&::after {
content: '';
position: absolute;
top: 11px;
bottom: 0;
height: calc(100% - 5px);
left: 3px;
display: block;
width: 1px;
background: #e7e7e7;
}
&.first {
&::before {
display: none;
}
}
&.last {
padding-bottom: 0;
&::after {
display: none;
}
}
}
.isComplate {
&::after {
background: #00bda5;
}
&::before {
background: #00bda5;
}
.express-step-msg {
.step-title {
color: #212121;
}
}
}
.hideCircle {
&::before {
width: 0;
display: none;
}
.express-step-msg {
.step-title {
color: #212121;
}
}
}
}
.tips{
color: #FF4B33;
font-size: 12px;
font-weight: lighter;
margin-top: 10px;
margin-left: 20px;
}
}
.flex-wrap{
display: flex;
font-size: 16px;
align-items: center;
height: 21px;
}
.fc-blue{
color: #00BDA5;
}
.p30{
padding: 15px;
background-color: #ffffff;
border-radius: 10px;
margin-bottom: 10px;
}
.l-copy {
text-align: center;
border-radius: 10px;
font-size: 12px;
font-weight: 500;
color: #1677FE;
line-height: 22px;
margin-left: 6px;
margin-top: -2px;
display: inline-block;
}
}
.pb60{
padding-bottom: 60px;
}
.submit-container {
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
padding: 5px 12px;
padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2);
background: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.submit-button {
position: relative;
width: 350px;
height: 40px;
border-radius: 20px;
font-weight: 700;
color: #ffffff;
font-size: 16px;
display: flex;
align-items: center;
background: #00bda5;
justify-content: center;
}
.submit-button-empty{
background: #ffffff;
border: 1px solid #00bda5;
color: #00bda5;
}
}
.multi-sub-wrap{
flex-direction: row;
justify-content: space-evenly;
.submit-button{
width: 45%;
}
}
}
src/views/insurance-quickDetection-detail/index.vue 0 → 100644
浏览文件 @ 7c5fb855
<template>
<div class="insurance-quickDetection-detail">
<page-model
v-if="picaWechat != 'wechat'"
ref="PageModel"
:header-info="headerInfo"
/>
<div class="title" />
<div class="detail-box">
<div class="status">
<img
v-if="dataDetail.status == 5"
src="https://files.yunqueyi.com/image/png/common/20220817141150961.png"
alt="success"
>
<img
v-else
src="https://files.yunqueyi.com/image/png/common/20220816135250298.png"
alt="success"
>
<div>{{ dataDetail.status | statusFilter }}</div>
</div>
<div
class="content"
>
<div
v-if="![0,1,3,5].includes(dataDetail.status)"
class="p30"
>
<div
v-if="[2, 21, 22, 25, 27].includes(Number(dataDetail.status|| 0))"
class="flex-wrap"
>
<div>
预期报告生成时间:
</div>
<div class=" fc-blue">
{{
dataDetail.detectChargeType == 10
? dataDetail.reportExpectDate
: dataDetail.reportExpectDateHigh
}}
</div>
</div>
<div
v-if="dataDetail.status == 3"
class="flex-wrap"
>
<div>
报告生成时间
</div>
<div class="fc-blue">
{{ dataDetail.reportDate }}
</div>
</div>
</div>
<div class="flow">
<div class="f-list">
<div
v-for="(item, index) in dataList"
:key="index"
class="express-step"
:class="{
hideCircle: item.completed,
last: index == dataList.length - 1,
}"
>
<div
v-if="item.completed"
class="express-step-icon"
>
<img
class="step-pg"
:src="item.status == 5 ? 'https://files.yunqueyi.com/image/png/common/20220817141140460.png' : 'https://files.yunqueyi.com/image/png/common/2022081612011851.png'"
>
</div>
<div
v-else
class="express-step-icon"
/>
<div
class="express-step-msg"
>
<div class="step-title">
<p>
{{ item.nodeName }}
</p>
</div>
<div
class="step-time"
>
{{ item.nodeTime ? item.nodeTime : item.completed ? '暂无数据' : '未开始' }}
</div>
</div>
</div>
</div>
<p
v-if="dataDetail.status == 5"
class="tips"
>
温馨提示:可联系医生重新采样
</p>
</div>
</div>
</div>
<div class="detail-box pb60">
<div class="content">
<div class="info">
<div class="list">
<p class="l-left">
受检人:
</p>
<p class="l-right">
<span>{{ dataDetail.patientName || '--' }}</span><span>{{ dataDetail.sex | sexFilter }}</span><span class="font">{{
dataDetail.ageMonth
? dataDetail.ageMonth + '月'
: dataDetail.patientAge + '岁'
}}</span>
</p>
</div>
<div class="list">
<p class="l-left">
检测项目:
</p>
<p class="l-right">
{{ dataDetail.checkName || '--' }}
</p>
</div>
<div class="list">
<p class="l-left">
检测编号:
</p>
<p class="l-right">
{{ dataDetail.recordNo || '--' }}
</p>
</div>
<div class="list">
<div class="l-left">
条形码:
</div>
<div class="l-right">
{{ dataDetail.sampleCode || '--' }}
<div
class="l-copy"
@click="copyText(dataDetail.sampleCode)"
>
复制
</div>
</div>
</div>
</div>
</div>
</div>
<div
v-if="[3].includes(dataDetail.status)"
class="submit-container multi-sub-wrap"
>
<div
class="submit-button submit-button-empty"
@click="bottomBtnFun(dataDetail.reportUrl)"
>
查看报告
</div>
<div
v-if="picaWechat == 'wechat' && [3].includes(dataDetail.status)"
class="submit-button"
>
<wx-open-launch-weapp
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
:username="openWebAppConfig.username"
:path="openWebAppConfig.path"
env-version="trial"
:extra-data="openWebAppConfig.extraData"
>
<script type="text/wxtag-template">
<style>.btn {position:absolute; top: 0; color: #ffffff;text-align: center;line-height: 40px; left: 0; width:100%; height: 100%;}</style> <div class="btn">{{ openWebAppBtnName}}</div>
</script>
</wx-open-launch-weapp>
</div>
<div
v-else
class="submit-button"
@click="getJumpToWebapp"
>
{{ openWebAppBtnName }}
</div>
</div>
</div>
</template>
<script>
import { getQuickDetectionDetail, getQuickDetectionDetailProces, getJumpToWebapp } from '@/api/detection';
// 0待完善信息、1待采样、2已采样、21已送检、22快递已签收、 25实验室已收样、 27已上机、 3已完成、5样本失效、 6待支付
export default {
filters: {
sexFilter(val) {
const str = val == 2 ? '女' : '男';
return str;
},
statusFilter(type) {
const obj = {
0: '待完善信息',
1: '待采样',
2: '已采样',
21: '已送检',
25: '已接收',
27: '已上机',
22: '已签收',
3: '已完成',
5: '样本异常',
6: '待支付',
};
return obj[type];
},
showBtnTextFilter(status) {
const obj = {
1: '绑定条形码',
3: '查看报告',
};
return obj[status] || '';
},
},
data() {
return {
picaWechat:window._picaWechat,
status: '',
headerInfo: {
title: '检测详情',
isBlack: true,
backMethod: 'web',
style: 'backgroundColor:#ffffff;zIndex:100;',
background: '',
},
detectionRecordId: '',
dataDetail: {},
dataList: [],
openWebAppConfig:{
username:'gh_e92f58174364', // 小程序唯一username 1.gh_80d54796f2d5 云鹊助手 2. gh_e92f58174364 云鹊健康
path:'pagesInsurance/all-entrance/index', // 打开页面
extraData: JSON.stringify({})
},
openWebAppBtnName: '报告解读',
yunOrderNo: '',
action_code: ''
};
},
created() {
const {detectionRecordId, yunOrderNo} = this.$route.query;
this.detectionRecordId = detectionRecordId;
this.yunOrderNo = yunOrderNo;
this.init();
},
mounted() {
},
methods: {
init() {
const that = this;
const ed = {
channelSource: 'insurance_channel',
targetPath: 'pagesInsurance/all-entrance/index',
query: {yunOrderNo: this.yunOrderNo},
};
let jump_path = `pagesInsurance/all-entrance/index?yunOrderNo=${this.yunOrderNo}&channelSource=channelSource`;
getQuickDetectionDetail(this.detectionRecordId).then((res) => {
if (res.code === '000000') {
this.dataDetail = res.data;
this.getDetailProces();
const {inquiryStatus} = res.data;
let n = '';
if(inquiryStatus == 0) {
// ed.targetPath = '/pages/consultation-info/consultation/index';
this.action_code = 'bottomBtnFun2';
jump_path = jump_path + '&action_code=bottomBtnFun2';
n = '报告解读';
}else if([4, 6].includes(inquiryStatus)) {
n = '查看专家建议';
this.action_code = 'getAdvice';
jump_path = jump_path + '&action_code=getAdvice';
// ed.targetPath = '/pages/health/detection-detail/index';
}else {
n = '已预约待咨询';
this.action_code = 'goIm';
jump_path = jump_path + '&action_code=goIm';
// ed.targetPath = '/pages/consultation-im/index?initTRTC=false';
}
that.openWebAppConfig.extraData = JSON.stringify(ed);
that.openWebAppBtnName = n;
that.openWebAppConfig.path = jump_path;
} else {
that.$toast(res.message);
}
});
},
copyText(val) {
const input = document.createElement('input');
input.value = val;
document.body.appendChild(input);
input.select();
input.setSelectionRange(0, input.value.length);
document.execCommand('Copy');
document.body.removeChild(input);
this.$toast('已复制');
console.log('已复制的内容：', val);
},
// 检测详情
getDetailProces() {
getQuickDetectionDetailProces({id:this.detectionRecordId, channel: 4} ).then((res) => {
if (res.code === '000000') {
this.dataList = res.data || [];
} else {
this.$toast(res.message);
}
});
},
bottomBtnFun(u) {
if(!u) {
this.$toast('reportUrl--为空', u);
return false;
}
const p = '/pdf-preview';
this.$router.push(
{
path: p,
query: {
url: u,
},
}
);
},
getJumpToWebapp() {
if(this.picaWechat == 'wechat') {
return false;
}
const query = `channelSource=insurance_channel&yunOrderNo=${this.yunOrderNo}&action_code=${this.action_code}`;
const p = {params:{path:'pagesInsurance/all-entrance/index', query:query}, type: 2};
getJumpToWebapp(p).then(res => {
console.log('--res', res);
if(res.data) {
window.location.href = res.data;
}else{
this.$toast(res.message);
}
});
},
mapStatus(inquiryStatus) {
console.log('--mapStatus', inquiryStatus);
const s = String(inquiryStatus);
let m = '报告解读';
if(s == '0') {
m = '报告解读';
}else if(['4', '6'].includes(s)) {
m = '查看专家建议';
}else{
m = '已预约待咨询';
}
console.log('--mapStatus', m);
return m;
}
},
};
</script>
<style lang="scss" scoped>
@import './index.scss';
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或