add change
This commit is contained in:
liuyalei
parent
59a76b1a51
commit
c54e26d758
23
src/App.vue
23
src/App.vue
|
|
@ -1,7 +1,7 @@
|
|||
<script setup>
|
||||
import { RouterLink, RouterView } from 'vue-router'
|
||||
import { useRoute, useRouter, RouterView, RouterLink } from 'vue-router'
|
||||
import HelloWorld from './components/HelloWorld.vue'
|
||||
import { ref, reactive } from 'vue'
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import s1 from './assets/s1.png'
|
||||
import s2 from './assets/s2.png'
|
||||
import s3 from './assets/s3.png'
|
||||
|
|
@ -10,7 +10,7 @@ import sl1 from './assets/s5.png'
|
|||
import sl2 from './assets/s6.png'
|
||||
import sl3 from './assets/s7.png'
|
||||
import sl4 from './assets/s8.png'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
|
||||
const route = useRoute()
|
||||
let routePath = ref(route.path)
|
||||
const router = useRouter()
|
||||
|
|
@ -21,6 +21,20 @@ let clickNum = (num, path) => {
|
|||
routePath.value = path
|
||||
router.push(path)
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
console.log('routePath.value', routePath.value)
|
||||
if (routePath.value == '/') {
|
||||
clickNum(0, '/')
|
||||
} else if (routePath.value == '/chat') {
|
||||
clickNum(1, '/chat')
|
||||
} else if (routePath.value == '/znyt') {
|
||||
clickNum(2, '/znyt')
|
||||
} else if (routePath.value == '/comment') {
|
||||
clickNum(3, '/comment')
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -38,9 +52,6 @@ let clickNum = (num, path) => {
|
|||
* {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bottom {
|
||||
z-index: 999;
|
||||
background-color: #fff !important;
|
||||
|
|
|
|||
|
|
@ -156,9 +156,9 @@
|
|||
推荐您可以挂神经内科，您还可根据自身偏好重新选择，继续为您推荐，如偏好因素不在其列，可继续提出您的需求。
|
||||
</div>
|
||||
<div class="c_bt">
|
||||
<div class="cbt_it" v-for=" v in 3">
|
||||
<div class="it_name">神经内科</div>
|
||||
<div class="book_btn">预约</div>
|
||||
<div class="cbt_it" v-for=" (v, i) in kearr" :key="i">
|
||||
<div class="it_name">{{ v.name }}</div>
|
||||
<div class="book_btn" @click="goke">预约</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -207,7 +207,7 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
<div class="book_btn">预约</div>
|
||||
<div @click="bookDoctor" class="book_btn">预约</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -272,6 +272,7 @@ let inputText = ref('')
|
|||
let messages = reactive([
|
||||
|
||||
]);
|
||||
let kearr = reactive([{ name: '神经内科', path: '' }, { name: '儿科', path: '' }, { name: '外科', path: '' }])
|
||||
let messagesCopy = reactive([
|
||||
{ id: 1, type: 'fstxt', text: '您可以点击下方快捷方式选择问题，或直接编辑问题发送给我哟', isMe: false },
|
||||
{ id: 2, type: 'txt', text: '骨折去哪家医院', isMe: true },
|
||||
|
|
@ -284,6 +285,7 @@ let messagesCopy = reactive([
|
|||
{ id: 9, type: 'card4', text: '为您推荐相关医生，也可选择查看更多医生。', isMe: false },
|
||||
{ id: 10, type: 'txt', text: '人民医院怎么走', isMe: true },
|
||||
{ id: 11, type: 'card5', text: '卡片5', isMe: false },
|
||||
{ id: 12, type: 'txt', text: '空白', isMe: false },
|
||||
]);
|
||||
|
||||
const sendMessage = () => {
|
||||
|
|
@ -295,29 +297,43 @@ const sendMessage = () => {
|
|||
if (inputText.value.trim()) {
|
||||
console.log("sendMessage", inputText.value.trim())
|
||||
messages.push({ id: Date.now(), text: inputText.value, isMe: true, type: 'txt' });
|
||||
if (inputText.value.indexOf('医院') != -1) {
|
||||
messagesCopy[2].id = Date.now();
|
||||
messagesCopy[3].id = Date.now()+1;
|
||||
messages.push(messagesCopy[2],messagesCopy[3]);
|
||||
if (inputText.value.indexOf('导航') != -1 || inputText.value.indexOf('怎么走') != -1) {
|
||||
messagesCopy[10].id = Date.now();
|
||||
messages.push(messagesCopy[10]);
|
||||
} else if (inputText.value.indexOf('医生') != -1) {
|
||||
messagesCopy[4].id = Date.now();
|
||||
messagesCopy[5].id = Date.now() + 1;
|
||||
messages.push(messagesCopy[4], messagesCopy[5]);
|
||||
}else if (inputText.value.indexOf('科室') != -1) {
|
||||
} else if (inputText.value.indexOf('总是头疼') != -1) {
|
||||
messagesCopy[7].id = Date.now();
|
||||
messagesCopy[8].id = Date.now()+1;
|
||||
messages.push(messagesCopy[7],messagesCopy[8]);
|
||||
}else if (inputText.value.indexOf('导航') != -1) {
|
||||
messagesCopy[10].id = Date.now();
|
||||
messages.push(messagesCopy[10]);
|
||||
messages.push(messagesCopy[7]);
|
||||
} else if (inputText.value.indexOf('普通') != -1 || inputText.value.indexOf('专家') != -1) {
|
||||
messagesCopy[8].id = Date.now();
|
||||
messages.push(messagesCopy[8]);
|
||||
} else if (inputText.value.indexOf('医院') != -1) {
|
||||
messagesCopy[2].id = Date.now();
|
||||
messagesCopy[3].id = Date.now() + 1;
|
||||
messages.push(messagesCopy[2], messagesCopy[3]);
|
||||
} else {
|
||||
messages.push({ id: Date.now(), text: '抱歉没听听懂 支持 医院 医生 科室 导航 关键词', isMe: false, type: 'txt' });
|
||||
messages.push({ id: Date.now(), text: '抱歉没听听懂 您可以尝试输入 最近总是头疼挂什么科室', isMe: false, type: 'txt' });
|
||||
}
|
||||
console.log("messages", messages)
|
||||
scollToButtom();
|
||||
inputText.value = '';
|
||||
}
|
||||
}
|
||||
const goke = () => {
|
||||
console.log("goke");
|
||||
const insertWord = '您想看普通还是专家门诊？如有其他需求，也请告诉我'
|
||||
messagesCopy[11].id = Date.now();
|
||||
messagesCopy[11].text = insertWord
|
||||
messages.push(messagesCopy[11]);
|
||||
scollToButtom();
|
||||
};
|
||||
// 预约医生
|
||||
const bookDoctor = () => {
|
||||
location.href = 'https://wx.nbgzjk.cn/#/home'
|
||||
};
|
||||
const scollToButtom = () => {
|
||||
nextTick(() => {
|
||||
let chatForm = document.getElementById('chatform'); // 获取对象
|
||||
|
|
@ -1128,8 +1144,9 @@ onMounted(() => {
|
|||
width: 16px;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
left: calc(100vw - 303px);
|
||||
;
|
||||
// left: calc(100vw - 303px);
|
||||
left: 73px;
|
||||
|
||||
top: 22px;
|
||||
z-index: 2;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue