border-card

src/views/govern/device/control/index.vue

@@ -23,7 +23,7 @@
                     {{ deviceData.time }}
                 </el-descriptions-item>
             </el-descriptions>
-            <el-tabs v-model="dataSet" type="card" class="device-control-box-card" @tab-click="handleClick">
+            <el-tabs v-model="dataSet" type="border-card" class="device-control-box-card" @tab-click="handleClick">
                 <el-tab-pane
                     lazy
                     :label="item.name"
@@ -128,6 +128,7 @@
                     layout="total, sizes, prev, pager, next, jumper"
                     :total="formInline.total"
                 ></el-pagination>
+                <div v-else style="height: 42px;"></div>
             </el-tabs>
         </div>
         <el-empty v-else description="请选择设备" class="device-control-right" />
@@ -160,7 +161,7 @@ const dataSet = ref('')
 const devTypeOptions = ref([])
 const devModelOptions = ref([])
 const tableData = ref<any[]>([])
-const tableHeight = mainHeight(310).height
+const tableHeight = mainHeight(330).height
 const mangePopup = ref()
 const datePickerRef = ref()
 const formInline = reactive({