| | |
| | | <div class="itemcenter"> |
| | | <div>{{ test[item]?.name || '--' }}</div> |
| | | <span class="shu">{{ newtitleData[item].total_num }}</span> |
| | | <span>个</span> |
| | | <span>{{unitMap[test[item]?.name]}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="status-list"> |
| | |
| | | <span class="label">{{ getStatusLabel(test[item]?.name, statusKey) }}</span> |
| | | <span class="count"> |
| | | {{ newtitleData[item].status_map[statusKey] }} |
| | | {{ test[item]?.name === '无人机' ? '架' : '个' }} |
| | | {{ unitMap[test[item]?.name]}} |
| | | </span> |
| | | </div> |
| | | </template> |
| | |
| | | <span class="label">{{ getStatusLabel(test[item]?.name, statusKey) }}</span> |
| | | <span class="count"> |
| | | {{ newtitleData[item].status_map[statusKey] }} |
| | | {{ test[item]?.name === '无人机' ? '架' : '个' }} |
| | | {{ unitMap[test[item]?.name]}} |
| | | </span> |
| | | </div> |
| | | </template> |
| | |
| | | ></span> |
| | | <span class="label">{{ getStatusLabel(test[item]?.name, statusIndex) }}</span> |
| | | <span class="count" |
| | | >{{ status }} {{ test[item]?.name === '无人机' ? '架' : '个' }}</span |
| | | >{{ status }} {{ unitMap[test[item]?.name]}}</span |
| | | > |
| | | </div> |
| | | </template> |
| | |
| | | }; |
| | | |
| | | const unitMap = { |
| | | drone: '架', |
| | | nest: '个', |
| | | monitor: '个', |
| | | mobile: '个', |
| | | '无人机流量': '架', |
| | | '无人机': '架', |
| | | '机巢': '个', |
| | | '机巢保险': '个', |
| | | '监控设备': '个', |
| | | '移动机巢': '个', |
| | | }; |
| | | watch( |
| | | () => [ |
| | |
| | | align-items: center; |
| | | |
| | | img { |
| | | width: 43px; |
| | | height: 44px; |
| | | width: 64px; |
| | | height: 64px; |
| | | } |
| | | } |
| | | |
| | |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #343434; |
| | | |
| | | div{ |
| | | margin-top: 5px; |
| | | } |
| | | .shu { |
| | | font-weight: bold; |
| | | font-size: 36px; |
| | |
| | | transform: skewX(-5deg); |
| | | font-family: 'YouSheBiaoTiHei'; |
| | | // font-size: calc(12px + 0.5vw); |
| | | margin-right: 2px; |
| | | } |
| | | |
| | | span { |
| | |
| | | align-items: center; |
| | | |
| | | img { |
| | | width: 43px; |
| | | height: 44px; |
| | | width: 64px; |
| | | height: 64px; |
| | | } |
| | | } |
| | | |
| | |
| | | display: inline-block; |
| | | transform: skewX(-5deg); |
| | | font-family: 'YouSheBiaoTiHei'; |
| | | margin-right: 2px; |
| | | } |
| | | |
| | | span { |