From 5c475d3ac8ee98713e0f0962dd9464daccfb9eb1 Mon Sep 17 00:00:00 2001
From: dengzedong <dengzedong@email>
Date: 星期四, 28 十一月 2024 18:16:07 +0800
Subject: [PATCH] 模型参数改为output
---
src/views/model/mpk/icon/index.vue | 20 +++++++++++++++++---
1 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/src/views/model/mpk/icon/index.vue b/src/views/model/mpk/icon/index.vue
index e4b361e..2f97330 100644
--- a/src/views/model/mpk/icon/index.vue
+++ b/src/views/model/mpk/icon/index.vue
@@ -48,6 +48,11 @@
>
<el-table-column prop="iconName" label="名称"/>
<el-table-column prop="iconDesc" label="描述"/>
+ <el-table-column align="center" label="图标" prop="icon" width="100">
+ <template #default="scope">
+ <img :src="staticDir + 'SimtreeUnitImage/' + scope.row.iconName" class="mpk-icon-list" :alt=" scope.row.iconDesc" />
+ </template>
+ </el-table-column>
<el-table-column prop="sort" label="排序"/>
<el-table-column label="操作" align="center" width="200px">
<template #default="scope">
@@ -70,7 +75,7 @@
<!-- 分页 -->
<Pagination
v-model:limit="queryParams.pageSize"
- v-model:page="queryParams.page"
+ v-model:page="queryParams.pageNo"
:total="total"
@pagination="getList"
/>
@@ -86,6 +91,8 @@
defineOptions({name: 'MpkIcon'})
+const staticDir = ref(import.meta.env.VITE_STATIC_DIR)
+
const message = useMessage() // 消息弹窗
const {t} = useI18n() // 国际化
@@ -93,7 +100,7 @@
const total = ref(0) // 列表的总页数
const list = ref([]) // 字典表格数据
const queryParams = reactive({
- page: 1,
+ pageNo: 1,
pageSize: 10,
iconName: ''
})
@@ -117,7 +124,7 @@
/** 重置按钮操作 */
const resetQuery = () => {
- queryParams.page = 1
+ queryParams.pageNo = 1
queryFormRef.value.resetFields()
handleQuery()
}
@@ -147,3 +154,10 @@
await getList()
})
</script>
+<style scoped>
+.mpk-icon-list {
+ height: 30px;
+ margin: 0;
+}
+
+</style>
--
Gitblit v1.9.3