<template>
|
<div class="home">
|
<div style="background: white;color: black;font-size: 30px;" class="logo">
|
<div class="logo-one" style="font-weight: bold">
|
<!-- <img src="/src/assets/img/logo.png" style="width: 50px;height: 50px;margin: 0 10px" />-->
|
<div><i>淮南东方医院集团DeepSeek应用平台</i></div>
|
</div>
|
<div class="input">
|
<input type="text" v-model="keyWord" class="input-text" placeholder="给DeepSeek发送消息" @keyup.enter="sendMsg" />
|
<div style="font-size: 13px;color: #808080;display: flex;justify-content: space-between;padding: 10px;">
|
<div style="display: flex;justify-content: center;align-items: center;">
|
<!-- <div style="display: flex;justify-content: center;align-items: center;">-->
|
<!-- <img src="/src/assets/img/logo.png" style="width: 15px;height: 15px;margin: 0 5px" />-->
|
<!-- <span>深度思考(R1)</span>-->
|
<!-- </div>-->
|
<!-- <div style="display: flex;justify-content: center;align-items: center;">-->
|
<!-- <img src="/src/assets/img/logo.png" style="width: 15px;height: 15px;margin: 0 5px" />-->
|
<!-- <span>联网搜索</span>-->
|
<!-- </div>-->
|
</div>
|
<div style="display: flex;justify-content: center;align-items: center;margin-right: 5px;">
|
<!-- <img src="/src/assets/img/logo.png" style="width: 25px;height: 25px;margin: 0 5px" />-->
|
<img src="@/assets/img/emoji/rocket.png" style="width: 25px;height: 25px;margin: 0 5px" @click="sendMsg"/>
|
</div>
|
</div>
|
</div>
|
<div style="width: 780px;">
|
<div style="font-weight: bold;margin: 30px 0;">热门推荐</div>
|
<div class="keywords">
|
<div class="keywordss" @click="sendMsgDefault(keyWordOne)">
|
<p class="fontSize aaa">{{keyWordOne}}</p>
|
<p class="fontSize">选择科空:根据病情选择相应的科室(如内科、外科、儿科等)</p>
|
<p class="fontSize">挂号方式:现场挂号:在医院挂号窗口排队办理。线上挂号:通过医院官网、微</p>
|
<p class="fontSize">信公众号或第三方平台预约...</p>
|
</div>
|
<div class="keywordss" @click="sendMsgDefault(keyWordTwo)">
|
<p class="fontSize aaa">{{keyWordTwo}}</p>
|
<p class="fontSize">普通病房:探视时问一般为每天上午10:00-12:00，下午14:00-20.00。每次探视人</p>
|
<p class="fontSize">数不超过2人，探视时间不超过30分钟。</p>
|
<p class="fontSize">重症监护室(1CU):探视时问较短，通常为每天15:00-16:00。探视人数.</p>
|
</div>
|
</div>
|
<div class="keywords">
|
<div class="keywordss" @click="sendMsgDefault(keyWordFive)">
|
<p class="fontSize aaa">{{keyWordFive}}</p>
|
<p class="fontSize">选择体检套餐:根据个人需求选择基础套轻或专项检杏套。</p>
|
<p class="fontSize">预约方式:线上预约:通过医院官网、微信公众号或第三方平台预约。电话豫</p>
|
<p class="fontSize">约:拨打医院体检中心电话进行预约。现场预约:直接到体检中心</p>
|
</div>
|
<div class="keywordss" @click="sendMsgDefault(keyWordSix)">
|
<p class="fontSize aaa">{{keyWordSix}}</p>
|
<p class="fontSize">医生确认出院:主治医生评估患者病情后，开具出院。</p>
|
<p class="fontSize">结算费用:患者或家属携带住院押金单、医保卡等材料到出院结算窗口办理。核</p>
|
<p class="fontSize">对费用明细，支付自费部分或办理医保报销..</p>
|
</div>
|
</div>
|
<div class="keywords">
|
<div class="keywordss" @click="sendMsgDefault(keyWordServen)">
|
<p class="fontSize aaa">{{keyWordServen}}</p>
|
<p class="fontSize">院内投诉:直接向医院医务科或患者服务中心反映问题。填写投诉表，提供详细</p>
|
<p class="fontSize">情况和证据(如病历、录音等)。</p>
|
<p class="fontSize">上级部门投诉:向当地卫生能康委员会或医疗纠纷调解委员会投诉。拨打…</p>
|
</div>
|
<div class="keywordss" @click="sendMsgDefault(keyWordEight)">
|
<p class="fontSize aaa">{{keyWordEight}}</p>
|
<p class="fontSize">申请转院:患者或家属向主治医生提出转院申请。医生评估病情，确认是否需要</p>
|
<p class="fontSize">转院。</p>
|
<p class="fontSize">开具转院证明:主治医生开具转院证明，说明转院原因和病情..…</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div></div>
|
</div>
|
</template>
|
|
<script setup>
|
import { ref,onMounted } from "vue";
|
import {useRoute,useRouter} from "vue-router"
|
const route = useRoute();
|
const router = useRouter();
|
const keyWord = ref('');
|
const keyWordOne = ref('医院挂号流程是怎样的?');
|
const keyWordTwo = ref('医院探视时问有哪些规定?');
|
const keyWordFive = ref('医院如何预约体检?');
|
const keyWordSix = ref('医院如何办理出院手续?');
|
const keyWordServen = ref('医院如何投诉医疗服务质量?');
|
const keyWordEight = ref('医院如何办理转院手续?');
|
|
onMounted(() => {
|
// const script = document.createElement('script');
|
// script.src = '/src/assets/js/index.js';
|
// // script.type = 'module'
|
// script.onload = () => {
|
// console.log('index.js 已加载');
|
// };
|
// document.head.appendChild(script);
|
});
|
const sendMsg = () => {
|
router.push({ path: '/main/MobileChat',query:{ keyWord: keyWord.value} })
|
}
|
|
const sendMsgDefault = (value) => {
|
router.push({ path: '/main/MobileChat',query:{ keyWord: value} })
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
.home {
|
width: 100%;
|
height: 91vh;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
|
.logo {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-direction: column;
|
z-index: 99;
|
width: 100%;
|
height: 100%;
|
color: #fff;
|
cursor: pointer;
|
overflow: hidden;
|
background-color: #F0F6F9;
|
|
.keywords {
|
display: flex;
|
width: 100%;
|
height: 90px;
|
line-height: 80px;
|
justify-content: space-between;
|
margin: 10px 0;
|
|
.keywordss {
|
box-shadow: 0px 2px 5px #b8b8b8;
|
width: 48%;
|
background: #e0edfc;
|
border-radius: 10px;
|
|
.aaa {
|
font-weight: bold;
|
font-size: 12px;
|
}
|
|
.fontSize {
|
font-size: 10px;
|
height: 15px;
|
line-height: 15px;
|
margin: 6px;
|
}
|
}
|
}
|
|
.logo-one {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
margin-bottom: 20px;
|
}
|
|
.input {
|
width: 780px;
|
height: 150px;
|
background: #f5f4f4;
|
border-radius: 20px;
|
|
.input-text {
|
font-size: 18px;
|
width: 568px;
|
border-radius: 20px 20px 0 0;
|
height: 90px;
|
padding-left: 10px;
|
border: none;
|
color: black;
|
background-color: #f5f4f4;
|
}
|
|
.input-text:focus {
|
outline: none;
|
border: none;
|
}
|
}
|
}
|
}
|
</style>
|
