Skip to content

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

Merge branch 'feature/zl' into 'develop' 

Feature/zl

See merge request !159
上级 d0072c5a 4a5e5d1b
展开全部 隐藏空白字符变更
内嵌 并排
正在显示 包含 2970 行增加 和 410 行删除
node_main.js
浏览文件 @ ac743b78
......@@ -39,7 +39,7 @@ function getMenuCode() {
console.log('接口data 数据为空');
return;
}
console.log(resData.data.menuCodeDtoList);
console.log('-- ', resData.data.menuCodeDtoList);
return writerJsonFile(JSON.stringify(resData.data.menuCodeDtoList));
}else{
console.log('获取接口失败');
......@@ -60,7 +60,7 @@ function createFiles(filePath) {
if(!err) {
getMenuCode();
}else{
console.log('创建目录失败');
console.log('创建目录失败');
}
});
}
......
src/api/appoint.js
浏览文件 @ ac743b78
......@@ -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',
......@@ -49,3 +48,20 @@ export const getHospitalList = async(data) => {
withCredentials: true,
});
};
export const getDetailHospital = async (id) => {
return request({
method: 'get',
url: `hospital/hospitals/hospital/${id}/encrypt`,
withCredentials: true,
});
};
export const getCheckInUserInfo = async(data) => {
return request({
method: 'post',
data,
url: '/tis/marketing/checkInUserInfo',
withCredentials: true,
});
};
src/api/detection.js
浏览文件 @ ac743b78
import request from 'mn-template/plugins/http';
// 获取检测详情 接口
export const getDetectionDetail = (id) => {
// 检测详情节点查询
export const getDetectionDetailProces = (data) => {
return request({
method: 'get',
url: `/trade/detection/record/record/info/?detectionRecordId=${id}&userType=0`,
url: `/trade/detection/record/process/${data.id}?channel=${data.channel}`,
withCredentials: true,
});
};
// 检测详情节点查询
export const getDetectionDetailProces = (data) => {
// 快检 检测详情节点查询
export const getQuickDetectionDetailProces = (data) => {
return request({
method: 'get',
url: `/trade/detection/record/process/${data.id}?channel=${data.channel}`,
url: `/trade/detection/record/process/${data.id}?channel=${data.channel}&detectionKind=1`,
withCredentials: true,
});
};
......@@ -90,10 +90,19 @@ export const sampleCodeValidate = (data) => {
};
// 获取检测人信息
export const detectionRecordInfo = (id) => {
export const detectionRecordInfo = (data) => {
return request({
method: 'get',
url: `/trade/detection/record/record/infoV2?detectionRecordId=${data.detectionRecordId}&detectionKind=${data.detectionKind}`,
withCredentials: true,
});
};
// 获取检测人信息
export const detectionQuickRecordInfo = (id) => {
return request({
method: 'get',
url: `/trade/detection/record/record/info?detectionRecordId=${id}`,
url: `/trade/detection/record/quick/info?detectionRecordId=${id}`,
withCredentials: true,
});
};
......@@ -101,11 +110,20 @@ export const detectionRecordInfo = (id) => {
// 绑定条码
export const bindingSampleCode = (data) => {
return request({
url: '/trade/detection/applet/record/record/bindingSampleCode',
url: '/trade/detection/applet/record/record/bindingSampleCodeV2',
method: 'POST',
data: data,
});
};
export const bindingQuickSampleCode = (data) => {
return request({
url: '/trade/detection/applet/record/record/bindingSampleCodeV2',
method: 'POST',
data: data,
});
};
export const getJumpToWebapp = (params) => {
return request({
url: '/applet/url/link/getUrlLink',
......
src/components/loading/loading.js
浏览文件 @ ac743b78
......@@ -15,8 +15,9 @@ const loading = {
// 在Vue的原型链上注册方法，控制组件
Vue.prototype.$loading = {
show: () => {
show: (text) => {
instance.show = true;
instance.text = text || null;
},
hide: () => {
......
src/components/loading/loading.vue
浏览文件 @ ac743b78
......@@ -11,8 +11,17 @@
>
<van-loading
v-if="show"
vertical
type="spinner"
/>
>
<div
v-if="text"
class="text"
>
{{ text }}
<span class="dotting" />
</div>
</van-loading>
</div>
</van-popup>
</template>
......@@ -23,15 +32,52 @@ export default {
data() {
return {
show: false,
text:''
};
},
};
</script>
<style lang="sass" scoped>
<style lang="scss" scoped>
.loadingWrap{
::v-deep .van-popup{
background-color:rgba(0,0,0,.7);
}
}
.text{
width: 150px;
height: 30px;
z-index: 99;
font-size: 16px;
text-align: center;
background: linear-gradient(to right, #00bda5, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: hue 3s linear infinite;
}
@keyframes hue {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
.dotting {
display: inline-block; min-width: 2px; min-height: 2px;
box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; /* for IE9 , ..., 3个点 */
background: linear-gradient(to right, #00bda5, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: dot 1.5s infinite step-start both; /* for IE10 , ... */
}
.dotting:before { content: '...'; } /* for IE8. 若无需兼容IE8, 此行以及下一行删除*/
.dotting::before { content: ''; } /* for IE9 覆盖 IE8 */
@keyframes dot {
25% { box-shadow: none; filter: hue-rotate(0deg);} /* 0个点 */
50% { box-shadow: 2px 0 currentColor; filter: hue-rotate(180deg)} /* 1个点 */
75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor; /* 2个点 */ filter: hue-rotate(360deg)}
}
</style>
src/components/pickArea/index.vue
浏览文件 @ ac743b78
......@@ -94,14 +94,16 @@ export default {
this.provinceList = await this.getProvinceList();
this.cityList = await this.getCityList(nv[0]);
this.countyList = await this.getCountyList(nv[1]);
const provinceIndex = this.provinceList.findIndex(ele => ele.id === nv[0]);
const cityIndex = this.cityList.findIndex(ele => ele.id === nv[1]);
const countyIndex = this.countyList.findIndex(ele => ele.id === nv[2]);
this.columns = [{ values: this.provinceList, defaultIndex:provinceIndex}, { values: this.cityList, defaultIndex:cityIndex}, { values: this.countyList, defaultIndex:countyIndex }];
console.log('locationAreaCode', this.provinceList, provinceIndex);
const data = [this.provinceList[provinceIndex], this.cityList[cityIndex], this.countyList[countyIndex]];
if (this.result) {
this.$emit('confirm', data);
if(this.cityList) {
const provinceIndex = this.provinceList.findIndex(ele => ele.id === nv[0]);
const cityIndex = this.cityList && this.cityList.findIndex(ele => ele.id === nv[1]);
const countyIndex = this.countyList && this.countyList.findIndex(ele => ele.id === nv[2]);
this.columns = [{ values: this.provinceList, defaultIndex:provinceIndex}, { values: this.cityList, defaultIndex:cityIndex}, { values: this.countyList, defaultIndex:countyIndex }];
console.log('locationAreaCode', this.provinceList, provinceIndex);
const data = [this.provinceList[provinceIndex], this.cityList[cityIndex], this.countyList[countyIndex]];
if (this.result) {
this.$emit('confirm', data);
}
}
}
},
......
src/components/selectHospital/index.vue
浏览文件 @ ac743b78
......@@ -152,10 +152,10 @@ export default {
getHospitalList(data).then(res => {
console.log('getHospitalList', res);
this.list = res.data.data;
this.list = res.data.data || [];
this.finished = true;
this.loading = false;
const hospitalIdIndex = this.list.findIndex(ele => ele.hospitalId === this.hospitalId);
const hospitalIdIndex = (this.list.length > 0) && this.list.findIndex(ele => ele.hospitalId === this.hospitalId);
console.log('hospitalIdIndex', hospitalIdIndex);
if (this.externalData.cityId && this.externalData.countyId && this.externalData.provinceId && hospitalIdIndex == -1) {
this.$emit('clean');
......
src/components/selectTime/index.vue
浏览文件 @ ac743b78
......@@ -83,7 +83,8 @@ export default {
am: '上午',
pm: '下午',
},
currentItem:''
currentItem:'',
currentItemChoosed:{}
};
},
watch: {
......@@ -106,30 +107,24 @@ export default {
}
},
mounted() {
// this.getTimes();d
},
methods: {
// 获取机构列表
getScheduling() {
const {projectEquityNo, hospitalId} = this;
getScheduling({ projectEquityNo, hospitalId }).then(res => {
console.log(res);
this.timsArray = res.data;
// this.selectTimes = res.data[0].appointmentDate;
// this.currentItem = res.data[0];
});
},
selectItem() {
if (this.selectTimes === '') {
// this.$toast('请选择日期');
return;
}
if (this.selectTimeBucket === '') {
// this.$toast('请选择时间段');
return;
}
this.$emit('change', this.selectTimes + ' ' + this.selectTimeBucket);
this.$emit('change', {value: (this.selectTimes + ' ' + this.selectTimeBucket), currentItemChoosed: this.currentItemChoosed});
},
cancel() {
this.finished = false;
......@@ -171,6 +166,8 @@ export default {
return;
}
this.selectTimeBucket = item === 'am' ? this.currentItem['amTimeBegin'] : this.currentItem['pmTimeBegin'];
this.currentItemChoosed = {...this.currentItem, timeBucket: item};
console.log('-selectTimeB', this.currentItem, this.currentItemChoosed);
this.selectItem();
}
}
......
src/plugins/appHooks.js
浏览文件 @ ac743b78
/**
* @name: appHooks
* @author: alan
* @date: 2021-09-13 17:05
* @description：appHooks
* @update: 2021-09-13 17:05
*/
export default {
data() {
return {
......
src/plugins/vue-components.js
浏览文件 @ ac743b78
import Vue from 'vue';
import picaGuideApp from '@pica-kit/pica-ui-component/lib/pica-guide-app';
import PageModel from '@pica-kit/page-model';
import { Dialog, Field, Overlay, Button, Popup, Icon} from 'vant';
import { Dialog, Field, Overlay, Button, Popup, Icon, RadioGroup, Radio} from 'vant';
import Loading from '@/components/loading/loading';
Vue.use(Loading);
// Vue.use(PicaArea);
Vue.use(picaGuideApp);
Vue.use(PageModel);
Vue.use(Dialog);
......@@ -15,3 +14,5 @@ Vue.use(Overlay);
Vue.use(Button);
Vue.use(Popup);
Vue.use(Icon);
Vue.use(RadioGroup);
Vue.use(Radio);
src/router/index.js
浏览文件 @ ac743b78
import { router } from '@pica-cli/vue-cli-plugin-pica-cli-plugin/auto';
import { router, } from '@pica-cli/vue-cli-plugin-pica-cli-plugin/auto';
import insuranceBindCode from '@/views/insurance-bind-code/insurance-bind-code';
import insuranceDetectionDetail from '@/views/insurance-detection-detail/insurance-detection-detail';
import insuranceBindCodeSuccess from '@/views/insurance-bindCode-success/insurance-bindCode-success';
import handleAllRouter from '../public_uat';
import { headerConfigByMeta } from 'mn-template/util/routerUtil';
const routerConfig = [
{
path: '/insuranceBindCode',
name: 'insuranceBindCode',
component: insuranceBindCode
component: insuranceBindCode,
meta: {
title: '绑定条码',
},
},
{
path: '/insuranceBindCodeSuccess',
name: 'insuranceBindCodeSuccess',
component: insuranceBindCodeSuccess
component: insuranceBindCodeSuccess,
meta: {
title: '绑定成功页面',
},
},
{
path: '/insuranceDetectionDetail',
name: 'insuranceDetectionDetail',
component: insuranceDetectionDetail
component: insuranceDetectionDetail,
meta: {
title: '检测详情',
},
},
{
path: '/insuranceQuickDetectionDetail',
name: 'insuranceQuickDetectionDetail',
component: () => import('@/views/insurance-quickDetection-detail/index'),
meta: {
title: '快检详情',
},
},
{
path: '/insuranceDetectionDetailDemo',
name: 'insuranceQuickDetectionDetailDemo',
component: () => import('@/views/insurance-Detection-detail-demo/index'),
meta: {
title: '检测详情',
},
},
{
path: '/insuranceQuestionResult',
name: 'insuranceQuestionResult',
component: () => import('@/views/insurance-question-result/insuranceQuestionResult.vue'),
meta: {
title: '问卷结果页面',
},
},
{
path: '/insuranceQuestionBack',
......@@ -33,26 +62,51 @@ const routerConfig = [
path: '/appoint',
name: 'appoint',
component: () => import('@/views/appoint/index.vue'),
meta: {
title: '预约',
},
},
{
path: '/geoNavigation',
name: 'geoNavigation',
component: () => import('@/views/geoNavigation/index.vue'),
path: '/appoint-demo',
name: 'appointDemo',
component: () => import('@/views/appoint-demo/index.vue'),
meta: {
title: '癌症早筛检测预约',
},
},
{
path: '/home',
name: 'home',
component: () => import('@/views/home/index.vue'),
meta: {
title: '中转页',
},
},
{
path: '/appoint-details',
name: 'appointDetails',
component: () => import('@/views/appointDetails/index.vue'),
meta: {
title: '预约详情',
},
},
{
path: '/pdf-preview',
name: 'pdfPreview',
component: () => import('@/views/pdf-preview/index.vue'),
meta: {
title: 'pdf预览',
},
}, //
{
path: '/insurance-register',
name: 'insuranceregister',
component: () => import('@/views/insurance-register/index.vue'),
},
{
path: '/insurance-register-success',
name: 'insuranceregistersuccess',
component: () => import('@/views/insurance-register/register-success.vue'),
},
];
// // 无问卷-0001 有问卷未填写-0101 已填写问卷未出结果-0102 已出结果无需领用-0401 已出结果未预约-0201 已预约未采样-0301 已预约已采样-0302
......@@ -66,7 +120,7 @@ const routerConfig = [
// '0302': null,
// };
router.beforeEach(async (to, from, next) => {
console.log(to, from, next);
headerConfigByMeta(to);
next();
});
......
src/views/appoint-demo/index.vue 0 → 100644
浏览文件 @ ac743b78
此差异已折叠。
src/views/appoint/index.vue
浏览文件 @ ac743b78
......@@ -16,7 +16,6 @@
<van-form
ref="dectionForm"
validate-first
@submit="onSubmit"
>
<van-field
name="checkboxGroup"
......@@ -150,18 +149,12 @@
v-else
class="appoint-form-value"
>
{{ dectionForm.appointmentTime }}
{{ appointmentTimeShadow }}
</div>
</template>
</van-field>
</van-form>
</div>
<!-- <van-button
@click="submit"
>
提交1
</van-button> -->
<van-button
round
block
......@@ -178,6 +171,9 @@
style="font-weight:600"
href="tel:400-006-5252"
>400-006-5252</a>
<div class="serve-time">
周一至周五8:00-18:00 <span /> 双休日9:00-18:00
</div>
</div>
</div>
<SelectHospital
......@@ -216,6 +212,7 @@ import SelectTime from '@/components/selectTime/index.vue';
import PickArea from '@/components/pickArea/index.vue';
import { getJumpPageStatus, getButtonStatus} from '@/api/question';
import storejs from 'storejs';
import dayjs from 'dayjs';
import AMapLoader from '@amap/amap-jsapi-loader';
export default {
components: {
......@@ -287,19 +284,11 @@ export default {
stock: false,
buttonStatus: false,
buttonText: '',
appointmentTimeShadow: '',
};
},
computed: {
canSubmit() {
// appointmentTime: this.dectionForm.appointmentTime,
// goodsId: this.dectionForm.goodsId,
// hospitalId: this.hospitalId,
// hospitalName: this.dectionForm.hospitalName,
// patientIdNo: this.dectionForm.beneficiaryIdNum,
// patientMobile: this.dectionForm.beneficiaryPhone,
// patientName: this.dectionForm.beneficiaryName,
// yunOrderNo:this.yunOrderNo,
return (
this.dectionForm.appointmentTime &&
this.dectionForm.goodsId &&
......@@ -311,12 +300,11 @@ export default {
this.yunOrderNo &&
this.stock &&
this.buttonStatus
);
},
},
mounted() {
this.$loading.show();
const { yunOrderNo, projectEquityNo } = this.$route.query;
this.yunOrderNo = yunOrderNo;
......@@ -327,6 +315,11 @@ export default {
projectEquityNo:'',
externalOrderNo:'',
};
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802852#0#0#预约',
web_data:{yunOrderNo: yunOrderNo},
});
this.getDetectionName(yunOrderNo);
this.getOrderInfo(yunOrderNo);
this.getJumpPageStatus(data);
......@@ -348,11 +341,6 @@ export default {
console.log('getJumpPageStatus', res);
});
},
// submit() {
// this.$rocNative.WXInstance.miniProgram.navigateTo({
// url:'/pagesInsurance/appoint-details/index?yunOrderNo=' + this.yunOrderNo
// });
// },
// 高德地图导航只有在线上环境才能使用
initMap() {
const that = this;
......@@ -448,8 +436,12 @@ export default {
},
selectTimes(times) {
console.log(times);
this.dectionForm.appointmentTime = times;
const {value, currentItemChoosed} = times;
this.dectionForm.appointmentTime = value;
this.closePopup('showSelectTime');
// appointmentTimeShadow
const m = (Number(dayjs(currentItemChoosed.appointmentDate).month()) + 1) + '月' + (Number(dayjs(currentItemChoosed.appointmentDate).date())) + '日';
this.appointmentTimeShadow = m + ' ' + currentItemChoosed[currentItemChoosed.timeBucket + 'TimeContent'];
},
getTimes() {
this.timsArray = [];
......@@ -479,9 +471,12 @@ export default {
closePopup(name) {
this[name] = false;
},
cancelSearch() {},
selectAddress() {},
appointment() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802852#0#0#预约提交',
web_data:{yunOrderNo: this.yunOrderNo},
});
this.$refs.dectionForm.validate().then(result => {
console.log('this.dectionForm', result);
const data = {
......@@ -526,7 +521,6 @@ export default {
});
},
getDetailByUnionId() { },
confirm(values) {
console.log('confirm', values);
if (values) {
......@@ -822,13 +816,29 @@ export default {
}
.appoint-tel{
margin-top: 25px;
height: 22px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 22px;
text-align: center;
.serve-time{
display: flex;
align-items: center;
justify-content: center;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 18px;
span{
width: 1px;
height: 12px;
margin: 0 12px;
background: #BBBBBB;
}
}
}
}
::v-deep {
......
src/views/appointDetails/index.vue
浏览文件 @ ac743b78
......@@ -18,20 +18,26 @@
alt=""
>
{{ !expireFlag ? statusMap[detailInfo.status]:'已过期' }}
{{ !expireFlag ? statusMap(detailInfo.status):'已过期' }}
</div>
<div class="detail-top insurance-detection">
<div class="detection-title">
您的{{ isUnderLine ? '领取' : '检测' }}时间
</div>
<div class="detection-time">
<div class="detection-time mb5">
{{ detailInfo.appointmentTimeStr }}
</div>
<div class="detection-time">
{{ detailInfo.appointmentTimeStr2 }}
</div>
<div class="detail-top-info">
<div class="detail-top-address">
<div class="detail-top-address-name">
{{ detailInfo.hospitalName || "--" }}
</div>
<div class="detail-top-address-info">
检验科/检验室/采血室
</div>
<div class="detail-top-address-info">
{{ detailInfo.hospitalAddress || "--" }}
</div>
......@@ -91,13 +97,17 @@
class="tip-grey"
>
<div class="tip-grey-dot" />
请在预约日期前往预约医院完成采样。无需空腹，采样前三天可适当清淡饮食；
{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '请在预约日期前往预约医院完成采样。无需空腹，采样前三天可适当清淡饮食；' : '请在预约日前往现场领取产品；' }}
</div>
<div class="tip-grey">
<div class="tip-grey-dot" />
注意携带好您投保时注册的手机前往，凭手机号扫码确认采样；
{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '注意携带好您投保时注册的手机前往，凭手机号扫码确认采样；' : '注意携带好投保时注册的手机前往，凭手机号扫码确认领取成功;' }}
</div>
<div class="tip-grey">
<div
v-if="insuranceInfo && insuranceInfo.detectionKind == 0"
class="tip-grey"
>
<div class="tip-grey-dot" />
预计7-10个工作日电子报告将返回至您的手机，届时将提供进一步的报告解读服务，请注意查收。
</div>
......@@ -159,13 +169,10 @@
style="font-weight:600"
href="tel:400-006-5252"
>400-006-5252</a>
<div class="serve-time">
周一至周五8:00-18:00 <span /> 双休日9:00-18:00
</div>
</div>
<!-- <div
class="detail-btn"
@click="checkDetail"
>
查看详情
</div> -->
<div
v-if="!expireFlag"
class="detail-btn-bottom"
......@@ -175,7 +182,7 @@
class="detail-btn-bottom-tips"
>
<van-icon name="warning-o" />
请在预约日前往预约地{{ isUnderLine ? '领取产品' : '完成采样' }}，并点击按钮绑定采样码
请在预约日前往预约地{{ isUnderLine ? '领取产品' : '完成采样' }}，并点击按钮绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }}
</div>
<div
class="detail-btn btn-empty reAppoint"
......@@ -187,7 +194,7 @@
class="detail-btn"
@click="bindingCode"
>
绑定采样码
绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }}
</div>
</div>
<div
......@@ -207,7 +214,6 @@
:actions="actions"
cancel-text="取消"
close-on-click-action
@cancel="onCancel"
@select="selectItem"
/>
</div>
......@@ -215,10 +221,11 @@
</template>
<script>
import {getDetailByYunOrderNo} from '@/api/appoint';
import {getDetailByYunOrderNo, getDetectionName} from '@/api/appoint';
import { formatDate } from '@/utils/common';
import storejs from 'storejs';
import AMapLoader from '@amap/amap-jsapi-loader';
import { mapGetters } from 'vuex';
export default {
data() {
return {
......@@ -238,31 +245,11 @@ export default {
expireFlag:false,
query: {},
isUnderLine:false,
// 状态 代码 说明
// 0101 未填写问卷
// 0102 已填写问卷
// 0201 待预约
// 0202 已预约
// 0203 已取消待重新预约
// 0301 待采样
// 0302 已采样
// 0303 待重新采样
// 0304 已出报告
// 0401 已结束
statusMap: {
'0101': '未填写问卷',
'0102': '已填写问卷',
'0201': '待预约',
'0202': '预约成功',
'0203': '已取消待重新预约',
'0301': '待采样',
'0302': '已采样',
'0303': '待重新采样',
'0304': '已出报告',
'0401': '已结束',
},
};
},
computed: {
...mapGetters('home', ['insuranceInfo']),
},
mounted() {
this.$loading.show();
const { yunOrderNo, projectEquityNo} = this.$route.query;
......@@ -270,11 +257,16 @@ export default {
this.projectEquityNo = projectEquityNo;
console.log('yunOrderNo', yunOrderNo);
this.getDetailByYunOrderNo(yunOrderNo);
this.getDetectionName(yunOrderNo);
this.$loading.hide();
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802855#0#0#预约详情',
web_data:{yunOrderNo: yunOrderNo},
});
},
methods: {
formatDate(orderTime) {
if (!orderTime) {
return '--';
}
......@@ -283,8 +275,9 @@ export default {
getDetailByYunOrderNo(yunOrderNo) {
getDetailByYunOrderNo(yunOrderNo).then(res => {
console.log(res);
const {expireFlag} = res.data;
this.detailInfo = res.data;
this.expireFlag = res.data.expireFlag;
this.expireFlag = expireFlag || '';
this.isUnderLine = res.data.detectionCategory == 2;
this.$loading.hide();
});
......@@ -323,6 +316,11 @@ export default {
},
reAppoint() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#重新预约',
web_data:{yunOrderNo: this.yunOrderNo},
});
this.$router.push({
path: '/appoint',
query: {
......@@ -390,9 +388,15 @@ export default {
bindingCode() {
const { pprotocolType, detectionServiceRecordId } = this.detailInfo;
console.log('window.miniProgram', window._miniprogram);
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#去绑定',
web_data:{yunOrderNo: this.yunOrderNo},
});
if (window._miniprogram) {
const {detectionKind} = this.insuranceInfo;
this.$rocNative.WXInstance.miniProgram.navigateTo({
url:`/pages/health/binding-code/index?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}&detectionRecordId=${detectionServiceRecordId}&pprotocolType=${pprotocolType}&channelSource=insurance_channel`
url:`/pages/health/binding-code/index?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}&detectionRecordId=${detectionServiceRecordId}&pprotocolType=${pprotocolType}&channelSource=insurance_channel&detectionKind=${detectionKind}`
});
} else {
this.$router.push({
......@@ -435,7 +439,40 @@ export default {
this.$toast('已复制');
console.log('已复制的内容：', copyText);
},
validateShow() {
getDetectionName(yunOrderNo) {
getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {};
this.$store.dispatch('home/setInsuranceInfo', dectionData);
}
});
},
statusMap(type) {
const obj = {
'0101': '未填写问卷',
'0102': '已填写问卷',
'0201': '待预约',
'0202': '预约成功',
'0203': '已取消待重新预约',
'0301': '待采样',
'0302': '已采样',
'0303': '待重新采样',
'0304': '已出报告',
'0401': '已结束',
};
const obj2 = {
'0101': '未填写问卷',
'0102': '已填写问卷',
'0201': '待预约',
'0202': '预约成功',
'0203': '已取消待重新预约',
'0301': '待领取',
'0302': '已领取',
'0303': '待重新领取',
'0304': '已出报告',
'0401': '已结束',
};
return this.insuranceInfo.detectionKind == 1 ? obj2[type] : obj[type];
},
},
};
......@@ -752,16 +789,35 @@ export default {
text-align: center;
margin-bottom: 15px ;
}
.mb5{
margin-bottom: 5px ;
}
}
.appoint-detail-tel{
margin-top: 25px;
height: 22px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 22px;
text-align: center;
.serve-time{
display: flex;
align-items: center;
justify-content: center;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 18px;
span{
width: 1px;
height: 12px;
margin: 0 12px;
background: #BBBBBB;
}
}
}
.detail-btn-bottom{
position: fixed;
......
src/views/checkStatus/index.vue 已删除 100644 → 0
浏览文件 @ d0072c5a
<template>
<div />
</template>
<script>
export default {
};
</script>
<style>
</style>
src/views/geoNavigation/index.vue 已删除 100644 → 0
浏览文件 @ d0072c5a
<template>
<van-uploader
v-model="fileList"
capture="user"
accept="image/*"
/>
</template>
<script>
export default {
data() {
return {
fileList:[]
};
}
};
</script>
<style>
</style>
src/views/home/index.vue
浏览文件 @ ac743b78
......@@ -9,21 +9,10 @@ import storejs from 'storejs';
export default {
data() {
return {
// STATUS_CODE_0101("0101", "未填写问卷"),
// STATUS_CODE_0102("0102", "已填写问卷"),
// STATUS_CODE_0201("0201", "待预约"),
// STATUS_CODE_0202("0202", "已预约"),
// STATUS_CODE_0203("0203", "已取消待重新预约"),
// STATUS_CODE_0301("0301", "待采样"),
// STATUS_CODE_0302("0302", "已采样"),
// STATUS_CODE_0303("0303", "待重新采样"),
// STATUS_CODE_0901("0901", "已出报告"),
// STATUS_CODE_0902("0902", "已结束")
routerMap:{
'0001': '/appoint',
'0101': null,
'0102': '/insuranceQuestionBack',
// '0401': '/insuranceQuestionResult',
'0201': null,
'0202': '/appoint-details',
'0203': '/appoint-details',
......@@ -43,17 +32,30 @@ export default {
};
},
mounted() {
// this.$loading.show();
// orderNo
this.query = this.$route.query;
if (this.query.projectEquityNo && this.query.externalOrderNo) {
const { projectEquityNo, externalOrderNo } = this.$route.query;
const {externalOrderNo, orderNo, projectEquityNo} = this.$route.query;
const n = externalOrderNo || orderNo;
if (!n && !this.query.referer) {
this.$loading.show('开发中');
return;
}
console.log(this.$route.query, '---', n);
if (projectEquityNo && n) {
this.projectEquityNo = projectEquityNo;
this.externalOrderNo = externalOrderNo;
this.externalOrderNo = n;
const data = {
yunOrderNo:'',
projectEquityNo,
externalOrderNo
externalOrderNo: n
};
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER', // 7802854
component_tag: '7802854#0#0#中转页',
web_data:{projectEquityNo: projectEquityNo, externalOrderNo: n},
});
this.initMap(data);
}
......@@ -66,68 +68,54 @@ export default {
projectEquityNo:'',
externalOrderNo:'',
};
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER', // 7802854
component_tag: '7802854#0#0#中转页',
web_data:{yunOrderNo: yunOrderNo},
});
this.initMap(data);
}
// get geolocation
// var that = this;
// var geolocation = new qq.maps.Geolocation();
// geolocation.getLocation(function (result) {
// console.log('result', result);
// storejs.set('geolocation', result);
// that.getJumpPageStatus();
// }, function (result) {
// console.log('err', result);
// that.getJumpPageStatus();
// });
},
methods: {
// 高德地图导航只有在线上环境才能使用
initMap(data) {
// latitude: 70
// longitude: 50.2
// const data = {
// projectEquityNo: that.projectEquityNo,
// latitude: 70,
// longitude: 50.2,
// };
storejs.remove('geolocation');
this.getJumpPageStatus(data);
// var that = this;
},
// 目前是配置一个检测信息，可能会拓展，所以返回的是一个list
getDetectionName(yunOrderNo) {
getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {};
console.log('getDetectionName', dectionData);
this.dectionData = dectionData;
this.dectionForm.detectName = dectionData.detectionName;
this.dectionForm.goodsId = dectionData.goodsId;
this.$store.dispatch('home/setInsuranceInfo', dectionData);
}
this.$loading.hide();
});
return new Promise((resolve, reject) => {
getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {};
console.log('getDetectionName', dectionData);
this.dectionData = dectionData;
this.$store.dispatch('home/setInsuranceInfo', dectionData);
resolve(dectionData);
}
this.$loading.hide();
}).catch(err => {
reject(err);
});
});
},
// 获取跳转状态
getJumpPageStatus(data) {
getJumpPageStatus(data).then(res => {
console.log('getJumpPageStatus', res);
if (res.code == '000000') {
if (res.data.yunOrderNo && res.data.yunOrderNo != '') {
this.checkStatus(res);
} else {
// https://dev-sc.yunqueyi.com/tis/insurance/create/order
this.createOrder(data);
}
this.$loading.hide();
}
});
},
checkStatus(res) {
async checkStatus(res) {
this.yunOrderNo = res.data.yunOrderNo;
this.query.yunOrderNo = res.data.yunOrderNo;
this.projectEquityNo = res.data.projectEquityNo;
......@@ -136,7 +124,11 @@ export default {
this.query.externalOrderNo = this.externalOrderNo;
this.status = res.data.statusCode;
this.hasQuestionnaire = res.data.hasQuestionnaire;
this.getDetectionName(this.yunOrderNo);
// 快检结果
const t = ['0101', '0102', '0902'];
const result = !t.includes(this.status) && await this.getDetectionName(this.yunOrderNo);
const {detectionKind} = result;
console.log('---result', result);
switch (this.status) {
case '0101':
window.location.href = res.data.questionnaireUrl;
......@@ -149,9 +141,10 @@ export default {
case '0902':
this.turnToPage(this.routerMap[this.status], this.query);
break;
case '0302':
case '0901':
this.query.detectionRecordId = res.data.detectionRecordId;
this.turnToPage(this.routerMap[this.status], this.query);
this.turnToPage(this.pageMap(detectionKind), this.query);
break;
case '0201':
// hasQuestionnaire 有问卷 跳领用，没问卷直接跳 预约
......@@ -163,10 +156,6 @@ export default {
this.turnToPage('/appoint', this.query);
}
break;
case '0302':
this.query.detectionRecordId = res.data.detectionRecordId;
this.turnToPage(this.routerMap[this.status], this.query);
break;
default:
this.turnToPage('/insuranceDetectionDetail', this.query);
break;
......@@ -181,11 +170,17 @@ export default {
});
},
turnToPage(path, query) {
this.$router.push({
path, query
});
}
},
pageMap(s) {
const m = {
0:'/insuranceDetectionDetail',
1: '/insuranceQuickDetectionDetail'
};
return m[s];
},
}
};
</script>
......
src/views/insurance-Detection-detail-demo/index.scss 0 → 100644
浏览文件 @ ac743b78
.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: 72px;
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-Detection-detail-demo/index.vue 0 → 100644
浏览文件 @ ac743b78
<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 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
class="submit-container"
>
<div
class="submit-button"
@click="getJumpToWebapp"
>
{{ openWebAppBtnName }}
</div>
</div>
</div>
</template>
<script>
import { getQuickDetectionDetailProces, detectionRecordInfo } 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];
},
},
data() {
return {
picaWechat:window._picaWechat,
status: '',
headerInfo: {
title: '检测详情',
isBlack: true,
backMethod: 'web',
style: 'backgroundColor:#ffffff;zIndex:100;',
background: '',
},
detectionRecordId: '',
dataDetail: {},
dataList: [],
openWebAppBtnName: '提交检测结果',
yunOrderNo: '',
};
},
created() {
const {detectionRecordId, yunOrderNo} = this.$route.query;
this.detectionRecordId = detectionRecordId;
this.yunOrderNo = yunOrderNo;
this.init();
},
mounted() {
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802849#0#0#快检成功页面',
web_data:{yunOrderNo: this.yunOrderNo},
});
},
methods: {
init() {
const that = this;
const o = {
detectionRecordId: this.detectionRecordId,
detectionKind: 1
};
console.log('----detectionRecordInfo', o);
detectionRecordInfo(o).then((res) => {
if (res.code === '000000') {
this.dataDetail = res.data;
this.getDetailProces();
} 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);
}
});
},
getJumpToWebapp() {
},
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>
src/views/insurance-bind-code/insurance-bind-code.vue
浏览文件 @ ac743b78
......@@ -78,7 +78,10 @@
</div>
</div>
<div class="notification">
<div
v-if="insuranceInfo.detectionKind == 0"
class="notification"
>
<div class="sign-detection">
<img
v-if="isCheck"
......@@ -109,16 +112,16 @@
提交
</div>
</div>
<div class="tel-wrap">
<div class="l-left">
客服电话: &nbsp;
</div>
<div
class="l-right"
>
<a class="fw600" href="tel:400-006-5252">400-006-5252</a>
<div class="appoint-detail-tel">
客服电话：<a
style="font-weight:600"
href="tel:400-006-5252"
>400-006-5252</a>
<div class="serve-time">
周一至周五8:00-18:00 <span /> 双休日9:00-18:00
</div>
</div>
<van-popup
v-model="showProtocol"
position="bottom"
......@@ -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,16 +248,25 @@ 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();
this.getRecordInfo(detectionRecordId);
this.getDetectionName(yunOrderNo);
}else {
this.$toast('传递有误:', pprotocolType, detectionRecordId, yunOrderNo);
}
if(pprotocolType) {
this.getProtocolName();
}else{
this.isCheck = true;
}
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802846#0#0#绑定条码',
web_data:{yunOrderNo: yunOrderNo},
});
},
methods: {
clearCode() {
......@@ -277,6 +289,11 @@ export default {
});
},
toggleBindingInfo() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802846#0#0#绑定按钮',
web_data:{yunOrderNo: this.yunOrderNo},
});
if(!this.isCheck && this.pprotocolType) {
this.goProtocol();
}else{
......@@ -323,7 +340,8 @@ export default {
console.log('res', res);
if (res.code === '000000' && res.data) {
this.insuranceInfo = res.data[0];
console.log('----', this.insuranceInfo);
this.$store.dispatch('home/setInsuranceInfo', res.data[0]);
this.getRecordInfo();
}
});
......@@ -368,9 +386,14 @@ export default {
this.toggleBindingInfo();
});
},
getRecordInfo(id) {
const i = id || 11074;
detectionRecordInfo(i).then(res => {
getRecordInfo() {
const o = {
detectionRecordId: this.detectionRecordId,
detectionKind: this.insuranceInfo.detectionKind
};
console.log('----detectionRecordInfo', o);
detectionRecordInfo(o).then(res => {
console.log('---res--', res);
if (res.code === '000000') {
this.recordInfo.name = res.data.patientName;
this.recordInfo.sex = res.data.sex === 1 ? '男' : '女';
......@@ -379,11 +402,8 @@ export default {
this.recordInfo.projectId = res.data.projectId;
this.recordInfo.patientId = res.data.patientId;
this.recordInfo.hospitalId = res.data.hospitalId;
// patientId
}
});
},
// 绑定条形码
bindingCode() {
......@@ -394,7 +414,37 @@ export default {
prototypeLogId: this.prototypeLogId,
};
console.log('--obj--', obj);
bindingSampleCode(obj).then(res => {
if(this.insuranceInfo.detectionKind == 1) {
this.quickBindingCode(obj);
}
if(this.insuranceInfo.detectionKind == 0) {
this.earlyBindingCode(obj);
}
},
// 绑定条形码
quickBindingCode(obj) {
const o = {...obj, userId:this.recordInfo.patientId, detectionKind: 1};
bindingQuickSampleCode(o).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) {
// quickBindingCode userId
const o = {...obj, detectionKind: 0};
bindingSampleCode(o).then(res => {
if (res.code !== '000000') {
return this.$toast(res.message);
} else {
......@@ -411,7 +461,6 @@ export default {
}
});
},
callPhone() {}
}
};
......@@ -750,6 +799,23 @@ export default {
display: flex;
align-items: center;
justify-content: center;
.serve-time{
display: flex;
align-items: center;
justify-content: center;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 18px;
span{
width: 1px;
height: 12px;
margin: 0 12px;
background: #BBBBBB;
}
}
.l-right{
color:#00BDA5;
display: flex;
......@@ -767,5 +833,31 @@ export default {
}
}
.mt20{padding-top: 20px}
.appoint-detail-tel{
margin-top: 25px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 22px;
text-align: center;
.serve-time{
display: flex;
align-items: center;
justify-content: center;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 18px;
span{
width: 1px;
height: 12px;
margin: 0 12px;
background: #BBBBBB;
}
}
}
</style>
src/views/insurance-bindCode-success/index.scss
浏览文件 @ ac743b78
......@@ -60,7 +60,7 @@
justify-content: flex-start;
align-items: center;
.l-left {
width: 62px;
width: 72px;
height: 14px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
......
src/views/insurance-bindCode-success/insurance-bindCode-success.vue
浏览文件 @ ac743b78
......@@ -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 { detectionRecordInfo } from '@/api/detection';
import {mapGetters} from 'vuex';
import store from 'storejs';
export default {
filters: {
sexFilter(val) {
......@@ -104,17 +113,31 @@ export default {
yunOrderNo: ''
};
},
computed: {
...mapGetters('home', ['insuranceInfo']),
},
created() {
const {detectionRecordId, yunOrderNo} = this.$route.query;
this.detectionRecordId = detectionRecordId;
this.yunOrderNo = yunOrderNo;
this.init();
this.detectionRecordInfo();
},
mounted() {
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802847#0#0#绑定成功页面',
web_data:{yunOrderNo: this.yunOrderNo},
});
},
methods: {
init() {
getDetectionDetail(this.detectionRecordId).then((res) => {
detectionRecordInfo() {
const in_info = store.get('insuranceInfo');
const o = {
detectionRecordId: this.detectionRecordId,
detectionKind: in_info.detectionKind
};
detectionRecordInfo(o).then((res) => {
if (res.code === '000000') {
this.dataDetail = res.data;
} else {
......@@ -124,8 +147,15 @@ export default {
},
// 检测详情
bottomBtnFun() {
const in_info = store.get('insuranceInfo');
const url = in_info.detectionKind == 1 ? '/insuranceQuickDetectionDetail' : '/insuranceDetectionDetail';
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802847#0#0#查看我的检测',
web_data:{yunOrderNo: this.yunOrderNo},
});
this.$router.push({
path: '/insuranceDetectionDetail',
path: url,
query: {
detectionRecordId: this.detectionRecordId,
yunOrderNo: this.yunOrderNo
......
src/views/insurance-detection-detail/index.scss
浏览文件 @ ac743b78
......@@ -272,7 +272,6 @@
justify-content: center;
.submit-button {
position: relative;
width: 350px;
height: 40px;
border-radius: 20px;
font-weight: 700;
......@@ -287,12 +286,28 @@
background: #ffffff;
border: 1px solid #00bda5;
color: #00bda5;
position: relative;
}
}
.multi-sub-wrap{
flex-direction: row;
justify-content: space-evenly;
.submit-button{
width: 45%;
padding: 0px 20px;
}
.btn-label{
width: 62px;
height: 14px;
line-height: 14px;
font-size: 10px;
text-align: center;
color: #ffffff;
background-color: #00BDA5;
border-top-left-radius: 7px;
border-bottom-right-radius: 14px;
position: absolute;
top: -7px;
right: 0px;
}
}
src/views/insurance-detection-detail/insurance-detection-detail.vue
浏览文件 @ ac743b78
......@@ -162,33 +162,66 @@
查看报告
</div>
<div
v-if="picaWechat == 'wechat' && [3].includes(dataDetail.status)"
class="submit-button"
v-if="picaWechat == 'wechat' && (Number(dataDetail.reportExplain) == 0)"
class="submit-button submit-button-empty"
>
<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>
<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"
class="submit-button submit-button-empty"
@click="getJumpToWebapp"
>
{{ openWebAppBtnName }}
</div>
<div
v-if="picaWechat == 'wechat' && dataDetail.reimburseFlag"
class="submit-button submit-button-empty"
>
<div
class="btn-label"
:style="{ background: mapColor(dataDetail.reimburseStatus) }"
>
{{ dataDetail.reimburseStatusStr }}
</div>
<wx-open-launch-weapp
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
:username="openWebAppConfigPositive.username"
:path="openWebAppConfigPositive.path"
>
<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-if="picaWechat != 'wechat' && dataDetail.reimburseFlag"
class="submit-button submit-button-empty"
@click="getJumpToWebapp2"
>
<div
class="btn-label"
:style="{ background: mapColor(dataDetail.reimburseStatus) }"
>
{{ dataDetail.reimburseStatusStr }}
</div>
阳性报销
</div>
</div>
</div>
</template>
<script>
import { getDetectionDetail, getDetectionDetailProces, getJumpToWebapp } from '@/api/detection';
import { getDetectionDetailProces, getJumpToWebapp, detectionRecordInfo } from '@/api/detection';
// 0待完善信息、1待采样、2已采样、21已送检、22快递已签收、 25实验室已收样、 27已上机、 3已完成、5样本失效、 6待支付
export default {
filters: {
......@@ -239,6 +272,11 @@ export default {
path:'pagesInsurance/all-entrance/index', // 打开页面
extraData: JSON.stringify({})
},
openWebAppConfigPositive:{
username:'gh_e92f58174364', // 小程序唯一username 1.gh_80d54796f2d5 云鹊助手 2. gh_e92f58174364 云鹊健康
path:'pagesInsurance/all-entrance/index', // 打开页面
extraData: JSON.stringify({})
},
openWebAppBtnName: '报告解读',
yunOrderNo: '',
action_code: ''
......@@ -251,6 +289,11 @@ export default {
this.init();
},
mounted() {
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802848#0#0#检测详情页面',
web_data:{yunOrderNo: this.yunOrderNo},
});
},
methods: {
init() {
......@@ -260,8 +303,13 @@ export default {
targetPath: 'pagesInsurance/all-entrance/index',
query: {yunOrderNo: this.yunOrderNo},
};
const o = {
detectionRecordId: this.detectionRecordId,
detectionKind: 0
};
console.log('----detectionRecordInfo', o);
let jump_path = `pagesInsurance/all-entrance/index?yunOrderNo=${this.yunOrderNo}&channelSource=channelSource`;
getDetectionDetail(this.detectionRecordId).then((res) => {
detectionRecordInfo(o, 0).then((res) => {
if (res.code === '000000') {
this.dataDetail = res.data;
this.getDetailProces();
......@@ -286,6 +334,7 @@ export default {
that.openWebAppConfig.extraData = JSON.stringify(ed);
that.openWebAppBtnName = n;
that.openWebAppConfig.path = jump_path;
this.openWebAppConfigPositive = `pagesInsurance/all-entrance/index?detectionKind=${this.dataDetail.id}&tradeDetectionServiceRecordId=${this.dataDetail.detectType}`;
} else {
that.$toast(res.message);
}
......@@ -356,7 +405,47 @@ export default {
}
console.log('--mapStatus', m);
return m;
}
},
getJumpToWebapp2() {
if(this.picaWechat == 'wechat') {
return false;
}
const query = `detectionKind=${this.dataDetail.id}&tradeDetectionServiceRecordId=${this.dataDetail.detectType}`;
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);
}
});
},
mapColor(s) {
// 申请状态 1：待审核，2：审核通过（待打款），3：审核驳回，4：已撤销，5：已打款
let t = '#FF720C';
switch (Number(s)) {
case 1:
t = '#00BDA5';
break;
case 2:
t = '#00BDA5';
break;
case 3:
t = '#FF4B33';
break;
case 4:
t = '#AAAAAA';
break;
case 5:
t = '#AAAAAA';
break;
default:
break;
}
return t;
},
},
};
</script>
......
src/views/insurance-question-back/index.vue
浏览文件 @ ac743b78
<template>
<div>
<page-model
v-if="picaWechat != 'wechat'"
ref="PageModel"
:header-info="headerInfo"
/>
<div class="insuranceQuestionBack">
<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>
</div>
</template>
<script>
// import {evaluationResults, getDetailByUnionId} from '@/api/home.js';
const { VUE_APP_ENV } = process.env;
export default {
data() {
return {
picaWechat:window._picaWechat,
headerInfo: {
title: '检测服务',
isBlack: true,
backMethod: 'web',
style: 'backgroundColor:#ffffff;zIndex:100;',
background: '',
},
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: {
detectionScoreFlag:0
},
};
},
created() {
},
methods: {
},
};
</script>
<style lang="scss" scoped>
.insuranceQuestionBack {
width: 100%;
background: #ffffff;
box-sizing: border-box;
padding: 0 16px;
color: #676869;
text-align: center;
overflow: hidden;
.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>
<page-model
v-if="picaWechat != 'wechat'"
ref="PageModel"
:header-info="headerInfo"
/>
<div class="insuranceQuestionBack">
<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">
您的结果将于次日以短信形式推送,烦请留意！
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
picaWechat:window._picaWechat,
headerInfo: {
title: '检测服务',
isBlack: true,
backMethod: 'web',
style: 'backgroundColor:#ffffff;zIndex:100;',
background: '',
},
};
},
created() {
},
methods: {
},
};
</script>
<style lang="scss" scoped>
.insuranceQuestionBack {
width: 100%;
background: #ffffff;
box-sizing: border-box;
padding: 0 16px;
color: #676869;
text-align: center;
overflow: hidden;
.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>
src/views/insurance-question-result/insuranceQuestionResult.vue
浏览文件 @ ac743b78
......@@ -10,12 +10,15 @@
<template v-if="!needDetect">
<div class="info-top">
<div class="info-top-title">
防癌专家提醒您尽快进行
防癌专家提醒您尽快{{ insuranceInfo.detectionKind == 0 ? '进行' : '领取' }}
</div>
<div class="info-top-name">
{{ detectionName }}
</div>
<div class="info-top-tips">
<div
v-if="insuranceInfo && insuranceInfo.detectionKind == 0"
class="info-top-tips"
>
<div class="tips-item">
<div class="tips-item-dot" />
DNA甲基化检测技术，对比传统肿瘤标志物检查,早期癌变检出率高5-10倍
......@@ -29,15 +32,28 @@
检测报告阳性，最高可报销300元复查费用
</div>
</div>
<div
v-if="insuranceInfo && insuranceInfo.detectionKind == 1"
class="info-top-tips"
>
<div class="tips-item">
<div class="tips-item-dot" />
居家快速自测、方便卫生、轻松操作
</div>
<div class="tips-item">
<div class="tips-item-dot" />
检测快速，30分钟内即可获得结果
</div>
</div>
</div>
<img
src="https://files.yunqueyi.com/image/gif/common/20230228173135233.gif"
:src=" insuranceInfo && insuranceInfo.detectionKind == 0 ? 'https://files.yunqueyi.com/image/gif/common/20230228173135233.gif' : 'https://files.yunqueyi.com/image/gif/common/20230315102649177.gif'"
class="info-btn"
@click="toAppoint"
>
<div class="info-tips">
点击上方按钮预约，并前往预约的医疗机构采样
{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '点击上方按钮预约，并前往预约的医疗机构采样' : '点击上方按钮预约，并前往预约的医疗机构领取产品' }}
</div>
</template>
<template v-else>
......@@ -63,20 +79,11 @@
</div>
</template>
</div>
<!-- <div
v-if="!needDetect"
class="custom-style"
@click="toAppoint"
>
{{ buttonText || '免费预约检测' }}
</div> -->
<div
v-if="detectionName && detectionName.length > 0"
class="tips-fixed"
>
注：该问卷评估结果仅供填写人自行参考。
注：请填写人根据问卷评估结果自主选择后续检测
</div>
</div>
</div>
......@@ -85,6 +92,7 @@
<script>
import { getButtonStatus } from '@/api/question';
import {getDetectionName} from '@/api/appoint';
import { mapGetters } from 'vuex';
export default {
data() {
return {
......@@ -106,19 +114,26 @@ export default {
status:null,
query: {},
buttonStatus: false,
buttonText:''
buttonText:'',
};
},
computed: {
...mapGetters('home', ['insuranceInfo']),
},
mounted() {
const { query } = this.$route;
this.$loading.show();
this.query = query;
this.needDetect = !(query.needDetect == '1');
console.log('query', this.needDetect);
this.yunOrderNo = query.yunOrderNo;
this.getButtonStatus(query.yunOrderNo);
this.getDetectionName(query.yunOrderNo);
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802850#0#0#问卷结果页面',
web_data:{yunOrderNo: this.yunOrderNo},
});
this.$loading.hide();
},
methods: {
......@@ -138,7 +153,7 @@ export default {
getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {};
console.log('dectionData.detectionName', dectionData.detectionName);
console.log('dectionData.detectionName', this.insuranceInfo, dectionData);
this.detectionName = dectionData.detectionName;
this.$store.dispatch('home/setInsuranceInfo', dectionData);
this.$loading.hide();
......@@ -147,6 +162,11 @@ export default {
},
// 去预约
toAppoint() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802850#0#0',
web_data:{yunOrderNo: this.yunOrderNo},
});
if (this.buttonStatus) {
const { projectEquityNo, externalOrderNo, yunOrderNo } = this.query;
console.log('this.query', this.query);
......@@ -154,25 +174,33 @@ export default {
path: '/appoint',
query: {projectEquityNo, externalOrderNo, yunOrderNo},
});
}else{
this.getButtonStatus(this.yunOrderNo);
}
},
// 获取按钮状态
getButtonStatus(yunOrderNo) {
getButtonStatus(yunOrderNo).then(res => {
console.log(res);
this.buttonStatus = res.data.buttonStatus;
const {buttonStatus} = res.data;
this.buttonStatus = buttonStatus || false;
this.buttonText = res.data.statusDesc;
this.$loading.hide();
(this.detectionName && !this.buttonStatus) && this.$dialog.alert({
message: this.buttonText,
confirmButtonColor:'#00bda5'
});
});
}
},
},
};
</script>
<style lang="scss" scoped>
.insuranceQuestionResult-box{
height: 100vh;
min-height: 100vh;
background: #F3FCFF;
padding-bottom: 50px;
}
.insuranceQuestionResult {
width: 100%;
......@@ -193,7 +221,8 @@ background: #F3FCFF;
margin: 168px auto 54px;
.info-top{
width: 308px;
height: 200px;
height: auto;
padding-bottom: 50px;
background: #FFFBF9;
border-radius: 11px;
margin: 10px auto 20px;
......@@ -353,7 +382,6 @@ background: #F3FCFF;
bottom: 70px;
height: 21px;
font-size: 13px;
font-family: PingFangSC-Light, PingFang SC;
font-weight: 300;
color: #999999;
line-height: 21px;
......
src/views/insurance-quickDetection-detail/index.scss 0 → 100644
浏览文件 @ ac743b78
.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: 72px;
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
浏览文件 @ ac743b78
<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 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
v-if="false"
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 { getQuickDetectionDetailProces, getJumpToWebapp, detectionRecordInfo } 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];
},
},
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() {
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802849#0#0#快检成功页面',
web_data:{yunOrderNo: this.yunOrderNo},
});
},
methods: {
init() {
const that = this;
const ed = {
channelSource: 'insurance_channel',
targetPath: 'pagesInsurance/all-entrance/index',
query: {yunOrderNo: this.yunOrderNo},
};
const o = {
detectionRecordId: this.detectionRecordId,
detectionKind: 1
};
console.log('----detectionRecordInfo', o);
detectionRecordInfo(o).then((res) => {
if (res.code === '000000') {
this.dataDetail = res.data;
this.getDetailProces();
that.openWebAppConfig.extraData = JSON.stringify(ed);
that.openWebAppConfig.path = `pagesInsurance/all-entrance/index?yunOrderNo=${this.yunOrderNo}&channelSource=channelSource`;
} 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);
}
});
},
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>
src/views/insurance-register/index.vue 0 → 100644
浏览文件 @ ac743b78
<template>
<div class="insurance-register">
<page-model
v-if="picaWechat != 'wechat'"
ref="PageModel"
:header-info="headerInfo"
/>
<div class="insurance-register-bg">
<div class="bg-img">
<img
src="https://files.yunqueyi.com/image/png/common/20230302151152742.png"
alt="success"
>
</div>
<div class="text">
<span class="text-icon">
<img
src="https://files.yunqueyi.com/image/png/common/20230302152425130.png"
alt="success"
>
</span>
<span class="text-border">&nbsp;&nbsp;&nbsp;&nbsp;{{ hospitalName }} &nbsp;&nbsp;</span>
</div>
<div class="wrap-reg">
<div class="choose-section">
<van-form
ref="dectionForm"
validate-first
>
<van-field
label="被保险人信息"
required
disabled
class="appoint-form-title"
/>
<van-field
v-model="dectionForm.beneficiaryName"
label="被保险人"
clearable
class="appoint-form-items"
placeholder="请输入被保险人姓名"
:rules="[{ required: true, message: '请输入被保险人姓名' },{
pattern: /^[\u4e00-\u9fa5_a-zA-Z0-9]+$/,
message: '请输入正确格式',
},
{
pattern: /^.{2,20}$/,
message: '被保险人姓名请填写2-20位',
},]"
/>
<van-field
v-model="dectionForm.beneficiaryPhone"
class="appoint-form-items"
label="手 机 号"
clearable
placeholder="请输入手机号"
:rules="[{ required: true, message: '请输入手机号' },
{
pattern: /^([1][3,4,5,6,7,8,9])\d{9}$/,
message: '手机号格式填写有误',
},]"
/>
<van-field
v-model="dectionForm.beneficiaryIdNum"
class="appoint-form-items"
clearable
label="身份证号"
placeholder="请输入真实身份证号"
:rules="[{ required: true, message: '请输入真实身份证号' },
{
pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
message: '身份证号格式填写有误',
},]"
/>
</van-form>
</div>
<van-button
round
block
type="info"
:disabled="!canSubmit"
class="appoint-form-submit "
:class="canSubmit ? 'appoint-form-submit-active':''"
@click="appointment"
>
免费领取
</van-button>
</div>
</div>
</div>
</template>
<script>
import { getDetailHospital, getCheckInUserInfo} from '@/api/appoint';
export default {
components: {
},
data() {
return {
picaWechat:window._picaWechat,
headerInfo: {
title: '肠癌早筛权益优先领取登记',
isBlack: true,
backMethod: 'web',
style: 'backgroundColor:#ffffff;zIndex:100;',
background: '',
},
dectionForm: {
beneficiaryPhone: '',
beneficiaryIdNum:'',
beneficiaryName: '',
},
hospitalName:''
};
},
computed: {
canSubmit() {
return (
this.dectionForm.beneficiaryIdNum &&
this.dectionForm.beneficiaryName &&
this.dectionForm.beneficiaryPhone
);
},
},
mounted() {
document.title = '肠癌早筛权益优先领取登记';
this.getID();
const {projectEquityNo} = this.$route.query;
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802857#0#0#肠癌早筛权益优先领取登记',
web_data:{projectEquityNo: projectEquityNo},
});
},
methods: {
getID() {
console.log('--res', this.$route);
const {hospitalId} = this.$route.query;
if(hospitalId) {
getDetailHospital(hospitalId).then(res => {
console.log('--res', res);
if (res.code === '000000') {
const {name} = res.data;
this.hospitalName = name;
}
});
}
},
appointment() {
const {projectEquityNo, hospitalId} = this.$route.query;
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802857#0#0#免费领取',
web_data:{projectEquityNo: projectEquityNo},
});
this.$refs.dectionForm.validate().then(result => {
console.log('this.dectionForm', result);
const data = {
idCard: this.dectionForm.beneficiaryIdNum,
mobilePhone: this.dectionForm.beneficiaryPhone,
patientName: this.dectionForm.beneficiaryName,
hospitalId: hospitalId,
projectEquityNo: projectEquityNo,
idType: 1,
};
getCheckInUserInfo(data).then(res => {
console.log('this.dectionForm', res);
if (res.code === '000000') {
this.$router.push({
path: '/insurance-register-success',
query: {
projectEquityNo: projectEquityNo,
},
});
}else {
this.$toast(res.message);
}
});
}).catch(err => {
console.log(err);
});
},
},
};
</script>
<style lang="scss" scoped>
.insurance-register {
width: 100%;
height: 100vh;
overflow: auto;
box-sizing: border-box;
color: #ffffff;
background: #F3FCFF;
.insurance-register-bg{
width: 100%;
//height: 350px;
position: relative;
.bg-img{
width: 100%;
//height: 350px;
img{
width: 100%;
height: 100%;
}
}
.text{
position: absolute;
font-size: 10px;
font-weight: 400;
color: #08A588;
top: 131px;
left: 23px;
display: flex;
align-items: center;
.text-icon{
display: inline-block;
width: 17px;
height: 15px;
img{
width: 100%;
height: 100%;
}
}
.text-border{
height: 13px;
line-height: 13px;
display: inline-block;
border-radius: 5px;
border: 1px solid #08A588;
border-left: none;
position: relative;
left: -5px;
box-sizing: content-box;
}
}
.wrap-reg{
width: 350px;
background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
box-shadow: 0px 18px 12px 0px #EBF9F8;
border-radius: 20px;
position: absolute;
top: 170px;
left: 13px;
}
}
.choose-section {
padding: 10px 12px;
background: #ffffff;
border-radius: 11px;
font-weight: 600;
/deep/ .van-field__label{
color: #212121;
}
/deep/ .van-field__control:disabled{
color: #323233;
-webkit-text-fill-color: #323233;
}
.item {
color: #212121;
font-size: 14px;
display: flex;
height: 60px;
align-items: center;
position: relative;
.input-key {
font-weight: 300;
margin-left: 10px;
}
.input-value {
margin-left: 18px;
font-weight: 500;
overflow: visible;
}
.right {
position: absolute;
right: 10px;
top: 25px;
}
}
.height60 {
height: 30px;
}
.required {
position: relative;
}
.required::after {
position: absolute;
content: '*';
display: block;
left: -10px;
top: 0;
text-align: center;
color: rgba(255, 56, 56, 1);
}
}
.appoint-form-items{
/deep/ .van-field__label{
color: #999999;
}
}
.appoint-form-placeholder{
color: #999999;
}
.appoint-form-title::after{
display: none;
}
.appoint-form-submit{
margin-top: 30px;
height: 40px;
background: #D9D9D9;
border-radius: 20px;
border: none;
position: absolute;
font-size: 16px;
font-weight: 600;
}
.appoint-form-submit-active{
background: #00BDA5;
}
}
</style>
src/views/insurance-register/register-success.vue 0 → 100644
浏览文件 @ ac743b78
<template>
<div class="register-success">
<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">
请点击下方按钮，完成投保缴费
</div>
<div
class="custom-style"
@click="tomx"
>
立即投保
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
created() {
const {projectEquityNo} = this.$route.query;
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802858#0#0#注册成功页面',
web_data:{projectEquityNo: projectEquityNo},
});
},
methods: {
tomx() {
window.location.href = 'https://yahyb.airiskeys.com/?t=1677741338534';
},
},
};
</script>
<style lang="scss" scoped>
.register-success {
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: 108px;
}
}
</style>
src/views/pdf-preview/index.vue
浏览文件 @ ac743b78
......@@ -68,6 +68,10 @@
},
mounted() {
this._loadFile(this.pdfUrl);
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '0000000#7802856#0#0',
});
},
beforeDestroy() {
console.log('destory');
......
vue.config.js
浏览文件 @ ac743b78
......@@ -35,7 +35,7 @@ module.exports = {
port: 8083,
proxy: {
'/proxy': {
target: 'https://test1-sc.yunqueyi.com/',
target: 'https://dev-sc.yunqueyi.com/',
// target: 'https://test1-sc.yunqueyi.com/',
// target: 'https://uat-sc.yunqueyi.com/',
// http://10.241.65.90:3000/mock/1071/cs/route/removeUser
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或