update: JTable更改为j-pro-table

This commit is contained in:
easy 2023-03-02 21:49:43 +08:00
parent 68a52db344
commit 9cb75775f1
20 changed files with 43 additions and 98 deletions

View File

@ -2,7 +2,7 @@
<page-container>
<div class="notification-subscription-container">
<Search :columns="columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="columns"
:request="getNoticeList_api"
@ -87,7 +87,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<EditDialog
v-if="dialogVisible"

View File

@ -3,7 +3,7 @@
<div class="apply-container">
<Search :columns="columns" @search="search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="columns"
:request="getApplyList_api"
@ -158,7 +158,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
</div>
<div class="dialogs">
<MenuDialog ref="dialogRef" mode="edit" />

View File

@ -45,7 +45,7 @@
>保存</a-button
>
</div>
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
model="TABLE"
@ -109,7 +109,7 @@
<AIcon type="DeleteOutlined" />
</PermissionButton>
</template>
</JTable>
</j-pro-table>
<a-botton class="add-row" @click="table.addRow">
<AIcon type="PlusOutlined" /> 新增行
</a-botton>

View File

@ -3,7 +3,7 @@
<div class="data-source-container">
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="getDataSourceList_api"
@ -122,7 +122,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<EditDialog ref="editDialogRef" @confirm="table.refresh" />

View File

@ -30,7 +30,7 @@
<Search :columns="props.queryColumns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:request="table.requestFun"
:gridColumn="2"
@ -101,7 +101,7 @@
</template>
</CardBox>
</template>
</JTable>
</j-pro-table>
</a-modal>
</template>
@ -115,6 +115,7 @@ import {
bindDeviceOrProductList_api,
} from '@/api/system/department';
import { message } from 'ant-design-vue';
import { dictType } from '../typing';
const emits = defineEmits(['confirm']);
const props = defineProps<{

View File

@ -1,7 +1,7 @@
<template>
<div class="product-container">
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:request="table.requestFun"
:gridColumn="2"
@ -130,7 +130,7 @@
</template>
</CardBox>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<AddDeviceOrProductDialog

View File

@ -1,7 +1,7 @@
<template>
<div class="product-container">
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:request="table.requestFun"
:gridColumn="2"
@ -130,7 +130,7 @@
</template>
</CardBox>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<AddDeviceOrProductDialog

View File

@ -12,7 +12,7 @@
>
<Search :columns="query.columns" @search="query.search" />
<div class="table">
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="table.requestFun"

View File

@ -2,7 +2,7 @@
<div>
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="table.requestFun"
@ -58,7 +58,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<AddBindUserDialog

View File

@ -1,6 +1,6 @@
<template>
<div class="button-mange-container">
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
model="TABLE"
@ -47,7 +47,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<div class="dialog">
<ButtonAddDialog

View File

@ -3,7 +3,7 @@
<div class="menu-container">
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="table.getList"
@ -71,7 +71,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
</div>
</page-container>
</template>

View File

@ -3,7 +3,7 @@
<div class="permission-container">
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="getPermission_api"
@ -115,7 +115,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<EditDialog ref="editDialogRef" @refresh="table.refresh" />

View File

@ -21,7 +21,7 @@
<div class="api-card">
<h5>请求参数</h5>
<div class="content">
<JTable
<j-pro-table
:columns="requestCard.columns"
:dataSource="requestCard.tableData"
noPagination
@ -33,19 +33,19 @@
<template #type="slotProps">
<span>{{ slotProps.schema.type }}</span>
</template>
</JTable>
</j-pro-table>
</div>
</div>
<div class="api-card">
<h5>响应状态</h5>
<div class="content">
<JTable
<j-pro-table
:columns="responseStatusCard.columns"
:dataSource="responseStatusCard.tableData"
noPagination
model="TABLE"
>
</JTable>
</j-pro-table>
<a-tabs v-model:activeKey="responseStatusCard.activeKey">
<a-tab-pane
@ -60,13 +60,13 @@
<div class="api-card">
<h5>响应参数</h5>
<div class="content">
<JTable
<j-pro-table
:columns="respParamsCard.columns"
:dataSource="respParamsCard.tableData"
noPagination
model="TABLE"
>
</JTable>
</j-pro-table>
</div>
<MonacoEditor

View File

@ -1,6 +1,6 @@
<template>
<div class="choose-api-container">
<JTable
<j-pro-table
:columns="columns"
:dataSource="props.tableData"
:rowSelection="props.mode !== 'home' ? rowSelection : undefined"
@ -14,7 +14,7 @@
>{{ slotProps.url }}</span
>
</template>
</JTable>
</j-pro-table>
<a-button type="primary" @click="save" v-if="props.mode !== 'home'"
>保存</a-button

View File

@ -60,7 +60,7 @@
<div style="width: 50%">
<h3>示例数据</h3>
<div>
<JTable
<j-pro-table
:dataSource="data"
model="TABLE"
noPagination

View File

@ -3,7 +3,7 @@
<div class="relationship-container">
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="getRelationshipList_api"
@ -49,7 +49,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<EditDialog ref="editDialogRef" @refresh="table.refresh" />
</div>

View File

@ -2,7 +2,7 @@
<a-card class="role-user-container">
<Search :columns="query.columns" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="getUserByRole_api"
@ -37,7 +37,7 @@
</a-popconfirm>
</a-space>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<AddUserDialog :open="dialog.openAdd" @refresh="table.refresh" />

View File

@ -7,7 +7,7 @@
>
<Search :columns="query.columns" type="simple" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="getUserByRole_api"
@ -19,7 +19,7 @@
}"
@cancelSelect="table.cancelSelect"
>
</JTable>
</j-pro-table>
<template #footer>
<a-button key="back" @click="dialog.visible = false">取消</a-button>

View File

@ -3,7 +3,7 @@
<a-card class="role-container">
<Search :columns="query.columns" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="getRoleList_api"
@ -45,7 +45,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<AddDialog ref="addDialogRef" />

View File

@ -3,7 +3,7 @@
<div class="user-container">
<Search :columns="query.columns" @search="query.search" />
<JTable
<j-pro-table
ref="tableRef"
:columns="table.columns"
:request="getUserList_api"
@ -43,62 +43,6 @@
</template>
<template #action="slotProps">
<a-space :size="16">
<!-- <a-tooltip>
<template #title>编辑</template>
<a-button
style="padding: 0"
type="link"
@click="table.openDialog('edit', slotProps)"
>
<AIcon type="EditOutlined" />
</a-button>
</a-tooltip> -->
<!-- <a-popconfirm
:title="`确定${slotProps.status ? '禁用' : '启用'}吗?`"
ok-text="确定"
cancel-text="取消"
@confirm="table.changeStatus(slotProps)"
>
<a-tooltip>
<template #title>{{
slotProps.status ? '禁用' : '启用'
}}</template>
<a-button style="padding: 0" type="link">
<stop-outlined v-if="slotProps.status" />
<play-circle-outlined v-else />
</a-button>
</a-tooltip>
</a-popconfirm> -->
<!-- <a-tooltip>
<template #title>重置密码</template>
<a-button
style="padding: 0"
type="link"
@click="table.openDialog('reset', slotProps)"
>
<AIcon type="icon-zhongzhimima" />
</a-button>
</a-tooltip> -->
<!-- <a-popconfirm
title="确认删除"
ok-text="确定"
cancel-text="取消"
@confirm="table.clickDel(slotProps)"
:disabled="slotProps.status"
>
<a-tooltip>
<template #title>{{
slotProps.status ? '请先禁用,再删除' : '删除'
}}</template>
<a-button
style="padding: 0"
type="link"
:disabled="slotProps.status"
>
<AIcon type="DeleteOutlined" />
</a-button>
</a-tooltip>
</a-popconfirm> -->
<PermissionButton
:uhasPermission="`${permission}:update`"
@ -154,7 +98,7 @@
</PermissionButton>
</a-space>
</template>
</JTable>
</j-pro-table>
<div class="dialogs">
<EditUserDialog ref="editDialogRef" @confirm="table.refresh" />