| | |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'"> |
| | | {{ value.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="value.deptName.length >= 15 || value.customerName.length >= 15">...</text> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.deptName || '' }}</text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.customerName || '' }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | | <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view> |
| | | <!-- <view class="dispatch-receive"> |
| | | <view v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'" class="container"> |
| | | <view class="dispatch">{{ value.deptName }}</view> |
| | | <view class="receive-icon"></view> |
| | | <view class="receive">{{ value.customerName }}</view> |
| | | </view> |
| | | <view v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'" class="container"> |
| | | <view class="dispatch">{{ value.customerName }}</view> |
| | | <view class="receive-icon"></view> |
| | | <view class="receive">{{ value.deptName }}</view> |
| | | </view> |
| | | </view> --> |
| | | <!-- <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view> --> |
| | | </view> |
| | | <view class="first-extra"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'"> |
| | | {{ value.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'"> |
| | | {{ value.deptName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="value.customerName.length >= 15 || value.deptName.length >= 15">...</text> |
| | | <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.customerName || '' }}</text> |
| | | <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.deptName || '' }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | align-items: center; |
| | | .content-text { |
| | | height: vww(40); |
| | | @include flex flex-direction: column; |
| | | @include flex; |
| | | flex-direction: column; |
| | | margin-top: 31rpx; |
| | | margin-bottom: 31rpx; |
| | | .content-container { |
| | | width: 100%; |
| | | height: vww(16); |
| | | min-height: vww(16); |
| | | font-size: 40rpx; |
| | | font-weight: bold; |
| | | color: #3b56eb; |
| | |
| | | } |
| | | .content-num { |
| | | width: 96rpx; |
| | | height: 24rpx; |
| | | min-height: 24rpx; |
| | | font-size: 24rpx; |
| | | font-weight: 400; |
| | | color: #333333; |
| | |
| | | flex-direction: column; |
| | | overflow: hidden; |
| | | position: relative; |
| | | top: -170rpx; |
| | | top: -145rpx; |
| | | .data-filter { |
| | | width: 635rpx; |
| | | height: 68rpx; |
| | | border: 2px solid #5b95fd; |
| | | border: 2px solid rgba(73, 95, 252, 0.6); |
| | | box-shadow: 0rpx 5rpx 13rpx 0rpx rgba(73, 95, 252, 0.6); |
| | | border-radius: 34rpx; |
| | | margin-top: vww(21); |
| | |
| | | @include flex; |
| | | flex-direction: column; |
| | | margin-top: vww(5); |
| | | margin-bottom: vww(5); |
| | | overflow: hidden; |
| | | &:last-child { |
| | | .card-main { |
| | | &:last-child { |
| | | border-bottom: 0; |
| | | } |
| | | } |
| | | } |
| | | .card-top { |
| | | width: 96%; |
| | | @include flex; |
| | |
| | | height: vww(150); |
| | | border-bottom: vww(1) solid #d6d6d6; |
| | | margin-top: vww(12); |
| | | margin-left: vww(20); |
| | | padding-bottom: vww(12); |
| | | position: relative; |
| | | @include flex flex-direction: column; |
| | |
| | | } |
| | | } |
| | | .main-divider { |
| | | width: 548rpx; |
| | | width: 530rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | |
| | | } |
| | | .third-line { |
| | | width: 40%; |
| | | height: vww(14); |
| | | min-height: vww(15); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | align-items: flex-start; |
| | | .carnum-icon { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | color: #515151; |
| | | .time-icon { |
| | | margin-right: vww(10); |
| | | } |