kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cv

Browse Source
This commit is contained in:
liuye
2024-07-05 09:14:53 +08:00
parent 4e07b5c13e
commit b777d3ee4d
9 changed files with 649 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/project/baiduAI/AppDialogue/AppDialogue.vue
View File

@@ -1,37 +1,40 @@
<template>
<div class="AppDialogue">
<u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :is-back="false"></u-navbar>
<u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :is-back="false" height="88"></u-navbar>
<!-- <scroll-view scroll-y="true" class="scroll-Y" @scroll="scroll"> -->
<div class="service-content" v-if="!messageList.length">
<div class="text-content">
<div class="text-left">
<div>嘿，你好呀！</div>
<p>我是您的<span>「Copilot小助理」</span>，</p>
<p>有什么问题都可以问我哟~</p>
</div>
<img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/service.png" alt="" class="service-img">
<div class="top-select">
{{typeList[type].dictName || '选择应用'}} <u-icon name="arrow-down" color="#fff" size="28" @click="showType=true"></u-icon>
</div>
<div class="service-content" v-if="!messageList.length">
<div class="text-content">
<div class="text-left">
<div>嘿，你好呀！</div>
<p>我是您的<span>「Copilot小助理」</span>，</p>
<p>有什么问题都可以问我哟~</p>
</div>
<img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/service.png" alt="" class="service-img">
</div>
<div class="list-bg" v-if="messageList.length"></div>
<div class="list-content" v-if="messageList.length">
<div v-for="(item, index) in messageList" :key="index">
<div class="send-time">{{item.createTime.substring(5, 16)}}</div>
<div :class="item.userType == 1 ? 'item-left' : 'item-right'">
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/user-img.png" alt="" class="user-img" v-if="item.userType == 1">
<div class="item" :class="'item'+index">
<u-icon name="play-right-fill" color="#CCE2FF" size="20" v-if="item.userType != 1" class="u-icon-right"></u-icon>
<u-icon name="play-left-fill" color="#F3F5F7" size="20" v-if="item.userType == 1" class="u-icon-left"></u-icon>
<div class="voice-div" v-if="item.sdkFileUrl" @click="play(item.sdkFileUrl, index)">
<span>8”</span>
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/play-d.gif" alt="" v-if="item.isPlay">
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/play-j.png" alt="" v-else>
</div>
<p v-if="!item.sdkFileUrl">{{item.content || ''}}</p>
</div>
<div class="list-bg" v-if="messageList.length"></div>
<div class="list-content" v-if="messageList.length">
<div v-for="(item, index) in messageList" :key="index">
<div class="send-time">{{item.createTime.substring(5, 16)}}</div>
<div :class="item.userType == 1 ? 'item-left' : 'item-right'">
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/user-img.png" alt="" class="user-img" v-if="item.userType == 1">
<div class="item" :class="'item'+index">
<u-icon name="play-right-fill" color="#CCE2FF" size="20" v-if="item.userType != 1" class="u-icon-right"></u-icon>
<u-icon name="play-left-fill" color="#F3F5F7" size="20" v-if="item.userType == 1" class="u-icon-left"></u-icon>
<div class="voice-div" v-if="item.sdkFileUrl" @click="play(item.sdkFileUrl, index)">
<span>8”</span>
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/play-d.gif" alt="" v-if="item.isPlay">
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/play-j.png" alt="" v-else>
</div>
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/user-img.png" alt="" class="user-img" v-if="item.userType != 1">
<p v-if="!item.sdkFileUrl">{{item.content || ''}}</p>
</div>
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/user-img.png" alt="" class="user-img" v-if="item.userType != 1">
</div>
</div>
</div>
<!-- </scroll-view> -->
<div class="fixed-bottom">
<div class="type-text" v-if="type == 'text'">
@@ -59,6 +62,8 @@
<button class="login-btn" open-type="getPhoneNumber" @getphonenumber="handleAdminLogin" v-if="!token">
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/question-icon.png" alt="">登录
</button>
<u-select v-model="showType" :list="typeList" value-name="dictValue"
label-name="dictName" @confirm="confirmType"></u-select>
<AiLogin ref="login"/>
</div>
</template>
@@ -95,7 +100,13 @@ export default {
],
current: 1,
pages: 2,
areaId: ''
areaId: '',
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
typeList: [
{dictValue: '1', dictName: '文本助理'},
{dictValue: '2', dictName: '日常助理'}
],
type: ''
}
},
computed: {
@@ -292,6 +303,9 @@ export default {
})
}
},
confirmType(val) {
this.type = val[0].value;
},
},
}
</script>
@@ -305,13 +319,30 @@ page {
height: 100vh;
background-color: #fff;
position: relative;
.top-select {
line-height: 64px;
background: #026AF2;
border-radius: 32px;
position: fixed;
left: 28px;
text-align: center;
padding: 0 24px;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 28px;
color: #FFF;
z-index: 9;
u-icon {
margin-left: 8px;
}
}
.service-content {
width: 100%;
height: 420px;
background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/content-top-bg.png");
background-size: 100vw;
background-repeat: no-repeat;
padding-top: 20px;
padding-top: 84px;
box-sizing: border-box;
.text-content {
margin: 0 0 0 32px;