|
|
|
|
@ -1,16 +1,9 @@ |
|
|
|
|
<template> |
|
|
|
|
<view class="detail"> |
|
|
|
|
<scroll-view |
|
|
|
|
scroll-y="true" |
|
|
|
|
:scroll-top="scrollTop" |
|
|
|
|
:style="{ |
|
|
|
|
height: isExpanded ? 'calc(100% - 332rpx)' : 'calc(100% - 110rpx)', |
|
|
|
|
}" |
|
|
|
|
class="chatlist" |
|
|
|
|
id="scrollView" |
|
|
|
|
ref="scrollView" |
|
|
|
|
@click="clickContent" |
|
|
|
|
> |
|
|
|
|
<scroll-view scroll-y="true" :scroll-top="scrollTop" :style="{ |
|
|
|
|
height: isExpanded ? 'calc(100% - 1rpx)' : 'calc(100% - 1rpx)', |
|
|
|
|
}" class="chatlist" :class="{ 'chatlist-wrapper-expanded': isExpanded }" id="scrollView" ref="scrollView" |
|
|
|
|
@click="clickContent"> |
|
|
|
|
<view v-if="!msgList.length" class="helloContent"> |
|
|
|
|
<image :src="$.imgSrc + '/left_user.png'" class="imgLeft" /> |
|
|
|
|
<view class="titleBox"> |
|
|
|
|
@ -33,20 +26,13 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
:class="['bar', item.answerId == '0' ? 'currAnswer' : '']" |
|
|
|
|
v-for="item in msgList" |
|
|
|
|
:key="item.id" |
|
|
|
|
> |
|
|
|
|
<view :class="['bar', item.answerId == '0' ? 'currAnswer' : '']" v-for="item in msgList" :key="item.id"> |
|
|
|
|
<!--<image :src="item.answerId == '0' ? $.imgSrc + '/self.png' : $.imgSrc + '/left_user.png'" class="img" />--> |
|
|
|
|
<image |
|
|
|
|
:src=" |
|
|
|
|
<image :src=" |
|
|
|
|
item.answerId == '0' |
|
|
|
|
? 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwQjdBNUI1OTNGMzExRTk5OEMyRUJEREM0NTA0NzFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwQjdBNUI2OTNGMzExRTk5OEMyRUJEREM0NTA0NzFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjBCN0E1QjM5M0YzMTFFOTk4QzJFQkREQzQ1MDQ3MUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjBCN0E1QjQ5M0YzMTFFOTk4QzJFQkREQzQ1MDQ3MUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ceP8WAAAFRUlEQVR42sxYa0xbVRzvvb29bS9taQvtYBQ63kxhsBlw6mbwQZyabE4H6geTZfOR+MFPiyZO4jRxiYl+UOOXOdTERxyLcxs+trkFxbGxwZgb22CAPDoKpQ8ofVFa7q3/g7ekK33ce9st/pNfbnLPOf/zyzn/839hoVBIJEBKAHWAdYACQA5Azo7NAywAE+Aq4CJgmO8GGA9iFGA7YBugiOc+I4BjgJ8AvnQREwOaAC8DMkWpyRzgIKAVQKdCDF3TB4C1ovRKP2Ave90xBU+weDPgmztASsTq/JbdgxexJwEfATJEd04odo+nuF7lw+wCXHR3hAHsAXQkImZkr4/iorHvHxv13cl+fdf1KbXPHxSH/5OEmKkqznY3PV5urV9f4MKwpKrQS30JMB6LGFL8dTKbYpiQ6LeuUfWP7YP6ayN25ZI9YFho59OV5qK8TL911idpaevL884HCTSWp1P4n60vs+54pMwhlxJMkgexM/xaI6+riYuh/3B6IPu9lnPFYVLLRvlA4WzXtSnV5mqDi4ogYLZ5ZJ8d7i34+PvuPA4P4vlo46dYP5VU6u7JdeMx7iZHmxEkJWIGkZKRxAofdV9FjpuD+t1hMwoT287VeZYY1AsNdUbbbdcbCmG79p8oz9crF97/6rzxltUtjxwvK9B4tmwsdHJQn8lyWbaxVj5hxulZEL/24akytBQdXiBIwyH+d4oSAmdoOoRRMoImxHgI4fXnasw1pXofR/UofDUhAy3lG/vUCikNRi4FAxcnm4sehlYlW+ShHnEpRcRqhTifrZuKrRaHj7wxZlcgktHuEMgHy41ar05NBQpWqQI81dciYpVCiP15eUJjc/rI0nyNt7Io24PjWAg9CoZl6JjzS64M2ZRZmbKgAPVViFihEGKrwT9N2j2yG6MOJSDuvNxshVuA+jXoVeqFENt4b64rnfOiRI9zDT/RAt7ckSGXJMypYHwRzRMS4AUHaoVcwry6rXoi0RwYN6N5QvTjXFPdWPJiQ4UdQpEtZt4E/9G4QNU+RMyaSs7y7q4HTcg1RLsK9D8FtVZEbCwVYl5Id7Co2IlcBgpTKagdQ+6iD9DAZ5VnPoh3XjWregYsio7LE9rP9zw2+PeQjfqk9ZIR2d0T969xvtD889oN5XoXBG/PQ+vyXDxtrQ8R6+Y62zbrIz493Lu6vfdWFoqP4f+nLoyraTihhQCNO91+4gTka6ZplxzhaMfwKikpZurX5zveaNwwqdNQXMJTN1I+xAbOhHK6ezyz8Z22ypMXxnSRpJYMwumT7KgvtZcYNN5N1YY564yPjBxHhNG6pua2yjM948myGMRlKLzB8UQz4dqUzQfOFkemz5HSUGt0nr8+pRyemM34/eKYZvfWKgsKUSvsEYJ+84HO4nN9k4oE2x2PzMeOsMVoTIHrM9BMfGM+9tdwloJ1tih9bj1zM5uJM3+RZjDIaA1xVLlYLsvEkC9ribexFDLTRCd69opZq5CTS8SMOSr/L50juoR1Q/wXezDsV4mIn4fYenJF3v/l3i2DR/4Y0rZfMmkGTDMZ4UIj8hR6+i1KJUUuznkWCMuMVxqtA9JtBrJf7+Yag7Px0fJYjvcmy0F4+TZl90igyCCnoSKanvGSyLgpmYSGrJVBX5PFJSMIPAS5WDBHSwUgEwkYdMoA2J2g8u1/VfDG2hxN2McuuBuk9kWTStS7+BXwZioBnkugBrzF7iWoDbUfUJFmUgOAtxO1ofg07l4BqFIkhPzUF+lo3N2WGwKeYVudfOuEUbbVeRTlAOnuwSZrDlMRtpNyc/hfAQYAFFwdv9Iba+4AAAAASUVORK5CYII=' |
|
|
|
|
: $.imgSrc + '/left_user.png' |
|
|
|
|
" |
|
|
|
|
class="img" |
|
|
|
|
/> |
|
|
|
|
" class="img" /> |
|
|
|
|
<view class="content"> |
|
|
|
|
<zeroMarkdownView :markdown="item.data" /> |
|
|
|
|
<!-- <ua-markdown :source="mdvalue" /> --> |
|
|
|
|
@ -58,56 +44,49 @@ |
|
|
|
|
<view class="bounce-dot"></view> |
|
|
|
|
</view> |
|
|
|
|
</scroll-view> |
|
|
|
|
<view |
|
|
|
|
class="input-wrapper" |
|
|
|
|
:class="{ 'input-wrapper-expanded': isExpanded }" |
|
|
|
|
> |
|
|
|
|
<view class="con" :class="{ 'con-wrapper-expanded': isExpanded }"></view> |
|
|
|
|
<view class="input-wrapper" :class="{ 'input-wrapper-expanded': isExpanded }"> |
|
|
|
|
<view class="topContent"> |
|
|
|
|
<input |
|
|
|
|
class="uni-input" |
|
|
|
|
placeholder="请输入内容" |
|
|
|
|
:value="inputValue" |
|
|
|
|
@confirm="handleSend" |
|
|
|
|
@input="onKeyInput" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<uni-icons |
|
|
|
|
class="uni-icon" |
|
|
|
|
type="plus" |
|
|
|
|
size="30" |
|
|
|
|
@click="handlePlus" |
|
|
|
|
></uni-icons> |
|
|
|
|
<input class="uni-input" placeholder="请输入内容" :value="inputValue" @confirm="handleSend" |
|
|
|
|
@input="onKeyInput" /> |
|
|
|
|
|
|
|
|
|
<uni-icons class="uni-icon" type="plus" size="30" @click="handlePlus"></uni-icons> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="isExpanded" class="expanded"> |
|
|
|
|
<view @click="chooseImage" class="expandedItem"> |
|
|
|
|
<uni-icons class="camera-icon" type="image" size="28"></uni-icons> |
|
|
|
|
<view>照片</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="expandedItem" style="margin-top: 6px"> |
|
|
|
|
<view class="expandedItem" style="margin-top:6px"> |
|
|
|
|
<image src="../../static/video.png" class="video"></image> |
|
|
|
|
<view>视频</view> |
|
|
|
|
<view style="top:-10rpx;position: relative;">视频</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import AbortController from "abort-controller/dist/abort-controller"; |
|
|
|
|
import TopTitle from "../../components/top-title.vue"; |
|
|
|
|
// import headerNavBar from '../../components/headerNavBar/headerNavBar.vue' |
|
|
|
|
import zeroMarkdownView from "../../components/zeroMarkdownView/zeroMarkdownView.vue"; |
|
|
|
|
// import { |
|
|
|
|
// EventSourcePolyfill |
|
|
|
|
// } from 'event-source-polyfill'; |
|
|
|
|
import $ from "../../common/globalJs/globalJs.js"; |
|
|
|
|
import { fetchEventSource } from "@microsoft/fetch-event-source"; |
|
|
|
|
// import { |
|
|
|
|
// baseUrl |
|
|
|
|
// } from '../../utils/config.js'; |
|
|
|
|
let baseUrl = ""; |
|
|
|
|
export default { |
|
|
|
|
components: { zeroMarkdownView }, |
|
|
|
|
import AbortController from "abort-controller/dist/abort-controller"; |
|
|
|
|
import TopTitle from "../../components/top-title.vue"; |
|
|
|
|
// import headerNavBar from '../../components/headerNavBar/headerNavBar.vue' |
|
|
|
|
import zeroMarkdownView from "../../components/zeroMarkdownView/zeroMarkdownView.vue"; |
|
|
|
|
// import { |
|
|
|
|
// EventSourcePolyfill |
|
|
|
|
// } from 'event-source-polyfill'; |
|
|
|
|
import $ from "../../common/globalJs/globalJs.js"; |
|
|
|
|
import { |
|
|
|
|
fetchEventSource |
|
|
|
|
} from "@microsoft/fetch-event-source"; |
|
|
|
|
// import { |
|
|
|
|
// baseUrl |
|
|
|
|
// } from '../../utils/config.js'; |
|
|
|
|
let baseUrl = ""; |
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
zeroMarkdownView |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
$: this.$, |
|
|
|
|
@ -122,8 +101,7 @@ export default { |
|
|
|
|
isExpanded: false, |
|
|
|
|
sessionId: "", |
|
|
|
|
id: "", |
|
|
|
|
tipQuestions: [ |
|
|
|
|
{ |
|
|
|
|
tipQuestions: [{ |
|
|
|
|
title: "标准法规", |
|
|
|
|
text: "一级公路停车视距标准是什么？", |
|
|
|
|
}, |
|
|
|
|
@ -208,11 +186,12 @@ export default { |
|
|
|
|
if (err) { |
|
|
|
|
console.log("request fail", err.errMsg); |
|
|
|
|
} |
|
|
|
|
this.loading = false; |
|
|
|
|
this.loading = false |
|
|
|
|
this.changeMsgList("1", "查询失败,请联系管理员或稍后重试！"); |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "查询失败", |
|
|
|
|
icon: "error", |
|
|
|
|
duration: 2000, |
|
|
|
|
duration: 12000, |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -651,14 +630,15 @@ export default { |
|
|
|
|
// }) |
|
|
|
|
// }, |
|
|
|
|
// }, |
|
|
|
|
}; |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.detail { |
|
|
|
|
.detail { |
|
|
|
|
width: 100%; |
|
|
|
|
margin: auto; |
|
|
|
|
height: 100vh; |
|
|
|
|
// height: 100vh; |
|
|
|
|
// height: calc(100vh - 12px); |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
.knowledge { |
|
|
|
|
@ -696,20 +676,24 @@ export default { |
|
|
|
|
margin: 15rpx 0; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tipItem { |
|
|
|
|
background-color: #e1f8f8; |
|
|
|
|
margin: 15rpx; |
|
|
|
|
padding: 15rpx; |
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
font-weight: 700; |
|
|
|
|
} |
|
|
|
|
.text{ |
|
|
|
|
|
|
|
|
|
.text { |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.text{ |
|
|
|
|
|
|
|
|
|
.text { |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@ -786,8 +770,12 @@ export default { |
|
|
|
|
.chatlist { |
|
|
|
|
width: 96%; |
|
|
|
|
margin: auto; |
|
|
|
|
height: calc(100% - 210rpx); |
|
|
|
|
background-color: #f0f2f7; |
|
|
|
|
height: calc(100vh - 1px) !important; |
|
|
|
|
/* #ifdef H5 */ |
|
|
|
|
height: calc(100vh - 100px) !important; |
|
|
|
|
/*#endif*/ |
|
|
|
|
// background-color: #f0f2f7; |
|
|
|
|
// padding-bottom: 110rpx; |
|
|
|
|
|
|
|
|
|
.bar { |
|
|
|
|
width: 100%; |
|
|
|
|
@ -827,17 +815,24 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatlist-wrapper-expanded { |
|
|
|
|
// padding-bottom: 230rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.input-wrapper { |
|
|
|
|
display: flex; |
|
|
|
|
position: fixed; |
|
|
|
|
bottom: 0; |
|
|
|
|
z-index: 10; |
|
|
|
|
width: 100%; |
|
|
|
|
margin: 20rpx auto 0 auto; |
|
|
|
|
height: 80rpx; |
|
|
|
|
// height: 80rpx; |
|
|
|
|
flex-direction: column; |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
border-top: 1px solid #e2e4e9; |
|
|
|
|
bottom: 1px solid #e2e4e9; |
|
|
|
|
padding: 20rpx 20rpx 0 20rpx; |
|
|
|
|
padding: 20rpx 20rpx 20rpx 20rpx; |
|
|
|
|
|
|
|
|
|
.topContent { |
|
|
|
|
display: flex; |
|
|
|
|
@ -847,6 +842,7 @@ export default { |
|
|
|
|
.expanded { |
|
|
|
|
background-color: #f5f7fa; |
|
|
|
|
display: flex; |
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
|
|
|
|
.expandedItem { |
|
|
|
|
width: 106rpx; |
|
|
|
|
@ -862,14 +858,14 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.video { |
|
|
|
|
width: 60rpx; |
|
|
|
|
height: 60rpx; |
|
|
|
|
width: 56rpx; |
|
|
|
|
height: 56rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.input-wrapper-expanded { |
|
|
|
|
height: 200rpx; |
|
|
|
|
// height: 200rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.uni-input { |
|
|
|
|
@ -915,9 +911,21 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.con { |
|
|
|
|
width: 600rpx; |
|
|
|
|
height: 100rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.con-wrapper-expanded { |
|
|
|
|
width: 600rpx; |
|
|
|
|
height: 230rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@keyframes bounce { |
|
|
|
|
|
|
|
|
|
@keyframes bounce { |
|
|
|
|
0%, |
|
|
|
|
80%, |
|
|
|
|
100% { |
|
|
|
|
@ -927,5 +935,5 @@ export default { |
|
|
|
|
40% { |
|
|
|
|
transform: scale(1); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
zhangqun
11 months ago