| | |
| | | <img src="@/assets/images/LogisticsCenter/ic_jinrijihua@2x.png" alt=""> |
| | | <div class="content"> |
| | | <div class="name">当日订单量</div> |
| | | <div class="num"><span class="blue">{{ cneterData.currentOrderNum }}</span>万支</div> |
| | | <div class="num"><span class="blue" v-if="cneterData.currentOrderNum">{{ cneterData.currentOrderNum.toFixed(0) }}</span>箱</div> |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <img src="@/assets/images/LogisticsCenter/ic_jinrijihua@2.png" alt=""> |
| | | <div class="content"> |
| | | <div class="name">当日计划量</div> |
| | | <div class="num"><span>{{ cneterData.currentPlanNum }}</span>万支</div> |
| | | <div class="num"><span v-if="cneterData.currentPlanNum">{{ cneterData.currentPlanNum.toFixed(0) }}</span>箱</div> |
| | | <div class="unit">车次:{{ cneterData.currentPlanCarNum }}</div> |
| | | </div> |
| | | </div> |
| | |
| | | <img src="@/assets/images/LogisticsCenter/ic_jinrichuku@2x.png" alt=""> |
| | | <div class="content"> |
| | | <div class="name">今日出库量</div> |
| | | <div class="num"><span class="finish">{{ cneterData.crrentOutNum }}</span>万支</div> |
| | | <div class="num"><span v-if="cneterData.crrentOutNum" class="finish">{{ cneterData.crrentOutNum.toFixed(0) }}</span>箱</div> |
| | | <div class="unit">车次:{{ cneterData.crrentOutCarNum }}</div> |
| | | </div> |
| | | </div> |
| | |
| | | <img src="@/assets/images/LogisticsCenter/ic_jinriweichu@2x.png" alt=""> |
| | | <div class="content"> |
| | | <div class="name">剩余任务量</div> |
| | | <div class="num"><span class="today">{{ cneterData.crrentRestNum }}</span>万支</div> |
| | | <div class="num"><span v-if="cneterData.crrentRestNum" class="today">{{ cneterData.crrentRestNum.toFixed(0) }}</span>箱</div> |
| | | <div class="unit">车次:{{ cneterData.crrentRestCarNum }}</div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="side"> |
| | | 全省: |
| | | <span>{{ data5.currentNum }}</span> |
| | | <span class="unit">万支 | </span> |
| | | <span class="unit">箱 | </span> |
| | | <span v-if="data5.totalNum">{{ ((data5.currentNum / data5.totalNum) * 100).toFixed(1) }}%</span> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="side"> |
| | | 全省: |
| | | <span>{{ data6.currentNum }}</span> |
| | | <span class="unit">万支 | </span> |
| | | <span class="unit">箱 | </span> |
| | | <span v-if="data6.totalNum">{{ ((data6.currentNum / data6.totalNum) * 100).toFixed(1) }}%</span> |
| | | </div> |
| | | </div> |
| | |
| | | <span class="dot bj"></span> |
| | | <span class="item-state-num"> |
| | | <span class="text">本月调拨量:</span> |
| | | <span class="num">${params.data.monthNum}万支</span> |
| | | <span class="num">${params.data.monthNum}箱</span> |
| | | </span> |
| | | </div> |
| | | <div class="item-state-con"> |
| | | <span class="dot yj"></span> |
| | | <span class="item-state-num"> |
| | | <span class="text">本年调拨量:</span> |
| | | <span class="num">${params.data.yearNum}万支</span> |
| | | <span class="num">${params.data.yearNum}箱</span> |
| | | </span> |
| | | </div> |
| | | <div class="item-state-con"> |
| | |
| | | nameTextStyle: { |
| | | color: '#869CC9', |
| | | }, |
| | | name: '万支', |
| | | name: '箱', |
| | | nameGap: 16, |
| | | type: 'value', |
| | | axisLabel: { |
| | |
| | | }], |
| | | yAxis: [ |
| | | { |
| | | name: '万支', |
| | | name: '箱', |
| | | nameGap: 16, |
| | | type: 'value', |
| | | axisLabel: { |
| | |
| | | .static_wrap { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin: 30px 0 14px; |
| | | |
| | | .item { |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | min-width: 76px; |
| | | border: 1px solid #fff; |
| | | border: 1px solid #FECE01; |
| | | |
| | | .icon { |
| | | position: absolute; |
| | |
| | | |
| | | .tag1 { |
| | | background-color: #28F0CC; |
| | | |
| | | border: 1px solid #28F0CC; |
| | | .icon { |
| | | background-color: #28F0CC; |
| | | } |