From 67e61c4f15334a5aa8b4a4b1ddefdfe77b747ebe Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 03 三月 2025 11:43:03 +0800
Subject: [PATCH] 模型库更新
---
src/views/model/children/landerModel.vue | 102 ++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 97 insertions(+), 5 deletions(-)
diff --git a/src/views/model/children/landerModel.vue b/src/views/model/children/landerModel.vue
index dc84061..f85a342 100644
--- a/src/views/model/children/landerModel.vue
+++ b/src/views/model/children/landerModel.vue
@@ -1,14 +1,106 @@
<template>
- <div class="kinematic">
- <h2>鐫�闄嗗櫒妯″瀷搴�</h2>
+ <div class="landerBox">
+ <div class="landerTopBox">
+ <el-button :icon="Plus">鏂板缓</el-button>
+ <el-input
+ v-model="input4"
+ style="width: 300px"
+ placeholder="璇疯緭鍏ュ叧閿瓧鎼滅储"
+ >
+ <template #suffix>
+ <el-icon class="el-input__icon"><search /></el-icon>
+ </template>
+ </el-input>
+ </div>
+ <div class="landerContentBox">
+ <el-table
+ ref="multipleTableRef"
+ :data="tableData"
+ row-key="id"
+ border
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55" />
+ <el-table-column prop="index" label="搴忓彿" width="70" />
+ <el-table-column prop="date" label="Date" width="180" />
+ <el-table-column prop="name" label="Name" width="180" />
+ <el-table-column prop="address" label="Address" />
+ </el-table>
+ </div>
</div>
</template>
<script setup lang="ts">
+import { ref } from "vue";
+import { Plus } from "@element-plus/icons-vue";
+import type { TableInstance } from "element-plus";
+
+const input4 = ref("");
+const multipleTableRef = ref<TableInstance>();
+const multipleSelection = ref<any[]>([]);
+
+const tableData = [
+ {
+ id: 1,
+ date: "2016-05-03",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 2,
+ date: "2016-05-02",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 3,
+ date: "2016-05-04",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 4,
+ date: "2016-05-01",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 5,
+ date: "2016-05-08",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 6,
+ date: "2016-05-06",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 7,
+ date: "2016-05-07",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+];
+
+const handleSelectionChange = (val: []) => {
+ console.log(val);
+ multipleSelection.value = val;
+};
</script>
<style lang="less" scoped>
-.kinematic {
- padding: 20px;
+.landerBox {
+ width: 100%;
+ .landerTopBox {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ }
+ .landerContentBox {
+ width: 100%;
+ }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1