| | |
| | | <el-table-column prop="iconDesc" label="描述"/> |
| | | <el-table-column align="center" label="图标" prop="icon" width="100"> |
| | | <template #default="scope"> |
| | | <img :src="'/SimtreeUnitImage/' + scope.row.iconName" class="mpk-icon-list" :alt=" scope.row.iconDesc" /> |
| | | <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="排序"/> |
| | |
| | | <!-- 分页 --> |
| | | <Pagination |
| | | v-model:limit="queryParams.pageSize" |
| | | v-model:page="queryParams.page" |
| | | v-model:page="queryParams.pageNo" |
| | | :total="total" |
| | | @pagination="getList" |
| | | /> |
| | |
| | | |
| | | defineOptions({name: 'MpkIcon'}) |
| | | |
| | | const staticDir = ref(import.meta.env.VITE_STATIC_DIR) |
| | | |
| | | const message = useMessage() // 消息弹窗 |
| | | const {t} = useI18n() // 国际化 |
| | | |
| | |
| | | const total = ref(0) // 列表的总页数 |
| | | const list = ref([]) // 字典表格数据 |
| | | const queryParams = reactive({ |
| | | page: 1, |
| | | pageNo: 1, |
| | | pageSize: 10, |
| | | iconName: '' |
| | | }) |
| | |
| | | |
| | | /** 重置按钮操作 */ |
| | | const resetQuery = () => { |
| | | queryParams.page = 1 |
| | | queryParams.pageNo = 1 |
| | | queryFormRef.value.resetFields() |
| | | handleQuery() |
| | | } |