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() { ...@@ -39,7 +39,7 @@ function getMenuCode() {
console.log('接口data 数据为空'); console.log('接口data 数据为空');
return; return;
} }
console.log(resData.data.menuCodeDtoList); console.log('-- ', resData.data.menuCodeDtoList);
return writerJsonFile(JSON.stringify(resData.data.menuCodeDtoList)); return writerJsonFile(JSON.stringify(resData.data.menuCodeDtoList));
}else{ }else{
console.log('获取接口失败'); console.log('获取接口失败');
......
src/api/appoint.js
浏览文件 @ ac743b78
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
import request from 'mn-template/plugins/http'; import request from 'mn-template/plugins/http';
// 根据订单号获取检测名称 // 根据订单号获取检测名称
// /tis/insurance/detectionName?yunOrderNo=11
export const getDetectionName = async (yunOrderNo) => { export const getDetectionName = async (yunOrderNo) => {
return request({ return request({
method: 'get', method: 'get',
...@@ -49,3 +48,20 @@ export const getHospitalList = async(data) => { ...@@ -49,3 +48,20 @@ export const getHospitalList = async(data) => {
withCredentials: true, 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'; import request from 'mn-template/plugins/http';
// 获取检测详情 接口 // 检测详情节点查询
export const getDetectionDetail = (id) => { export const getDetectionDetailProces = (data) => {
return request({ return request({
method: 'get', method: 'get',
url: `/trade/detection/record/record/info/?detectionRecordId=${id}&userType=0`, url: `/trade/detection/record/process/${data.id}?channel=${data.channel}`,
withCredentials: true, withCredentials: true,
}); });
}; };
// 检测详情节点查询 // 快检 检测详情节点查询
export const getDetectionDetailProces = (data) => { export const getQuickDetectionDetailProces = (data) => {
return request({ return request({
method: 'get', 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, withCredentials: true,
}); });
}; };
...@@ -90,10 +90,19 @@ export const sampleCodeValidate = (data) => { ...@@ -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({ return request({
method: 'get', method: 'get',
url: `/trade/detection/record/record/info?detectionRecordId=${id}`, url: `/trade/detection/record/quick/info?detectionRecordId=${id}`,
withCredentials: true, withCredentials: true,
}); });
}; };
...@@ -101,11 +110,20 @@ export const detectionRecordInfo = (id) => { ...@@ -101,11 +110,20 @@ export const detectionRecordInfo = (id) => {
// 绑定条码 // 绑定条码
export const bindingSampleCode = (data) => { export const bindingSampleCode = (data) => {
return request({ 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', method: 'POST',
data: data, data: data,
}); });
}; };
export const getJumpToWebapp = (params) => { export const getJumpToWebapp = (params) => {
return request({ return request({
url: '/applet/url/link/getUrlLink', url: '/applet/url/link/getUrlLink',
......
src/components/loading/loading.js
浏览文件 @ ac743b78
...@@ -15,8 +15,9 @@ const loading = { ...@@ -15,8 +15,9 @@ const loading = {
// 在Vue的原型链上注册方法，控制组件 // 在Vue的原型链上注册方法，控制组件
Vue.prototype.$loading = { Vue.prototype.$loading = {
show: () => { show: (text) => {
instance.show = true; instance.show = true;
instance.text = text || null;
}, },
hide: () => { hide: () => {
......
src/components/loading/loading.vue
浏览文件 @ ac743b78
...@@ -11,8 +11,17 @@ ...@@ -11,8 +11,17 @@
> >
<van-loading <van-loading
v-if="show" v-if="show"
vertical
type="spinner" type="spinner"
/> >
<div
v-if="text"
class="text"
>
{{ text }}
<span class="dotting" />
</div>
</van-loading>
</div> </div>
</van-popup> </van-popup>
</template> </template>
...@@ -23,15 +32,52 @@ export default { ...@@ -23,15 +32,52 @@ export default {
data() { data() {
return { return {
show: false, show: false,
text:''
}; };
}, },
}; };
</script> </script>
<style lang="sass" scoped> <style lang="scss" scoped>
.loadingWrap{ .loadingWrap{
::v-deep .van-popup{ ::v-deep .van-popup{
background-color:rgba(0,0,0,.7); 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> </style>
src/components/pickArea/index.vue
浏览文件 @ ac743b78
...@@ -94,9 +94,10 @@ export default { ...@@ -94,9 +94,10 @@ export default {
this.provinceList = await this.getProvinceList(); this.provinceList = await this.getProvinceList();
this.cityList = await this.getCityList(nv[0]); this.cityList = await this.getCityList(nv[0]);
this.countyList = await this.getCountyList(nv[1]); this.countyList = await this.getCountyList(nv[1]);
if(this.cityList) {
const provinceIndex = this.provinceList.findIndex(ele => ele.id === nv[0]); const provinceIndex = this.provinceList.findIndex(ele => ele.id === nv[0]);
const cityIndex = this.cityList.findIndex(ele => ele.id === nv[1]); const cityIndex = this.cityList && this.cityList.findIndex(ele => ele.id === nv[1]);
const countyIndex = this.countyList.findIndex(ele => ele.id === nv[2]); 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 }]; this.columns = [{ values: this.provinceList, defaultIndex:provinceIndex}, { values: this.cityList, defaultIndex:cityIndex}, { values: this.countyList, defaultIndex:countyIndex }];
console.log('locationAreaCode', this.provinceList, provinceIndex); console.log('locationAreaCode', this.provinceList, provinceIndex);
const data = [this.provinceList[provinceIndex], this.cityList[cityIndex], this.countyList[countyIndex]]; const data = [this.provinceList[provinceIndex], this.cityList[cityIndex], this.countyList[countyIndex]];
...@@ -104,6 +105,7 @@ export default { ...@@ -104,6 +105,7 @@ export default {
this.$emit('confirm', data); this.$emit('confirm', data);
} }
} }
}
}, },
deep:true, deep:true,
immediate:true immediate:true
......
src/components/selectHospital/index.vue
浏览文件 @ ac743b78
...@@ -152,10 +152,10 @@ export default { ...@@ -152,10 +152,10 @@ export default {
getHospitalList(data).then(res => { getHospitalList(data).then(res => {
console.log('getHospitalList', res); console.log('getHospitalList', res);
this.list = res.data.data; this.list = res.data.data || [];
this.finished = true; this.finished = true;
this.loading = false; 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); console.log('hospitalIdIndex', hospitalIdIndex);
if (this.externalData.cityId && this.externalData.countyId && this.externalData.provinceId && hospitalIdIndex == -1) { if (this.externalData.cityId && this.externalData.countyId && this.externalData.provinceId && hospitalIdIndex == -1) {
this.$emit('clean'); this.$emit('clean');
......
src/components/selectTime/index.vue
浏览文件 @ ac743b78
...@@ -83,7 +83,8 @@ export default { ...@@ -83,7 +83,8 @@ export default {
am: '上午', am: '上午',
pm: '下午', pm: '下午',
}, },
currentItem:'' currentItem:'',
currentItemChoosed:{}
}; };
}, },
watch: { watch: {
...@@ -106,30 +107,24 @@ export default { ...@@ -106,30 +107,24 @@ export default {
} }
}, },
mounted() { mounted() {
// this.getTimes();d
}, },
methods: { methods: {
// 获取机构列表 // 获取机构列表
getScheduling() { getScheduling() {
const {projectEquityNo, hospitalId} = this; const {projectEquityNo, hospitalId} = this;
getScheduling({ projectEquityNo, hospitalId }).then(res => { getScheduling({ projectEquityNo, hospitalId }).then(res => {
console.log(res);
this.timsArray = res.data; this.timsArray = res.data;
// this.selectTimes = res.data[0].appointmentDate;
// this.currentItem = res.data[0];
}); });
}, },
selectItem() { selectItem() {
if (this.selectTimes === '') { if (this.selectTimes === '') {
// this.$toast('请选择日期');
return; return;
} }
if (this.selectTimeBucket === '') { if (this.selectTimeBucket === '') {
// this.$toast('请选择时间段');
return; return;
} }
this.$emit('change', this.selectTimes + ' ' + this.selectTimeBucket);
this.$emit('change', {value: (this.selectTimes + ' ' + this.selectTimeBucket), currentItemChoosed: this.currentItemChoosed});
}, },
cancel() { cancel() {
this.finished = false; this.finished = false;
...@@ -171,6 +166,8 @@ export default { ...@@ -171,6 +166,8 @@ export default {
return; return;
} }
this.selectTimeBucket = item === 'am' ? this.currentItem['amTimeBegin'] : this.currentItem['pmTimeBegin']; 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(); 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 { export default {
data() { data() {
return { return {
......
src/plugins/vue-components.js
浏览文件 @ ac743b78
import Vue from 'vue'; import Vue from 'vue';
import picaGuideApp from '@pica-kit/pica-ui-component/lib/pica-guide-app'; import picaGuideApp from '@pica-kit/pica-ui-component/lib/pica-guide-app';
import PageModel from '@pica-kit/page-model'; 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'; import Loading from '@/components/loading/loading';
Vue.use(Loading); Vue.use(Loading);
// Vue.use(PicaArea);
Vue.use(picaGuideApp); Vue.use(picaGuideApp);
Vue.use(PageModel); Vue.use(PageModel);
Vue.use(Dialog); Vue.use(Dialog);
...@@ -15,3 +14,5 @@ Vue.use(Overlay); ...@@ -15,3 +14,5 @@ Vue.use(Overlay);
Vue.use(Button); Vue.use(Button);
Vue.use(Popup); Vue.use(Popup);
Vue.use(Icon); 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 insuranceBindCode from '@/views/insurance-bind-code/insurance-bind-code';
import insuranceDetectionDetail from '@/views/insurance-detection-detail/insurance-detection-detail'; import insuranceDetectionDetail from '@/views/insurance-detection-detail/insurance-detection-detail';
import insuranceBindCodeSuccess from '@/views/insurance-bindCode-success/insurance-bindCode-success'; import insuranceBindCodeSuccess from '@/views/insurance-bindCode-success/insurance-bindCode-success';
import handleAllRouter from '../public_uat'; import handleAllRouter from '../public_uat';
import { headerConfigByMeta } from 'mn-template/util/routerUtil';
const routerConfig = [ const routerConfig = [
{ {
path: '/insuranceBindCode', path: '/insuranceBindCode',
name: 'insuranceBindCode', name: 'insuranceBindCode',
component: insuranceBindCode component: insuranceBindCode,
meta: {
title: '绑定条码',
},
}, },
{ {
path: '/insuranceBindCodeSuccess', path: '/insuranceBindCodeSuccess',
name: 'insuranceBindCodeSuccess', name: 'insuranceBindCodeSuccess',
component: insuranceBindCodeSuccess component: insuranceBindCodeSuccess,
meta: {
title: '绑定成功页面',
},
}, },
{ {
path: '/insuranceDetectionDetail', path: '/insuranceDetectionDetail',
name: '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', path: '/insuranceQuestionResult',
name: 'insuranceQuestionResult', name: 'insuranceQuestionResult',
component: () => import('@/views/insurance-question-result/insuranceQuestionResult.vue'), component: () => import('@/views/insurance-question-result/insuranceQuestionResult.vue'),
meta: {
title: '问卷结果页面',
},
}, },
{ {
path: '/insuranceQuestionBack', path: '/insuranceQuestionBack',
...@@ -33,26 +62,51 @@ const routerConfig = [ ...@@ -33,26 +62,51 @@ const routerConfig = [
path: '/appoint', path: '/appoint',
name: 'appoint', name: 'appoint',
component: () => import('@/views/appoint/index.vue'), component: () => import('@/views/appoint/index.vue'),
meta: {
title: '预约',
},
}, },
{ {
path: '/geoNavigation', path: '/appoint-demo',
name: 'geoNavigation', name: 'appointDemo',
component: () => import('@/views/geoNavigation/index.vue'), component: () => import('@/views/appoint-demo/index.vue'),
meta: {
title: '癌症早筛检测预约',
},
}, },
{ {
path: '/home', path: '/home',
name: 'home', name: 'home',
component: () => import('@/views/home/index.vue'), component: () => import('@/views/home/index.vue'),
meta: {
title: '中转页',
},
}, },
{ {
path: '/appoint-details', path: '/appoint-details',
name: 'appointDetails', name: 'appointDetails',
component: () => import('@/views/appointDetails/index.vue'), component: () => import('@/views/appointDetails/index.vue'),
meta: {
title: '预约详情',
},
}, },
{ {
path: '/pdf-preview', path: '/pdf-preview',
name: 'pdfPreview', name: 'pdfPreview',
component: () => import('@/views/pdf-preview/index.vue'), 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 // // 无问卷-0001 有问卷未填写-0101 已填写问卷未出结果-0102 已出结果无需领用-0401 已出结果未预约-0201 已预约未采样-0301 已预约已采样-0302
...@@ -66,7 +120,7 @@ const routerConfig = [ ...@@ -66,7 +120,7 @@ const routerConfig = [
// '0302': null, // '0302': null,
// }; // };
router.beforeEach(async (to, from, next) => { router.beforeEach(async (to, from, next) => {
console.log(to, from, next); headerConfigByMeta(to);
next(); next();
}); });
......
src/views/appoint-demo/index.vue 0 → 100644
浏览文件 @ ac743b78
此差异已折叠。
src/views/appoint/index.vue
浏览文件 @ ac743b78
...@@ -16,7 +16,6 @@ ...@@ -16,7 +16,6 @@
<van-form <van-form
ref="dectionForm" ref="dectionForm"
validate-first validate-first
@submit="onSubmit"
> >
<van-field <van-field
name="checkboxGroup" name="checkboxGroup"
...@@ -150,18 +149,12 @@ ...@@ -150,18 +149,12 @@
v-else v-else
class="appoint-form-value" class="appoint-form-value"
> >
{{ dectionForm.appointmentTime }} {{ appointmentTimeShadow }}
</div> </div>
</template> </template>
</van-field> </van-field>
</van-form> </van-form>
</div> </div>
<!-- <van-button
@click="submit"
>
提交1
</van-button> -->
<van-button <van-button
round round
block block
...@@ -178,6 +171,9 @@ ...@@ -178,6 +171,9 @@
style="font-weight:600" style="font-weight:600"
href="tel:400-006-5252" href="tel:400-006-5252"
>400-006-5252</a> >400-006-5252</a>
<div class="serve-time">
周一至周五8:00-18:00 <span /> 双休日9:00-18:00
</div>
</div> </div>
</div> </div>
<SelectHospital <SelectHospital
...@@ -216,6 +212,7 @@ import SelectTime from '@/components/selectTime/index.vue'; ...@@ -216,6 +212,7 @@ import SelectTime from '@/components/selectTime/index.vue';
import PickArea from '@/components/pickArea/index.vue'; import PickArea from '@/components/pickArea/index.vue';
import { getJumpPageStatus, getButtonStatus} from '@/api/question'; import { getJumpPageStatus, getButtonStatus} from '@/api/question';
import storejs from 'storejs'; import storejs from 'storejs';
import dayjs from 'dayjs';
import AMapLoader from '@amap/amap-jsapi-loader'; import AMapLoader from '@amap/amap-jsapi-loader';
export default { export default {
components: { components: {
...@@ -287,19 +284,11 @@ export default { ...@@ -287,19 +284,11 @@ export default {
stock: false, stock: false,
buttonStatus: false, buttonStatus: false,
buttonText: '', buttonText: '',
appointmentTimeShadow: '',
}; };
}, },
computed: { computed: {
canSubmit() { 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 ( return (
this.dectionForm.appointmentTime && this.dectionForm.appointmentTime &&
this.dectionForm.goodsId && this.dectionForm.goodsId &&
...@@ -311,12 +300,11 @@ export default { ...@@ -311,12 +300,11 @@ export default {
this.yunOrderNo && this.yunOrderNo &&
this.stock && this.stock &&
this.buttonStatus this.buttonStatus
); );
}, },
}, },
mounted() { mounted() {
this.$loading.show(); this.$loading.show();
const { yunOrderNo, projectEquityNo } = this.$route.query; const { yunOrderNo, projectEquityNo } = this.$route.query;
this.yunOrderNo = yunOrderNo; this.yunOrderNo = yunOrderNo;
...@@ -327,6 +315,11 @@ export default { ...@@ -327,6 +315,11 @@ export default {
projectEquityNo:'', projectEquityNo:'',
externalOrderNo:'', externalOrderNo:'',
}; };
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802852#0#0#预约',
web_data:{yunOrderNo: yunOrderNo},
});
this.getDetectionName(yunOrderNo); this.getDetectionName(yunOrderNo);
this.getOrderInfo(yunOrderNo); this.getOrderInfo(yunOrderNo);
this.getJumpPageStatus(data); this.getJumpPageStatus(data);
...@@ -348,11 +341,6 @@ export default { ...@@ -348,11 +341,6 @@ export default {
console.log('getJumpPageStatus', res); console.log('getJumpPageStatus', res);
}); });
}, },
// submit() {
// this.$rocNative.WXInstance.miniProgram.navigateTo({
// url:'/pagesInsurance/appoint-details/index?yunOrderNo=' + this.yunOrderNo
// });
// },
// 高德地图导航只有在线上环境才能使用 // 高德地图导航只有在线上环境才能使用
initMap() { initMap() {
const that = this; const that = this;
...@@ -448,8 +436,12 @@ export default { ...@@ -448,8 +436,12 @@ export default {
}, },
selectTimes(times) { selectTimes(times) {
console.log(times); console.log(times);
this.dectionForm.appointmentTime = times; const {value, currentItemChoosed} = times;
this.dectionForm.appointmentTime = value;
this.closePopup('showSelectTime'); 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() { getTimes() {
this.timsArray = []; this.timsArray = [];
...@@ -479,9 +471,12 @@ export default { ...@@ -479,9 +471,12 @@ export default {
closePopup(name) { closePopup(name) {
this[name] = false; this[name] = false;
}, },
cancelSearch() {},
selectAddress() {},
appointment() { appointment() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802852#0#0#预约提交',
web_data:{yunOrderNo: this.yunOrderNo},
});
this.$refs.dectionForm.validate().then(result => { this.$refs.dectionForm.validate().then(result => {
console.log('this.dectionForm', result); console.log('this.dectionForm', result);
const data = { const data = {
...@@ -526,7 +521,6 @@ export default { ...@@ -526,7 +521,6 @@ export default {
}); });
}, },
getDetailByUnionId() { },
confirm(values) { confirm(values) {
console.log('confirm', values); console.log('confirm', values);
if (values) { if (values) {
...@@ -822,13 +816,29 @@ export default { ...@@ -822,13 +816,29 @@ export default {
} }
.appoint-tel{ .appoint-tel{
margin-top: 25px; margin-top: 25px;
height: 22px;
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height: 22px; line-height: 22px;
text-align: center; 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 { ::v-deep {
......
src/views/appointDetails/index.vue
浏览文件 @ ac743b78
...@@ -18,20 +18,26 @@ ...@@ -18,20 +18,26 @@
alt="" alt=""
> >
{{ !expireFlag ? statusMap[detailInfo.status]:'已过期' }} {{ !expireFlag ? statusMap(detailInfo.status):'已过期' }}
</div> </div>
<div class="detail-top insurance-detection"> <div class="detail-top insurance-detection">
<div class="detection-title"> <div class="detection-title">
您的{{ isUnderLine ? '领取' : '检测' }}时间 您的{{ isUnderLine ? '领取' : '检测' }}时间
</div> </div>
<div class="detection-time"> <div class="detection-time mb5">
{{ detailInfo.appointmentTimeStr }} {{ detailInfo.appointmentTimeStr }}
</div> </div>
<div class="detection-time">
{{ detailInfo.appointmentTimeStr2 }}
</div>
<div class="detail-top-info"> <div class="detail-top-info">
<div class="detail-top-address"> <div class="detail-top-address">
<div class="detail-top-address-name"> <div class="detail-top-address-name">
{{ detailInfo.hospitalName || "--" }} {{ detailInfo.hospitalName || "--" }}
</div> </div>
<div class="detail-top-address-info">
检验科/检验室/采血室
</div>
<div class="detail-top-address-info"> <div class="detail-top-address-info">
{{ detailInfo.hospitalAddress || "--" }} {{ detailInfo.hospitalAddress || "--" }}
</div> </div>
...@@ -91,13 +97,17 @@ ...@@ -91,13 +97,17 @@
class="tip-grey" class="tip-grey"
> >
<div class="tip-grey-dot" /> <div class="tip-grey-dot" />
请在预约日期前往预约医院完成采样。无需空腹，采样前三天可适当清淡饮食；
{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '请在预约日期前往预约医院完成采样。无需空腹，采样前三天可适当清淡饮食；' : '请在预约日前往现场领取产品；' }}
</div> </div>
<div class="tip-grey"> <div class="tip-grey">
<div class="tip-grey-dot" /> <div class="tip-grey-dot" />
注意携带好您投保时注册的手机前往，凭手机号扫码确认采样； {{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '注意携带好您投保时注册的手机前往，凭手机号扫码确认采样；' : '注意携带好投保时注册的手机前往，凭手机号扫码确认领取成功;' }}
</div> </div>
<div class="tip-grey"> <div
v-if="insuranceInfo && insuranceInfo.detectionKind == 0"
class="tip-grey"
>
<div class="tip-grey-dot" /> <div class="tip-grey-dot" />
预计7-10个工作日电子报告将返回至您的手机，届时将提供进一步的报告解读服务，请注意查收。 预计7-10个工作日电子报告将返回至您的手机，届时将提供进一步的报告解读服务，请注意查收。
</div> </div>
...@@ -159,13 +169,10 @@ ...@@ -159,13 +169,10 @@
style="font-weight:600" style="font-weight:600"
href="tel:400-006-5252" href="tel:400-006-5252"
>400-006-5252</a> >400-006-5252</a>
<div class="serve-time">
周一至周五8:00-18:00 <span /> 双休日9:00-18:00
</div>
</div> </div>
<!-- <div
class="detail-btn"
@click="checkDetail"
>
查看详情
</div> -->
<div <div
v-if="!expireFlag" v-if="!expireFlag"
class="detail-btn-bottom" class="detail-btn-bottom"
...@@ -175,7 +182,7 @@ ...@@ -175,7 +182,7 @@
class="detail-btn-bottom-tips" class="detail-btn-bottom-tips"
> >
<van-icon name="warning-o" /> <van-icon name="warning-o" />
请在预约日前往预约地{{ isUnderLine ? '领取产品' : '完成采样' }}，并点击按钮绑定采样码 请在预约日前往预约地{{ isUnderLine ? '领取产品' : '完成采样' }}，并点击按钮绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }}
</div> </div>
<div <div
class="detail-btn btn-empty reAppoint" class="detail-btn btn-empty reAppoint"
...@@ -187,7 +194,7 @@ ...@@ -187,7 +194,7 @@
class="detail-btn" class="detail-btn"
@click="bindingCode" @click="bindingCode"
> >
绑定采样码 绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }}
</div> </div>
</div> </div>
<div <div
...@@ -207,7 +214,6 @@ ...@@ -207,7 +214,6 @@
:actions="actions" :actions="actions"
cancel-text="取消" cancel-text="取消"
close-on-click-action close-on-click-action
@cancel="onCancel"
@select="selectItem" @select="selectItem"
/> />
</div> </div>
...@@ -215,10 +221,11 @@ ...@@ -215,10 +221,11 @@
</template> </template>
<script> <script>
import {getDetailByYunOrderNo} from '@/api/appoint'; import {getDetailByYunOrderNo, getDetectionName} from '@/api/appoint';
import { formatDate } from '@/utils/common'; import { formatDate } from '@/utils/common';
import storejs from 'storejs'; import storejs from 'storejs';
import AMapLoader from '@amap/amap-jsapi-loader'; import AMapLoader from '@amap/amap-jsapi-loader';
import { mapGetters } from 'vuex';
export default { export default {
data() { data() {
return { return {
...@@ -238,31 +245,11 @@ export default { ...@@ -238,31 +245,11 @@ export default {
expireFlag:false, expireFlag:false,
query: {}, query: {},
isUnderLine:false, 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() { mounted() {
this.$loading.show(); this.$loading.show();
const { yunOrderNo, projectEquityNo} = this.$route.query; const { yunOrderNo, projectEquityNo} = this.$route.query;
...@@ -270,11 +257,16 @@ export default { ...@@ -270,11 +257,16 @@ export default {
this.projectEquityNo = projectEquityNo; this.projectEquityNo = projectEquityNo;
console.log('yunOrderNo', yunOrderNo); console.log('yunOrderNo', yunOrderNo);
this.getDetailByYunOrderNo(yunOrderNo); this.getDetailByYunOrderNo(yunOrderNo);
this.getDetectionName(yunOrderNo);
this.$loading.hide(); this.$loading.hide();
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802855#0#0#预约详情',
web_data:{yunOrderNo: yunOrderNo},
});
}, },
methods: { methods: {
formatDate(orderTime) { formatDate(orderTime) {
if (!orderTime) { if (!orderTime) {
return '--'; return '--';
} }
...@@ -283,8 +275,9 @@ export default { ...@@ -283,8 +275,9 @@ export default {
getDetailByYunOrderNo(yunOrderNo) { getDetailByYunOrderNo(yunOrderNo) {
getDetailByYunOrderNo(yunOrderNo).then(res => { getDetailByYunOrderNo(yunOrderNo).then(res => {
console.log(res); console.log(res);
const {expireFlag} = res.data;
this.detailInfo = res.data; this.detailInfo = res.data;
this.expireFlag = res.data.expireFlag; this.expireFlag = expireFlag || '';
this.isUnderLine = res.data.detectionCategory == 2; this.isUnderLine = res.data.detectionCategory == 2;
this.$loading.hide(); this.$loading.hide();
}); });
...@@ -323,6 +316,11 @@ export default { ...@@ -323,6 +316,11 @@ export default {
}, },
reAppoint() { reAppoint() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#重新预约',
web_data:{yunOrderNo: this.yunOrderNo},
});
this.$router.push({ this.$router.push({
path: '/appoint', path: '/appoint',
query: { query: {
...@@ -390,9 +388,15 @@ export default { ...@@ -390,9 +388,15 @@ export default {
bindingCode() { bindingCode() {
const { pprotocolType, detectionServiceRecordId } = this.detailInfo; const { pprotocolType, detectionServiceRecordId } = this.detailInfo;
console.log('window.miniProgram', window._miniprogram); 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) { if (window._miniprogram) {
const {detectionKind} = this.insuranceInfo;
this.$rocNative.WXInstance.miniProgram.navigateTo({ 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 { } else {
this.$router.push({ this.$router.push({
...@@ -435,7 +439,40 @@ export default { ...@@ -435,7 +439,40 @@ export default {
this.$toast('已复制'); this.$toast('已复制');
console.log('已复制的内容：', copyText); 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 { ...@@ -752,16 +789,35 @@ export default {
text-align: center; text-align: center;
margin-bottom: 15px ; margin-bottom: 15px ;
} }
.mb5{
margin-bottom: 5px ;
}
} }
.appoint-detail-tel{ .appoint-detail-tel{
margin-top: 25px; margin-top: 25px;
height: 22px;
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height: 22px; line-height: 22px;
text-align: center; 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{ .detail-btn-bottom{
position: fixed; 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'; ...@@ -9,21 +9,10 @@ import storejs from 'storejs';
export default { export default {
data() { data() {
return { 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:{ routerMap:{
'0001': '/appoint', '0001': '/appoint',
'0101': null, '0101': null,
'0102': '/insuranceQuestionBack', '0102': '/insuranceQuestionBack',
// '0401': '/insuranceQuestionResult',
'0201': null, '0201': null,
'0202': '/appoint-details', '0202': '/appoint-details',
'0203': '/appoint-details', '0203': '/appoint-details',
...@@ -43,17 +32,30 @@ export default { ...@@ -43,17 +32,30 @@ export default {
}; };
}, },
mounted() { mounted() {
// this.$loading.show(); // orderNo
this.query = this.$route.query; this.query = this.$route.query;
if (this.query.projectEquityNo && this.query.externalOrderNo) { const {externalOrderNo, orderNo, projectEquityNo} = this.$route.query;
const { projectEquityNo, externalOrderNo } = 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.projectEquityNo = projectEquityNo;
this.externalOrderNo = externalOrderNo; this.externalOrderNo = n;
const data = { const data = {
yunOrderNo:'', yunOrderNo:'',
projectEquityNo, 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); this.initMap(data);
} }
...@@ -66,49 +68,37 @@ export default { ...@@ -66,49 +68,37 @@ export default {
projectEquityNo:'', projectEquityNo:'',
externalOrderNo:'', externalOrderNo:'',
}; };
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER', // 7802854
component_tag: '7802854#0#0#中转页',
web_data:{yunOrderNo: yunOrderNo},
});
this.initMap(data); 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: { methods: {
// 高德地图导航只有在线上环境才能使用 // 高德地图导航只有在线上环境才能使用
initMap(data) { initMap(data) {
// latitude: 70
// longitude: 50.2
// const data = {
// projectEquityNo: that.projectEquityNo,
// latitude: 70,
// longitude: 50.2,
// };
storejs.remove('geolocation'); storejs.remove('geolocation');
this.getJumpPageStatus(data); this.getJumpPageStatus(data);
// var that = this;
}, },
// 目前是配置一个检测信息，可能会拓展，所以返回的是一个list // 目前是配置一个检测信息，可能会拓展，所以返回的是一个list
getDetectionName(yunOrderNo) { getDetectionName(yunOrderNo) {
return new Promise((resolve, reject) => {
getDetectionName(yunOrderNo).then(res => { getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) { if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {}; const dectionData = res.data[0] || {};
console.log('getDetectionName', dectionData); console.log('getDetectionName', dectionData);
this.dectionData = dectionData; this.dectionData = dectionData;
this.dectionForm.detectName = dectionData.detectionName;
this.dectionForm.goodsId = dectionData.goodsId;
this.$store.dispatch('home/setInsuranceInfo', dectionData); this.$store.dispatch('home/setInsuranceInfo', dectionData);
resolve(dectionData);
} }
this.$loading.hide(); this.$loading.hide();
}).catch(err => {
reject(err);
});
}); });
}, },
// 获取跳转状态 // 获取跳转状态
...@@ -116,18 +106,16 @@ export default { ...@@ -116,18 +106,16 @@ export default {
getJumpPageStatus(data).then(res => { getJumpPageStatus(data).then(res => {
console.log('getJumpPageStatus', res); console.log('getJumpPageStatus', res);
if (res.code == '000000') { if (res.code == '000000') {
if (res.data.yunOrderNo && res.data.yunOrderNo != '') { if (res.data.yunOrderNo && res.data.yunOrderNo != '') {
this.checkStatus(res); this.checkStatus(res);
} else { } else {
// https://dev-sc.yunqueyi.com/tis/insurance/create/order
this.createOrder(data); this.createOrder(data);
} }
this.$loading.hide(); this.$loading.hide();
} }
}); });
}, },
checkStatus(res) { async checkStatus(res) {
this.yunOrderNo = res.data.yunOrderNo; this.yunOrderNo = res.data.yunOrderNo;
this.query.yunOrderNo = res.data.yunOrderNo; this.query.yunOrderNo = res.data.yunOrderNo;
this.projectEquityNo = res.data.projectEquityNo; this.projectEquityNo = res.data.projectEquityNo;
...@@ -136,7 +124,11 @@ export default { ...@@ -136,7 +124,11 @@ export default {
this.query.externalOrderNo = this.externalOrderNo; this.query.externalOrderNo = this.externalOrderNo;
this.status = res.data.statusCode; this.status = res.data.statusCode;
this.hasQuestionnaire = res.data.hasQuestionnaire; 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) { switch (this.status) {
case '0101': case '0101':
window.location.href = res.data.questionnaireUrl; window.location.href = res.data.questionnaireUrl;
...@@ -149,9 +141,10 @@ export default { ...@@ -149,9 +141,10 @@ export default {
case '0902': case '0902':
this.turnToPage(this.routerMap[this.status], this.query); this.turnToPage(this.routerMap[this.status], this.query);
break; break;
case '0302':
case '0901': case '0901':
this.query.detectionRecordId = res.data.detectionRecordId; this.query.detectionRecordId = res.data.detectionRecordId;
this.turnToPage(this.routerMap[this.status], this.query); this.turnToPage(this.pageMap(detectionKind), this.query);
break; break;
case '0201': case '0201':
// hasQuestionnaire 有问卷 跳领用，没问卷直接跳 预约 // hasQuestionnaire 有问卷 跳领用，没问卷直接跳 预约
...@@ -163,10 +156,6 @@ export default { ...@@ -163,10 +156,6 @@ export default {
this.turnToPage('/appoint', this.query); this.turnToPage('/appoint', this.query);
} }
break; break;
case '0302':
this.query.detectionRecordId = res.data.detectionRecordId;
this.turnToPage(this.routerMap[this.status], this.query);
break;
default: default:
this.turnToPage('/insuranceDetectionDetail', this.query); this.turnToPage('/insuranceDetectionDetail', this.query);
break; break;
...@@ -181,11 +170,17 @@ export default { ...@@ -181,11 +170,17 @@ export default {
}); });
}, },
turnToPage(path, query) { turnToPage(path, query) {
this.$router.push({ this.$router.push({
path, query path, query
}); });
} },
pageMap(s) {
const m = {
0:'/insuranceDetectionDetail',
1: '/insuranceQuickDetectionDetail'
};
return m[s];
},
} }
}; };
</script> </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 @@ ...@@ -78,7 +78,10 @@
</div> </div>
</div> </div>
<div class="notification"> <div
v-if="insuranceInfo.detectionKind == 0"
class="notification"
>
<div class="sign-detection"> <div class="sign-detection">
<img <img
v-if="isCheck" v-if="isCheck"
...@@ -109,16 +112,16 @@ ...@@ -109,16 +112,16 @@
提交 提交
</div> </div>
</div> </div>
<div class="tel-wrap"> <div class="appoint-detail-tel">
<div class="l-left"> 客服电话：<a
客服电话: &nbsp; style="font-weight:600"
</div> href="tel:400-006-5252"
<div >400-006-5252</a>
class="l-right" <div class="serve-time">
> 周一至周五8:00-18:00 <span /> 双休日9:00-18:00
<a class="fw600" href="tel:400-006-5252">400-006-5252</a>
</div> </div>
</div> </div>
<van-popup <van-popup
v-model="showProtocol" v-model="showProtocol"
position="bottom" position="bottom"
...@@ -201,7 +204,7 @@ ...@@ -201,7 +204,7 @@
<script> <script>
import { mapGetters } from 'vuex'; 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'; import {getDetectionName} from '@/api/appoint';
export default { export default {
data() { data() {
...@@ -245,16 +248,25 @@ export default { ...@@ -245,16 +248,25 @@ export default {
}, },
created() { created() {
const { pprotocolType, detectionRecordId, yunOrderNo } = this.$route.query; const { pprotocolType, detectionRecordId, yunOrderNo } = this.$route.query;
if(pprotocolType && detectionRecordId && yunOrderNo) { if(detectionRecordId && yunOrderNo) {
this.pprotocolType = pprotocolType; this.pprotocolType = pprotocolType || '';
this.detectionRecordId = detectionRecordId; this.detectionRecordId = detectionRecordId;
this.yunOrderNo = yunOrderNo; this.yunOrderNo = yunOrderNo;
this.getProtocolName();
this.getRecordInfo(detectionRecordId);
this.getDetectionName(yunOrderNo); this.getDetectionName(yunOrderNo);
}else { }else {
this.$toast('传递有误:', pprotocolType, detectionRecordId, yunOrderNo); 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: { methods: {
clearCode() { clearCode() {
...@@ -277,6 +289,11 @@ export default { ...@@ -277,6 +289,11 @@ export default {
}); });
}, },
toggleBindingInfo() { toggleBindingInfo() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802846#0#0#绑定按钮',
web_data:{yunOrderNo: this.yunOrderNo},
});
if(!this.isCheck && this.pprotocolType) { if(!this.isCheck && this.pprotocolType) {
this.goProtocol(); this.goProtocol();
}else{ }else{
...@@ -323,7 +340,8 @@ export default { ...@@ -323,7 +340,8 @@ export default {
console.log('res', res); console.log('res', res);
if (res.code === '000000' && res.data) { if (res.code === '000000' && res.data) {
this.insuranceInfo = res.data[0]; 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 { ...@@ -368,9 +386,14 @@ export default {
this.toggleBindingInfo(); this.toggleBindingInfo();
}); });
}, },
getRecordInfo(id) { getRecordInfo() {
const i = id || 11074; const o = {
detectionRecordInfo(i).then(res => { detectionRecordId: this.detectionRecordId,
detectionKind: this.insuranceInfo.detectionKind
};
console.log('----detectionRecordInfo', o);
detectionRecordInfo(o).then(res => {
console.log('---res--', res);
if (res.code === '000000') { if (res.code === '000000') {
this.recordInfo.name = res.data.patientName; this.recordInfo.name = res.data.patientName;
this.recordInfo.sex = res.data.sex === 1 ? '男' : '女'; this.recordInfo.sex = res.data.sex === 1 ? '男' : '女';
...@@ -379,11 +402,8 @@ export default { ...@@ -379,11 +402,8 @@ export default {
this.recordInfo.projectId = res.data.projectId; this.recordInfo.projectId = res.data.projectId;
this.recordInfo.patientId = res.data.patientId; this.recordInfo.patientId = res.data.patientId;
this.recordInfo.hospitalId = res.data.hospitalId; this.recordInfo.hospitalId = res.data.hospitalId;
// patientId
} }
}); });
}, },
// 绑定条形码 // 绑定条形码
bindingCode() { bindingCode() {
...@@ -394,7 +414,37 @@ export default { ...@@ -394,7 +414,37 @@ export default {
prototypeLogId: this.prototypeLogId, prototypeLogId: this.prototypeLogId,
}; };
console.log('--obj--', obj); 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') { if (res.code !== '000000') {
return this.$toast(res.message); return this.$toast(res.message);
} else { } else {
...@@ -411,7 +461,6 @@ export default { ...@@ -411,7 +461,6 @@ export default {
} }
}); });
}, },
callPhone() {}
} }
}; };
...@@ -750,6 +799,23 @@ export default { ...@@ -750,6 +799,23 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: 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{ .l-right{
color:#00BDA5; color:#00BDA5;
display: flex; display: flex;
...@@ -767,5 +833,31 @@ export default { ...@@ -767,5 +833,31 @@ export default {
} }
} }
.mt20{padding-top: 20px} .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> </style>
src/views/insurance-bindCode-success/index.scss
浏览文件 @ ac743b78
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
.l-left { .l-left {
width: 62px; width: 72px;
height: 14px; height: 14px;
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
......
src/views/insurance-bindCode-success/insurance-bindCode-success.vue
浏览文件 @ ac743b78
...@@ -11,7 +11,9 @@ ...@@ -11,7 +11,9 @@
src="https://files.yunqueyi.com/image/png/common/20230301101427839.png" src="https://files.yunqueyi.com/image/png/common/20230301101427839.png"
alt="success" alt="success"
> >
<div class="text">提交成功</div> <div class="text">
提交成功
</div>
</div> </div>
<div class="content"> <div class="content">
<div class="info"> <div class="info">
...@@ -50,15 +52,14 @@ ...@@ -50,15 +52,14 @@
{{ dataDetail.checkName || '--' }} {{ dataDetail.checkName || '--' }}
</p> </p>
</div> </div>
<!-- <div class="list">--> <!-- <div class="list">-->
<!-- <p class="l-left">--> <!-- <p class="l-left">-->
<!-- 检测编号:--> <!-- 检测编号:-->
<!-- </p>--> <!-- </p>-->
<!-- <p class="l-right">--> <!-- <p class="l-right">-->
<!-- {{ dataDetail.recordNo || '&#45;&#45;' }}--> <!-- {{ dataDetail.recordNo || '&#45;&#45;' }}-->
<!-- </p>--> <!-- </p>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
...@@ -74,13 +75,21 @@ ...@@ -74,13 +75,21 @@
查看我的检测 查看我的检测
</div> </div>
</div> </div>
<div class="wechat-wrap" @click="towechat"> <div
<img src="https://files.yunqueyi.com/image/gif/common/20230301171528895.gif" alt=""> class="wechat-wrap"
@click="towechat"
>
<img
src="https://files.yunqueyi.com/image/gif/common/20230301171528895.gif"
alt=""
>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { getDetectionDetail } from '@/api/detection'; import { detectionRecordInfo } from '@/api/detection';
import {mapGetters} from 'vuex';
import store from 'storejs';
export default { export default {
filters: { filters: {
sexFilter(val) { sexFilter(val) {
...@@ -104,17 +113,31 @@ export default { ...@@ -104,17 +113,31 @@ export default {
yunOrderNo: '' yunOrderNo: ''
}; };
}, },
computed: {
...mapGetters('home', ['insuranceInfo']),
},
created() { created() {
const {detectionRecordId, yunOrderNo} = this.$route.query; const {detectionRecordId, yunOrderNo} = this.$route.query;
this.detectionRecordId = detectionRecordId; this.detectionRecordId = detectionRecordId;
this.yunOrderNo = yunOrderNo; this.yunOrderNo = yunOrderNo;
this.init(); this.detectionRecordInfo();
}, },
mounted() { mounted() {
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802847#0#0#绑定成功页面',
web_data:{yunOrderNo: this.yunOrderNo},
});
}, },
methods: { 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') { if (res.code === '000000') {
this.dataDetail = res.data; this.dataDetail = res.data;
} else { } else {
...@@ -124,8 +147,15 @@ export default { ...@@ -124,8 +147,15 @@ export default {
}, },
// 检测详情 // 检测详情
bottomBtnFun() { 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({ this.$router.push({
path: '/insuranceDetectionDetail', path: url,
query: { query: {
detectionRecordId: this.detectionRecordId, detectionRecordId: this.detectionRecordId,
yunOrderNo: this.yunOrderNo yunOrderNo: this.yunOrderNo
......
src/views/insurance-detection-detail/index.scss
浏览文件 @ ac743b78
...@@ -272,7 +272,6 @@ ...@@ -272,7 +272,6 @@
justify-content: center; justify-content: center;
.submit-button { .submit-button {
position: relative; position: relative;
width: 350px;
height: 40px; height: 40px;
border-radius: 20px; border-radius: 20px;
font-weight: 700; font-weight: 700;
...@@ -287,12 +286,28 @@ ...@@ -287,12 +286,28 @@
background: #ffffff; background: #ffffff;
border: 1px solid #00bda5; border: 1px solid #00bda5;
color: #00bda5; color: #00bda5;
position: relative;
} }
} }
.multi-sub-wrap{ .multi-sub-wrap{
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: space-evenly;
.submit-button{ .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 @@ ...@@ -162,33 +162,66 @@
查看报告 查看报告
</div> </div>
<div <div
v-if="picaWechat == 'wechat' && [3].includes(dataDetail.status)" v-if="picaWechat == 'wechat' && (Number(dataDetail.reportExplain) == 0)"
class="submit-button" class="submit-button submit-button-empty"
> >
<wx-open-launch-weapp <wx-open-launch-weapp
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
:username="openWebAppConfig.username" :username="openWebAppConfig.username"
:path="openWebAppConfig.path" :path="openWebAppConfig.path"
env-version="trial"
:extra-data="openWebAppConfig.extraData" :extra-data="openWebAppConfig.extraData"
> >
<script type="text/wxtag-template"> <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> </script>
</wx-open-launch-weapp> </wx-open-launch-weapp>
</div> </div>
<div <div
v-else v-else
class="submit-button" class="submit-button submit-button-empty"
@click="getJumpToWebapp" @click="getJumpToWebapp"
> >
{{ openWebAppBtnName }} {{ openWebAppBtnName }}
</div> </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>
</div> </div>
</template> </template>
<script> <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待支付 // 0待完善信息、1待采样、2已采样、21已送检、22快递已签收、 25实验室已收样、 27已上机、 3已完成、5样本失效、 6待支付
export default { export default {
filters: { filters: {
...@@ -239,6 +272,11 @@ export default { ...@@ -239,6 +272,11 @@ export default {
path:'pagesInsurance/all-entrance/index', // 打开页面 path:'pagesInsurance/all-entrance/index', // 打开页面
extraData: JSON.stringify({}) extraData: JSON.stringify({})
}, },
openWebAppConfigPositive:{
username:'gh_e92f58174364', // 小程序唯一username 1.gh_80d54796f2d5 云鹊助手 2. gh_e92f58174364 云鹊健康
path:'pagesInsurance/all-entrance/index', // 打开页面
extraData: JSON.stringify({})
},
openWebAppBtnName: '报告解读', openWebAppBtnName: '报告解读',
yunOrderNo: '', yunOrderNo: '',
action_code: '' action_code: ''
...@@ -251,6 +289,11 @@ export default { ...@@ -251,6 +289,11 @@ export default {
this.init(); this.init();
}, },
mounted() { mounted() {
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802848#0#0#检测详情页面',
web_data:{yunOrderNo: this.yunOrderNo},
});
}, },
methods: { methods: {
init() { init() {
...@@ -260,8 +303,13 @@ export default { ...@@ -260,8 +303,13 @@ export default {
targetPath: 'pagesInsurance/all-entrance/index', targetPath: 'pagesInsurance/all-entrance/index',
query: {yunOrderNo: this.yunOrderNo}, 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`; 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') { if (res.code === '000000') {
this.dataDetail = res.data; this.dataDetail = res.data;
this.getDetailProces(); this.getDetailProces();
...@@ -286,6 +334,7 @@ export default { ...@@ -286,6 +334,7 @@ export default {
that.openWebAppConfig.extraData = JSON.stringify(ed); that.openWebAppConfig.extraData = JSON.stringify(ed);
that.openWebAppBtnName = n; that.openWebAppBtnName = n;
that.openWebAppConfig.path = jump_path; that.openWebAppConfig.path = jump_path;
this.openWebAppConfigPositive = `pagesInsurance/all-entrance/index?detectionKind=${this.dataDetail.id}&tradeDetectionServiceRecordId=${this.dataDetail.detectType}`;
} else { } else {
that.$toast(res.message); that.$toast(res.message);
} }
...@@ -356,7 +405,47 @@ export default { ...@@ -356,7 +405,47 @@ export default {
} }
console.log('--mapStatus', m); console.log('--mapStatus', m);
return 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> </script>
......
src/views/insurance-question-back/index.vue
浏览文件 @ ac743b78
...@@ -15,27 +15,13 @@ ...@@ -15,27 +15,13 @@
提交成功 提交成功
</div> </div>
<div class="font-normal"> <div class="font-normal">
{{ 您的结果将于次日以短信形式推送,烦请留意！
evaluationInfo.detectionScoreFlag == 1
? '结果计算中...'
: '您的结果将于次日以短信形式推送,烦请留意！'
}}
</div> </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>
</div> </div>
</template> </template>
<script> <script>
// import {evaluationResults, getDetailByUnionId} from '@/api/home.js';
const { VUE_APP_ENV } = process.env;
export default { export default {
data() { data() {
return { return {
...@@ -47,20 +33,6 @@ export default { ...@@ -47,20 +33,6 @@ export default {
style: 'backgroundColor:#ffffff;zIndex:100;', style: 'backgroundColor:#ffffff;zIndex:100;',
background: '', 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() { created() {
......
src/views/insurance-question-result/insuranceQuestionResult.vue
浏览文件 @ ac743b78
...@@ -10,12 +10,15 @@ ...@@ -10,12 +10,15 @@
<template v-if="!needDetect"> <template v-if="!needDetect">
<div class="info-top"> <div class="info-top">
<div class="info-top-title"> <div class="info-top-title">
防癌专家提醒您尽快进行 防癌专家提醒您尽快{{ insuranceInfo.detectionKind == 0 ? '进行' : '领取' }}
</div> </div>
<div class="info-top-name"> <div class="info-top-name">
{{ detectionName }} {{ detectionName }}
</div> </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">
<div class="tips-item-dot" /> <div class="tips-item-dot" />
DNA甲基化检测技术，对比传统肿瘤标志物检查,早期癌变检出率高5-10倍 DNA甲基化检测技术，对比传统肿瘤标志物检查,早期癌变检出率高5-10倍
...@@ -29,15 +32,28 @@ ...@@ -29,15 +32,28 @@
检测报告阳性，最高可报销300元复查费用 检测报告阳性，最高可报销300元复查费用
</div> </div>
</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> </div>
<img <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" class="info-btn"
@click="toAppoint" @click="toAppoint"
> >
<div class="info-tips"> <div class="info-tips">
点击上方按钮预约，并前往预约的医疗机构采样 {{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '点击上方按钮预约，并前往预约的医疗机构采样' : '点击上方按钮预约，并前往预约的医疗机构领取产品' }}
</div> </div>
</template> </template>
<template v-else> <template v-else>
...@@ -63,20 +79,11 @@ ...@@ -63,20 +79,11 @@
</div> </div>
</template> </template>
</div> </div>
<!-- <div
v-if="!needDetect"
class="custom-style"
@click="toAppoint"
>
{{ buttonText || '免费预约检测' }}
</div> -->
<div <div
v-if="detectionName && detectionName.length > 0"
class="tips-fixed" class="tips-fixed"
> >
注：该问卷评估结果仅供填写人自行参考。 注：请填写人根据问卷评估结果自主选择后续检测
</div> </div>
</div> </div>
</div> </div>
...@@ -85,6 +92,7 @@ ...@@ -85,6 +92,7 @@
<script> <script>
import { getButtonStatus } from '@/api/question'; import { getButtonStatus } from '@/api/question';
import {getDetectionName} from '@/api/appoint'; import {getDetectionName} from '@/api/appoint';
import { mapGetters } from 'vuex';
export default { export default {
data() { data() {
return { return {
...@@ -106,19 +114,26 @@ export default { ...@@ -106,19 +114,26 @@ export default {
status:null, status:null,
query: {}, query: {},
buttonStatus: false, buttonStatus: false,
buttonText:'' buttonText:'',
}; };
}, },
computed: {
...mapGetters('home', ['insuranceInfo']),
},
mounted() { mounted() {
const { query } = this.$route; const { query } = this.$route;
this.$loading.show(); this.$loading.show();
this.query = query; this.query = query;
this.needDetect = !(query.needDetect == '1'); this.needDetect = !(query.needDetect == '1');
console.log('query', this.needDetect); console.log('query', this.needDetect);
this.yunOrderNo = query.yunOrderNo;
this.getButtonStatus(query.yunOrderNo); this.getButtonStatus(query.yunOrderNo);
this.getDetectionName(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(); this.$loading.hide();
}, },
methods: { methods: {
...@@ -138,7 +153,7 @@ export default { ...@@ -138,7 +153,7 @@ export default {
getDetectionName(yunOrderNo).then(res => { getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) { if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {}; const dectionData = res.data[0] || {};
console.log('dectionData.detectionName', dectionData.detectionName); console.log('dectionData.detectionName', this.insuranceInfo, dectionData);
this.detectionName = dectionData.detectionName; this.detectionName = dectionData.detectionName;
this.$store.dispatch('home/setInsuranceInfo', dectionData); this.$store.dispatch('home/setInsuranceInfo', dectionData);
this.$loading.hide(); this.$loading.hide();
...@@ -147,6 +162,11 @@ export default { ...@@ -147,6 +162,11 @@ export default {
}, },
// 去预约 // 去预约
toAppoint() { toAppoint() {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802850#0#0',
web_data:{yunOrderNo: this.yunOrderNo},
});
if (this.buttonStatus) { if (this.buttonStatus) {
const { projectEquityNo, externalOrderNo, yunOrderNo } = this.query; const { projectEquityNo, externalOrderNo, yunOrderNo } = this.query;
console.log('this.query', this.query); console.log('this.query', this.query);
...@@ -154,25 +174,33 @@ export default { ...@@ -154,25 +174,33 @@ export default {
path: '/appoint', path: '/appoint',
query: {projectEquityNo, externalOrderNo, yunOrderNo}, query: {projectEquityNo, externalOrderNo, yunOrderNo},
}); });
}else{
this.getButtonStatus(this.yunOrderNo);
} }
}, },
// 获取按钮状态 // 获取按钮状态
getButtonStatus(yunOrderNo) { getButtonStatus(yunOrderNo) {
getButtonStatus(yunOrderNo).then(res => { getButtonStatus(yunOrderNo).then(res => {
console.log(res); console.log(res);
this.buttonStatus = res.data.buttonStatus; const {buttonStatus} = res.data;
this.buttonStatus = buttonStatus || false;
this.buttonText = res.data.statusDesc; this.buttonText = res.data.statusDesc;
this.$loading.hide(); this.$loading.hide();
(this.detectionName && !this.buttonStatus) && this.$dialog.alert({
message: this.buttonText,
confirmButtonColor:'#00bda5'
}); });
} });
},
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.insuranceQuestionResult-box{ .insuranceQuestionResult-box{
height: 100vh; min-height: 100vh;
background: #F3FCFF; background: #F3FCFF;
padding-bottom: 50px;
} }
.insuranceQuestionResult { .insuranceQuestionResult {
width: 100%; width: 100%;
...@@ -193,7 +221,8 @@ background: #F3FCFF; ...@@ -193,7 +221,8 @@ background: #F3FCFF;
margin: 168px auto 54px; margin: 168px auto 54px;
.info-top{ .info-top{
width: 308px; width: 308px;
height: 200px; height: auto;
padding-bottom: 50px;
background: #FFFBF9; background: #FFFBF9;
border-radius: 11px; border-radius: 11px;
margin: 10px auto 20px; margin: 10px auto 20px;
...@@ -353,7 +382,6 @@ background: #F3FCFF; ...@@ -353,7 +382,6 @@ background: #F3FCFF;
bottom: 70px; bottom: 70px;
height: 21px; height: 21px;
font-size: 13px; font-size: 13px;
font-family: PingFangSC-Light, PingFang SC;
font-weight: 300; font-weight: 300;
color: #999999; color: #999999;
line-height: 21px; 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 @@ ...@@ -68,6 +68,10 @@
}, },
mounted() { mounted() {
this._loadFile(this.pdfUrl); this._loadFile(this.pdfUrl);
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '0000000#7802856#0#0',
});
}, },
beforeDestroy() { beforeDestroy() {
console.log('destory'); console.log('destory');
......
vue.config.js
浏览文件 @ ac743b78
...@@ -35,7 +35,7 @@ module.exports = { ...@@ -35,7 +35,7 @@ module.exports = {
port: 8083, port: 8083,
proxy: { proxy: {
'/proxy': { '/proxy': {
target: 'https://test1-sc.yunqueyi.com/', target: 'https://dev-sc.yunqueyi.com/',
// target: 'https://test1-sc.yunqueyi.com/', // target: 'https://test1-sc.yunqueyi.com/',
// target: 'https://uat-sc.yunqueyi.com/', // target: 'https://uat-sc.yunqueyi.com/',
// http://10.241.65.90:3000/mock/1071/cs/route/removeUser // http://10.241.65.90:3000/mock/1071/cs/route/removeUser
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或