呼叫套轴添加呼叫计划148
This commit is contained in:
@@ -14,9 +14,9 @@ uni-button:after {
|
||||
/** iconfont */
|
||||
@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('@/static/iconfont/iconfont.woff2?t=1665454521636') format('woff2'),
|
||||
url('@/static/iconfont/iconfont.woff?t=1665454521636') format('woff'),
|
||||
url('@/static/iconfont/iconfont.ttf?t=1665454521636') format('truetype');
|
||||
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;
|
||||
@@ -721,3 +721,262 @@ uni-button[disabled]:not([type]) {
|
||||
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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user