Skip to content

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

auto commit

上级 05374814
隐藏空白字符变更
内嵌 并排
正在显示 包含 594 行增加 和 278 行删除
package.json
浏览文件 @ eecfaa66
......@@ -21,6 +21,7 @@
"push": "bash gitPush.sh"
},
"dependencies": {
"@amap/amap-jsapi-loader": "^1.0.1",
"axios": "^0.19.2",
"core-js": "^3.6.5",
"dayjs": "^1.8.30",
......@@ -73,7 +74,8 @@
"vue-skeleton-webpack-plugin": "^1.2.2",
"vue-template-compiler": "^2.6.11",
"webpack-bundle-analyzer": "^4.4.2",
"pdfjs-dist": "2.4.456"
"pdfjs-dist": "2.4.456",
"storejs": "2.0.1"
},
"eslintConfig": {
"root": true,
......
public/index.html
浏览文件 @ eecfaa66
......@@ -28,5 +28,21 @@
<script src="<%= VUE_APP_OSS_URL %>static/js/crypto.min-4.0.0.js"></script>
<script src="<%= VUE_APP_OSS_URL %>static/js/vconsole-3.3.4.js"></script>
<script src="<%= VUE_APP_OSS_URL %>static/js/lodash-4.17.15.js"></script>
<script>
!(function(c,b,d,a){c[a]||(c[a]={});c[a].config=
{
pid:"bj53rb58f5@29641a9002f6545",
appType:"web",
imgUrl:"https://arms-retcode.aliyuncs.com/r.png?",
sendResource:true,
enableLinkTrace:true,
behavior:true,
useFmp:true,
enableSPA:true,
enableConsole:true
};
with(b)with(body)with(insertBefore(createElement("script"),firstChild))setAttribute("crossorigin","",src=d)
})(window,document,"https://retcode.alicdn.com/retcode/bl.js","__bl");
</script>
</body>
</html>
src/api/appoint.js 0 → 100644
浏览文件 @ eecfaa66
import request from 'mn-template/plugins/http';
// 根据订单号获取检测名称
// /tis/insurance/detectionName?yunOrderNo=11
export const getDetectionName = (yunOrderNo) => {
return request({
method: 'get',
url: `/tis/insurance/detectionName?yunOrderNo=${yunOrderNo}`,
withCredentials: true,
});
};
// /tis/insurance/order/info?yunOrderNo=1
// 查询订单信息
export const getOrderInfo = (yunOrderNo) => {
return request({
method: 'get',
url: `/tis/insurance/order/info?yunOrderNo=${yunOrderNo}`,
withCredentials: true,
});
};
export const appointment = (data) => {
return request({
method: 'post',
data,
url: '/tis/insurance/appointment',
withCredentials: true,
});
};
// /insurance/getDetailByYunOrderNo
// 查看预约详情
export const getDetailByYunOrderNo = (yunOrderNo) => {
return request({
method: 'get',
url: `/tis/insurance/getDetailByYunOrderNo?yunOrderNo=${yunOrderNo}`,
withCredentials: true,
});
};
src/api/home.js
浏览文件 @ eecfaa66
import $http from 'mn-template/plugins/http';
// 获取亲友列表
export const listRelatives = () => $http({
method: 'get',
url: '/splitter/live/v2/list',
params: {version: '3.2.1'}
});
// 新增亲友
export const list = params => $http.get('/aaa/bbb', params);
import request from 'mn-template/plugins/http';
// 获取检测详情 接口
export const getButtonStatus = (id) => {
return request({
method: 'get',
url: `/tis/insurance/buttonStatus?yunOrderNo=${id}`,
withCredentials: true,
});
};
src/api/question.js 0 → 100644
浏览文件 @ eecfaa66
import request from 'mn-template/plugins/http';
// 获取检测详情 接口
export const getButtonStatus = (id) => {
return request({
method: 'get',
url: `/tis/insurance/makeAppointmentStatus?yunOrderNo=${id}`,
withCredentials: true,
});
};
// 根据订单号获取跳转页状态/
// /tis/insurance/jumpPageStatus?orderNo=1&projectEquityNo=1
export const getJumpPageStatus = (orderNo, projectEquityNo) => {
return request({
method: 'get',
url: `/tis/insurance/jumpPageStatus?orderNo=${orderNo}&projectEquityNo=${projectEquityNo}`,
withCredentials: true,
});
};
src/components/pickArea/api.js
浏览文件 @ eecfaa66
......@@ -8,7 +8,7 @@ export const getProvinceList = async params => {
method: 'get',
params: params,
withCredentials: true,
url: '/basic-data/position/provinces'
url: 'tis/insurance/provinces'
});
};
/**
......@@ -19,7 +19,7 @@ export const getCityList = async params => {
method: 'get',
params: params,
withCredentials: true,
url: '/basic-data/position/cities'
url: 'tis/insurance/cities'
});
};
/**
......@@ -30,7 +30,7 @@ export const getCountyList = async params => {
method: 'get',
params: params,
withCredentials: true,
url: '/basic-data/position/counties'
url: '/tis/insurance/counties'
});
};
/**
......
src/components/pickArea/index.vue
浏览文件 @ eecfaa66
......@@ -48,7 +48,12 @@ export default {
locationAreaCode: {
type: Array,
default:() => []
},
projectEquityNo: {
type: String,
default:() => ''
}
// CX202302091000154321
},
data() {
return {
......@@ -63,7 +68,7 @@ export default {
},
watch: {
locationAreaCode:{
async handler(nv, ov) {
async handler(nv, ov) {
console.log('locationAreaCode', nv, ov);
this.provinceList = await this.getProvinceList();
this.cityList = await this.getCityList(nv[0]);
......@@ -92,35 +97,35 @@ export default {
},
// 获取省列表
getProvinceList() {
return new Promise((resolve, rejects) => {
getProvinceList().then(res => {
const datas = {projectEquityNo:this.projectEquityNo};
return new Promise((resolve, rejects) => {
getProvinceList(datas).then(res => {
this.hideLoading();
const data = res.data.provinceList.map(ele => {
return {
name: ele.provinceName,
id:ele.provinceId
};
};
});
resolve(data);
}).catch(err => {
}).catch(err => {
rejects(err);
});
}).finally(this.hideLoading);
},
// 获取省列表下市区
getCityList(provinceId) {
return new Promise((resolve, rejects) => {
getCityList({ provinceId }).then(res => {
return new Promise((resolve, rejects) => {
getCityList({ provinceId, projectEquityNo:this.projectEquityNo }).then(res => {
this.hideLoading();
const data = res.data.cityList.map(ele => {
const data = res.data.cityList.map(ele => {
return {
name: ele.cityName,
id:ele.cityId
};
name: ele.cityName,
id:ele.cityId
};
});
resolve(data);
}).catch(err => {
}).catch(err => {
rejects(err);
});
}).finally(this.hideLoading);
......@@ -129,15 +134,15 @@ export default {
getCountyList(cityId) {
return new Promise((resolve, rejects) => {
this.hideLoading();
getCountyList({ cityId }).then(res => {
getCountyList({ cityId, projectEquityNo:this.projectEquityNo}).then(res => {
const data = res.data.countyList.map(ele => {
return {
name: ele.countyName,
id:ele.countyId
};
name: ele.countyName,
id:ele.countyId
};
});
resolve(data);
}).catch(err => {
}).catch(err => {
rejects(err);
});
}).finally(this.hideLoading);
......@@ -168,16 +173,16 @@ export default {
this.$refs.picker.setColumnValues(currentChangeIndex + 2, this.countyList);
this.$refs.picker.setColumnIndex(currentChangeIndex + 2, 0);
this.hideLoading();
break;
break;
case 1:
this.loading = true;
this.countyList = await this.getCountyList(columnsIndex[currentChangeIndex].id);
this.$refs.picker.setColumnValues(currentChangeIndex + 1, this.countyList);
this.hideLoading();
break;
break;
case 2:
this.hideLoading();
break;
break;
default:
this.hideLoading();
break;
......
src/components/selectHospital/api.js
浏览文件 @ eecfaa66
//
import request from 'mn-template/plugins/http';
export const getHospitalList = (data) => {
export const getHospitalList = (params) => {
return request({
method: 'POST',
data,
url: 'store/admin/customer/list/dropdown',
method: 'GET',
params,
url: '/tis/insurance/hospitalList',
withCredentials: true,
});
};
src/components/selectHospital/index.vue
浏览文件 @ eecfaa66
......@@ -77,6 +77,7 @@
</template>
<script>
import {highLight} from '@/utils/common';
import {getHospitalList} from './api';
export default {
props: {
......@@ -87,6 +88,10 @@ export default {
show: {
type: Boolean,
default:() => false
},
projectEquityNo: {
type: String,
default:() => ''
}
},
data() {
......@@ -97,24 +102,31 @@ export default {
finished: false,
pageNum: 0,
pageSize: 50,
searchValue:'',
searchValue: '',
};
},
mounted() {
this.getHospitalList(false);
},
methods: {
highLight(name, value) {
return highLight(name, value);
},
// 获取机构列表
getHospitalList(isLoad) {
this.finished = false;
this.pageNum = isLoad ? this.pageNum + 1 : 1;
const data = {
certifyStatus: '0',
hospitalId: '',
hospitalIds: [],
pageNum: this.pageNum,
pageSize: this.pageSize,
searchStr: this.searchValue,
cityId: '',
countyId: '',
provinceId:'',
projectEquityNo:this.projectEquityNo,
// pageNum: this.pageNum,
// pageSize: this.pageSize,
keyword: this.searchValue,
};
console.log(data);
getHospitalList(data).then(res => {
......@@ -176,85 +188,85 @@ export default {
color: #02120F;
line-height: 18px;
text-align: center;
}
.select-hospital-input{
position: absolute;
width: calc(100% - 15px);
top: 58px;
padding-right: 15px;
border-bottom: 1px solid #ebedf0;
/deep/ .van-search__action{
padding-left: 13px;
padding-right: 0;
}
.select-hospital-input{
position: absolute;
width: calc(100% - 15px);
top: 58px;
padding-right: 15px;
border-bottom: 1px solid #ebedf0;
/deep/ .van-search__action{
padding-left: 13px;
padding-right: 0;
}
}
.select-hospital-list{
padding-top: 120px;
height: calc(100% - 120px);
overflow: hidden;
// position: absolute;
// top: 100px;
// left: 0;
// right: 0;
// bottom: 0;
// min-height: 450px;
// height: 450px;
.van-list{
height: 100%;
overflow: auto;
.list-item{
position: relative;
padding-top: 14px;
padding-bottom: 12px;
&-name{
height: 15px;
font-size: 15px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #212121;
line-height: 15px;
margin-bottom: 12px;
}
&-address{
height: 12px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 12px
}
&-icon{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 19px;
height: 19px;
background: url('~@/assets/images/icon-4.png') 0 0 / 100%
100% no-repeat;
}
}
}
.select-hospital-nodata{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
.img{
width: 155px;
height: 85px;
margin: 21px auto;
}
.text{
height: 25px;
font-size: 18px;
}
.select-hospital-list{
padding-top: 120px;
height: calc(100% - 120px);
overflow: hidden;
// position: absolute;
// top: 100px;
// left: 0;
// right: 0;
// bottom: 0;
// min-height: 450px;
// height: 450px;
.van-list{
height: 100%;
overflow: auto;
.list-item{
position: relative;
padding-top: 14px;
padding-bottom: 12px;
&-name{
height: 15px;
font-size: 15px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #02120F;
line-height: 25px;
color: #212121;
line-height: 15px;
margin-bottom: 12px;
}
&-address{
height: 12px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 12px
}
&-icon{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 19px;
height: 19px;
background: url('~@/assets/images/icon-4.png') 0 0 / 100%
100% no-repeat;
}
}
}
}
.select-hospital-nodata{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
.img{
width: 155px;
height: 85px;
margin: 21px auto;
}
.text{
height: 25px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #02120F;
line-height: 25px;
}
}
}
</style>
src/components/selectTime/api.js
浏览文件 @ eecfaa66
//
import request from 'mn-template/plugins/http';
export const getHospitalList = (data) => {
// /tis/insurance/hosptial/scheduling?hospitalId=1&projectEquityNo=1
export const getScheduling = (params) => {
return request({
method: 'POST',
data,
url: 'store/admin/customer/list/dropdown',
method: 'GET',
params,
url: '/tis/insurance/hosptial/scheduling',
withCredentials: true,
});
};
src/components/selectTime/index.vue
浏览文件 @ eecfaa66
......@@ -18,26 +18,26 @@
v-for="item in timsArray"
:key="item"
class="text"
:class="selectTimes === item ?'selected':''"
@click="selectTime(item)"
:class="selectTimes === item.appointmentDate ?'selected':''"
@click="selectTime(item.appointmentDate,item)"
>
{{ item }}
{{ item.appointmentDate }}
</div>
</div>
<div class="time-list-right">
<div
class="text"
:class="selectTimeBucket === 'am' ?'selected':''"
@click="selectTimeB('am')"
:class="selectTimeBucket === 'amTimeBegin' ?'selected':''"
@click="selectTimeB('amTimeBegin')"
>
上午
{{ currentItem.amTimeContent }}
</div>
<div
class="text"
:class="selectTimeBucket === 'pm' ?'selected':''"
@click="selectTimeB('pm')"
:class="selectTimeBucket === 'pmTimeBegin' ?'selected':''"
@click="selectTimeB('pmTimeBegin')"
>
下午
{{ currentItem.pmTimeContent }}
</div>
</div>
</div>
......@@ -46,7 +46,7 @@
</template>
<script>
// import {getHospitalList} from './api';
import {getScheduling} from './api';
export default {
props: {
hospitalId: {
......@@ -56,7 +56,12 @@ export default {
show: {
type: Boolean,
default:() => false
}
},
projectEquityNo: {
type: String,
default:() => ''
},
},
data() {
return {
......@@ -73,14 +78,27 @@ export default {
am: '上午',
pm: '下午',
},
currentItem:''
};
},
watch: {
},
mounted() {
this.getTimes();
// this.getTimes();d
this.getScheduling();
},
methods: {
// 获取机构列表
getScheduling() {
const {projectEquityNo, hospitalId} = this;
getScheduling({ projectEquityNo, hospitalId }).then(res => {
console.log(res);
this.timsArray = res.data;
this.selectTimes = res.data[0].appointmentDate;
this.currentItem = res.data[0];
});
},
selectItem() {
if (this.selectTimes === '') {
this.$toast('请选择日期');
......@@ -90,7 +108,7 @@ export default {
this.$toast('请选择时间段');
return;
}
this.$emit('change', this.selectTimes + ' ' + this.timeBucket[this.selectTimeBucket]);
this.$emit('change', this.selectTimes + ' ' + this.selectTimeBucket);
},
cancel() {
this.finished = false;
......@@ -119,12 +137,18 @@ export default {
plusZero(num) {
return num > 9 ? num + '' : '0' + num;
},
selectTime(item) {
this.selectTimes = item;
this.selectItem();
selectTime(selectTimes, item) {
console.log(item);
this.selectTimes = selectTimes;
this.currentItem = item;
this.selectItem();
},
selectTimeB(item) {
this.selectTimeBucket = item;
// 约满禁止预约
if (!this.currentItem[item]) {
return;
}
this.selectTimeBucket = item === 'amTimeBegin' ? this.currentItem['amTimeContent'] : this.currentItem['pmTimeContent'];
this.selectItem();
}
}
......@@ -154,45 +178,45 @@ export default {
line-height: 18px;
text-align: center;
border-bottom: 1px solid #ebedf0;
}
}
.select-time-list{
padding-top: 59px;
height: calc(100% - 59px);
overflow: hidden;
display: flex;
.time-list-left{
.select-time-list{
padding-top: 59px;
height: calc(100% - 59px);
overflow: hidden;
display: flex;
.time-list-left{
width: 130px;
height: 100%;
overflow: auto;
background: #F5F6F8;
.text{
width: 130px;
height: 100%;
overflow: auto;
background: #F5F6F8;
.text{
width: 130px;
font-size: 16px;
text-align: center;
height: 38px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #02120F;
line-height: 38px;
}
font-size: 16px;
text-align: center;
height: 38px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #02120F;
line-height: 38px;
}
.time-list-right{
padding: 10px 0;
.text{
padding-left: 22px;
height: 41px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 41px;
}
}
.time-list-right{
padding: 10px 0;
.text{
padding-left: 22px;
height: 41px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 41px;
}
}
.selected{
color: #00BDA5 !important;
background: #FFFFFF
}
}
}
.selected{
color: #00BDA5 !important;
background: #FFFFFF
}
</style>
src/main.js
浏览文件 @ eecfaa66
......@@ -50,5 +50,9 @@ if(dd.env.version) {
sessionStorage.setItem('headerHeight', 0);
window.Vue.use(PicaArea);
// 设置安全密钥
window._AMapSecurityConfig = {
securityJsCode: '5dfc1ae6a14ad5c005ffb2ad6d718ae4'
};
console.log('router, store, vueApp: ', router, store, vueApp);
console.log('window :>> ', window);
src/plugins/httpExtension.js
浏览文件 @ eecfaa66
import $http from 'mn-template/plugins/http';
import { Toast } from 'vant';
// 设置axios默认属性
$http.setDefaults({
headers: {}
......@@ -16,4 +16,9 @@ $http.setOptions({
$http.addBeforeHook(config => console.log('我是新增的前置钩子', config), 0);
// 新增后置钩子
$http.addAfterHook(response => console.log('我是新增的后置钩子', response), 0);
$http.addAfterHook(response => {
if (response.data.code !== '000000') {
Toast(response.data.message);
}
console.log('我是新增的后置钩子', response);
}, 0);
src/router/index.js
浏览文件 @ eecfaa66
......@@ -23,7 +23,7 @@ const routerConfig = [
{
path: '/insuranceQuestionResult',
name: 'insuranceQuestionResult',
component: () => import('@/views/insurance-question-result/insuranceQuestionResult.vue'),
component: () => import('@/views/insurance-question-result/index.vue'),
},
{
path: '/insuranceQuestionBack',
......@@ -35,6 +35,16 @@ const routerConfig = [
name: 'appoint',
component: () => import('@/views/appoint/index.vue'),
},
{
path: '/geoNavigation',
name: 'geoNavigation',
component: () => import('@/views/geoNavigation/index.vue'),
},
{
path: '/home',
name: 'home',
component: () => import('@/views/home/index.vue'),
},
{
path: '/appoint-details',
name: 'appointDetails',
......
src/store/modules/home.js
浏览文件 @ eecfaa66
import store from 'storejs';
export default {
namespaced: true,
state: {
count: 0
insuranceInfo: {}
},
mutations: {
add (state, val = 1) {
state.count += val;
// 存值
SET_INSURANCE_INFO(state, val = {}) {
state.insuranceInfo += val;
}
},
actions: {
// 暂存保险订单信息
setInsuranceInfo({commit}, data) {
commit('SET_INSURANCE_INFO', data);
store.set('insuranceInfo', data);
},
},
getters: {
// 获取 insuranceInfo 的值
insuranceInfo: state => {
const insuranceInfo = state.insuranceInfo.id ? state.insuranceInfo : store.get('insuranceInfo');
return insuranceInfo || {};
}
}
};
src/styles/App.scss
浏览文件 @ eecfaa66
......@@ -247,3 +247,6 @@ ins, a {
.page-model {
background-color: #ffffff;
}
input::-webkit-input-placeholder{
color: #999 !important;
}
src/utils/common.js
浏览文件 @ eecfaa66
export default {
highLight: function (str, val) {
// str 表示原字符串
// val 高亮的文本
if (str !== '' || !val) {
str = str.replace(val, `<span style="color:#00BDA5">${val}</span>`);
return str;
}
export const highLight = (str, val) => {
if (str !== '' || !val) {
str = str.replace(val, `<span style="color:#00BDA5">${val}</span>`);
return str;
},
callPhone: function (phone) {
window.location.href = `tel:${phone}`;
},
}
return str;
};
src/views/appoint/index.vue
浏览文件 @ eecfaa66
......@@ -24,7 +24,7 @@
class="appoint-form-title"
/>
<van-field
v-model="dectionForm.username"
v-model="dectionForm.beneficiaryName"
label="受检人"
class="appoint-form-items"
placeholder="请输入受检人姓名"
......@@ -38,7 +38,7 @@
},]"
/>
<van-field
v-model="dectionForm.phoneNum"
v-model="dectionForm.beneficiaryPhone"
class="appoint-form-items"
label="手机号"
placeholder="请输入受检人手机号"
......@@ -49,7 +49,7 @@
},]"
/>
<van-field
v-model="dectionForm.idCard"
v-model="dectionForm.beneficiaryIdNum"
class="appoint-form-items"
label="身份证号"
placeholder="请输入受检人真实身份证号"
......@@ -124,7 +124,7 @@
>
<template #input>
<div
v-if="!dectionForm.time"
v-if="!dectionForm.appointmentTime"
class="appoint-form-placeholder"
>
请选择预约时间
......@@ -133,7 +133,7 @@
v-else
class="appoint-form-value"
>
{{ dectionForm.time }}
{{ dectionForm.appointmentTime }}
</div>
</template>
</van-field>
......@@ -146,34 +146,44 @@
:disabled="!checkValue"
class="appoint-form-submit "
:class="checkValue ? 'appoint-form-submit-active':''"
@click="appointment"
>
提交
</van-button>
</div>
<SelectHospital
:project-equity-no="projectEquityNo"
:show="showselectHospital"
:hospital-id="hospitalId"
@change="selectHospital"
@close="closePopup"
/>
<SelectTime
:hospital-id="hospitalId"
:project-equity-no="projectEquityNo"
:show="showSelectTime"
@change="selectTimes"
@close="closePopup"
/>
<PickArea
:location-area-code="locationAreaCode"
:project-equity-no="projectEquityNo"
:show="showArea"
@confirm="confirm"
@close="closePopup"
/>
<div
id="container"
/>
</div>
</template>
<script>
import {getDetectionName, getOrderInfo, appointment} from '@/api/appoint';
import SelectHospital from '@/components/selectHospital/index.vue';
import SelectTime from '@/components/selectTime/index.vue';
import PickArea from '@/components/pickArea/index.vue';
import AMapLoader from '@amap/amap-jsapi-loader';
export default {
components: {
SelectHospital,
......@@ -182,14 +192,15 @@ export default {
},
data() {
return {
dectionData:{},
dectionForm: {
detectName: '癌症甲基化早筛检测',
username:'',
place: '',
time: '',
detectName: '',
beneficiaryIdNum:'',
beneficiaryName: '',
appointmentTime: '',
currentDate: '',
timeBucket: '',
hospitalId: '',
beneficiaryPhone: '',
hospitalName:'',
goodsId: '',
},
......@@ -211,38 +222,90 @@ export default {
value: [],
label: '',
},
geolocation:null,
isShowAddress: false,
showSelectTime:false,
isSelf: false,
spEquityCode: '',
hospitalId: '',
locationAreaCode:[330, 330400000000, 330424000000]
locationAreaCode: [330, 330400000000, 330424000000],
hospitalId: '12746',
projectEquityNo: 'CX202302091000154321',
yunOrderNo:''
};
},
computed: {
checkValue() {
return (
this.dectionForm.hospitalId !== '' &&
this.dectionForm.time !== '' &&
this.dectionForm.currentDate !== '' &&
this.dectionForm.timeBucket !== ''
);
return true;
},
},
mounted() {
setTimeout(() => {
this.locationAreaCode = [330, 330400000000, 330424000000];
}, 3000);
const { yunOrderNo } = this.$route.query;
this.yunOrderNo = yunOrderNo;
console.log('yunOrderNo', yunOrderNo);
this.getDetectionName(yunOrderNo);
this.getOrderInfo(yunOrderNo);
this.initMap();
},
methods: {
choose() {},
submit() {},
chooseHospital() {},
getMeixinHospitalList() {},
chooseDate() {},
initMap() {
AMapLoader.load({
key:'d22c1f112c97cb93b8d343b18420b98d', // 申请好的Web端开发者Key，首次调用 load 时必填
version:'2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
plugins:[''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
}).then((AMap) => {
AMap.plugin('AMap.Geolocation', function() {
var geolocation = new AMap.Geolocation({
// 是否使用高精度定位，默认：true
enableHighAccuracy: true,
// 设置定位超时时间，默认：无穷大
timeout: 10000,
// 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20)
buttonOffset: new AMap.Pixel(10, 20),
// 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
zoomToAccuracy: true,
// 定位按钮的排放位置, RB表示右下
buttonPosition: 'RB'
});
geolocation.getCurrentPosition((status, result) => {
console.log('geolocation,', status, result);
});
});
});
},
// 目前是配置一个检测信息，可能会拓展，所以返回的是一个list
getDetectionName(yunOrderNo) {
getDetectionName(yunOrderNo).then(res => {
if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {};
console.log('getDetectionName', dectionData);
this.dectionData = dectionData;
this.dectionForm.detectName = dectionData.detectionName;
this.dectionForm.goodsId = dectionData.goodsId;
}
});
},
// 获取订单信息
getOrderInfo(yunOrderNo) {
getOrderInfo(yunOrderNo).then(res => {
console.log('getOrderInfo', res);
this.dectionForm.beneficiaryName = res.data.beneficiaryName;
this.dectionForm.beneficiaryPhone = res.data.beneficiaryPhone;
this.dectionForm.beneficiaryIdNum = res.data.beneficiaryIdNum;
});
},
selectTimes(times) {
console.log(times);
this.dectionForm.time = times;
this.dectionForm.appointmentTime = times;
this.closePopup('showSelectTime');
},
getTimes() {
......@@ -272,7 +335,22 @@ export default {
},
cancelSearch() {},
selectAddress() {},
onConfirm() {},
appointment() {
console.log(this.dectionForm);
const data = {
appointmentTime: this.dectionForm.appointmentTime,
goodsId: this.dectionForm.goodsId,
hospitalId: '12746',
hospitalName: '1111',
patientIdNo: this.dectionForm.beneficiaryIdNum,
patientMobile: this.dectionForm.beneficiaryPhone,
patientName: this.dectionForm.beneficiaryName,
yunOrderNo:this.yunOrderNo,
};
appointment(data).then(res => {
console.log('confirm', res);
});
},
getDetailByUnionId() { },
confirm(values) {
......@@ -300,7 +378,7 @@ export default {
box-sizing: border-box;
color: #ffffff;
background: url('https://files.yunqueyi.com/image/png/common/20221213160647748.png')
no-repeat top left;
no-repeat top left;
background-size: 100% 281px;
.bg-img {
......@@ -385,14 +463,17 @@ export default {
}
}
.appoint-form-items{
/deep/ .van-field__label{
/deep/ .van-field__label{
color: #999999;
}
}
.appoint-form-placeholder{
color: #999999;
}
.appoint-form-title::after{
display: none;
}
}
// .sub-btn {
// background: #00bda5;
// font-size:16px;
......@@ -521,7 +602,9 @@ export default {
.disabled {
background: #d9d9d9 !important;
}
// /deep/ .van-field__control::placeholder{
// color: #999999;
// }
.appoint-form-submit{
margin-top: 30px;
height: 40px;
......@@ -534,38 +617,45 @@ export default {
}
}
::v-deep {
.address-wrap {
height: 590px;
#province {
height: 500px;
}
#city {
height: 500px;
}
#county {
height: 500px;
}
#town {
height: 500px;
}
.tip-header h3 {
font-weight: 700;
color: #212121;
}
.tip-header .submit-btn {
color: #00bda5 !important;
}
.address-select .show-address-header .item.active:after {
background-color: #00bda5;
}
.address-select .address-content ul li.active {
color: #00bda5;
}
.address-wrap {
height: 590px;
#province {
height: 500px;
}
#city {
height: 500px;
}
#county {
height: 500px;
}
#town {
height: 500px;
}
.tip-header h3 {
font-weight: 700;
color: #212121;
}
.tip-header .submit-btn {
color: #00bda5 !important;
}
.address-select .show-address-header .item.active:after {
background-color: #00bda5;
}
.address-select .address-content ul li.active {
color: #00bda5;
}
}
}
</style>
<style>
.mpvue-picker-div-show {
color: #000000;
}
#container{
display: none;
padding:0px;
margin: 0px;
width: 100%;
height: 800px;
}
</style>
src/views/appointDetails/index.vue
浏览文件 @ eecfaa66
......@@ -74,11 +74,11 @@
class="value"
>
{{ detailInfo.recordNo || "--" }} <text
class="value-copy"
@click="copyNum()"
>
复制
</text>
class="value-copy"
@click="copyNum()"
>
复制
</text>
</div>
</div>
<div
......@@ -121,11 +121,13 @@
</template>
<script>
import {getDetailByYunOrderNo} from '@/api/appoint';
import { mapActions, mapGetters } from 'vuex';
export default {
data() {
return {
detailInfo: {},
yunOrderNo:'',
// 状态 0=待预约，1=已预约 ，2=已出报告 4=已取消 5=已过期
statusMap: {
0: '待预约',
......@@ -141,30 +143,22 @@ export default {
...mapGetters(['hasAccount']),
},
onShow() {
mounted() {
setTimeout(() => {
this.locationAreaCode = [330, 330400000000, 330424000000];
}, 3000);
const { yunOrderNo } = this.$route.query;
this.yunOrderNo = yunOrderNo;
console.log('yunOrderNo', yunOrderNo);
this.getDetailByYunOrderNo(yunOrderNo);
},
methods: {
...mapActions(['setDetectionData', 'setAccountStatus', 'setPatientData', 'setRecordID']),
// getDetailByUnionId() {
// getDetailByUnionId((res) => {
// console.log('getDetailByUnionId--', res);
// if (res.code === '000000') {
// this.detailInfo = res.data;
// const detectionServiceRecord = res.data.detectionServiceRecord;
// this.setDetectionData({
// checkList: false,
// projectId: detectionServiceRecord.businessCategoryId,
// ...detectionServiceRecord,
// });
// this.setRecordID(detectionServiceRecord.id);
// this.setPatientData({ patientId: detectionServiceRecord.patientId });
// }
// });
// },
// 导航
navigation() {
getDetailByYunOrderNo(yunOrderNo) {
getDetailByYunOrderNo(yunOrderNo).then(res => {
console.log(res);
});
},
checkDetail() {
......
src/views/geoNavigation/index.vue 0 → 100644
浏览文件 @ eecfaa66
<template>
<div>
<div
id="navigation"
@click="openGeoApp"
/>
<van-button
type="primary"
block
class="navigation-button"
@click="openGeoApp"
>
块级元素
</van-button>
</div>
</template>
<script>
import AMapLoader from '@amap/amap-jsapi-loader';
export default {
mounted() {
this.initMap();
window.location.href = 'amapuri://route';
},
methods: {
data() {
return {
geoNavigation:null
};
},
initMap() {
var that = this;
AMapLoader.load({
key:'d22c1f112c97cb93b8d343b18420b98d', // 申请好的Web端开发者Key，首次调用 load 时必填
version:'2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
plugins:[''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
}).then((AMap) => {
var map = new AMap.Map('navigation', {
resizeEnable: true
});
AMap.plugin('AMap.Driving', function() {
that.geoNavigation = new AMap.Driving({
// 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
policy: AMap.DrivingPolicy.LEAST_TIME,
map:map
});
var startLngLat = [116.379028, 39.865042];
var endLngLat = [116.427281, 39.903719];
that.geoNavigation.search(startLngLat, endLngLat, function (status, result) {
// 未出错时，result即是对应的路线规划方案
console.log(status, result);
});
});
// geolocation.getCurrentPosition((status, result) => {
// console.log('geolocation,', status, result);
// });
});
},
openGeoApp() {
var target = document.querySelector('#navigation').parentElement.previousElementSibling.previousElementSibling.innerHTML;
console.log(target);
window.location.href = `iosamap://plan${target}`;
}
}
};
</script>
<style>
#navigation{
width: 100vw;
height: 100vh;
}
.navigation-button{
position: fixed;
bottom: 0;
z-index: 99;
}
</style>
vue.config.js
浏览文件 @ eecfaa66
......@@ -35,7 +35,7 @@ module.exports = {
port: 8083,
proxy: {
'/proxy': {
target: 'https://test1-sc.yunqueyi.com/',
target: 'https://dev-sc.yunqueyi.com/',
// target: 'https://test1-sc.yunqueyi.com/',
// target: 'https://uat-sc.yunqueyi.com/',
// http://10.241.65.90:3000/mock/1071/cs/route/removeUser
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或