839 lines
266 KiB
HTML
839 lines
266 KiB
HTML
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8">
|
|||
|
|
<title>JcXx 优化前</title>
|
||
|
|
<style>@charset "UTF-8";@font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\e6a0"}.el-icon-ice-cream-square:before{content:"\e6a3"}.el-icon-lollipop:before{content:"\e6a4"}.el-icon-potato-strips:before{content:"\e6a5"}.el-icon-milk-tea:before{content:"\e6a6"}.el-icon-ice-drink:before{content:"\e6a7"}.el-icon-ice-tea:before{content:"\e6a9"}.el-icon-coffee:before{content:"\e6aa"}.el-icon-orange:before{content:"\e6ab"}.el-icon-pear:before{content:"\e6ac"}.el-icon-apple:before{content:"\e6ad"}.el-icon-cherry:before{content:"\e6ae"}.el-icon-watermelon:before{content:"\e6af"}.el-icon-grape:before{content:"\e6b0"}.el-icon-refrigerator:before{content:"\e6b1"}.el-icon-goblet-square-full:before{content:"\e6b2"}.el-icon-goblet-square:before{content:"\e6b3"}.el-icon-goblet-full:before{content:"\e6b4"}.el-icon-goblet:before{content:"\e6b5"}.el-icon-cold-drink:before{content:"\e6b6"}.el-icon-coffee-cup:before{content:"\e6b8"}.el-icon-water-cup:before{content:"\e6b9"}.el-icon-hot-water:before{content:"\e6ba"}.el-icon-ice-cream:before{content:"\e6bb"}.el-icon-dessert:before{content:"\e6bc"}.el-icon-sugar:before{content:"\e6bd"}.el-icon-tableware:before{content:"\e6be"}.el-icon-burger:before{content:"\e6bf"}.el-icon-knife-fork:before{content:"\e6c1"}.el-icon-fork-spoon:before{content:"\e6c2"}.el-icon-chicken:before{content:"\e6c3"}.el-icon-food:before{content:"\e6c4"}.el-icon-dish-1:before{content:"\e6c5"}.el-icon-dish:before{content:"\e6c6"}.el-icon-moon-night:before{content:"\e6ee"}.el-icon-moon:before{content:"\e6f0"}.el-icon-cloudy-and-sunny:before{content:"\e6f1"}.el-icon-partly-cloudy:before{content:"\e6f2"}.el-icon-cloudy:before{content:"\e6f3"}.el-icon-sunny:before{content:"\e6f6"}.el-icon-sunset:before{content:"\e6f7"}.el-icon-sunrise-1:before{content:"\e6f8"}.el-icon-sunrise:before{content:"\e6f9"}.el-icon-heavy-rain:before{content:"\e6fa"}.el-icon-lightning:before{content:"\e6fb"}.el-icon-light-rain:before{content:"\e6fc"}.el-icon-wind-power:before{content:"\e6fd"}.el-icon-baseball:before{content:"\e712"}.el-icon-soccer:before{content:"\e713"}.el-icon-football:before{content:"\e715"}.el-icon-basketball:before{content:"\e716"}.el-icon-ship:before{content:"\e73f"}.el-icon-truck:before{content:"\e740"}.el-icon-bicycle:before{content:"\e741"}.el-icon-mobile-phone:before{content:"\e6d3"}.el-icon-service:before{content:"\e6d4"}.el-icon-key:before{content:"\e6e2"}.el-icon-unlock:before{content:"\e6e4"}.el-icon-lock:before{content:"\e6e5"}.el-icon-watch:before{content:"\e6fe"}.el-icon-watch-1:before{content:"\e6ff"}.el-icon-timer:before{content:"\e702"}.el-icon-alarm-clock:before{content:"\e703"}.el-icon-map-location:before{content:"\e704"}.el-icon-delete-location:before{content:"\e705"}.el-icon-add-location:before{content:"\e706"}.el-icon-location-information:before{content:"\e707"}.el-icon-location-outline:before{content:"\e708"}.el-icon-location:before{content:"\e79e"}.el-icon-place:before{content:"\e709"}.el-icon-discover:before{content:"\e70a"}.el-icon-first-aid-kit:before{content:"\e70b"}.el-icon-trophy-1:before{content:"\e70c"}.el-icon-trophy:before{content:"\e70d"}.el-icon-medal:before{content:"\e70e"}.el-icon-medal-1:before{content:"\e70f"}.el-icon-stopwatch:before{content:"\e710"}.el-icon-mic:before{content:"\e711"}.el-icon-copy-document:before{content:"\e718"}.el-icon-full-screen:before{content:"\e719"}.el-icon-switch-button:before{content:"\e71b"}.el-icon-aim:before{content:"\e71c"}.el-icon-crop:before{content:"\e71d"}.el-icon-odometer:before{content:"\e71e"}.el-icon-time:before{content:"\e71f"}.el-icon-bangzhu:before{content:"\e724"}.el-icon-close-notification:bef
|
||
|
|
<style>@charset "UTF-8";
|
||
|
|
.marquee-container {
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-left-marquee-row {
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-left-search-area {
|
||
|
|
padding-top: 6px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-left-input-row {
|
||
|
|
margin-top: -2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-left-action-row {
|
||
|
|
margin-top: -2;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 中间时间信息区域 */
|
||
|
|
.center-time-section {
|
||
|
|
flex: 0 0 auto;
|
||
|
|
background: linear-gradient(135deg, #0078d7, #107c10);
|
||
|
|
color: white;
|
||
|
|
padding: 12px 16px;
|
||
|
|
border-radius: 8px;
|
||
|
|
margin: 0 15px;
|
||
|
|
min-width: 320px;
|
||
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.date-time {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.date-time .text-24 {
|
||
|
|
font-size: 26px !important;
|
||
|
|
font-weight: 600;
|
||
|
|
margin: 0;
|
||
|
|
line-height: 1.2;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 响应式调整 */
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
.center-time-section {
|
||
|
|
min-width: 280px;
|
||
|
|
padding: 10px 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.date-time .text-24 {
|
||
|
|
font-size: 24px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.date-time {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.center-time-section {
|
||
|
|
min-width: 240px;
|
||
|
|
padding: 8px 12px;
|
||
|
|
margin: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.date-time .text-24 {
|
||
|
|
font-size: 20px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.date-time {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* ============ 右下角初始化提示 ============ */
|
||
|
|
.init-success-tip {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 30px;
|
||
|
|
right: 30px;
|
||
|
|
z-index: 2000;
|
||
|
|
background: linear-gradient(135deg, #67c23a, #85ce61);
|
||
|
|
border-radius: 12px;
|
||
|
|
box-shadow: 0 8px 30px rgba(103, 194, 58, 0.3);
|
||
|
|
animation: slideInUp 0.6s ease-out;
|
||
|
|
backdrop-filter: blur(10px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.init-success-content {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
padding: 12px 20px;
|
||
|
|
color: white;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.init-success-content i {
|
||
|
|
font-size: 18px;
|
||
|
|
margin-right: 8px;
|
||
|
|
animation: successPulse 2s infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes successPulse {
|
||
|
|
0%, 100% {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* ============ 表单样式(缩小版) ============ */
|
||
|
|
.form-item-container {
|
||
|
|
padding: 0 8px;
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-label {
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
color: #2c3e50;
|
||
|
|
margin-bottom: 6px;
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-item-container .el-input {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-item-container .el-input__inner {
|
||
|
|
border-radius: 6px !important;
|
||
|
|
border: 1px solid #dcdfe6 !important;
|
||
|
|
padding: 8px 12px !important;
|
||
|
|
font-size: 13px !important;
|
||
|
|
transition: all 0.3s ease !important;
|
||
|
|
background: white;
|
||
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
|
||
|
|
height: 32px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-item-container .el-input__inner:focus {
|
||
|
|
border-color: #409EFF !important;
|
||
|
|
box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-item-container .el-input__inner:hover {
|
||
|
|
border-color: #c0c4cc !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 按钮行样式(缩小版)*/
|
||
|
|
.el-button {
|
||
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
||
|
|
position: relative !important;
|
||
|
|
overflow: hidden !important;
|
||
|
|
height: 32px !important;
|
||
|
|
font-size: 13px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-button:hover {
|
||
|
|
transform: translateY(-1px) !important;
|
||
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-button:active {
|
||
|
|
transform: translateY(0) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonFont-small {
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 600;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 响应式表单设置 */
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
.form-label {
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-item-container .el-input__inner {
|
||
|
|
padding: 7px 10px !important;
|
||
|
|
font-size: 12px !important;
|
||
|
|
height: 30px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.init-success-tip {
|
||
|
|
bottom: 20px;
|
||
|
|
right: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.init-success-content {
|
||
|
|
padding: 10px 16px;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.form-item-container {
|
||
|
|
padding: 0 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-label {
|
||
|
|
font-size: 12px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-item-container .el-input__inner {
|
||
|
|
padding: 6px 8px !important;
|
||
|
|
font-size: 11px !important;
|
||
|
|
height: 28px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-button {
|
||
|
|
font-size: 11px !important;
|
||
|
|
height: 28px !important;
|
||
|
|
padding: 4px 12px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonFont-small {
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.init-success-tip {
|
||
|
|
bottom: 15px;
|
||
|
|
right: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.init-success-content {
|
||
|
|
padding: 8px 12px;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.init-success-content i {
|
||
|
|
font-size: 14px;
|
||
|
|
margin-right: 6px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.marquee-content {
|
||
|
|
display: inline-block;
|
||
|
|
animation: marquee 28s linear infinite;
|
||
|
|
padding-left: 100%;
|
||
|
|
color: #fff45c;
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: 800;
|
||
|
|
line-height: 36px;
|
||
|
|
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
|
||
|
|
letter-spacing: 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.marquee-repeat-text {
|
||
|
|
margin-left: 160px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes warningBlink {
|
||
|
|
0%, 100% {
|
||
|
|
opacity: 1;
|
||
|
|
background-color: #FFF200;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 1;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes marquee {
|
||
|
|
0% {
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: translateX(-200%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-table__body tr:hover > td {
|
||
|
|
background-color: inherit !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-jcxx-table th.el-table__cell {
|
||
|
|
padding-top: 6px !important;
|
||
|
|
padding-bottom: 6px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-jcxx-table td.el-table__cell {
|
||
|
|
padding-top: 5px !important;
|
||
|
|
padding-bottom: 5px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-jcxx-table .cell {
|
||
|
|
line-height: 1.2 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-form-row {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: flex-start;
|
||
|
|
width: 100%;
|
||
|
|
column-gap: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-form-row:first-child {
|
||
|
|
column-gap: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-field-box {
|
||
|
|
width: 226px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-inline-label {
|
||
|
|
width: 58px;
|
||
|
|
padding-right: 8px;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 30px;
|
||
|
|
text-align: right;
|
||
|
|
white-space: nowrap;
|
||
|
|
color: #606266;
|
||
|
|
box-sizing: border-box;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-field-box .el-input {
|
||
|
|
width: 146px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-form-row + .history-jcxx-form-row {
|
||
|
|
margin-top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-query-button {
|
||
|
|
margin-left: 4px;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-filter-box {
|
||
|
|
width: 230px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-filter-label {
|
||
|
|
width: 72px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-filter-box .el-select {
|
||
|
|
width: 140px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-time-box {
|
||
|
|
width: 610px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-time-label {
|
||
|
|
width: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-time-range {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 6px;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
width: 540px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-count {
|
||
|
|
min-width: 180px;
|
||
|
|
margin-left: 8px;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-form .el-input__inner,
|
||
|
|
.history-jcxx-form .el-date-editor.el-input__inner,
|
||
|
|
.history-jcxx-form .el-date-editor .el-range-input,
|
||
|
|
.history-jcxx-form .el-date-editor .el-range-separator {
|
||
|
|
font-size: 12px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-form .el-input__inner,
|
||
|
|
.history-jcxx-form .el-date-editor.el-input__inner,
|
||
|
|
.history-jcxx-form .el-date-editor--datetimerange {
|
||
|
|
height: 30px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-form .el-date-editor .el-range__icon,
|
||
|
|
.history-jcxx-form .el-date-editor .el-range__close-icon {
|
||
|
|
line-height: 22px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-update-dialog .el-dialog {
|
||
|
|
max-width: calc(100vw - 32px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-update-form .el-row .el-col {
|
||
|
|
min-height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-update-form .el-row .el-col > label {
|
||
|
|
flex: 0 0 96px;
|
||
|
|
width: 96px !important;
|
||
|
|
min-width: 96px;
|
||
|
|
white-space: nowrap;
|
||
|
|
word-break: keep-all;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 20px;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-update-form .el-row .el-col > .el-input,
|
||
|
|
.jc-update-form .el-row .el-col > .el-select {
|
||
|
|
flex: 1 1 0;
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-update-room {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-update-room > .el-button {
|
||
|
|
margin-left: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-table th.el-table__cell {
|
||
|
|
padding-top: 5px !important;
|
||
|
|
padding-bottom: 5px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-table td.el-table__cell {
|
||
|
|
padding-top: 4px !important;
|
||
|
|
padding-bottom: 4px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-load-tip {
|
||
|
|
padding: 8px 0 2px;
|
||
|
|
text-align: center;
|
||
|
|
color: #909399;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-table .cell {
|
||
|
|
line-height: 1.15 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.leave-snapshot-preview {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
min-height: 180px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.leave-snapshot-preview img {
|
||
|
|
max-width: 100%;
|
||
|
|
max-height: 560px;
|
||
|
|
object-fit: contain;
|
||
|
|
}
|
||
|
|
|
||
|
|
.leave-snapshot-empty {
|
||
|
|
padding: 60px 0;
|
||
|
|
text-align: center;
|
||
|
|
color: #909399;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item1 {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-right-div {
|
||
|
|
width: 200px;
|
||
|
|
height: 200px;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 20px;
|
||
|
|
right: 20px;
|
||
|
|
padding: 10px;
|
||
|
|
font-size: 20px;
|
||
|
|
background-color: #a6b8ac;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dialog_JcEvent .el-dialog {
|
||
|
|
position: fixed;
|
||
|
|
top: -100px;
|
||
|
|
left: 100px;
|
||
|
|
background-color: #dee2e6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dialog_AlarmEvent .el-dialog {
|
||
|
|
background-color: #cc7b10;
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonFont {
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
padding: 0 0 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app_contianer {
|
||
|
|
padding: 0 0 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-duty-bar {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 50px;
|
||
|
|
background-color: #029191;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
z-index: 1000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-stay-summary {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 80px;
|
||
|
|
padding-left: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-stay-summary,
|
||
|
|
.latest-sync-time {
|
||
|
|
color: #fff45c;
|
||
|
|
font-size: 24px;
|
||
|
|
font-weight: 800;
|
||
|
|
line-height: 50px;
|
||
|
|
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.latest-sync-time {
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-duty-info {
|
||
|
|
flex: 1;
|
||
|
|
text-align: right;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table__body tr.current-row > td {
|
||
|
|
background-color: #1990f1 !important;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-table .el-table__body tr.current-row > td {
|
||
|
|
background-color: #0b7dda !important;
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.history-jcxx-table.el-table--striped .el-table__body tr.current-row > td,
|
||
|
|
.history-jcxx-table.el-table--striped .el-table__body tr.current-row.el-table__row--striped > td {
|
||
|
|
background-color: #0b7dda !important;
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.red-mask {
|
||
|
|
background-color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.record-button-list {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
gap: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.record-button {
|
||
|
|
margin-left: 0 !important;
|
||
|
|
width: 58px;
|
||
|
|
padding-left: 0 !important;
|
||
|
|
padding-right: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 合并后的交路及叫乘提醒。 */
|
||
|
|
.sync-warning-dialog .el-dialog {
|
||
|
|
min-width: 620px;
|
||
|
|
border-radius: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sync-warning-dialog .el-dialog__header {
|
||
|
|
background: #fff7e6;
|
||
|
|
border-bottom: 1px solid #f5c26b;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sync-warning-dialog .el-dialog__title {
|
||
|
|
color: #b45309;
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sync-warning-content {
|
||
|
|
max-height: 56vh;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sync-warning-section + .sync-warning-section {
|
||
|
|
margin-top: 16px;
|
||
|
|
padding-top: 14px;
|
||
|
|
border-top: 1px solid #ebeef5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sync-warning-category {
|
||
|
|
margin-bottom: 8px;
|
||
|
|
color: #b45309;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sync-warning-category i {
|
||
|
|
margin-right: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sync-warning-item {
|
||
|
|
padding: 5px 0 5px 26px;
|
||
|
|
color: #303133;
|
||
|
|
font-size: 17px;
|
||
|
|
line-height: 1.55;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ============ 优化按钮样式 ============ */
|
||
|
|
.el-button {
|
||
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
||
|
|
position: relative !important;
|
||
|
|
overflow: hidden !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-button:hover {
|
||
|
|
transform: translateY(-2px) !important;
|
||
|
|
box-shadow: 0 8px 20px rgba(64, 158, 255, 0.4) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-button:active {
|
||
|
|
transform: translateY(0) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 查询按钮特殊样式 */
|
||
|
|
.el-button[style*=linear-gradient]:hover {
|
||
|
|
background: linear-gradient(135deg, #66b3ff, #409EFF) !important;
|
||
|
|
box-shadow: 0 8px 25px rgba(64, 158, 255, 0.5) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-button[style*=linear-gradient]:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: -100%;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
|
||
|
|
transition: left 0.5s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-button[style*=linear-gradient]:hover:before {
|
||
|
|
left: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 响应式按钮优化 */
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.el-button[style*=margin-left] {
|
||
|
|
margin-left: 20px !important;
|
||
|
|
width: 120px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.person-photo-panel {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: flex-start;
|
||
|
|
gap: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.person-photo-item {
|
||
|
|
width: 180px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.person-photo-title {
|
||
|
|
height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
color: #606266;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-bottom: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.person-photo-img {
|
||
|
|
width: 150px;
|
||
|
|
height: 200px;
|
||
|
|
object-fit: cover;
|
||
|
|
border: 1px solid #dcdfe6;
|
||
|
|
background: #f5f7fa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-add-dialog .el-dialog {
|
||
|
|
max-width: calc(100vw - 32px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-add-form .el-row .el-col > label,
|
||
|
|
.jl-add-form .el-row .el-col > div > label {
|
||
|
|
flex: 0 0 96px;
|
||
|
|
width: 96px !important;
|
||
|
|
min-width: 96px;
|
||
|
|
white-space: nowrap;
|
||
|
|
word-break: keep-all;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 20px;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-add-form .el-row .el-col > .el-input,
|
||
|
|
.jl-add-form .el-row .el-col > .el-select,
|
||
|
|
.jl-add-form .el-row .el-col > .el-date-editor,
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-input,
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-select,
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-date-editor {
|
||
|
|
flex: 1 1 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-add-form .el-row .el-col > div {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-input,
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-select,
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-date-editor,
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-time-picker {
|
||
|
|
width: 100% !important;
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-add-form .el-row .el-col > div > .el-date-editor .el-input__inner {
|
||
|
|
width: 100%;
|
||
|
|
}</style>
|
||
|
|
<style>body{margin:0;background:#f3f6f5}#app{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
|
||
|
|
/* 快照专用:模拟 el-table 运行时的内部横向滚动,避免 15 列被静态表格压扁 */
|
||
|
|
.main-jcxx-table .el-table__header-wrapper,
|
||
|
|
.main-jcxx-table .el-table__body-wrapper{overflow-x:auto}
|
||
|
|
.main-jcxx-table table{min-width:1500px}
|
||
|
|
</style>
|
||
|
|
</head><body><div class="app_contianer jc-opt-root" id="app">
|
||
|
|
<div class="el-card"><div class="el-card__body">
|
||
|
|
<div class="el-row jc-header-row" style="height:150px;margin-left:-7.5px;margin-right:-7.5px">
|
||
|
|
<div class="el-col el-col-9 jc-header-search" style="height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:7.5px;padding-right:7.5px">
|
||
|
|
<div class="el-row top-left-marquee-row" style="height:30%;margin-top:40px">
|
||
|
|
<div class="marquee-container" style="background-color:rgb(2,145,145);height:100%">
|
||
|
|
<div class="marquee-content"><span>305 房间叫乘时间已过,请值班员关注</span><span class="marquee-repeat-text">305 房间叫乘时间已过,请值班员关注</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="top-left-search-area" style="flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 20px">
|
||
|
|
<div class="el-row top-left-input-row" style="margin-bottom:15px"><div class="el-col el-col-6" style="padding-left:7.5px;padding-right:7.5px">
|
||
|
|
<div class="form-item-container"><label class="form-label">机车号</label>
|
||
|
|
<div class="el-input"><input class="el-input__inner" placeholder="请输入机车号" id="q0"></div></div></div><div class="el-col el-col-6" style="padding-left:7.5px;padding-right:7.5px">
|
||
|
|
<div class="form-item-container"><label class="form-label">车次</label>
|
||
|
|
<div class="el-input"><input class="el-input__inner" placeholder="请输入车次" id="q1"></div></div></div><div class="el-col el-col-6" style="padding-left:7.5px;padding-right:7.5px">
|
||
|
|
<div class="form-item-container"><label class="form-label">房间号</label>
|
||
|
|
<div class="el-input"><input class="el-input__inner" placeholder="请输入房间号" id="q2"></div></div></div><div class="el-col el-col-6" style="padding-left:7.5px;padding-right:7.5px">
|
||
|
|
<div class="form-item-container"><label class="form-label">姓名</label>
|
||
|
|
<div class="el-input"><input class="el-input__inner" placeholder="请输入姓名" id="q3"></div></div></div></div>
|
||
|
|
<div class="el-row top-left-action-row">
|
||
|
|
<div class="el-col el-col-24" style="display:flex;justify-content:space-between;align-items:center">
|
||
|
|
<button class="el-button el-button--small" style="background: linear-gradient(135deg, #e6a23c, #f7ba2a); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(230,162,60,.3); color: white;"><span class="buttonFont-small">取消叫乘</span></button>
|
||
|
|
<div style="display:flex;align-items:center;gap:12px"><button class="el-button el-button--small" style="background: linear-gradient(135deg, #409EFF, #66b3ff); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(64,158,255,.3); color: white;"><span class="buttonFont-small">查询</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #909399, #b1b3b8); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(144,147,153,.3); color: white;"><span class="buttonFont-small">重置</span></button></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="el-col el-col-6 jc-header-time" style="height:100%;padding-left:7.5px;padding-right:7.5px">
|
||
|
|
<div class="el-row"><div class="center-time-section"><div class="date-time">
|
||
|
|
<p class="text-24 text-white">2026-11-09 星期一<br>09:03:21</p>
|
||
|
|
</div></div></div>
|
||
|
|
</div>
|
||
|
|
<div class="el-col el-col-9 jc-header-actions" style="height:100%;padding-left:7.5px;padding-right:7.5px">
|
||
|
|
<div class="el-row" style="height:50%;padding:8px 20px 8px 0px;display:flex;align-items:center">
|
||
|
|
<div class="el-col el-col-18"><div style="display:flex;gap:5px;justify-content:space-between;align-items:center"><button class="el-button el-button--small" style="background: linear-gradient(135deg, #e6a23c, #f7ba2a); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(230,162,60,.3); color: white;height:32px;"><span class="buttonFont-small">房间信息</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #e6a23c, #f7ba2a); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(230,162,60,.3); color: white;height:32px;"><span class="buttonFont-small">设备信息</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #e6a23c, #f7ba2a); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(230,162,60,.3); color: white;height:32px;"><span class="buttonFont-small">人员维护</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #e6a23c, #f7ba2a); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(230,162,60,.3); color: white;height:32px;"><span class="buttonFont-small">交路管理</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #e6a23c, #f7ba2a); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(230,162,60,.3); color: white;height:32px;"><span class="buttonFont-small">历史数据</span></button></div></div>
|
||
|
|
<div class="el-col el-col-1"></div>
|
||
|
|
<div class="el-col el-col-5"><div style="display:flex;align-items:center;gap:3px">
|
||
|
|
<span class="jc-user-label" style="font-size:12px;color:#666;width:45%">当前用户: 张值班</span>
|
||
|
|
<button class="el-button el-button--small" style="background: linear-gradient(135deg, #f56c6c, #ff7979); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(245,108,108,.3); color: white;height:32px;width:55%;"><span class="buttonFont-small">退出</span></button>
|
||
|
|
</div></div>
|
||
|
|
</div>
|
||
|
|
<div class="el-row" style="height:50%;padding:8px 20px 8px 0px;display:flex;align-items:center">
|
||
|
|
<div class="el-col el-col-7"><div style="display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start"><button class="el-button el-button--small" style="background: linear-gradient(135deg, #0b5858, #0f6b6b); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(11,88,88,.3); color: white;height:32px;width:84px;"><span class="buttonFont-small">换乘</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #0b5858, #0f6b6b); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(11,88,88,.3); color: white;height:32px;width:84px;"><span class="buttonFont-small">出乘</span></button></div></div>
|
||
|
|
<div class="el-col el-col-17"><div style="display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;margin-left:14px"><button class="el-button el-button--small" style="background: linear-gradient(135deg, #0b5858, #0f6b6b); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(11,88,88,.3); color: white;height:32px;"><span class="buttonFont-small">语音临叫</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #0b5858, #0f6b6b); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(11,88,88,.3); color: white;height:32px;"><span class="buttonFont-small">喊话临叫</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #0b5858, #0f6b6b); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(11,88,88,.3); color: white;height:32px;"><span class="buttonFont-small">停止呼叫</span></button><button class="el-button el-button--small" style="background: linear-gradient(135deg, #0b5858, #0f6b6b); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(11,88,88,.3); color: white;height:32px;"><span class="buttonFont-small">停止报警</span></button></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
<div class="el-card" style="margin-top:10px"><div class="el-card__body">
|
||
|
|
<div class="el-tabs el-tabs--card"><div class="el-tabs__header is-top"><div class="el-tabs__nav-wrap"><div class="el-tabs__nav-scroll">
|
||
|
|
<div class="el-tabs__nav is-top"><div class="el-tabs__item is-top is-active">机务人员和客运人员</div><div class="el-tabs__item is-top">其他人员</div></div>
|
||
|
|
</div></div></div></div>
|
||
|
|
<div class="el-table main-jcxx-table el-table--border" style="width:100%;height:600px">
|
||
|
|
<div class="el-table__header-wrapper"><table class="el-table__header" style="width:100%"><thead><tr style="height:54px"><th class="el-table__cell"><div class="cell">序号</div></th><th class="el-table__cell"><div class="cell">状态</div></th><th class="el-table__cell"><div class="cell">到寓时间</div></th><th class="el-table__cell"><div class="cell">单位</div></th><th class="el-table__cell"><div class="cell">机车号</div></th><th class="el-table__cell"><div class="cell">姓名</div></th><th class="el-table__cell"><div class="cell">房间号</div></th><th class="el-table__cell"><div class="cell">出发车次</div></th><th class="el-table__cell"><div class="cell">开车时间</div></th><th class="el-table__cell"><div class="cell">叫乘时间</div></th><th class="el-table__cell"><div class="cell">复叫时间</div></th><th class="el-table__cell"><div class="cell">叫乘日期</div></th><th class="el-table__cell"><div class="cell">应离寓时间</div></th><th class="el-table__cell"><div class="cell">接车方式</div></th><th class="el-table__cell"><div class="cell">操作</div></th></tr></thead></table></div>
|
||
|
|
<div class="el-table__body-wrapper" style="height:546px"><table class="el-table__body" style="width:100%"><tbody><tr class="el-table__row current-row" style="background-color:#F56C6C;font-size:20px;font-weight:600"><td class="el-table__cell"><div class="cell">1</div></td><td class="el-table__cell"><div class="cell"><span class="jc-st jc-st-alarm">叫乘报警</span></div></td><td class="el-table__cell"><div class="cell">11-08 21:40</div></td><td class="el-table__cell"><div class="cell">机务段</div></td><td class="el-table__cell"><div class="cell">HXD3C-0131</div></td><td class="el-table__cell"><div class="cell">冯建国</div></td><td class="el-table__cell"><div class="cell">305</div></td><td class="el-table__cell"><div class="cell">K671</div></td><td class="el-table__cell"><div class="cell">08:35</div></td><td class="el-table__cell"><div class="cell">06:35</div></td><td class="el-table__cell"><div class="cell">06:45</div></td><td class="el-table__cell"><div class="cell">11-09</div></td><td class="el-table__cell"><div class="cell">07:05</div></td><td class="el-table__cell"><div class="cell">站接</div></td><td class="el-table__cell"><div class="cell"><button class="el-button el-button--small" style="background: linear-gradient(135deg, #409EFF, #66b3ff); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(64,158,255,.3); color: white;height:28px;"><span class="buttonFont-small">暂停报警</span></button></div></td></tr><tr class="el-table__row" style="background-color:#00FF00;font-size:20px;font-weight:600"><td class="el-table__cell"><div class="cell">2</div></td><td class="el-table__cell"><div class="cell"><span class="jc-st jc-st-normal">正在呼叫</span></div></td><td class="el-table__cell"><div class="cell">11-08 22:05</div></td><td class="el-table__cell"><div class="cell">机务段</div></td><td class="el-table__cell"><div class="cell">HXD3C-0132</div></td><td class="el-table__cell"><div class="cell">蒋卫东</div></td><td class="el-table__cell"><div class="cell">517</div></td><td class="el-table__cell"><div class="cell">T118</div></td><td class="el-table__cell"><div class="cell">09:10</div></td><td class="el-table__cell"><div class="cell">07:10</div></td><td class="el-table__cell"><div class="cell">07:20</div></td><td class="el-table__cell"><div class="cell">11-09</div></td><td class="el-table__cell"><div class="cell">07:40</div></td><td class="el-table__cell"><div class="cell">库出</div></td><td class="el-table__cell"><div class="cell"><button class="el-button el-button--small" style="background: linear-gradient(135deg, #409EFF, #66b3ff); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(64,158,255,.3); color: white;height:28px;"><span class="buttonFont-small">暂停报警</span></button></div></td></tr><tr class="el-table__row" style="background-color:#FFF200;font-size:20px;font-weight:600"><td class="el-table__cell"><div class="cell">3</div></td><td class="el-table__cell"><div class="cell"><span class="jc-st jc-st-normal">待叫乘</span></div></td><td class="el-table__cell"><div class="cell">11-08 22:20</div></td><td class="el-table__cell"><div class="cell">客运段</div></td><td class="el-table__cell"><div class="cell">HXD3C-0133</div></td><td class="el-table__cell"><div class="cell">李红军</div></td><td class="el-table__cell"><div class="cell">206</div></td><td class="el-table__cell"><div class="cell">Z267</div></td><td class="el-table__cell"><div class="cell">10:05</div></td><td class="el-table__cell"><div class="cell">08:05</div></td><td class="el-table__cell"><div class="cell">08:15</div></td><td class="el-table__cell"><div class="cell">11-09</div></td><td class="el-table__cell"><div class="cell">08:35</div></td><td class="el-table__cell"><div class="cell">站接</div></td><td class="el-table__cell"><div class="cell"><button class="el-button el-button--small" style="background: linear-gradient(135deg, #409EFF, #66b3ff); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
<div class="bottom-duty-bar">
|
||
|
|
<div class="bottom-stay-summary"><span>在寓班次:14</span><span>在寓人次:30</span></div>
|
||
|
|
<div class="latest-sync-time" role="status">最新同步时间:09:03:18</div>
|
||
|
|
<div class="bottom-duty-info">
|
||
|
|
<button class="el-button el-button--small" style="background: linear-gradient(135deg, #e6a23c, #f7ba2a); border: none; border-radius: 6px; padding: 6px 16px; font-weight: 600; box-shadow: 0 3px 8px rgba(230,162,60,.3); color: white;position:relative;right:20px;top:2px;"><span class="buttonFont-small">交接班</span></button>
|
||
|
|
<span style="font-size:26px;margin-right:80px;position:relative;top:6px">值班员:张值班</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="bottom-right-div" id="notice">有新的交路信息,请及时处理!</div>
|
||
|
|
|
||
|
|
<!-- 宽弹窗骨架:默认隐藏,验收时按需显示以测量视口约束 -->
|
||
|
|
<div class="el-dialog__wrapper jc-dialog jc-wide-dialog" id="wideWrap" style="display:none">
|
||
|
|
<div class="el-dialog" style="width:1800px"><div class="el-dialog__header"><span class="el-dialog__title">历史叫乘信息</span></div>
|
||
|
|
<div class="el-dialog__body"><div class="el-form history-jcxx-form"><div class="history-jcxx-form-row">
|
||
|
|
<div class="history-jcxx-field-box"><label class="history-jcxx-inline-label">机车号</label><div class="el-input"><input class="el-input__inner"></div></div>
|
||
|
|
<div class="history-jcxx-field-box"><label class="history-jcxx-inline-label">车次</label><div class="el-input"><input class="el-input__inner"></div></div>
|
||
|
|
</div></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div></body></html>
|