| | |
| | | <img width="13" height="15" src="@/assets/images/home/homeLeft/table-icon.png" alt="" /> |
| | | {{ item.nickname }} |
| | | </div> |
| | | <div class="status" :class="item.status==='WORKING'?'atcive':''" @click="signMachineNestClick"> |
| | | <div class="status" :class="item.status==='WORKING'?'atcive':''" @click="signMachineNestClick(item)"> |
| | | {{ item.status==='OFFLINE'?'离线中':(item.status==='WORKING'?'作业中':'空闲中') }} |
| | | </div> |
| | | </div> |
| | |
| | | let total = ref(0); |
| | | // 机巢统计 |
| | | let listNum = ref([ |
| | | { name: '执行中', value: 89, color: '#FFA768' }, |
| | | { name: '在线', value: 100, color: '#8EFFAC' }, |
| | | { name: '离线', value: 66, color: '#FFFFFF' }, |
| | | { name: '空闲中', value: 89, color: '#FFA768' }, |
| | | { name: '作业中', value: 100, color: '#8EFFAC' }, |
| | | { name: '离线中', value: 66, color: '#FFFFFF' }, |
| | | // { name: '异常', value: 10, color: '#FF8E8E' }, |
| | | ]); |
| | | // 获取机巢列表 |
| | |
| | | // 控制加载状态 |
| | | const busy = ref(false); |
| | | // 机巢搜索名称 |
| | | const searchText = ref('') |
| | | let searchText = ref('') |
| | | // 分页参数 |
| | | const pageParams = ref({ |
| | | current: 1, |
| | |
| | | const tableList = ref([]); |
| | | // 机巢列表数据 |
| | | const getTableList = () => { |
| | | const params = { |
| | | nickname: searchText.value, |
| | | is_execute: false, |
| | | type: 1, |
| | | current: pageParams.value.current, |
| | | size: pageParams.value.size |
| | | const params = { |
| | | nickname: searchText.value, |
| | | is_execute: false, |
| | | type: 1, |
| | | current: pageParams.value.current, |
| | | size: pageParams.value.size |
| | | }; |
| | | selectDevicePage(params).then((res) => { |
| | | // if (res.data.code !== 0) return; |
| | |
| | | } |
| | | |
| | | // 单个机巢详情 |
| | | const signMachineNestClick = () => { |
| | | store.commit('setSingleUavHome', { |
| | | id: '123' |
| | | }); |
| | | const signMachineNestClick = (item) => { |
| | | store.commit('setSingleUavHome', item); |
| | | } |
| | | |
| | | const detailsFun = () => { |
| | |
| | | line-height: 19px; |
| | | .value { |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
| | | margin-left: 8px; |
| | | font-size: 26px; |
| | | text-align: center; |
| | | } |
| | | } |
| | | .status { |