modules/00_Admin/Admin.UI/src/views/menu/list/index.vue

（开头部分） 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <m-list ref="listRef" :title="t(`routes.${page.name}`)" :icon="page.icon" :cols="cols" :query-model="model" :query-method="api.query" :query-on-created="false">
    <template #querybar>
      <el-form-item :label="t('mkh.name')" prop="name">
        <el-input v-model="model.name" clearable />
      </el-form-item>
    </template>
    <template #buttons>
      <m-button-add :code="page.buttons.add.code" :disabled="parent.type !== 0" @click="add"></m-button-add>
    </template>
    <template #expand="{ row }">
      <el-descriptions :column="4">
        <template v-if="row.type === 1">
          <el-descriptions-item :label="t('mod.admin.route_name')">{{ row.routeName }}</el-descriptions-item>
          <el-descriptions-item :label="t('mod.admin.route_params')">{{ row.routeParams }}</el-descriptions-item>
          <el-descriptions-item :label="t('mod.admin.route_query')">{{ row.routeQuery }}</el-descriptions-item>
        </template>
        <template v-else-if="row.type === 2">
          <el-descriptions-item :label="t('mod.admin.link_url')" :span="2">{{ row.url }}</el-descriptions-item>
          <el-descriptions-item :label="t('mod.admin.open_target')">{{ row.openTargetName }}</el-descriptions-item>
          <template v-if="row.openTarget === 2">
            <el-descriptions-item :label="t('mod.admin.dialog_width')">{{ row.dialogWidth }}</el-descriptions-item>
            <el-descriptions-item :label="t('mod.admin.dialog_height')">{{ row.dialogHeight }}</el-descriptions-item>
          </template>
        </template>
        <template v-else-if="row.type === 3">
          <el-descriptions-item :label="t('mod.admin.custom_script')" :span="3">{{ row.customJs }}</el-descriptions-item>
        </template>
        <el-descriptions-item :label="t('mkh.creator')">{{ row.creator }}</el-descriptions-item>
        <el-descriptions-item :label="t('mkh.created_time')">{{ row.createdTime }}</el-descriptions-item>
        <el-descriptions-item :label="t('mkh.modifier')">{{ row.modifier }}</el-descriptions-item>
        <el-descriptions-item :label="t('mkh.modified_time')">{{ row.modifiedTime }}</el-descriptions-item>
        <el-descriptions-item :label="t('mkh.remarks')" :span="4">{{ row.remarks }}</el-descriptions-item>
      </el-descriptions>
    </template>
    <template #col-name="{ row }">
      {{ JSON.parse(row.localesConfig)[$i18n.locale] }}
    </template>
    <template #col-typeName="{ row }">
      <el-tag v-if="row.type === 0">{{ t('mod.admin.node') }}</el-tag>
      <el-tag v-else-if="row.type === 1" type="success">{{ t('mod.admin.route') }}</el-tag>
      <el-tag v-else-if="row.type === 2" type="warning">{{ t('mod.admin.link') }}</el-tag>
      <el-tag v-else type="warning">{{ t('mod.admin.script') }}</el-tag>
    </template>
    <template #col-icon="{ row }">
      <m-icon v-if="row.icon" :name="row.icon" :style="{ color: row.iconColor }" />
    </template>
    <template #col-show="{ row }">
      <span>{{ t(row.show ? 'mkh.yes' : 'mkh.no') }}</span>
    </template>
    <template #operation="{ row }">
      <m-button-edit :code="page.buttons.edit.code" @click.stop="edit(row)" @success="handleChange"></m-button-edit>
      <m-button-delete :code="page.buttons.remove.code" :action="api.remove" :data="row.id" @success="handleChange"></m-button-delete>
    </template>
  </m-list>
  <action v-model="actionProps.visible" :id="id" :group="group" :parent="parent" :mode="actionProps.mode" @success="handleChange" />
</template>
<script setup lang="ts">
  import { useList } from 'mkh-ui'
  import { computed, reactive, watch } from 'vue'
后面还有 49 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。