fix: 修复未开放点位提示和弹窗条件,优化UI样式和间距
- 将未开放点位提示信息补充为“请重新选点”
- 修正取消弹窗的显示条件(由[3,4]改为[4,5])
- 移除WebSocket中未使用的OPEN_TRUNK事件处理
- 优化多个页面的内边距、圆角、行高等样式细节
- 调整地图标注的文本布局以防止遮挡
| | |
| | | background: rgba(255, 255, 255, 0.9); |
| | | backdrop-filter: blur(40px); |
| | | box-shadow: 0px 4px 16px 0px rgba(45, 48, 64, 0.2); |
| | | padding: 12px; |
| | | padding: 8px; |
| | | padding-left: 20px; |
| | | |
| | | .toolTip-txt-content { |
| | |
| | | padding-bottom: 64px; |
| | | background: #F2F3F7; |
| | | border-top: 2px solid #fff; |
| | | border-radius: 32px 32px 0 0; |
| | | border-radius: 40px 40px 0 0; |
| | | |
| | | .site-top-bg { |
| | | position: absolute; |
| | |
| | | margin-left: 16px; |
| | | |
| | | view:first-child { |
| | | |
| | | |
| | | font-size: 28px; |
| | | line-height: 44px; |
| | | letter-spacing: normal; |
| | |
| | | <View className={`cancel-tip-box-desc ${cancelType === 4 && 'color1'}`}>{STATUS_MAP[cancelType].tip}</View> |
| | | </View> |
| | | { |
| | | [3, 4].includes(cancelType) ? |
| | | [4, 5].includes(cancelType) ? |
| | | <View> |
| | | <View className='cancel-site-box'> |
| | | <View className='cancel-site-box-icon'> |
| | |
| | | border-radius: 8px; |
| | | box-sizing: border-box; |
| | | border: 1.4px solid #F58900; |
| | | line-height: 36px; |
| | | line-height: 37px; |
| | | text-align: center; |
| | | padding: 0px 12px; |
| | | font-size: 20px; |
| | |
| | | } |
| | | |
| | | .pd-6-10 { |
| | | padding: 12px 20px !important; |
| | | padding: 8px 20px !important; |
| | | } |
| | | |
| | | .waiting-callout-content { |
| | |
| | | align-items: center; |
| | | border-radius: 16px; |
| | | background: rgba(255, 255, 255, 1); |
| | | padding: 12px 12px 12px 20px; |
| | | font-size: 24px; |
| | | font-weight: 400; |
| | | color: rgba(0, 0, 0, 0.9); |
| | | line-height: 48px; |
| | | line-height: 38px; |
| | | box-shadow: 0px 4px 16px 0px rgba(45, 48, 64, 0.2); |
| | | padding: 12px 20px; |
| | | padding: 8px 20px; |
| | | } |
| | | |
| | | .car-time { |
| | |
| | | } |
| | | |
| | | .waiting-callout-txt { |
| | | position: relative; |
| | | z-index: 200; |
| | | // margin-top: -26px; |
| | | display: flex; |
| | | align-items: center; |
| | | border-radius: 16px; |
| | | background: rgba(255, 255, 255, 1); |
| | | padding: 12px 20px; |
| | | // min-width: 155px; |
| | | } |
| | | |
| | | .waiting-callout-txt-content { |
| | | color: rgba(0, 0, 0, 0.9); |
| | | font-size: 24px; |
| | | font-weight: 400; |
| | | letter-spacing: normal; |
| | | color: rgba(0, 0, 0, 0.9); |
| | | background: rgba(255, 255, 255, 1); |
| | | padding: 8px 20px; |
| | | padding-right: 6px; |
| | | line-height: 48px; |
| | | word-break: break-word; |
| | | // text-align: center; |
| | | } |
| | | display: flex; |
| | | } |
| | |
| | | <CoverView className="waiting-callout-bg-text">{formatDurationToClock(elapsedSeconds)}</CoverView> |
| | | </CoverView> */} |
| | | <CoverView className="waiting-callout-txt"> |
| | | <CoverView className="waiting-callout-txt-content">{item.name}</CoverView> |
| | | {item.name} |
| | | <CoverView style={{ color: 'transparent' }}>占</CoverView> |
| | | </CoverView> |
| | | </CoverView> |
| | | <CoverImage className="waiting-radar" src={waitingRadarSrc} /> |
| | |
| | | const onChangeSelectSite = async (item, isNonOperational = true) => { |
| | | if (!isNonOperational) { |
| | | Taro.showToast({ |
| | | title: '当前点位暂未开放', |
| | | title: '当前点位暂未开放,请重新选点', |
| | | icon: 'none', |
| | | }) |
| | | return |
| | |
| | | this.notifyListeners('order_route', { routeType, direction, points, data, content }); |
| | | } |
| | | } |
| | | if (data?.type === 'OPEN_TRUNK') { |
| | | const isOpen = content?.isOpen; |
| | | this.notifyListeners('open_trunk', { isOpen, data, content }); |
| | | } |
| | | } |
| | | |
| | | // 归一化路线点 |
| | | private normalizeRoutePoints(content: any) { |
| | | const route = JSON.parse(content?.route ?? '{}'); |
| | | const rawPoints = route?.polyline ?? []; |
| | | const arrPoint=JSON.parse(rawPoints); |
| | | const arrPoint = JSON.parse(rawPoints); |
| | | if (!Array.isArray(arrPoint)) return []; |
| | | return arrPoint.map((item: any) => { |
| | | const latitude = item?.latitude; |