| | |
|---|
| | | <img :src="jc1" alt="" /> |
|---|
| | | <div class="cardtotal"> |
|---|
| | | <p>机巢工单数量排名</p> |
|---|
| | | <!-- <div class="total-number">111</div> |
|---|
| | | <span>个</span> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- <div class="status-grid"> |
|---|
| | | <div v-for="(item, index) in jcOrder" :key="index" class="status-item"> |
|---|
| | | <img :src="jc2" alt="" /> |
|---|
| | | <div> |
|---|
| | | <div class="status-label">{{ item.name }}</div> |
|---|
| | | <div :style="{ color: '#387FC8' }" class="status-value"> |
|---|
| | | {{ item.value }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> --> |
|---|
| | | </div> |
|---|
| | | <div class="nestCenter"> |
|---|
| | | <div class="chart" ref="echartsRef"></div> |
|---|
| | |
|---|
| | | xAxis: { |
|---|
| | | type: 'value', |
|---|
| | | splitLine: { lineStyle: { color: '#E5E5E5' } }, |
|---|
| | | axisLabel: { color: '#35455aa6' }, |
|---|
| | | axisLabel: { color: '#7C8091' }, |
|---|
| | | boundaryGap: [0, 0.01], |
|---|
| | | }, |
|---|
| | | yAxis: { |
|---|
| | | type: 'category', |
|---|
| | | data: optionData.yAxisData, |
|---|
| | | axisLabel: { color: '#35455aa6' }, |
|---|
| | | axisLabel: { color: '#7C8091' }, |
|---|
| | | axisLine: { lineStyle: { color: '#D1D1D1' } }, |
|---|
| | | axisTick: { show: false }, |
|---|
| | | // 4. 确保排序后的数据从上到下显示（最大值在顶部） |
|---|
