提交 d61a8e29 编写于 作者: 张磊's avatar 张磊

Merge branch 'release-zl' into 'release'

Release zl

See merge request !273
{
"singleQuote": true,
"singleAttributePerLine": true,
"bracketSameLine": false
}
...@@ -6,7 +6,7 @@ export const getEntitlementList = async (externalOrderNo, projectEquityNo) => { ...@@ -6,7 +6,7 @@ export const getEntitlementList = async (externalOrderNo, projectEquityNo) => {
method: 'get', method: 'get',
url: `/tis/insurance/projectEquityNo/externalOrderNo?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}`, url: `/tis/insurance/projectEquityNo/externalOrderNo?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}`,
withCredentials: true, withCredentials: true,
hasLoading: true, // hasLoading: true,
}); });
}; };
...@@ -16,7 +16,7 @@ export const getBanner = async (pageType, yunOrderNo) => { ...@@ -16,7 +16,7 @@ export const getBanner = async (pageType, yunOrderNo) => {
method: 'get', method: 'get',
url: `/tis/insurance/explain/${yunOrderNo}/${pageType}`, url: `/tis/insurance/explain/${yunOrderNo}/${pageType}`,
withCredentials: true, withCredentials: true,
hasLoading: true, // hasLoading: true,
}); });
}; };
......
...@@ -9,7 +9,7 @@ export const getButtonStatus = (id) => { ...@@ -9,7 +9,7 @@ export const getButtonStatus = (id) => {
}; };
// 根据订单号获取跳转页状态/ // 根据订单号获取跳转页状态/
// /tis/insurance/jumpPageStatus?orderNo=1&projectEquityNo=1 // /tis/insurance/jumpPageStatus?orderNo=1&projectEquityNo=1
export const getJumpPageStatus = ({externalOrderNo, yunOrderNo, projectEquityNo}) => { export const getJumpPageStatus = ({ externalOrderNo, yunOrderNo, projectEquityNo }) => {
return request({ return request({
method: 'get', method: 'get',
url: `/tis/insurance/jumpPageStatus?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}&yunOrderNo=${yunOrderNo}`, url: `/tis/insurance/jumpPageStatus?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}&yunOrderNo=${yunOrderNo}`,
...@@ -51,7 +51,7 @@ export const createOrderSzV2 = (data) => { ...@@ -51,7 +51,7 @@ export const createOrderSzV2 = (data) => {
}); });
}; };
export const uploadPointData = data => { export const uploadPointData = (data) => {
return request({ return request({
url: '/tis/insurance/promotion_channel/report_data', url: '/tis/insurance/promotion_channel/report_data',
method: 'POST', method: 'POST',
...@@ -59,3 +59,16 @@ export const uploadPointData = data => { ...@@ -59,3 +59,16 @@ export const uploadPointData = data => {
data, data,
}); });
}; };
/**
* 根据外部单号查询用户信息(太保项目使用)
* TB202309151004000001
* @returns
*/
export const taiBaoUserInfo = (externalOrderNo) => {
return request({
url: `/tis/insurance/common/taiBao/TB202309151004000001/${externalOrderNo}`,
method: 'get',
withCredentials: true,
});
};
export const formatDate = (datetime) => { export const formatDate = (datetime) => {
var date = new Date(datetime); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000 var date = new Date(datetime); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
var year = date.getFullYear(), var year = date.getFullYear(),
month = ('0' + (date.getMonth() + 1)).slice(-2), month = ('0' + (date.getMonth() + 1)).slice(-2),
sdate = ('0' + date.getDate()).slice(-2), sdate = ('0' + date.getDate()).slice(-2),
hour = ('0' + date.getHours()).slice(-2), hour = ('0' + date.getHours()).slice(-2),
minute = ('0' + date.getMinutes()).slice(-2), minute = ('0' + date.getMinutes()).slice(-2),
second = ('0' + date.getSeconds()).slice(-2); second = ('0' + date.getSeconds()).slice(-2);
// 拼接 // 拼接
var result = var result =
year + '-' + month + '-' + sdate + ' ' + hour + ':' + minute + ':' + second; year + '-' + month + '-' + sdate + ' ' + hour + ':' + minute + ':' + second;
// 返回 // 返回
return result; return result;
}; };
export const formatDay = (datetime) => { export const formatDay = (datetime) => {
var date = new Date(datetime); var date = new Date(datetime);
var year = date.getFullYear(), var year = date.getFullYear(),
month = ('0' + (date.getMonth() + 1)).slice(-2), month = ('0' + (date.getMonth() + 1)).slice(-2),
day = ('0' + date.getDate()).slice(-2); day = ('0' + date.getDate()).slice(-2);
// 拼接 // 拼接
var result = year + '-' + month + '-' + day; var result = year + '-' + month + '-' + day;
// 返回 // 返回
return result; return result;
}; };
// 判断是否是微信 // 判断是否是微信
export function isWeixin() { export function isWeixin() {
const ua = window.navigator.userAgent.toLowerCase(); const ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger' || ua.match(/_SQ_/i) == '_sq_') { // if(ua.match(/MicroMessenger/i) == 'micromessenger' || ua.match(/_SQ_/i) == '_sq_') {
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true; return true;
} else{ } else {
return false; return false;
} }
} }
// 时间戳 格式化为 时分秒(00: 00: 00) // 时间戳 格式化为 时分秒(00: 00: 00)
export const formatDuring = (time) => { export const formatDuring = (time) => {
const s = Math.floor(time / 1000); const s = Math.floor(time / 1000);
if (!s) { if (!s) {
return ''; return '';
}
let t = '';
if (s > -1) {
const hour = Math.floor(s / 3600);
const min = Math.floor(s / 60) % 60;
const sec = s % 60;
if (hour) {
if (hour < 10) {
t = '0' + hour + ':';
} else {
t = hour + ':';
}
}
if (min < 10) {
t += '0';
} }
let t = ''; t += min + ':';
if (s > -1) { if (sec < 10) {
const hour = Math.floor(s / 3600); t += '0';
const min = Math.floor(s / 60) % 60;
const sec = s % 60;
if (hour) {
if (hour < 10) {
t = '0' + hour + ':';
} else {
t = hour + ':';
}
}
if (min < 10) {
t += '0';
}
t += min + ':';
if (sec < 10) {
t += '0';
}
t += sec.toFixed(0);
} }
return t; t += sec.toFixed(0);
}
return t;
}; };
export function toDecimal2(x) { export function toDecimal2(x) {
if (isNaN(x)) { if (isNaN(x)) {
return ''; return '';
} }
const f = x / 100; const f = x / 100;
let s = f.toString(); let s = f.toString();
let rs = s.indexOf('.'); let rs = s.indexOf('.');
if (rs < 0) { if (rs < 0) {
rs = s.length; rs = s.length;
s += '.'; s += '.';
} }
while (s.length <= rs + 2) { while (s.length <= rs + 2) {
s += '0'; s += '0';
} }
return s; return s;
} }
/** /**
...@@ -89,18 +90,18 @@ export function toDecimal2(x) { ...@@ -89,18 +90,18 @@ export function toDecimal2(x) {
* birthDay:yyyy-MM-dd * birthDay:yyyy-MM-dd
*/ */
export function getBirthdayAndSex(idCard) { export function getBirthdayAndSex(idCard) {
const info = {}; const info = {};
const birth = (idCard.length === 18) ? idCard.slice(6, 14) : idCard.slice(6, 12); const birth =
// 18位:提取第17位数字;15位:提取最后一位数字 idCard.length === 18 ? idCard.slice(6, 14) : idCard.slice(6, 12);
const order = (idCard.length === 18) ? idCard.slice(-2, -1) : idCard.slice(-1); // 18位:提取第17位数字;15位:提取最后一位数字
info.birthDay = (idCard.length === 18) ? ([birth.slice(0, 4), const order = idCard.length === 18 ? idCard.slice(-2, -1) : idCard.slice(-1);
birth.slice(4, 6), birth.slice(-2) info.birthDay =
]).join('-') : ([ idCard.length === 18
'19' + birth.slice(0, 2), birth.slice(2, 4), ? [birth.slice(0, 4), birth.slice(4, 6), birth.slice(-2)].join('-')
birth.slice(-2) : ['19' + birth.slice(0, 2), birth.slice(2, 4), birth.slice(-2)].join(
]).join('-'); '-'
// 余数为0代表女性,不为0代表男性 );
info.sex = (order % 2 === 0 ? 0 : 1); // 余数为0代表女性,不为0代表男性
return info; info.sex = order % 2 === 0 ? 0 : 1;
return info;
} }
...@@ -18,7 +18,8 @@ ...@@ -18,7 +18,8 @@
<span <span
v-if="item.detectionPayType == 1" v-if="item.detectionPayType == 1"
class="pay-icon" class="pay-icon"
>付费</span> >付费</span
>
</div> </div>
<div <div
class="status" class="status"
...@@ -35,9 +36,7 @@ ...@@ -35,9 +36,7 @@
</div> </div>
<div class="content"> <div class="content">
<div class="item"> <div class="item">
<div class="label"> <div class="label">检测项目:</div>
检测项目:
</div>
<div class="value"> <div class="value">
{{ item.detectionName || '--' }} {{ item.detectionName || '--' }}
</div> </div>
...@@ -45,17 +44,13 @@ ...@@ -45,17 +44,13 @@
<div v-if="item.expressContent"> <div v-if="item.expressContent">
<div class="item"> <div class="item">
<div class="label"> <div class="label">运单号:</div>
运单号:
</div>
<div class="value"> <div class="value">
{{ item.expressNo || '--' }} {{ item.expressNo || '--' }}
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="label"> <div class="label">物流进度:</div>
物流进度:
</div>
<div class="value"> <div class="value">
{{ item.expressContent || '--' }} {{ item.expressContent || '--' }}
</div> </div>
...@@ -64,19 +59,21 @@ ...@@ -64,19 +59,21 @@
<div v-else> <div v-else>
<div class="item"> <div class="item">
<div class="label"> <div class="label">领取机构:</div>
领取机构:
</div>
<div class="value"> <div class="value">
{{ item.hospitalName || '--' }} {{ item.hospitalName || '--' }}
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="label"> <div class="label">
{{ item.detectionTime ? "检测时间" : "预约时间" }} {{ item.detectionTime ? '检测时间' : '预约时间' }}
</div> </div>
<div class="value"> <div class="value">
{{ item.detectionTime ? item.detectionTime : item.appointmentTimeStr || '--' }} {{
item.detectionTime
? item.detectionTime
: item.appointmentTimeStr || '--'
}}
</div> </div>
</div> </div>
</div> </div>
...@@ -110,9 +107,7 @@ ...@@ -110,9 +107,7 @@
class="empty-icon" class="empty-icon"
:src="emptyIconPath" :src="emptyIconPath"
/> />
<div class="empty-text"> <div class="empty-text">暂无领取记录</div>
暂无领取记录
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -353,7 +348,7 @@ export default { ...@@ -353,7 +348,7 @@ export default {
.item { .item {
font-size: 14px; font-size: 14px;
display: flex; display: flex;
align-items: top; align-items: center;
margin-bottom: 5px; margin-bottom: 5px;
.label { .label {
display: inline-block; display: inline-block;
...@@ -403,9 +398,9 @@ export default { ...@@ -403,9 +398,9 @@ export default {
} }
} }
} }
.pay-icon{ .pay-icon {
padding: 2px 3px; padding: 2px 3px;
background: #FF4B33; background: #ff4b33;
border-radius: 6px; border-radius: 6px;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
......
...@@ -34,6 +34,10 @@ export default { ...@@ -34,6 +34,10 @@ export default {
type: String, type: String,
default: '', default: '',
}, },
readonly: {
type: Boolean,
default: false,
},
}, },
data() { data() {
return { return {
...@@ -46,6 +50,7 @@ export default { ...@@ -46,6 +50,7 @@ export default {
methods: { methods: {
handleOpenPopup() { handleOpenPopup() {
if (this.readonly) return;
this.visible = true; this.visible = true;
}, },
......
...@@ -7,14 +7,14 @@ ...@@ -7,14 +7,14 @@
/> />
<div class="insurance-register-bg"> <div class="insurance-register-bg">
<div class="bg-img back-img"> <div class="bg-img back-img">
<img :src="bgPath"> <img :src="bgPath" />
</div> </div>
<div class="wrap-reg"> <div class="wrap-reg">
<div class="choose-section"> <div class="choose-section">
<div class="sz-appoint-form-tips"> <div class="sz-appoint-form-tips">
<img <img
src="https://files.yunqueyi.com/image/png/common/20230628155802981.png" src="https://files.yunqueyi.com/image/png/common/20230628155802981.png"
> />
</div> </div>
<van-form <van-form
ref="dectionForm" ref="dectionForm"
...@@ -26,6 +26,8 @@ ...@@ -26,6 +26,8 @@
clearable clearable
required required
class="appoint-form-items" class="appoint-form-items"
:class="{ 'field-readonly': isReadonly('name') }"
:readonly="isReadonly('name')"
placeholder="点击此处输入" placeholder="点击此处输入"
:rules="[ :rules="[
{ required: true, message: '请输入参保人姓名' }, { required: true, message: '请输入参保人姓名' },
...@@ -36,26 +38,40 @@ ...@@ -36,26 +38,40 @@
]" ]"
/> />
<van-field <van-field
:value="cardTypeName"
label="证件类型" label="证件类型"
required required
disabled disabled
class="appoint-form-items" class="appoint-form-items"
right-icon="arrow" :class="{ 'field-readonly': isReadonly('cardTypeName') }"
@click="showCardTypeVisible = true" :right-icon="isReadonly('cardTypeName') ? '' : 'arrow'"
/> :readonly="isReadonly('cardTypeName')"
@click="
!isReadonly('cardTypeName') && (showCardTypeVisible = true)
"
>
<template #input>
<van-field
class="van-inner-field"
:value="cardTypeName"
readonly
/>
</template>
</van-field>
<van-field <van-field
v-model="dectionForm.idCard" v-model="dectionForm.idCard"
class="appoint-form-items" class="appoint-form-items"
:class="{ 'field-readonly': isReadonly('idCard') }"
clearable clearable
required required
label="参保人证件号" label="参保人证件号"
placeholder="点击此处输入" placeholder="点击此处输入"
:rules="rules" :rules="rules"
:readonly="isReadonly('idCard')"
/> />
<van-field <van-field
v-if="dectionForm.idType != 1" v-if="dectionForm.idType != 1"
class="appoint-form-items" class="appoint-form-items"
:class="{ 'field-readonly': isReadonly('sex') }"
required required
label="参保人性别" label="参保人性别"
> >
...@@ -63,30 +79,33 @@ ...@@ -63,30 +79,33 @@
<van-radio-group <van-radio-group
v-model="dectionForm.sex" v-model="dectionForm.sex"
direction="horizontal" direction="horizontal"
:disabled="isReadonly('sex')"
> >
<van-radio :name="1"> <van-radio :name="1"></van-radio>
<van-radio :name="2"></van-radio>
</van-radio>
<van-radio :name="2">
</van-radio>
</van-radio-group> </van-radio-group>
</template> </template>
</van-field> </van-field>
<van-field <van-field
v-if="dectionForm.idType != 1" v-if="dectionForm.idType != 1"
class="appoint-form-items" class="appoint-form-items"
:class="{ 'field-readonly': isReadonly('birthTime') }"
required required
label="参保人出生日期" label="参保人出生日期"
right-icon="arrow" :right-icon="isReadonly('birthTime') ? '' : 'arrow'"
:readonly="isReadonly('birthTime')"
> >
<template #input> <template #input>
<DatePicker v-model="dectionForm.birthTime" /> <DatePicker
v-model="dectionForm.birthTime"
:readonly="isReadonly('birthTime')"
/>
</template> </template>
</van-field> </van-field>
<van-field <van-field
v-model="dectionForm.mobilePhone" v-model="dectionForm.mobilePhone"
class="appoint-form-items" class="appoint-form-items"
:class="{ 'field-readonly': isReadonly('mobilePhone') }"
label="参保人手机号" label="参保人手机号"
label-width="100%" label-width="100%"
clearable clearable
...@@ -99,6 +118,7 @@ ...@@ -99,6 +118,7 @@
message: '手机号格式填写有误', message: '手机号格式填写有误',
}, },
]" ]"
:readonly="isReadonly('mobilePhone')"
> >
<template #label> <template #label>
<div class="phone-wrap"> <div class="phone-wrap">
...@@ -114,7 +134,7 @@ ...@@ -114,7 +134,7 @@
:key="ind" :key="ind"
class="bg-img mt20" class="bg-img mt20"
> >
<img :src="i"> <img :src="i" />
</div> </div>
<!-- <div class="bg-img mt20">--> <!-- <div class="bg-img mt20">-->
<!-- <img--> <!-- <img-->
...@@ -156,9 +176,7 @@ ...@@ -156,9 +176,7 @@
</van-popup> </van-popup>
<!-- 校验通过弹框 --> <!-- 校验通过弹框 -->
<van-overlay <van-overlay :show="showProtocol">
:show="showProtocol"
>
<div class="check-popup-wrapper"> <div class="check-popup-wrapper">
<van-icon <van-icon
name="close" name="close"
...@@ -166,9 +184,7 @@ ...@@ -166,9 +184,7 @@
size="25" size="25"
@click="showProtocol = false" @click="showProtocol = false"
/> />
<p class="title"> <p class="title">身份校验通过</p>
身份校验通过
</p>
<span class="content">请点击“下一步”进入权益领取流程</span> <span class="content">请点击“下一步”进入权益领取流程</span>
<div class="submit-button submit-button-empty"> <div class="submit-button submit-button-empty">
<wx-open-launch-weapp <wx-open-launch-weapp
...@@ -197,9 +213,15 @@ ...@@ -197,9 +213,15 @@
</template> </template>
<script> <script>
import { createOrderSzV2, uploadPointData } from '@/api/question'; import {
createOrderSzV2,
uploadPointData,
taiBaoUserInfo,
} from '@/api/question';
import { getBanner, getCardTypes } from '@/api/entitlement'; import { getBanner, getCardTypes } from '@/api/entitlement';
import DatePicker from './date-picker.vue'; import DatePicker from './date-picker.vue';
import { isWeixin } from '@/utils/index';
let that; let that;
export default { export default {
components: { DatePicker }, components: { DatePicker },
...@@ -209,7 +231,7 @@ export default { ...@@ -209,7 +231,7 @@ export default {
externalOrderNo: '', externalOrderNo: '',
picaWechat: window._picaWechat, picaWechat: window._picaWechat,
headerInfo: { headerInfo: {
title: '惠民保癌筛权益领取', title: '癌筛权益领取',
isBlack: true, isBlack: true,
backMethod: 'web', backMethod: 'web',
style: 'backgroundColor:#ffffff;zIndex:100;', style: 'backgroundColor:#ffffff;zIndex:100;',
...@@ -237,6 +259,8 @@ export default { ...@@ -237,6 +259,8 @@ export default {
staticINFO: { staticINFO: {
logoUrlList: [], logoUrlList: [],
}, },
// 太保项目用户信息
inherentUserInfo: null,
}; };
}, },
computed: { computed: {
...@@ -273,11 +297,25 @@ export default { ...@@ -273,11 +297,25 @@ export default {
return rules; return rules;
}, },
}, },
created() {
if (!isWeixin()) {
this.$dialog
.alert({
type: 'warning',
title: '提示',
message: '请在微信中扫码打开!',
confirmButtonText: '我知道了',
})
.then(() => {
// on close
});
}
},
mounted() { mounted() {
document.title = '癌筛权益领取'; document.title = this.headerInfo.title;
that = this; that = this;
const { externalOrderNo, projectEquityNo, channelCode } = this.$route.query; const { externalOrderNo, projectEquityNo, channelCode } = this.$route.query;
if(channelCode) { if (channelCode) {
this.uploadPointData(channelCode); this.uploadPointData(channelCode);
} }
this.projectEquityNo = projectEquityNo; this.projectEquityNo = projectEquityNo;
...@@ -285,16 +323,60 @@ export default { ...@@ -285,16 +323,60 @@ export default {
// this.$loading.show(); // this.$loading.show();
this.getBanner(7, projectEquityNo); this.getBanner(7, projectEquityNo);
this.loadCardTypes(); this.loadCardTypes();
if (
this.projectEquityNo === 'TB202309151004000001' &&
this.externalOrderNo
) {
this.getTaiBaoUserInfo();
}
this.$sendBuriedData({ this.$sendBuriedData({
action: 'ACTION_WEB_ENTER', action: 'ACTION_WEB_ENTER',
component_tag: '7802964#0#0#保险入口页面', component_tag: '7802964#0#0#保险入口页面',
web_data:{projectEquityNo: projectEquityNo, externalOrderNo: externalOrderNo, channelCode: channelCode || ''}, web_data: {
projectEquityNo: projectEquityNo,
externalOrderNo: externalOrderNo,
channelCode: channelCode || '',
},
}); });
}, },
methods: { methods: {
getTaiBaoUserInfo() {
taiBaoUserInfo(this.externalOrderNo)
.then((res) => {
console.log('taibao userinfo', res);
if (!res?.data) return;
const { data } = res;
// const data = {
// mobilePhone: '17621344556',
// idCard: '411302199009092234',
// idType: 2 /** 默认为1:身份证 */,
// name: '乔先生',
// sex: 1,
// birthTime: '1990-09-09',
// };
this.inherentUserInfo = data;
data.mobilePhone && (this.dectionForm.mobilePhone = data.mobilePhone);
data.idCard && (this.dectionForm.idCard = data.idCard);
data.idType && (this.dectionForm.idType = data.idType);
data.name && (this.dectionForm.name = data.name);
data.sex && (this.dectionForm.sex = data.sex);
data.birthTime && (this.dectionForm.birthTime = data.birthTime);
})
.catch((err) => {
console.log(err);
});
},
isReadonly(fieldName) {
if (!this.inherentUserInfo) return false;
return (
this.inherentUserInfo[fieldName] !== null &&
this.inherentUserInfo[fieldName] !== ''
);
},
uploadPointData(channelCode) { uploadPointData(channelCode) {
uploadPointData({channelCode}); uploadPointData({ channelCode });
}, },
async loadCardTypes() { async loadCardTypes() {
...@@ -338,7 +420,6 @@ export default { ...@@ -338,7 +420,6 @@ export default {
versionNumber, versionNumber,
projectEquityNo, projectEquityNo,
lanZhouOldflag, lanZhouOldflag,
} = res.data; } = res.data;
if (lanZhouOldflag) { if (lanZhouOldflag) {
const url = '/home'; const url = '/home';
...@@ -347,10 +428,14 @@ export default { ...@@ -347,10 +428,14 @@ export default {
l + l +
`/pica-insurance${url}?projectEquityNo=${projectEquityNo}&externalOrderNo=${externalOrderNo}`; `/pica-insurance${url}?projectEquityNo=${projectEquityNo}&externalOrderNo=${externalOrderNo}`;
window.location.href = hr; window.location.href = hr;
}else if (statusCode == '0103' || versionNumber == 4) { } else if (statusCode == '0103' || [4, 5].includes(versionNumber)) {
this.showProtocol = true; this.showProtocol = true;
this.openWebAppConfigPositive.path = `pagesInsurance/all-entrance/index?channelSource=insurance_channel&projectEquityNo=${projectEquityNo}&yunOrderNo=${yunOrderNo}&externalOrderNo=${externalOrderNo}`; this.openWebAppConfigPositive.path = `pagesInsurance/all-entrance/index?channelSource=insurance_channel&projectEquityNo=${projectEquityNo}&yunOrderNo=${yunOrderNo}&externalOrderNo=${externalOrderNo}`;
console.log('-this.openWebAppConfigPositive.path', versionNumber, this.openWebAppConfigPositive.path); console.log(
'-this.openWebAppConfigPositive.path',
versionNumber,
this.openWebAppConfigPositive.path
);
} else { } else {
this.$router.replace({ this.$router.replace({
path: '/entitlement', path: '/entitlement',
...@@ -428,7 +513,7 @@ export default { ...@@ -428,7 +513,7 @@ export default {
} }
/deep/ .van-field__control:disabled { /deep/ .van-field__control:disabled {
color: #323233; color: #323233;
-webkit-text-fill-color: #323233; -webkit-text-fill-color: inherit;
} }
.item { .item {
color: #212121; color: #212121;
...@@ -469,10 +554,32 @@ export default { ...@@ -469,10 +554,32 @@ export default {
} }
} }
.appoint-form-items { .appoint-form-items {
.van-inner-field {
padding: 0;
}
/deep/ .van-field__label { /deep/ .van-field__label {
color: #212121; color: #212121;
width: auto; width: auto;
} }
&.field-readonly {
/deep/ .van-field__label {
color: #999999;
width: auto;
}
&::before {
color: #999999;
}
/deep/ .van-field__control {
&:disabled,
&:read-only {
color: #999999;
-webkit-text-fill-color: inherit;
.van-radio__label {
color: inherit;
}
}
}
}
} }
.appoint-form-placeholder { .appoint-form-placeholder {
color: #999999; color: #999999;
...@@ -534,7 +641,6 @@ export default { ...@@ -534,7 +641,6 @@ export default {
justify-content: center; justify-content: center;
width: 242px; width: 242px;
margin: 0px auto; margin: 0px auto;
} }
/deep/.van-popup--center { /deep/.van-popup--center {
border-radius: 20px; border-radius: 20px;
...@@ -569,17 +675,18 @@ export default { ...@@ -569,17 +675,18 @@ export default {
margin-top: 10px; margin-top: 10px;
background-color: #bee2fd; background-color: #bee2fd;
} }
.check-popup-wrapper{ .check-popup-wrapper {
width: 295px; width: 295px;
height: 227px; height: 227px;
position: fixed; position: fixed;
background: url("https://files.yunqueyi.com/image/png/common/20230830115339979.png") no-repeat center; background: url('https://files.yunqueyi.com/image/png/common/20230830115339979.png')
no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
.delete-icon{ .delete-icon {
// width: 25px; // width: 25px;
// height: 25px; // height: 25px;
position: absolute; position: absolute;
...@@ -588,15 +695,15 @@ export default { ...@@ -588,15 +695,15 @@ export default {
top: -36px; top: -36px;
} }
.title{ .title {
font-size: 18px; font-size: 18px;
font-weight: 800; font-weight: 800;
color: #3C877D; color: #3c877d;
margin-top: 36px; margin-top: 36px;
padding: 0 24px; padding: 0 24px;
} }
.content{ .content {
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
color: #212121; color: #212121;
...@@ -604,11 +711,11 @@ export default { ...@@ -604,11 +711,11 @@ export default {
padding: 0 24px; padding: 0 24px;
} }
.next-btn{ .next-btn {
width: 247px; width: 247px;
height: 39px; height: 39px;
margin: 0 auto; margin: 0 auto;
background: #00BDA5; background: #00bda5;
border-radius: 23px; border-radius: 23px;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册