Skip to content

P
pica-insurance
提交 1f49075e 编写于 作者: 史文彬's avatar 史文彬
浏览文件
操作

feat: 调整交互

上级 a457fa98
隐藏空白字符变更
内嵌 并排
正在显示 包含 252 行增加 和 192 行删除
src/views/appointDetails/index.vue
浏览文件 @ 1f49075e
......@@ -18,7 +18,7 @@
alt=""
>
{{ !expireFlag ? statusMap(detailInfo.status):'已过期' }}
{{ !expireFlag ? statusMap(detailInfo.status) : '已过期' }}
</div>
<div class="detail-top insurance-detection">
<div class="detection-title">
......@@ -33,13 +33,13 @@
<div class="detail-top-info">
<div class="detail-top-address">
<div class="detail-top-address-name">
{{ detailInfo.hospitalName || "--" }}
{{ detailInfo.hospitalName || '--' }}
</div>
<div class="detail-top-address-info">
检验科/检验室/采血室
</div>
<div class="detail-top-address-info">
{{ detailInfo.hospitalAddress || "--" }}
{{ detailInfo.hospitalAddress || '--' }}
</div>
<div
......@@ -61,7 +61,9 @@
alt=""
>
<div
v-if="detailInfo.hospitalRemarks && detailInfo.hospitalRemarks !== ''"
v-if="
detailInfo.hospitalRemarks && detailInfo.hospitalRemarks !== ''
"
class="detail-top-hospitalInfo"
>
<img
......@@ -73,6 +75,9 @@
</div>
</div>
<div class="detail-qrcode-content">
<div class="tips">
请截图保存图片<br>检测时出示给检测人员
</div>
<van-image
width="189px"
height="189px"
......@@ -81,9 +86,6 @@
<div class="cancel-code">
{{ `核销码:${verificationCode}` }}
</div>
<div class="tips">
请截图保存图片<br>检测时出示给检测人员
</div>
</div>
<div
v-if="!expireFlag"
......@@ -118,7 +120,7 @@
参保人:
</div>
<div class="value">
{{ detailInfo.patientName || "--" }}
{{ detailInfo.patientName || '--' }}
</div>
</div>
<div class="detail-bottom-item">
......@@ -126,17 +128,15 @@
检测名称:
</div>
<div class="value">
{{ detailInfo.detectName || "--" }}
{{ detailInfo.detectName || '--' }}
</div>
</div>
<div class="detail-bottom-item">
<div class="title">
检测编号:
</div>
<div
class="value"
>
{{ detailInfo.recordNo || "--" }}
<div class="value">
{{ detailInfo.recordNo || '--' }}
<img
class="value-copy"
src="https://files.yunqueyi.com/image/png/common/20230301110919111.png"
......@@ -154,7 +154,7 @@
</div>
<div class="appoint-detail-tel">
客服电话：<a
style="font-weight:600"
style="font-weight: 600"
href="tel:400-021-8282"
>400-021-8282</a>
<div class="serve-time">
......@@ -165,12 +165,13 @@
v-if="!expireFlag"
class="detail-btn-bottom"
>
<div
class="detail-btn-bottom-tips"
>
<div class="detail-btn-bottom-tips">
<van-icon name="warning-o" />
请按时前往预约地点，并绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }}
请按时前往预约地点，并绑定{{
insuranceInfo && insuranceInfo.detectionKind == 0
? '采样码'
: '条形码'
}}
</div>
<div
class="detail-btn btn-empty reAppoint"
......@@ -182,7 +183,11 @@
class="detail-btn"
@click="bindingCode"
>
绑定{{ insuranceInfo && insuranceInfo.detectionKind == 0 ? '采样码' : '条形码' }}
绑定{{
insuranceInfo && insuranceInfo.detectionKind == 0
? '采样码'
: '条形码'
}}
</div>
</div>
<div
......@@ -209,14 +214,18 @@
</template>
<script>
import {getDetailByYunOrderNo, getDetectionName, getDetailtxt} from '@/api/appoint';
import {
getDetailByYunOrderNo,
getDetectionName,
getDetailtxt,
} from '@/api/appoint';
import storejs from 'storejs';
import AMapLoader from '@amap/amap-jsapi-loader';
import { mapGetters } from 'vuex';
export default {
data() {
return {
picaWechat:window._picaWechat,
picaWechat: window._picaWechat,
headerInfo: {
title: '预约详情',
isBlack: true,
......@@ -224,19 +233,23 @@ export default {
style: 'backgroundColor:#ffffff;zIndex:100;',
background: '',
},
actions: [{ name: '高德地图', value:1 }, { name: '腾讯地图', value:2 }, { name: '百度地图', value:3}],
actions: [
{ name: '高德地图', value: 1 },
{ name: '腾讯地图', value: 2 },
{ name: '百度地图', value: 3 },
],
detailInfo: {},
showSsheet:false,
showSsheet: false,
yunOrderNo: '',
projectEquityNo: '',
expireFlag:false,
expireFlag: false,
query: {},
isUnderLine:false,
insuranceText:{},
qrcodeUrl:'',
verificationCode:'',
intervalId:null,
status:'',
isUnderLine: false,
insuranceText: {},
qrcodeUrl: '',
verificationCode: '',
intervalId: null,
status: '',
};
},
computed: {
......@@ -244,12 +257,12 @@ export default {
},
created() {
this.dataRefreh();
},
this.dataRefreh();
},
mounted() {
this.$loading.show();
const { yunOrderNo, projectEquityNo} = this.$route.query;
const { yunOrderNo, projectEquityNo } = this.$route.query;
this.yunOrderNo = yunOrderNo;
this.projectEquityNo = projectEquityNo;
console.log('yunOrderNo', yunOrderNo);
......@@ -259,24 +272,23 @@ export default {
this.$sendBuriedData({
action: 'ACTION_WEB_AFTER',
component_tag: '7802855#0#0#预约详情',
web_data:{yunOrderNo: yunOrderNo},
web_data: { yunOrderNo: yunOrderNo },
});
},
destroyed() {
this.clear();
this.clear();
},
methods: {
// 定时刷新数据函数
dataRefreh() {
// 计时器正在进行中，退出函数
if (this.intervalId != null) {
dataRefreh() {
// 计时器正在进行中，退出函数
if (this.intervalId != null) {
return;
}
}
// 计时器为空，操作
this.intervalId = setInterval(() => {
this.intervalId = setInterval(() => {
this.dataRefreh();
this.getDetailByYunOrderNo(this.yunOrderNo);
}, 3000);
......@@ -284,43 +296,53 @@ export default {
// 停止定时器
clear() {
clearInterval(this.intervalId);// 清除计时器
clearInterval(this.intervalId); // 清除计时器
this.intervalId = null; // 设置为null
},
getDetailByYunOrderNo(yunOrderNo) {
console.log('appointDetail-yunOrderNo', yunOrderNo);
const that = this;
getDetailByYunOrderNo(yunOrderNo).then(res => {
if(res.code == '000000') {
getDetailByYunOrderNo(yunOrderNo).then((res) => {
if (res.code == '000000') {
console.log('appointDetail-orderInfo', res);
const {expireFlag, qrCodeUrl, verificationCode, status, detectionKind, detectionServiceRecordId, sampleCode, externalOrderNo, projectEquityNo} = res.data;
const {
expireFlag,
qrCodeUrl,
verificationCode,
status,
detectionKind,
detectionServiceRecordId,
sampleCode,
externalOrderNo,
projectEquityNo,
} = res.data;
this.detailInfo = res.data;
this.expireFlag = expireFlag || '';
this.isUnderLine = res.data.detectionCategory == 2;
this.qrcodeUrl = qrCodeUrl;
this.verificationCode = verificationCode;
if(window._miniprogram) {
if(status != '0202') {
if (window._miniprogram) {
if (status != '0202') {
let url;
if(detectionKind == 1) {
if (detectionKind == 1) {
url = `/pagesInsurance/sz-insurance/quick-detection-confirm-success?detectionRecordId=${detectionServiceRecordId}&projectEquityNo=${that.projectEquityNo}&yunOrderNo=${that.yunOrderNo}`;
}
if(detectionKind == 0) {
if (detectionKind == 0) {
url = `/pages/health/detection-confirm-success/index?detectionRecordId=${detectionServiceRecordId}&yunOrderNo=${that.yunOrderNo}&code=${sampleCode}`;
}
this.clear();
this.$rocNative.WXInstance.miniProgram.redirectTo({url});
this.$rocNative.WXInstance.miniProgram.redirectTo({ url });
}
}else{
if(status != '0202') {
} else {
if (status != '0202') {
this.clear();
this.$router.push({
path: `/home?externalOrderNo=${externalOrderNo}&projectEquityNo=${projectEquityNo}`,
});
}
}
}else{
} else {
this.$toast(res.message || '操作失败');
}
this.$loading.hide();
......@@ -328,10 +350,10 @@ export default {
},
initMap() {
AMapLoader.load({
key:'c6636583d8d2991af64c9f7253e1a25b', // 申请好的Web端开发者Key，首次调用 load 时必填
plugins:[''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
key: 'c6636583d8d2991af64c9f7253e1a25b', // 申请好的Web端开发者Key，首次调用 load 时必填
plugins: [''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
}).then((AMap) => {
AMap.plugin('AMap.Geolocation', function() {
AMap.plugin('AMap.Geolocation', function () {
var geolocation = new AMap.Geolocation({
// 是否使用高精度定位，默认：true
enableHighAccuracy: true,
......@@ -342,19 +364,20 @@ export default {
// 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
zoomToAccuracy: true,
// 定位按钮的排放位置, RB表示右下
buttonPosition: 'RB'
buttonPosition: 'RB',
});
geolocation.getCurrentPosition((status, result) => {
console.log('geolocationgeolocation,', status, result);
if (result.position) {
const position = { ...result.position, addr: result.formattedAddress };
const position = {
...result.position,
addr: result.formattedAddress,
};
storejs.set('geolocation', position);
} else {
storejs.remove('geolocation');
}
});
});
});
},
......@@ -363,24 +386,23 @@ export default {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#重新预约',
web_data:{yunOrderNo: this.yunOrderNo},
web_data: { yunOrderNo: this.yunOrderNo },
});
const {detectionKind} = this.insuranceInfo;
const { detectionKind } = this.insuranceInfo;
console.log('detectionKind--', detectionKind);
if (window._miniprogram) {
this.$rocNative.WXInstance.miniProgram.navigateTo({
url:`/pagesInsurance/sz-insurance/screeningAppoint?yunOrderNo=${that.yunOrderNo}&projectEquityNo=${this.projectEquityNo}`
});
}else{
this.$router.push({
path: '/appoint',
query: {
projectEquityNo:this.projectEquityNo,
yunOrderNo:this.yunOrderNo
}
});
}
if (window._miniprogram) {
this.$rocNative.WXInstance.miniProgram.navigateTo({
url: `/pagesInsurance/sz-insurance/screeningAppoint?yunOrderNo=${that.yunOrderNo}&projectEquityNo=${this.projectEquityNo}`,
});
} else {
this.$router.push({
path: '/appoint',
query: {
projectEquityNo: this.projectEquityNo,
yunOrderNo: this.yunOrderNo,
},
});
}
},
selectItem(item) {
console.log('--$rocNative', this.$rocNative);
......@@ -396,8 +418,8 @@ export default {
// https://uri.amap.com/navigation
switch (item.value) {
case 1:
// navigation?from=116.478346,39.997361,startpoint&to=116.3246,39.966577,endpoint&via=116.402796,39.936915,midwaypoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0
// https://lbs.amap.com/api/uri-api/guide/mobile-web/point api地址
// navigation?from=116.478346,39.997361,startpoint&to=116.3246,39.966577,endpoint&via=116.402796,39.936915,midwaypoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0
// https://lbs.amap.com/api/uri-api/guide/mobile-web/point api地址
url = `https://uri.amap.com/navigation?from=${geolocation.lng},${geolocation.lat},${geolocation.addr}&to=${longitude},${latitude},${hospitalName}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`;
break;
case 2:
......@@ -407,7 +429,22 @@ export default {
break;
case 3:
// https://lbsyun.baidu.com/index.php?title=uri/api/web
url = 'http://api.map.baidu.com/direction?origin=latlng:' + geolocation.lat + ',' + geolocation.lng + '|name:' + geolocation.addr + '&destination=latlng:' + latitude + ',' + longitude + '|name:' + hospitalName + '&region=' + geolocation.city + '&mode=driving&output=html&src=webapp.baidu.openAPIdemo&coord_type=gcj02';
url =
'http://api.map.baidu.com/direction?origin=latlng:' +
geolocation.lat +
',' +
geolocation.lng +
'|name:' +
geolocation.addr +
'&destination=latlng:' +
latitude +
',' +
longitude +
'|name:' +
hospitalName +
'&region=' +
geolocation.city +
'&mode=driving&output=html&src=webapp.baidu.openAPIdemo&coord_type=gcj02';
break;
default:
url = `https://uri.amap.com/navigation?from=${geolocation.lng},${geolocation.lat},${geolocation.addr}&to=${longitude},${latitude},${hospitalName}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`;
......@@ -417,26 +454,51 @@ export default {
console.log(item);
switch (item.value) {
case 1:
// https://lbs.amap.com/api/uri-api/guide/mobile-web/point api地址
url = 'https://uri.amap.com/marker?&name=' + hospitalName + '&position=' + longitude + ',' + latitude + '&callnative=1';
// https://lbs.amap.com/api/uri-api/guide/mobile-web/point api地址
url =
'https://uri.amap.com/marker?&name=' +
hospitalName +
'&position=' +
longitude +
',' +
latitude +
'&callnative=1';
break;
case 2:
// https://lbs.qq.com/webApi/uriV1/uriGuide/uriWebMarker api地址
url = 'https://apis.map.qq.com/uri/v1/geocoder?coord=' + latitude + ',' + longitude + '&referer=DJ6BZ-AU6E2-XMJUH-CZVD6-T2WQV-27F3S';
url =
'https://apis.map.qq.com/uri/v1/geocoder?coord=' +
latitude +
',' +
longitude +
'&referer=DJ6BZ-AU6E2-XMJUH-CZVD6-T2WQV-27F3S';
break;
case 3:
// https://lbsyun.baidu.com/index.php?title=uri/api/web api地址
url = 'http://api.map.baidu.com/marker?location=' + latitude + ',' + longitude + '&title=' + hospitalName + '&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo';
url =
'http://api.map.baidu.com/marker?location=' +
latitude +
',' +
longitude +
'&title=' +
hospitalName +
'&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo';
break;
default:
url = 'https://uri.amap.com/marker?&name=' + hospitalName + '&position=' + longitude + ',' + latitude + '&callnative=1';
url =
'https://uri.amap.com/marker?&name=' +
hospitalName +
'&position=' +
longitude +
',' +
latitude +
'&callnative=1';
break;
}
}
console.log('geolocation', url);
// window.open(url);
window.location.href = url;
},
bindingCode() {
const { pprotocolType, detectionServiceRecordId } = this.detailInfo;
......@@ -444,12 +506,12 @@ export default {
this.$sendBuriedData({
action: 'ACTION_WEB_CLICK',
component_tag: '7802855#0#0#去绑定',
web_data:{yunOrderNo: this.yunOrderNo},
web_data: { yunOrderNo: this.yunOrderNo },
});
if (window._miniprogram) {
const {detectionKind} = this.insuranceInfo;
const { detectionKind } = this.insuranceInfo;
this.$rocNative.WXInstance.miniProgram.navigateTo({
url:`/pages/health/binding-code/index?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}&detectionRecordId=${detectionServiceRecordId}&pprotocolType=${pprotocolType}&channelSource=insurance_channel&detectionKind=${detectionKind}`
url: `/pages/health/binding-code/index?yunOrderNo=${this.yunOrderNo}&projectEquityNo=${this.projectEquityNo}&detectionRecordId=${detectionServiceRecordId}&pprotocolType=${pprotocolType}&channelSource=insurance_channel&detectionKind=${detectionKind}`,
});
} else {
this.$router.push({
......@@ -457,8 +519,8 @@ export default {
query: {
pprotocolType,
detectionRecordId: detectionServiceRecordId,
yunOrderNo:this.yunOrderNo
}
yunOrderNo: this.yunOrderNo,
},
});
}
},
......@@ -475,7 +537,6 @@ export default {
}
this.initMap();
this.showSsheet = true;
},
// 复制快递单号
copyNum() {
......@@ -492,7 +553,7 @@ export default {
console.log('已复制的内容：', copyText);
},
getDetectionName(yunOrderNo) {
getDetectionName(yunOrderNo).then(res => {
getDetectionName(yunOrderNo).then((res) => {
if (res.code === '000000' && res.data) {
const dectionData = res.data[0] || {};
this.$store.dispatch('home/setInsuranceInfo', dectionData);
......@@ -537,12 +598,12 @@ export default {
getDetailtxt() {
const o = {
yunOrderNo: this.yunOrderNo,
pageType: 1
pageType: 1,
};
getDetailtxt(o).then(res => {
getDetailtxt(o).then((res) => {
this.insuranceText = res.data;
});
}
},
},
};
</script>
......@@ -553,24 +614,23 @@ export default {
width: 100%;
box-sizing: border-box;
background: #f5f6f8;
background: linear-gradient(180deg, #00BDA5 0%, #20C5B0 125px, #F5F6F8 257px);
background: linear-gradient(180deg, #00bda5 0%, #20c5b0 125px, #f5f6f8 257px);
padding: 20px 12px 160px;
overflow: auto;
.detail-status{
.detail-status {
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
color: #ffffff;
line-height: 28px;
img{
img {
width: 24px;
height: 24px;
margin-right: 6px;
}
}
.detail-top {
......@@ -580,7 +640,7 @@ export default {
margin-bottom: 10px;
}
.detail-qrcode-content{
.detail-qrcode-content {
padding: 20px 0;
border-radius: 11px;
background: #fff;
......@@ -590,10 +650,10 @@ export default {
justify-content: center;
margin-bottom: 10px;
.cancel-code{
.cancel-code {
width: 165px;
height: 31px;
background: #F9FAFB;
background: #f9fafb;
border-radius: 15px;
font-size: 14px;
color: #666666;
......@@ -602,7 +662,7 @@ export default {
margin: 2px 0 4.5px 0;
}
.tips{
.tips {
width: 210px;
height: 50px;
font-size: 18px;
......@@ -614,7 +674,7 @@ export default {
}
.detail-top-info {
background: #F9FAFB;
background: #f9fafb;
border-radius: 11px;
padding-bottom: 10px;
.detail-top-img {
......@@ -625,7 +685,7 @@ export default {
height: 6px;
margin-bottom: 10px;
}
.detail-top-hospitalInfo{
.detail-top-hospitalInfo {
position: relative;
display: flex;
padding-left: 27px;
......@@ -636,7 +696,7 @@ export default {
line-height: 19px;
align-items: center;
img{
img {
position: absolute;
left: 12px;
top: 1px;
......@@ -674,7 +734,7 @@ export default {
position: relative;
padding: 15px 52px 6px 12px;
.detail-top-address-name {
height:21px;
height: 21px;
width: 257px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
......@@ -717,7 +777,7 @@ export default {
border-radius: 15px;
padding: 15px 15px 1px 15px;
margin-bottom: 10px;
.detail-bottom-title{
.detail-bottom-title {
height: 25px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
......@@ -769,7 +829,8 @@ export default {
color: #212121;
line-height: 21px;
margin-bottom: 18px;
background: url('https://files.yunqueyi.com/image/png/common/20230301094652399.png') no-repeat center center;
background: url('https://files.yunqueyi.com/image/png/common/20230301094652399.png')
no-repeat center center;
background-size: 213px 4px;
}
.tip-grey {
......@@ -782,16 +843,15 @@ export default {
line-height: 18px;
margin-bottom: 10px;
}
.tip-grey-dot{
.tip-grey-dot {
position: absolute;
width: 4px;
height: 4px;
background: #FF720C;
background: #ff720c;
opacity: 0.5;
border-radius: 50%;
left: 0;
top: 7px;
}
}
}
......@@ -821,90 +881,90 @@ export default {
right: 16px;
}
}
.insurance-detection{
background: #FFFFFF;
border-radius: 11px;
padding: 20px 15px;
margin-top: 22px;
.detection-title{
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 18px;
text-align: center;
margin-bottom: 1px;
}
.detection-time{
height: 30px;
font-size: 21px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #212121;
line-height: 30px;
text-align: center;
margin-bottom: 15px ;
}
.mb5{
margin-bottom: 5px ;
}
}
.appoint-detail-tel{
margin-top: 25px;
font-size: 14px;
.insurance-detection {
background: #ffffff;
border-radius: 11px;
padding: 20px 15px;
margin-top: 22px;
.detection-title {
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 22px;
line-height: 18px;
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;
}
}
margin-bottom: 1px;
}
.detail-btn-bottom{
position: fixed;
background: #fff;
left: 0;
width: calc(100vw - 24px);
bottom: 0;
padding:5px 12px 5px 12px ;
.detection-time {
height: 30px;
font-size: 21px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #212121;
line-height: 30px;
text-align: center;
margin-bottom: 15px;
}
.mb5 {
margin-bottom: 5px;
}
}
.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;
padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2);
.detail-btn-bottom-tips{
position: absolute;
padding: 6px 0;
left: 0;
top: -30px;
width: 100vw;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FF720C;
line-height: 18px;
background: #FFFBE7;
text-align: center;
}
.reAppoint{
width: 155px;
margin-right:11px ;
border: 1px solid #C0C0C0;
color: #212121;
align-items: center;
justify-content: center;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 18px;
span {
width: 1px;
height: 12px;
margin: 0 12px;
background: #bbbbbb;
}
}
}
.detail-btn-bottom {
position: fixed;
background: #fff;
left: 0;
width: calc(100vw - 24px);
bottom: 0;
padding: 5px 12px 5px 12px;
display: flex;
padding-bottom: calc(5px + env(safe-area-inset-bottom) / 2);
.detail-btn-bottom-tips {
position: absolute;
padding: 6px 0;
left: 0;
top: -30px;
width: 100vw;
height: 18px;
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #ff720c;
line-height: 18px;
background: #fffbe7;
text-align: center;
}
.reAppoint {
width: 155px;
margin-right: 11px;
border: 1px solid #c0c0c0;
color: #212121;
}
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或