|
|
|
|
@ -37,7 +37,7 @@ |
|
|
|
|
<!-- 文本消息 --> |
|
|
|
|
<div class="chat-content-txt"> |
|
|
|
|
<div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading"> |
|
|
|
|
<van-loading type="spinner" size="18px" /> |
|
|
|
|
<van-loading type="spinner" size="18rem" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-txt-content" v-if="item.msgText"> |
|
|
|
|
<p class="messageBox" v-if=" |
|
|
|
|
@ -57,7 +57,7 @@ |
|
|
|
|
<!-- 文本消息 --> |
|
|
|
|
<div class="chat-content-txt"> |
|
|
|
|
<div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading"> |
|
|
|
|
<van-loading type="spinner" size="18px" /> |
|
|
|
|
<van-loading type="spinner" size="18rem" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-txt-content" v-if="item.msgText"> |
|
|
|
|
<p class="messageBox" v-if=" |
|
|
|
|
@ -79,7 +79,7 @@ |
|
|
|
|
<!-- 语音消息 --> |
|
|
|
|
<div class="chat-content-txt"> |
|
|
|
|
<div class="send-message-loading" v-if="item.sendLoading"> |
|
|
|
|
<van-loading type="spinner" size="18px" /> |
|
|
|
|
<van-loading type="spinner" size="18rem" /> |
|
|
|
|
</div> |
|
|
|
|
<Audio class="audio-box" :voiceNo="0" :voiceUrl="item.msgText" /> |
|
|
|
|
<!-- 语音内容：{{item.voiceNo}} --> |
|
|
|
|
@ -97,7 +97,7 @@ |
|
|
|
|
<div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '2'"> |
|
|
|
|
<div class="chat-content-image"> |
|
|
|
|
<div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading"> |
|
|
|
|
<van-loading type="spinner" size="18px" /> |
|
|
|
|
<van-loading type="spinner" size="18rem" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-content-image-box" @click="ImagePreviewBox(item.msgText)" :data-timestamp="item.timestamp"> |
|
|
|
|
<DynamicImage :image-key="item.msgText" /> |
|
|
|
|
@ -395,7 +395,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-items"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14px"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14rem"> |
|
|
|
|
<network-address :itemList="item" :disabled="true"></network-address> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -412,7 +412,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-items"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14px"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14rem"> |
|
|
|
|
<gm-network-address :itemList="item"></gm-network-address> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -438,7 +438,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-items"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14px"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14rem"> |
|
|
|
|
<transfer-accounts :itemList="item" :disabled="true"></transfer-accounts> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -457,7 +457,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-items"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14px"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14rem"> |
|
|
|
|
<xqjfzzsx-accounts :itemList="item" :disabled="true"></xqjfzzsx-accounts> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -474,7 +474,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-items"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14px"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14rem"> |
|
|
|
|
<insurance-reservation :itemList="item" :disabled="true"></insurance-reservation> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -542,7 +542,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-items"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14px"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14rem"> |
|
|
|
|
<policy-form-table :itemList="item"></policy-form-table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -924,7 +924,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chat-items"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14px"> |
|
|
|
|
<div class="content-left-main computing-text-box" style="padding: 14rem"> |
|
|
|
|
<policy-form-table :itemList="item"></policy-form-table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -1132,11 +1132,11 @@ |
|
|
|
|
" class="quote-image-preview" @click.stop="ImagePreviewBox(item.quoteData.quoteMsg)"> |
|
|
|
|
引用内容: |
|
|
|
|
<DynamicImage :image-key="item.quoteData.quoteMsg" alt="引用图片" style=" |
|
|
|
|
width: 60px; |
|
|
|
|
height: 60px; |
|
|
|
|
width: 60rem; |
|
|
|
|
height: 60rem; |
|
|
|
|
vertical-align: middle; |
|
|
|
|
margin-left: 5px; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
margin-left: 5rem; |
|
|
|
|
border-radius: 4rem; |
|
|
|
|
overflow: hidden; |
|
|
|
|
" image-style="width: 100%; height: 100%; object-fit: cover;" /> |
|
|
|
|
</span> |
|
|
|
|
@ -1561,7 +1561,7 @@ export default { |
|
|
|
|
input.value = textToCopy; |
|
|
|
|
input.setAttribute('readonly', 'readonly'); |
|
|
|
|
input.style.position = 'absolute'; |
|
|
|
|
input.style.left = '-9999px'; |
|
|
|
|
input.style.left = '-9999rem'; |
|
|
|
|
document.body.appendChild(input); |
|
|
|
|
input.select(); |
|
|
|
|
try { |
|
|
|
|
@ -1624,10 +1624,10 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.$set(this.quoteMenuPositions, item.timestamp, { |
|
|
|
|
top: topOffset + "px", |
|
|
|
|
left: leftOffset + "px", |
|
|
|
|
transform: `translateX(calc(-50% + ${menuShift}px))`, |
|
|
|
|
'--arrow-shift': `${-menuShift}px` |
|
|
|
|
top: topOffset + "rem", |
|
|
|
|
left: leftOffset + "rem", |
|
|
|
|
transform: `translateX(calc(-50% + ${menuShift}rem))`, |
|
|
|
|
'--arrow-shift': `${-menuShift}rem` |
|
|
|
|
}); |
|
|
|
|
}, 700); |
|
|
|
|
}, |
|
|
|
|
@ -2182,38 +2182,38 @@ export default { |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.showMoreCard { |
|
|
|
|
margin-top: 50px; |
|
|
|
|
margin-top: 50rem; |
|
|
|
|
overflow: visible; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.volumeBody { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 10px; |
|
|
|
|
right: 0px; |
|
|
|
|
top: 10rem; |
|
|
|
|
right: 0rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.volumeIcon { |
|
|
|
|
float: right; |
|
|
|
|
/* position: relative; */ |
|
|
|
|
/* top: -30px; */ |
|
|
|
|
width: 55px; |
|
|
|
|
height: 55px; |
|
|
|
|
/* top: -30rem; */ |
|
|
|
|
width: 55rem; |
|
|
|
|
height: 55rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.humanJumpBtn { |
|
|
|
|
display: block; |
|
|
|
|
text-align: center; |
|
|
|
|
font-family: NotoSansHans-Regular; |
|
|
|
|
font-size: 14px; |
|
|
|
|
height: 40px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
font-size: 14rem; |
|
|
|
|
height: 40rem; |
|
|
|
|
line-height: 40rem; |
|
|
|
|
color: #fff; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
margin: 14px 5px; |
|
|
|
|
margin: 14rem 5rem; |
|
|
|
|
position: relative; |
|
|
|
|
background: #579aff; |
|
|
|
|
box-shadow: 1px 2px 5px 0 rgba(10, 75, 173, 0.42), inset 0 -4px 15px 0 rgba(164, 203, 255, 0.25); |
|
|
|
|
border-radius: 8px; |
|
|
|
|
box-shadow: 1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42), inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25); |
|
|
|
|
border-radius: 8rem; |
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
|
|
|
outline: none; |
|
|
|
|
} |
|
|
|
|
@ -2223,20 +2223,20 @@ export default { |
|
|
|
|
z-index: 1000; |
|
|
|
|
background-color: #4c4c4c; |
|
|
|
|
color: #fff; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
padding: 8px 16px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
border-radius: 4rem; |
|
|
|
|
padding: 8rem 16rem; |
|
|
|
|
font-size: 14rem; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); |
|
|
|
|
box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.15); |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.quote-menu-divider { |
|
|
|
|
width: 1px; |
|
|
|
|
height: 14px; |
|
|
|
|
width: 1rem; |
|
|
|
|
height: 14rem; |
|
|
|
|
background-color: rgba(255, 255, 255, 0.3); |
|
|
|
|
margin: 0 12px; |
|
|
|
|
margin: 0 12rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.disable-sys-menu { |
|
|
|
|
@ -2256,11 +2256,11 @@ export default { |
|
|
|
|
|
|
|
|
|
.quote-arrow { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: -4px; |
|
|
|
|
left: calc(50% + var(--arrow-shift, 0px)); |
|
|
|
|
bottom: -4rem; |
|
|
|
|
left: calc(50% + var(--arrow-shift, 0rem)); |
|
|
|
|
transform: translateX(-50%) rotate(45deg); |
|
|
|
|
width: 8px; |
|
|
|
|
height: 8px; |
|
|
|
|
width: 8rem; |
|
|
|
|
height: 8rem; |
|
|
|
|
background-color: #4c4c4c; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -2274,13 +2274,13 @@ export default { |
|
|
|
|
display: flex; |
|
|
|
|
width: 100%; |
|
|
|
|
clear: both; |
|
|
|
|
margin-top: 2px; |
|
|
|
|
margin-bottom: 8px; |
|
|
|
|
margin-top: 2rem; |
|
|
|
|
margin-bottom: 8rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.quote-display-wrapper.is-right { |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
padding-right: 50px; |
|
|
|
|
padding-right: 50rem; |
|
|
|
|
/* 适配右侧气泡位置 */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -2291,9 +2291,9 @@ export default { |
|
|
|
|
|
|
|
|
|
.quote-display-inner { |
|
|
|
|
background-color: #f2f3f5; |
|
|
|
|
padding: 6px 10px; |
|
|
|
|
border-radius: 6px; |
|
|
|
|
font-size: 13px; |
|
|
|
|
padding: 6rem 10rem; |
|
|
|
|
border-radius: 6rem; |
|
|
|
|
font-size: 13rem; |
|
|
|
|
color: #999; |
|
|
|
|
max-width: 70%; |
|
|
|
|
word-break: break-all; |
|
|
|
|
@ -2305,18 +2305,18 @@ export default { |
|
|
|
|
:deep(.quote-display-inner img[alt='big-image']) { |
|
|
|
|
display: inline-block !important; |
|
|
|
|
vertical-align: middle !important; |
|
|
|
|
width: 20px !important; |
|
|
|
|
height: 20px !important; |
|
|
|
|
max-width: 20px !important; |
|
|
|
|
max-height: 20px !important; |
|
|
|
|
margin: 0 2px !important; |
|
|
|
|
width: 20rem !important; |
|
|
|
|
height: 20rem !important; |
|
|
|
|
max-width: 20rem !important; |
|
|
|
|
max-height: 20rem !important; |
|
|
|
|
margin: 0 2rem !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* 人工客服接入提示卡片 */ |
|
|
|
|
.service-opened-card { |
|
|
|
|
position: relative; |
|
|
|
|
width: 100%; |
|
|
|
|
margin: 20px 0 12px; |
|
|
|
|
margin: 20rem 0 12rem; |
|
|
|
|
align-self: center; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
@ -2327,7 +2327,7 @@ export default { |
|
|
|
|
.service-opened-card .card-header-box { |
|
|
|
|
position: relative; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 95px; |
|
|
|
|
height: 95rem; |
|
|
|
|
overflow: visible; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
@ -2337,17 +2337,17 @@ export default { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 135%; |
|
|
|
|
object-fit: cover; |
|
|
|
|
border-top-left-radius: 16px; |
|
|
|
|
border-top-right-radius: 16px; |
|
|
|
|
border-top-left-radius: 16rem; |
|
|
|
|
border-top-right-radius: 16rem; |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.service-opened-card .card-body-img { |
|
|
|
|
position: absolute; |
|
|
|
|
top: -38px; |
|
|
|
|
top: -38rem; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translateX(-50%); |
|
|
|
|
width: 103px; |
|
|
|
|
width: 103rem; |
|
|
|
|
height: auto; |
|
|
|
|
z-index: 1; |
|
|
|
|
pointer-events: none; |
|
|
|
|
@ -2358,26 +2358,26 @@ export default { |
|
|
|
|
z-index: 2; |
|
|
|
|
width: 100%; |
|
|
|
|
background: linear-gradient(180deg, #f3f7ff 0%, #ffffff 100%); |
|
|
|
|
border-radius: 16px; |
|
|
|
|
padding: 16px 16px 14px; |
|
|
|
|
border-radius: 16rem; |
|
|
|
|
padding: 16rem 16rem 14rem; |
|
|
|
|
text-align: center; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); |
|
|
|
|
margin-top: -36px; |
|
|
|
|
box-shadow: 0 4rem 16rem rgba(0, 0, 0, 0.04); |
|
|
|
|
margin-top: -36rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.service-opened-card .card-title { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-size: 15rem; |
|
|
|
|
font-weight: 600; |
|
|
|
|
color: #17204d; |
|
|
|
|
margin-top: 0; |
|
|
|
|
line-height: 26px; |
|
|
|
|
line-height: 26rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.service-opened-card .card-sub { |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-size: 14rem; |
|
|
|
|
color: #7e849f; |
|
|
|
|
margin-top: 4px; |
|
|
|
|
margin-top: 4rem; |
|
|
|
|
line-height: 1.3; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
wujingling0908
2 weeks ago