首页 > 其他分享 >ssts-hospital-web-master项目实战记录十:master-*.vue组件实现

ssts-hospital-web-master项目实战记录十:master-*.vue组件实现

时间:2024-02-23 10:33:04浏览次数:24  
标签:web Loading ... ssts hospital vue master

记录时间:2024-02-23

Master_Basic.html

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>主页</title>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <meta http-equiv="pragma" content="no-cache" />

    <meta http-equiv="cache-control" content="no-cache" />

    <meta http-equiv="expires" content="0" />

    <script type="text/javascript" src="../Inc/js/jquery-1.8.1.min.js"></script>

    <script type="text/javascript" src="../Inc/js/jquery.cookie.js"></script>

    <script type="text/javascript" src="../Inc/js/common.js"></script>

    <script type="text/javascript" src="../Inc/js/web.common.js"></script>

    <script type="text/javascript" src="../Inc/js/web.object.js"></script>

    <script type="text/javascript" src="../Inc/js/web.system.js"></script>

    <script type="text/javascript" src="../Inc/js/web.master.js"></script>

    <script type="text/javascript" src="../Inc/js/jquery.gesture.password.js"></script>

    <link href="../Inc/css/adBox.css" rel="stylesheet" />

    <!--"../Inc/css/{主题名}/Master.css"-->

    <link href="../Inc/css/basic/Master.css" rel="stylesheet" />

    <!--"../Inc/css/{主题名}/Master.css"-->

    <link href="../Inc/css/basic/MsgBox.css" rel="stylesheet" />

    <!-- 对话框核心JS文件和对应的CSS文件-->

    <script src="../Inc/js/alerts/jquery.alerts.js" type="text/javascript"></script>

    <link href="../Inc/js/alerts/jquery.alerts.css" rel="stylesheet" type="text/css" />

    <script src="Master.js" type="text/javascript"></script>

</head>

<body class="body_master" ondragstart='return false' onselectstart="return false"

      onbeforecopy="return false">

    <!--顶部区域-->

    <div class="top" style="display: block;">

        <!--默认logo-->

        <div class="logo" style="display: block;">

            智慧医疗自助服务终端

        </div>

        <!--设置logo设置:医院logo+分隔竖线+银行logo-->

        <div class="logo" style="display: none;">

            <img id="logo" alt="" src="../Inc/images/logo/logo.png" />

        </div>

        <div class="datetime">

            <div id="webjx">

            </div>

        </div>

    </div>

 

    <!--广告区域 -->

    <div class="ad" style="display: block; opacity: 0.99;">

        <!--轮播图-->

        <!--src = "Biz_***/Ad/AdImage.html" -->

        <iframe id="if_ad" src="Biz_Basic/Ad/AdImage.html" frameborder="0" scrolling="no"></iframe>

 

        <!--视频-->

        <!--src = "Biz_***/Ad/AdVideo.html" -->

        <!--<iframe id="if_ad" src="Biz_Basic/Ad/AdVideo.html" frameborder="0" scrolling="no"></iframe>-->

    </div>

 

    <!--业务区域-->

    <div class="main">

        <!--src = "Biz_***/BasePage/Init.html"-->

        <iframe id="if_main" src="Biz_Basic/BasePage/Init.html" frameborder="0" scrolling="no"></iframe>

    </div>

 

    <!--底部区域-->

    <div class="bottom" style="display: block;">

        <div class="left" style="display: block;">

            <!--src="../Inc/images/{主题名}/Master/position.png"-->

            <img id="imgposition" src="../Inc/images/basic/Master/position.png" />

            <span id='span_TerminalPosition'>Loading...</span>

        </div>

        <div class="right" style="display: block;">

            <span id='span_TerminalNo'>Loading...</span>

            <!--src="../Inc/images/{主题名}/Master/position.png"-->

            <img id="imgno" src="../Inc/images/basic/Master/no.png" />

        </div>

    </div>

 

    <!--顶部分割线-->

    <div class="topline" style="display: block;"></div>

 

    <!--底部分割线-->

    <div class="bottomline" style="display: block;"></div>

 

    <!--手势密码区域-->

    <div id="gesturepwd"></div>

 

    <!--客服功能-->

    <div id="kefu">

        <input type="checkbox" id="showKfList" />

        <label for="showKfList" class="topBtn"></label>

        <!--可配置功能:退出|重启|关机|开门|-->

        <span class="func1">退出</span>

        <span class="func2">重启</span>

        <span class="func3">关机</span>

    </div>

 

    <!--终端Ip地址-->

    <div id="ip">

        <span id="span_TerminalIp"></span>

    </div>

</body>

</html>

 

翻译

搜索

复制

<iframe></iframe>

标签:web,Loading,...,ssts,hospital,vue,master
From: https://www.cnblogs.com/lizhigang/p/18028952

相关文章

  • WebSocket的简单应用
    Websocket简介在HTML5中新增了WebSocket协议,它是在一个TCP连接上实现全双工通信的协议。传统HTTP协议中,一次通信需要浏览器端主动发出请求后,由服务器端响应内容,建立的TCP连接断开,且无状态。而且必须是客户端主动请求后,服务器端才能响应,服务器端不能主动向浏览器端发送数据。每次......
  • ssts-hospital-web-master项目实战记录九:父组件App.vue给子组件main-page*.vue传值ter
    记录时间:2024-02-23一、App.vue详见:App.vue组件实现 【使用“文心一言”提取组件传值逻辑说明和代码】在Vue3中,组件传值通常涉及到props、emits、slots和组件的引用。在提供的代码中,主要关注点是动态组件的渲染和通过props传递数据。下面是对组件传值逻辑的说明和代码......
  • ssts-hospital-web-master项目实战记录八:App.vue组件实现
    记录时间:2024-02-23App.vue<scriptsetuplang="ts">import{defineComponent,ref,computed,onMounted,onUnmounted}from'vue'importMainPage1from'@/views/main-page/main-page1.vue'importMainPage2from'@/views......
  • ssts-hospital-web-master项目实战记录七:项目迁移-主页及其组成
    记录时间:2024-02-221.主页及其组成(1)index.html->App.vue(2)MainPage*.html->views/main-page/main-page*.vueMainPage1.html->views/main-page/main-page1.vueMainPage2.html->views/main-page/main-page2.vueMainPage3.html->views/main-page/main-page3......
  • 简单了解HTTP、Websocket和Netty
    前言伴随着网络的快速发展,网络通讯越来越重要,通讯的快捷、安全、方便影响着用户的体验。本文将探讨这些技术的原理、特点以及在实际应用中的应用场景。1.HTTTP(超文本传输协议)HTTP是一种传输超文本的协议,它是现代互联网通信的基础。其特点包括:简单性:HTTP使用简单的请求-响应模......
  • vue前端引用Jquery完成复选框多选
    vue2前端引用Jquery完成复选框多选通常我们使用element-ui中el-table的多选模板完成列表的多选,但是有时需要把表格进行拆分,此时仅凭element-ui中的控件可能无法实现拆分后的多选。由于vue是JavaScript的前端框架,所以我考虑使用js来实现。jQuery作为JavaScript的补充和扩展,可以更......
  • Web应用_6. Vue3
    title:(在线学习平台)link:(https://www.acwing.com/)cover:(https://cdn.acwing.com/media/activity/surface/log.png)Vue官网1配置环境1.1终端Linux和Mac上可以用自带的终端。Windows上推荐用powershell或者cmd。GitBash有些指令不兼容。1.2安装Nodejs安装地址1......
  • Vue学习笔记11--事件
    示例一:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Vue事件的基本使用</tit......
  • Vue中的$nextTick有什么作用?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、NextTick是什么官方对其的定义在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM什么意思呢?我们可以理解成,Vue 在更新 DOM 时是异步执行的。当数据发生变化,Vu......
  • C# 采用HttpWebRequest 、WebClient和HttpClient下载https的文件异常问题
    今天有个客户反应,程序下载文件失败,无法正常使用。远程客户电脑后,查看错误日志,都是提示https:****************************.dll等一系列文件的下载错误提示提示基础连接已经关闭:发送时发生错误。在网上找了很多方案都没有能解决,大多都是https链接时增加指定协议,很遗憾未能解......