page { background-color: #f6f6f6 !important; min-height: 100% !important; height: 100% !important; } uni-page-body { background-color: #f6f6f6 !important; min-height: 100% !important; height: 100% !important; } uni-button:after { border: none; } /** iconfont */ @font-face { font-family: 'iconfont'; src: url('@/static/iconfont/iconfont.woff2?t=1787635254843') format('woff2'), url('@/static/iconfont/iconfont.woff?t=1787635254843') format('woff'), url('@/static/iconfont/iconfont.ttf?t=1787635254843') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 50rpx; color: #000; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon_eye_close { color: #bbb; } .icon_eye_active { color: #D7592F ; } .icon_unchecked { display: inline-block; color: #fff; width: 42rpx; height: 42rpx; background-color: #fff; font-size: 28rpx; line-height: 38rpx; border: 1rpx solid #bbb; border-radius: 8rpx; } .icon_checked { background-color: #D7592F ; border: 1rpx solid #D7592F ; } .icon_minus-filled { display: inline-block; color: #fff; width: 42rpx; height: 42rpx; background-color: #4e6ef2; font-size: 28rpx; line-height: 38rpx; border: 1rpx solid #4e6ef2; border-radius: 8rpx; } .icon_back { font-size: 52rpx; line-height: 52rpx; color: #fff; } .icon_home { font-size: 52rpx; line-height: 52rpx; color: #fff; } .icon_scan { width: 42rpx; height: 48rpx; font-size: 40rpx; line-height: 48rpx; color: #323232; text-align: center; } .icon_phone { width: 48rpx; height: 48rpx; font-size: 36rpx; line-height: 48rpx; color: #323232; text-align: center; } .icon_del { width: 46rpx; height: 48rpx; font-size: 46rpx; line-height: 48rpx; color: #323232; text-align: center; } .icon_search { width: 48rpx; height: 48rpx; font-size: 40rpx; color: #323232; line-height: 48rpx; } .cancel_icon::before { content: "\e6dc"; } .cancel_icon { display: block; width: 100rpx; height: 100rpx; font-size: 50rpx; color: #fff; line-height: 100rpx; text-align: center; background-color: #E9B451; } .icon_close::before { content: "\e6dc"; } .icon_close { width: 48rpx; height: 48rpx; font-size: 40rpx; font-weight: 700; color: #323232; line-height: 48rpx; } /** 内容 */ .zd_container { width: 100%; height: 100%; } .zd_content { width: 100%; height: auto; padding: calc(var(--status-bar-height) + 108rpx) 15rpx 120rpx 14rpx; } .zd_wrapper { width: 100%; height: auto; background-color: #fff; border-radius: 4rpx; padding: 14rpx; margin-bottom: 20rpx; box-shadow: 0px 3px 3px 0px rgba(160,160,160,0.20); } .zd_wrapper-1 { padding: 0 14rpx; border-radius: 0; } .zd_wrapper-2 { width: 100%; background-color: #fff; padding: 14rpx 14rpx 0 14rpx; } .filter_item { display: flex; align-items: center; width: 100%; margin-bottom: 10rpx; } .filter_item:last-child { margin-bottom: 0; } .filter_label_wraper { flex: none; width: 140rpx; text-align:justify; text-align-last: justify; text-justify: inter-ideograph;/*兼容ie*/ } .filter_label { display: block; width: 140rpx; line-height: 80rpx; font-size: 28rpx; color: #323232; text-align:justify; text-align-last: justify; text-justify: inter-ideograph;/*兼容ie*/ } .filter_label_1 { line-height: 30rpx; } .filter_label_2 { line-height: 56rpx; text-align: left; text-align-last: auto; } .filter_search { width: 100rpx; height: 70rpx; line-height: 70rpx; font-size: 28rpx; color: #323232; text-align: center; background-color: #fff; border: 1px solid #D7592F ; border-radius: 10rpx; margin-left: 30rpx; } .filter_search_disabled { background-color: #dcdfe6; border: 1px solid #dcdfe6; color: #fff; } .filter_input_wraper { /* flex: 1; */ width: calc(100% - 170rpx); height: 80rpx; line-height: 80rpx; padding: 5rpx 0; margin-left: 30rpx; display: flex; justify-content: flex-start; align-items: center; } .filter_input_wraper_1 { height: 30rpx; margin-top: 20rpx; } .filter_input_wraper_2 { width: 100%; height: 80rpx; line-height: 80rpx; margin-bottom: 10rpx; } .filter_input_wraper_inn_text { line-height: 30rpx; font-size: 28rpx; color: #606266; margin-left: 10rpx; } .filter_input { width: 100%; height: 80rpx; line-height: 80rpx; border: 1px solid #dcdfe6; background-color: #fff; padding: 0 15rpx; font-size: 28rpx; color: #606266; border-radius: 10rpx; } .filter_input_disabled { background-color: #eee; } .filter_tip { top: 80rpx; color: #ff6a00; font-size: 22rpx; line-height: 30rpx; padding: 0 15rpx; } .filter_unit { width: 70rpx; font-size: 28rpx; color: #606266; text-align: right; margin-left: 10rpx; } .scan_input { width: 100%; height: 80rpx; font-size: 28rpx; line-height: 80rpx; color: #606266; border: 0; background-color: transparent; } .filter_item-1 { border-bottom: 2rpx solid #dcdfe6; } .filter_item-1 .filter_label { text-align: auto; text-align-last: auto; } .filter_item-1 .filter_input, .filter_item-1 .uni-select { border: 0 !important; } .grid-wraper { width: 100%; } .slide_new { width: 100%; height: 100%; overflow-y: auto; } .slide_new table { table-layout: fixed; min-width: 100%; border-collapse: separate; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 10rpx; padding-bottom: 8rpx; background-color: #f5f5f5; } .slide_new table th { position: sticky; top: 0; left: 0; z-index: 120; font-size: 26rpx; line-height: 98rpx; color: #696969; font-weight: bold; text-align: center; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; padding: 0 20rpx; background: #d7d7d7; } .slide_new table th:first-child{ left: 0; z-index: 121; color: #4e6ef2; font-weight: bold; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table th.th_2 { left: 86rpx; z-index: 122; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table td { font-size: 28rpx; line-height: 98rpx; color: #323232; text-align: center; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; padding: 0 20rpx; background: #fff; } .slide_new table td:first-child{ position: sticky; left: 0; z-index: 100; color: #4e6ef2; font-weight: bold; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table td.td_2 { position: sticky; left: 86rpx; z-index: 101; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table th.fontcol1,.slide_new table td.fontcol1 { color: #4e6ef2; font-weight: bold; } .slide_new table th.fontcol2,.slide_new table td.fontcol2 { color: #d7592f; font-weight: bold; } .slide_new table tr.checked { // background-image: linear-gradient(to top,#c2cde3,#f6f7fb); background-color: #6190e8; } .slide_new table tr.checked td { background-color: transparent; color: #fff; } .slide_new table tr.checked td:first-child { // background-image: linear-gradient(to top,#c2cde3,#f6f7fb); background-color: #6190e8; } .slide_new table tr.checked td:nth-child(2) { // background-image: linear-gradient(to top,#c2cde3,#f6f7fb); background-color: #6190e8; } .slide_new table tr.checked td:first-child { border-left: 1rpx solid #6798ef; } .slide_new table tr.checked td:last-child { border-right: 1rpx solid #6798ef; } .slide_new table tr td.wrap{ line-height: 28rpx; white-space: normal; word-break: break-all; } .slide table { table-layout: auto; width: 100%; } .slide table th:first-child, .slide table td:first-child { box-shadow: none; } .slide table td { line-height: 28rpx; padding: 6rpx 20rpx; white-space: normal; } .mini-btn { padding: 0 20rpx !important; } /** 提交栏 **/ .submitbar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; background-color: #fff; padding: 20rpx 0 19rpx 0; box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); } .btn-submit { padding: 0; font-size: 28rpx; line-height: 73rpx; border-radius: 10rpx; border-width: 2rpx; border-style: solid; } .btn-default { color: #ff6800; background: #fff; border-color: #ff791a; } .btn-success { color: #fff; border-color: #ff791a; // background: linear-gradient(-45deg, #ff6800, #ff9856); // background: linear-gradient(90deg,#ff791a,#ffa400) background: #ff791a; } .btn-info { color: #fff; border-color: #c9c9c9; background-color: #c9c9c9; } uni-button[disabled]:not([type]) { color: #fff; border-color: #c9c9c9; background-color: #c9c9c9; } /** 下拉框 */ .uni-select { height: 80rpx !important; } .uni-select__selector { z-index: 300 !important; } /** 弹窗 */ .popshow { transform: translateY(0); } .pophide { transform: translateY(100%); } .popshow1 { top: 50%; transform: translateY(-50%); } .pophide1 { top: 100%; transform: translateY(0%); } .pophide2 { transform: translateY(140%); } .msg_wrapper { position: fixed; top: auto; bottom: 0; left: 0; width: 100%; height: calc(100% - var(--status-bar-height) - 72rpx); padding: 14rpx; background-color: #f6f6f6; box-shadow: 0 -8px 16px 0 rgba(28,31,33,.1); border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; z-index: 301; transition: all .3s; } .msg_wrapper_1 { text-align: left; } .pop-line { width: 10%; height: 8rpx; margin: 0 auto 14rpx auto; background-color: #d4d4d4; border-radius: 8rpx; } .msg_content { width: 100%; height: calc(100% - 22rpx); margin-bottom: 86rpx; overflow-y: scroll; } .msg_content_1 { height: calc(100% - 116rpx) } .msg_box { width: 100%; } .msg_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; background: #000; z-index: 300; } .msg_mask_1 { z-index: 310; } .msg_btns { width: 100%; max-width: 300px; margin: 40rpx auto 0; display: flex; justify-content: space-between; align-items: center; } .msg_btn { border-radius: 10rpx; } .msg_btn:disabled { background-color: #c9c9c9; } .uni-select__input-placeholder,.uni-select__selector-empty, .uni-select__selector-item { font-size: 28rpx !important } .uni-select__selector-empty, .uni-select__selector-item { height: 100rpx !important } .sin_input { width: 150rpx; font-size: 28rpx; line-height: 150rpx; height: 68rpx; color: #323232; padding: 0 .1rem; border: 1px solid #a1a1a1; border-radius: 3px; } .layout-t tr.checked td .sin_input { color: #8a8a8a; border: 1px solid #ffffff; } .msg_item { font-size: 28rpx; line-height: 30rpx; font-weight: 700; color: #ff6a00; margin-top: 30rpx; word-break: break-all; } .msg_modal { position: fixed; z-index: 311; width: 80%; left: 10%; background-color: #fff; text-align: center; border-radius: 3px; overflow: hidden; padding: 30rpx; } .msg_tip { font-size: 32rpx; line-height: 32rpx; font-weight: 700; color: #333; margin-bottom: 30rpx; text-align: center; } .msg_p1 { font-size: 26rpx; line-height: 30rpx; color: #323232; text-align: left; margin-bottom: 16rpx; } .msg_p2 { font-size: 28rpx; font-weight: 700; line-height: 30rpx; color: #ff6a00; text-align: left; margin-bottom: 16rpx; } .more_btns_wraper { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 301; padding: 0 20rpx 20rpx; transition: all .3s; } .more-button { font-size: 34rpx; line-height: 88rpx; color: #ff6a00; text-align: center; border-radius: 0; border-bottom: 1px solid #c9c9c9; background-color: transparent; } .more_btns_items .btn-disabled, .more_btns_items .submit-button_new[disabled] { color: #c9c9c9; border: none; } .more-button:last-child { border-bottom: none; } .more_btns_cancle { margin-top: 20rpx; width: 100%; font-size: 34rpx; line-height: 88rpx; color: #000; text-align: center; background-color: #fff; border-radius: 20rpx; } .more_btns_items{ width: 100%; border-radius: 20rpx; background-color: #fff; } .down_icon { text-align: center; } .msg_wrapper_2 { position: fixed; top: auto; bottom: calc(7% - var(--status-bar-height)); left: 7%; width: 86%; height: 86%; background-color: #ffffff; box-shadow: 0 -8px 16px 0 rgba(28,31,33,.1); border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; z-index: 301; transition: all .3s; } .pop-title_wraper_2 { padding: 20rpx 24rpx; border-bottom: 1rpx solid #dcdfe6; margin-bottom: 20rpx; flex-shrink: 0; } .pop-title_2 { font-size: 34rpx; line-height: 34rpx; font-weight: 700; color: #333; } .msg_content_2 { height: calc(100% - 220rpx); padding: 0 24rpx; overflow-y: auto; position: relative; z-index: 10000; } .msg_filter { width: 100%; min-height: 100%; } .msg_tip_2 { font-size: 32rpx; line-height: 32rpx; font-weight: 700; color: #333; margin-bottom: 20rpx; text-align: left; padding-left: 20rpx; } .msg_tip_2:before { position: absolute; left: 0; content: ''; width: 8rpx; height: 30rpx; background-color: #007aff; border-radius: 4rpx; } .msg_tip_2_blue:before { background-color: #007aff; } .msg_tip_2_yellow:before { background-color: #ff791a; } .msg_fgx { width: 100%; height: 1rpx; background: #dcdfe6; margin: 40rpx 0; } .filter_input_wraper_2-bottom { margin-bottom: 40rpx; } .submitbar-popup { width: 100%; flex-shrink:0; background-color: #fff; padding: 20rpx 0 19rpx 0; box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); } /** * 呼叫套轴 */ .add_content { display: flex; flex-direction: column; gap: 20rpx; width: 100%; height: 100%; padding: calc(var(--status-bar-height) + 108rpx) 15rpx 114rpx 14rpx; } .filter-card { background-color: #fff; border-radius: 4rpx; padding: 14rpx; box-shadow: 0px 3px 3px 0px rgba(160,160,160,0.20); flex: none; } .plan-panel { background-color: #fff; border-radius: 4rpx; box-shadow: 0px 3px 3px 0px rgba(160,160,160,0.20); flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .filter-head {} .filter-title { font-size: 30rpx; line-height: 30rpx; color: #23272f; font-weight: 700; gap: 14rpx; } .filter-title text { display: block; width: 8rpx; height: 32rpx; border-radius: 8rpx; background-color: #f36b2a; } .icon_down { font-size: 30rpx; line-height: 30rpx; color: #f36b2a; padding: 18rpx; border-radius: 50%; background-color: #fff3eb; transition: .2s; } .icon_up { transform: rotate(180deg); } .filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16rpx; margin-top: 16rpx; } .filter_field { width: 100%; margin-bottom: 10rpx; } .filter-field-full { grid-column: 1 / -1; } .filt_label { font-size: 24rpx; line-height: 24rpx; color: #323232; margin: 0 0 8rpx 4rpx; } .filt_input_wraper { width: 100%; margin: 0; } .panel-head { padding: 14rpx 14rpx 18rpx; border-bottom: 1px solid #f0f1f3; flex: none; } .icon-shuaxin-wrap text { font-size: 28rpx; line-height: 28rpx; color: #f36b2a; } .icon_shuaxin { font-size: 32rpx; line-height: 32rpx; color: #f36b2a; transition: .2s; } .stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14rpx; margin-top: 20rpx; } .stat { padding: 18rpx 14rpx; border-radius: 18rpx; background: #f7f8fa; } .stat text { font-size: 22rpx; color: #7b8491; } .stat.primary { background-color: #fff3eb; } .stat.primary .stat_num { color: #f36b2a; } .stat_num { font-size: 40rpx; line-height: 1.1; color: #23272f; font-weight: 700; } .list-toolbar { padding: 16rpx 14rpx 10rpx; font-size: 24rpx; color: #7b8491; } .seg { background: #f1f2f4; border-radius: 14rpx; padding: 4rpx; } .seg button { border: 0; background: transparent; color: #69727e; border-radius: 12rpx; padding: 10rpx 18rpx; font-size: 24rpx; line-height: 34rpx; } .seg button.on { background: #fff; color: #f36b2a; box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, .09); } .plan-list { flex: 1; min-height: 0; overflow: auto; padding: 8rpx 14rpx 24rpx; overscroll-behavior: contain; } .list_empty { height: 100%; display: grid; place-items: center; text-align: center; } .icon_local { font-size: 40rpx; color: #b5bbc2; margin-bottom: 10rpx; } .icon_local text { color: #7b8491; font-size: 26rpx; } .plan-item{ background:#fff; border:1px solid #e8ebef; border-radius:20rpx; margin-bottom:16rpx; overflow:hidden; } .plan-main{ padding:20rpx; display:flex; justify-content:space-between; align-items:flex-start; gap:16rpx; } .plan-left{ flex:1; } .plan-code{ font-size:28rpx; font-weight:bold; } .plan-sub{ margin-top:10rpx; font-size:24rpx; color:#7b8491; display:flex; flex-wrap:wrap; gap:10rpx 24rpx; } .plan-right{ display:flex; flex-direction:column; align-items:flex-end; gap:8rpx; } .status{ font-size:22rpx; padding:8rpx 14rpx; border-radius:24rpx; } .status.fitted{ color:#26a269; background:#eaf8f1; } .status.waiting{ color:#c27408; background:#fff5df; } .expand-btn { font-size:22rpx; color:#9aa1aa; display:flex; align-items:center; gap:8rpx; } .expand-btn .iconfont { font-size:18rpx; transition: transform 0.2s; } .expand-btn .icon‑rotate { transform: rotate(180deg); } .plan-details{ display:none; background:#fafbfc; border-top:1px dashed #e3e6e9; padding:18rpx 24rpx; font-size:24rpx; color:#59636f; line-height:1.8; } .plan-details text { display: block; } .plan-item.open .plan-details{ display: grid; grid-template-columns: 1fr 1fr; gap: 6rpx 20rpx; } .spin-icon { animation: rotateSpin 1s linear infinite; } @keyframes rotateSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }