HM-SPMS/web/nginx/html/dark/page/界面框架/panel_remote_ctrl.html
2026-01-06 04:47:40 +08:00

27 lines
11 KiB
HTML

<html lang="cn">
<head>
<meta charset="UTF-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="../../css/common.css" rel="stylesheet"/>
<script src="../../plugin/jquery-1.11.1.min.js"></script>
<script src="../../js/createStyle.js"></script>
<title></title>
<style>.position{position:absolute;}button{background:transparent;border:none;color:#eee;outline:none;cursor:pointer;}button>img{vertical-align: middle;}.QWidget { font: 14px "Microsoft YaHei"; color: #FFFFFF; background:transparent; outline:none; } .QWidget:disabled { color:#ABABAB; border-color: #ABABAB; } .QPushButton { border: 2px solid #6088BA; background-color:transparent; radius:0px; padding: -2px 10px -2px 10px; } .QPushButton:hover{ background-color: #5DA5FB; border-color: #5DA5FB; } .QPushButton:pressed { font-weight: bold; background-color: #5DA5FB; } .QPushButton:focus,.QPushButton:default { border-color: #5DA5FB; } .QPushButton:checked{ background-color: #5DA5FB; } .QLabel { background: transparent; border: 0px solid transparent; padding: 1px; } .QHeaderView { background-color: #4B6D97; border: none; margin: -2px; padding: 0px; height:40px; } .QHeaderView::section, .QTableCornerButton::section { background-color: #4B6D97; padding: 0px 10px 0px 10px; min-height: 40px; border-top: 0px solid #6088BA; border-left: 0px solid #6088BA; border-right: 2px solid #6088BA; border-bottom: 2px solid #6088BA; border-radius: 0px; } .QHeaderView::section:hover, .QTableCornerButton::section:hover{ } .QHeaderView::section:pressed{ background-color: #5DA5FB; color:#FFFFFF; } .QHeaderView::section:checked { background-color: #4B6D97; color:#FFFFFF; } .QHeaderView::down-arrow { subcontrol-position:center right; padding-right:10px; image:url(../../resource/zh/public/dark/icon/box-down-normal.png); } .QHeaderView::up-arrow { subcontrol-position:center right; padding-right:10px; image:url(../../resource/zh/public/dark/icon/box-up-normal.png); } .QAbstractItemView { show-decoration-selected:1; selection-background-color:#5DA5FB; selection-color:#FFFFFF; alternate-background-color: transparent; background: transparent; color:#FFFFFF; border: 2px solid #6088BA; } .QAbstractItemView::item { background: transparent; radius:0px; min-height:30px; border: 0px; padding: 0px; } .QAbstractItemView::item:hover{ background:#5DA5FB; } .QAbstractItemView::item:pressed{ color: #FFFFFF; background:#5DA5FB; } .QAbstractItemView::item:selected:focus { background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView::item:selected:!focus { background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView::item:selected:active { background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView .QCheckBox::hover{ background: #5DA5FB; } .QAbstractItemView .QCheckBox::pressed{ color: #FFFFFF; background:#5DA5FB; } .QAbstractItemView .QCheckBox::focus{ color:#FFFFFF; background: #5DA5FB; } .QAbstractItemView .QCheckBox::selected:focus { background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView .QCheckBox::selected:!focus { background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView .QCheckBox::selected:active { background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView::indicator::unchecked{ border-image:url(../../resource/zh/public/dark/icon/ckb-normal.png); } .QAbstractItemView::indicator::checked{ border-image:url(../../resource/zh/public/dark/icon/ckb-select-hover.png); } .QAbstractItemView::indicator:indeterminate { border-image:url(../../resource/zh/public/dark/icon/ckb-ptck.png); } .QAbstractItemView::branch{ background-color: transparent; } .QAbstractItemView::branch:alternate { alternate-background-color: #5DA5FB; } .QAbstractItemView::branch:hover{ background: #5DA5FB; } .QAbstractItemView::branch:pressed{ color: #FFFFFF; background:#5DA5FB; } .QAbstractItemView::branch:focus{ color:#FFFFFF; background: #5DA5FB; } .QAbstractItemView::branch:selected:focus { background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView::branch:selected:!focus{ background: #5DA5FB; color: #FFFFFF; } .QAbstractItemView::branch:selected:active { background: #5DA5FB; color: #FFFFFF; } .QCheckBox{ color:#FFFFFF; } .QCheckBox::hover { color:#5DA5FB; } .QCheckBox::indicator{ width: 14px; height: 14px; } .QCheckBox::indicator::unchecked{ border-image:url(../../resource/zh/public/dark/icon/ckb-normal.png); } .QCheckBox::indicator:unchecked:hover { border-image:url(../../resource/zh/public/dark/icon/ckb-uncheck-hover.png); } .QCheckBox::indicator:unchecked:pressed { border-image:url(../../resource/zh/public/dark/icon/ckb-uncheck-hover.png); } .QCheckBox::indicator:unchecked:disabled { border-image:url(../../resource/zh/public/dark/icon/ckb-disable.png); } .QCheckBox::indicator::checked{ border-image:url(../../resource/zh/public/dark/icon/ckb-select-hover.png); } .QCheckBox::indicator:checked:hover { border-image:url(../../resource/zh/public/dark/icon/ckb-select-hover.png); } .QCheckBox::indicator:checked:pressed { border-image:url(../../resource/zh/public/dark/icon/ckb-select-hover.png); } .QCheckBox::indicator:checked:disabled { border-image:url(../../resource/zh/public/dark/icon/ckb-select-disable.png); } .QCheckBox::indicator:indeterminate { border-image:url(../../resource/zh/public/dark/icon/ckb-ptck.png); } .QCheckBox::indicator:indeterminate:hover { border-image:url(../../resource/zh/public/dark/icon/ckb-ptck-hover.png); } .QCheckBox::indicator:indeterminate:pressed { border-image:url(../../resource/zh/public/dark/icon/ckb-ptck-hover.png); } .QCheckBox::indicator:indeterminate:disabled { border-image:url(../../resource/zh/public/dark/icon/ckb-ptck-disable.png); } .QScrollBar{ background-color: transparent; border: 1px solid #6088BA; border-radius: 0px; padding: 1px; margin:0px; height: 15px; width: 15px; } .QScrollBar::handle{ border-color:#6088BA; radius: 0px; background: #6088BA; min-width: 10px; min-height: 10px; } .QScrollBar::handle:hover { background: #5DA5FB; } .QScrollBar::add-line, .QScrollBar::sub-line, .QScrollBar::add-page, .QScrollBar::sub-page { width: 0px; background: transparent; } .QScrollArea{ border: none; } .QAbstractSpinBox { background: transparent; selection-background-color:#5DA5FB; selection-color:#FFFFFF; border: 2px solid #6088BA; border-radius: 0px; padding: 0 0 0 0px; } .QAbstractSpinBox:hover { border-color: #5DA5FB; } .QAbstractSpinBox:focus { border-color: #5DA5FB; } .QAbstractSpinBox::up-button { margin: 5px 5px 5px 5px; height:9px; width:14px; image:url(../../resource/zh/public/dark/icon/box-up-normal.png); } .QAbstractSpinBox::up-button:hover { image:url(../../resource/zh/public/dark/icon/box-up-select.png); } .QAbstractSpinBox::up-button:pressed { image:url(../../resource/zh/public/dark/icon/box-up-select.png); } .QAbstractSpinBox::up-button:disabled{ image:url(../../resource/zh/public/dark/icon/box-up-disable.png); } .QAbstractSpinBox::down-button { margin: 5px 5px 5px 5px; height:9px; width:14px; image:url(../../resource/zh/public/dark/icon/box-down-normal.png); } .QAbstractSpinBox::down-button:hover{ image:url(../../resource/zh/public/dark/icon/box-down-select.png); } .QAbstractSpinBox::down-button:pressed{ image:url(../../resource/zh/public/dark/icon/box-down-select.png); } .QAbstractSpinBox::down-button:disabled{ image:url(../../resource/zh/public/dark/icon/box-down-disable.png); }</style>
</head>
<body style="background-image: url(../back_pixmap/背景.png) no-reapt;background-size:100% 100%;">
<button class="QPushButton position" groupId="-1" data-type="0" id="m_tokenBtn" type="button" style="left:161px;top:-102px;width:90px;height:30px;QPushButton{ background-color:#e6ecf2; border:none; border-bottom:2px solid; border-color:#cccfd9; color:#333333; border-radius:0px; } QPushButton:checked{ border: 2px solid; border-color:#cccfd9; background-color:#f4f8fb; border-bottom:none; }">
<img layer="0" src="../back_pixmap/default.png" style="width:30px;height:30px;"/>挂牌</button>
<button class="QPushButton position" groupId="-1" data-type="0" id="m_controlBtn" type="button" style="left:18px;top:50px;width:90px;height:30px;QWidget { font: 14px &quot;Microsoft YaHei&quot;; color: #FFFFFF; background:transparent; outline:none; } QWidget:disabled { color:#ABABAB; border-color: #ABABAB; } QPushButton { color:#FFFFFF; background: transparent; border: 0px solid #6088BA; padding: 0px 10px 0px 10px; } QPushButton:hover { background: #5DA5FB; border-color: transparent; } QPushButton:selected,QPushButton:checked { background: #5DA5FB; color:#FFFFFF; } QPushButton:pressed { font-weight: bold; background: #5DA5FB; border-color: #5DA5FB; color:#FFFFFF; } QPushButton:disabled { color:#ABABAB; } QPushButton:focus { border-color: #5DA5FB; } QPushButton{ border-top:0px; border-left:0px; border-right:0px; border-bottom:0px solid transparent; } QPushButton:selected,QPushButton:checked { border-top:0px; border-left:0px; border-right:0px; border-bottom:2px solid #5DA5FB; }">
<img layer="0" src="../back_pixmap/default.png" style="width:30px;height:30px;"/>控制</button>
<button class="QPushButton position" groupId="-1" data-type="0" id="m_closeBtn" type="button" style="left:336px;top:410px;width:80px;height:30px;QWidget { font: 14px &quot;Microsoft YaHei&quot;; color: #FFFFFF; background:transparent; outline:none; } QWidget:disabled { color:#ABABAB; border-color: #ABABAB; } QPushButton { border: 2px solid #6088BA; background-color:transparent; radius:0px; padding: -2px 10px -2px 10px; } QPushButton:hover{ background-color: #5DA5FB; border-color: #5DA5FB; } QPushButton:pressed { font-weight: bold; background-color: #5DA5FB; } QPushButton:focus,QPushButton:default { border-color: #5DA5FB; } QPushButton:checked{ background-color: #5DA5FB; }">
<img layer="0" src="../back_pixmap/default.png" style="width:30px;height:30px;"/>关闭</button>
<div class="position" layer="0" style="left:19px;top:79px;z-index:-10;width:410px;height:307px;line-height:307px;background-color:#062C44;"></div>
<span class="position" id="m_devName" style="left:-1px;top:10px;width:453px;height:30px;line-height:30px;text-align:center;font-family:'微软雅黑';font-size:16pt;color:#FFFFFF;">101开关(厂站)</span>
<button class="QPushButton position" groupId="-1" data-type="0" id="m_setBtn" type="button" style="left:318px;top:-101px;width:90px;height:30px;QPushButton{ background-color:#e6ecf2; border:none; border-bottom:2px solid; border-color:#cccfd9; color:#333333; border-radius:0px; } QPushButton:checked{ border: 2px solid; border-color:#cccfd9; background-color:#f4f8fb; border-bottom:none; }">
<img layer="0" src="../back_pixmap/default.png" style="width:0px;height:0px;"/>设置</button>
<button class="QPushButton position" groupId="-1" data-type="0" id="m_resetBtn" type="button" style="left:469px;top:-99px;width:90px;height:30px;QPushButton{ background-color:#e6ecf2; border:none; border-bottom:2px solid; border-color:#cccfd9; color:#333333; border-radius:0px; } QPushButton:checked{ border: 2px solid; border-color:#cccfd9; background-color:#f4f8fb; border-bottom:none; }">
<img layer="0" src="../back_pixmap/default.png" style="width:0px;height:0px;"/>复归</button>
</body>
<script src="../../js/界面框架/panel_remote_ctrl.js"></script>
</html>