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>