| | |
| | | <template> |
| | | <div class="pc-chat_room"> |
| | | <div class="pc-chat_room h-full"> |
| | | <div class="flex h100 w100"> |
| | | <div class="pc-chat_right"> |
| | | <div class="w100 h100 overflow-auto"> |
| | | <div class="w100 h100 overflow-hidden"> |
| | | <div class="pc-chatRoom w100 h100"> |
| | | <div class="homeBox w100"> |
| | | <div class="homeBox w100 h-full"> |
| | | <div class="flex items-center flex-column mt-20"> |
| | | <div class="flex items-center flex-column" v-if="!isShowChat"> |
| | | <waterTop @sendClick="sendClick" /> |
| | | <waterCenter /> |
| | | <waterBottom /> |
| | | </div> |
| | | <div v-if="isShowChat"> |
| | | <Chat /> |
| | | <div class="flex items-center flex-column"> |
| | | <waterTop /> |
| | | <div v-if="isLoginStatus"> |
| | | <waterCenter /> |
| | | <waterBottom /> |
| | | </div> |
| | | <div v-else> |
| | | <el-empty></el-empty> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <p class="declare"> |
| | | <!-- <p class="declare"> |
| | | <span |
| | | >声明:本平台仅提供水务智能化服务,不提供任何形式的法律或法规建议,请用户自行判断使用风险,并自行承担因使用本平台而产生的法律责任。</span |
| | | > |
| | | </p> |
| | | </p> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | import waterBottom from './component/waterRight/bottom.vue'; |
| | | import waterCenter from './component/waterRight/center.vue'; |
| | | import waterTop from './component/waterRight/top.vue'; |
| | | import Chat from '/@/components/chat/Chat.vue'; |
| | | |
| | | const isShowChat = ref(false); |
| | | |
| | | const sendClick = () => { |
| | | isShowChat.value = true; |
| | | }; |
| | | import { accessSessionKey } from '/@/utils/request'; |
| | | import { Local } from '/@/utils/storage'; |
| | | const isLoginStatus = ref(!!Local.get(accessSessionKey)); |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .pc-chat_room { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | margin: 0; |
| | | padding: 0; |
| | | // overflow: hidden; |
| | | // -webkit-box-sizing: border-box; |
| | | // box-sizing: border-box; |
| | | // background-color: #1c1e1d; |
| | | // font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; |
| | | } |
| | | .pc-chat_aside { |
| | | width: 252px !important; |
| | |
| | | background-color: #f2f4f8; |
| | | transition: padding-right 0.25s; |
| | | .homeBox { |
| | | height: calc(100% - 40px); |
| | | padding: 42px 40px 40px; |
| | | margin-bottom: 40px; |
| | | font-size: 14px; |
| | | line-height: 18px; |
| | | overflow-y: auto; |