feat:部分菜单页显示处理

shuishen

2026-01-16 b618191bab4e910744711fb4f2d6335d14aaa00a

 applications/drone-command/src/views/basicManage/deviceStock/index.vue

@@ -1,5 +1,10 @@
<template>
   <basic-container>
      <div class="chart">
         <DeviceChart1 />
         <DeviceChart2 />
         <DeviceChart3 />
      </div>
      <el-form ref="queryParamsRef" :model="searchParams" class="ztzf-page-history-search">
         <el-form-item label="名称" prop="deviceName">
            <el-input
@@ -65,7 +70,7 @@

      <div class="ztzf-table-toolbar">
         <el-button :icon="Plus" color="#284FE3" type="primary" @click="handleAdd">新增</el-button>
         <el-button :icon="Download" type="primary" @click="exportFile" :loading="exportLoading">导出</el-button>
         <el-button :icon="Download" color="#1A2652" type="primary" @click="exportFile" :loading="exportLoading">导出</el-button>
         <!--         <el-button type="danger" :disabled="!selectedIds.length" @click="handleDelete()">删除</el-button>-->
      </div>

@@ -138,6 +143,9 @@
import { blobDownload, dateRangeFormat, getDictLabel, formatDateToSlash } from '@ztzf/utils'
import DeviceTrackDiaLog from '@/views/basicManage/deviceStock/DeviceTrackDiaLog.vue'
import DeviceScrapDiaLog from '@/views/basicManage/deviceStock/DeviceScrapDiaLog.vue'
import DeviceChart1 from '@/views/basicManage/deviceStock/DeviceChart1.vue'
import DeviceChart2 from '@/views/basicManage/deviceStock/DeviceChart2.vue'
import DeviceChart3 from '@/views/basicManage/deviceStock/DeviceChart3.vue'

const initSearchParams = () => ({
   deviceName: '', // 设备名称
@@ -147,7 +155,7 @@
   size: 10, // 每页大小
})
const searchParams = ref(initSearchParams()) // 查询参数
const loading = ref(false) // 列表加载中
const loading = ref(true) // 列表加载中
const list = ref([]) // 列表数据
const total = ref(0) // 总数
const selectedIds = ref([]) // 勾选的设备ID列表
@@ -267,4 +275,40 @@
   getDeptTreeFun()
})
</script>
<style scoped lang="scss"></style>
<style scoped lang="scss">
.chart {
   width: 100%;
   height: 234px;
   display: flex;
   :deep() {
      * {
         box-sizing: border-box;
      }
      .deviceChart {

         height: 100%;
         background: rgba(26, 26, 42, 0.3);
         border-radius: 10px 10px 10px 10px;
         position: relative;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         align-items: center;
         padding: 10px;

         .titleBg {
            font-weight: 400;
            font-size: 18px;
            color: #ffffff;
            font-family: PangMen, serif;
            padding-left: 22px;
         }
         .chartBox {
            width: 100%;
            height: 0;
            flex-grow: 1;
         }
      }
   }
}
</style>