table 优化

hwork-master
zhangkaiios 2025-11-06 14:25:31 +08:00
parent d1c6668f59
commit d92a44e67f
60 changed files with 1698 additions and 1984 deletions

8
package-lock.json generated
View File

@ -10,7 +10,7 @@
"dependencies": {
"@ant-design/icons-vue": "^6.0.1",
"@antv/g2": "^4.1.20",
"@hwork/ant-design-vue": "^4.1.24",
"@hwork/ant-design-vue": "4.1.24",
"@hwork/icon": "^1.0.0",
"@tinymce/tinymce-vue": "^4.0.4",
"axios": "^0.21.1",
@ -915,9 +915,9 @@
"license": "BSD-3-Clause"
},
"node_modules/@hwork/ant-design-vue": {
"version": "4.1.25",
"resolved": "http://x-repo.haier.net/repository/npm-public/@hwork/ant-design-vue/-/ant-design-vue-4.1.25.tgz",
"integrity": "sha512-fgpwWpxVuAlCtpYspVVKS2JLily7Mq90Q9aQj8dr5gIlz56DHW8Tq2j+dIFN2wS5jcRugP5hbC7Wo9LNf23ElA==",
"version": "4.1.24",
"resolved": "http://x-repo.haier.net/repository/npm-public/@hwork/ant-design-vue/-/ant-design-vue-4.1.24.tgz",
"integrity": "sha512-A2jil/lqCdcsDY49XR0GMKRX5MQcnqDsjCEkOAbKBK1V96dLi7M4PJ6Xx8BrREQtmGjpfSy3/hRMhsjyk904iQ==",
"license": "MIT",
"dependencies": {
"@ant-design/icons-vue": "^7.0.0",

View File

@ -13,7 +13,7 @@
"dependencies": {
"@ant-design/icons-vue": "^6.0.1",
"@antv/g2": "^4.1.20",
"@hwork/ant-design-vue": "^4.1.24",
"@hwork/ant-design-vue": "4.1.24",
"@hwork/icon": "^1.0.0",
"@tinymce/tinymce-vue": "^4.0.4",
"axios": "^0.21.1",

View File

@ -423,6 +423,9 @@ html {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
line-height: 30px;
}
.ant-list-layout {
height: 100% !important;
}
.ant-list-layout-content {
height: 100%;
display: flex;

View File

@ -40,4 +40,4 @@ export default {
background-color: transparent;
height: 100%;
}
</style>
</style>

View File

@ -1,43 +1,23 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 岗位列表 -->
<a-col :span="24">
<a-card>
<pro-table
ref="tableRef"
:fetch="fetch"
:columns="columns"
:toolbar="toolbar"
:operate="operate"
:param="state.param"
:pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
>
</pro-table>
</a-card>
</a-col>
</a-row>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</a-list-layout>
</template>
<script>
import save from './modal/save.vue';
import edit from './modal/edit.vue';
import info from './modal/info.vue';
import { message , Modal} from '@hwork/ant-design-vue';
import { message, Modal as modal } from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { page, remove, removeBatch } from "@/api/module/announce";
import { reactive, createVNode, ref } from 'vue';
@ -56,7 +36,7 @@ export default {
const tableRef = ref();
///
const converFormat = [{label:"已发布",value:true},{label:"未发布",value:false}];
const converFormat = [{ label: "已发布", value: true }, { label: "未发布", value: false }];
///
const columns = [
@ -91,19 +71,19 @@ export default {
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择公告?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeBatchKey });
removeBatch({"ids":ids}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeBatchKey, duration: 1})
removeBatch({ "ids": ids }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeBatchKey, duration: 1 })
tableRef.value.reload()
}else{
message.error({content: "删除失败", key: removeBatchKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeBatchKey, duration: 1 })
}
})
}
@ -112,15 +92,15 @@ export default {
///
const toolbar = [
{ label: "新增", event: function () { state.visibleSave = true }},
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) }},
{ label: "新增", event: function () { state.visibleSave = true } },
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) } },
];
///
const operate = [
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record }},
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record }},
{ label: "删除",isDel: true, delEvent: function (record) { removeMethod(record) },cancelEvent:(record)=>{}},
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record } },
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record } },
{ label: "删除", isDel: true, delEvent: function (record) { removeMethod(record) }, cancelEvent: (record) => { } },
];
///
@ -139,26 +119,26 @@ export default {
recordEdit: {},
recordInfo: {},
})
const searchParam = [
{ key: "title", type: "input", label: "公告标题"},
{ key: "title", type: "input", label: "公告标题" },
]
const search = function(value) {
const search = function (value) {
state.param = value
}
const closeSave = function(){
const closeSave = function () {
tableRef.value.reload()
state.visibleSave = false
}
const closeEdit = function(){
const closeEdit = function () {
tableRef.value.reload()
state.visibleEdit = false
}
const closeInfo = function(){
const closeInfo = function () {
state.visibleInfo = false
}
@ -167,23 +147,23 @@ export default {
};
return {
state,
fetch,
toolbar,
columns,
operate,
pagination,
state,
fetch,
toolbar,
columns,
operate,
pagination,
search,
searchParam,
closeSave,
closeEdit,
closeInfo,
onSelectChange,
tableRef
};
},
};
</script>
</script>

View File

@ -151,7 +151,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此配置?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -185,7 +185,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择配置?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,43 +1,24 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 多库列表 -->
<a-col :span="24">
<a-card>
<pro-table
ref="tableRef"
:fetch="fetch"
:columns="columns"
:toolbar="toolbar"
:operate="operate"
:param="state.param"
:pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
>
</pro-table>
</a-card>
</a-col>
</a-row>
<!-- 新增页面 -->
<save :visible="state.visibleSave" @close="closeSave"></save>
<!-- 修改页面 -->
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 多库列表 -->
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<!-- 新增页面 -->
<save :visible="state.visibleSave" @close="closeSave"></save>
<!-- 修改页面 -->
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</a-list-layout>
</template>
<script>
import save from './modal/save.vue';
import edit from './modal/edit.vue';
import { message , Modal} from '@hwork/ant-design-vue';
import { message, Modal as modal } from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { page, remove, removeBatch } from "@/api/module/dataSource";
import { reactive, createVNode, ref } from 'vue';
@ -58,10 +39,10 @@ export default {
const columns = [
{ dataIndex: "name", key: "name", title: "名称" },
{ dataIndex: "username", key: "username", title: "账户" },
{ dataIndex: "password", key: "password", title: "密码"},
{ dataIndex: "url", key: "url", title: "链接"},
{ dataIndex: "driver", key: "driver", title: "驱动"},
{ dataIndex: "remark", key: "remark", title: "备注"},
{ dataIndex: "password", key: "password", title: "密码" },
{ dataIndex: "url", key: "url", title: "链接" },
{ dataIndex: "driver", key: "driver", title: "驱动" },
{ dataIndex: "remark", key: "remark", title: "备注" },
{ dataIndex: "createTime", key: "createTime", title: "创建日期" },
];
@ -74,22 +55,22 @@ export default {
};
};
///
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此配置?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeKey });
remove({"id":record.id}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeKey, duration: 1}).then(()=>{
remove({ "id": record.id }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeKey, duration: 1 }).then(() => {
tableRef.value.reload()
})
}else{
message.error({content: "删除失败", key: removeKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeKey, duration: 1 })
}
})
}
@ -97,20 +78,20 @@ export default {
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择配置?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeBatchKey });
removeBatch({"ids":ids}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeBatchKey, duration: 1}).then(()=>{
removeBatch({ "ids": ids }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeBatchKey, duration: 1 }).then(() => {
tableRef.value.reload()
})
}else{
message.error({content: "删除失败", key: removeBatchKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeBatchKey, duration: 1 })
}
})
}
@ -119,15 +100,15 @@ export default {
///
const toolbar = [
{ label: "新增", event: function () { state.visibleSave = true }},
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) }},
{ label: "新增", event: function () { state.visibleSave = true } },
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) } },
];
///
const operate = [
{ label: "查看", event: function (record) { alert("查看详情:" + JSON.stringify(record))}},
{ label: "修改", event: function (record) { state.recordEdit = record, state.visibleEdit = true }},
{ label: "删除", event: function (record) { removeMethod(record) }},
{ label: "查看", event: function (record) { alert("查看详情:" + JSON.stringify(record)) } },
{ label: "修改", event: function (record) { state.recordEdit = record, state.visibleEdit = true } },
{ label: "删除", event: function (record) { removeMethod(record) } },
];
///
@ -147,12 +128,12 @@ export default {
///
const searchParam = [
{ key: "name", type: "input", label: "名称"},
{ key: "code", type: "input", label: "描述"},
{ key: "name", type: "input", label: "名称" },
{ key: "code", type: "input", label: "描述" },
]
///
const search = function(value) {
const search = function (value) {
state.param = value
tableRef.value.reload
}
@ -161,12 +142,12 @@ export default {
state.selectedRowKeys = selectedRowKeys;
};
const closeSave = function(){
const closeSave = function () {
state.visibleSave = false
tableRef.value.reload
}
const closeEdit = function(){
const closeEdit = function () {
state.visibleEdit = false
tableRef.value.reload
}
@ -184,9 +165,9 @@ export default {
closeSave,
closeEdit,
tableRef
};
},
};
</script>
</script>

View File

@ -1,45 +1,25 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 顶部区域 -->
<a-col :span="24">
<a-card>
<!-- 查询参数 -->
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 中心区域 -->
<a-col :span="24">
<a-card>
<!-- 列表 -->
<pro-table
ref="tableRef"
:fetch="fetch"
:columns="columns"
:toolbar="toolbar"
:operate="operate"
:param="state.param"
:pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
>
</pro-table>
</a-card>
</a-col>
</a-row>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
<a-list-layout ref="pageRef">
<template #search>
<!-- 查询参数 -->
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 中心区域 -->
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</a-list-layout>
</template>
<script>
import save from './modal/save.vue';
import edit from './modal/edit.vue';
import info from './modal/info.vue';
import { message , Modal} from '@hwork/ant-design-vue';
import { message, Modal as modal } from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { tree, remove, removeBatch } from "@/api/module/dept";
import { reactive, createVNode, ref } from 'vue';
@ -56,15 +36,17 @@ export default {
const tableRef = ref()
const switchFormat = { yes: true, no: false, event: function(value,record){
record.enable = !record.enable;
return value;
}}
const switchFormat = {
yes: true, no: false, event: function (value, record) {
record.enable = !record.enable;
return value;
}
}
const columns = [
{ dataIndex: "name", key: "name", title: "部门" },
{ dataIndex: "address", key: "address", title: "地址" },
{ dataIndex: "enable", key: "enable", title: "状态", switch: switchFormat},
{ dataIndex: "enable", key: "enable", title: "状态", switch: switchFormat },
{ dataIndex: "sort", key: "sort", title: "排序" },
{ dataIndex: "remark", key: "remark", title: "仓库编号" },
];
@ -77,22 +59,22 @@ export default {
};
};
///
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此配置?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeKey });
remove({"id":record.id}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeKey, duration: 1}).then(()=>{
remove({ "id": record.id }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeKey, duration: 1 }).then(() => {
tableRef.value.reload()
})
}else{
message.error({content: "删除失败", key: removeKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeKey, duration: 1 })
}
})
}
@ -101,18 +83,18 @@ export default {
///
const toolbar = [
{ label: "新增", event: function () { state.visibleSave = true }},
{ label: "新增", event: function () { state.visibleSave = true } },
];
///
const operate = [
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record }},
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record }},
{ label: "删除", event: function (record) { removeMethod(record) }},
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record } },
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record } },
{ label: "删除", event: function (record) { removeMethod(record) } },
];
const pagination = false;
const state = reactive({
selectedRowKeys: [],
param: {},
@ -124,11 +106,11 @@ export default {
})
const searchParam = [
{ key: "name", type: "input", label: "名称"},
{ key: "code", type: "input", label: "描述"},
{ key: "name", type: "input", label: "名称" },
{ key: "code", type: "input", label: "描述" },
]
const search = function(value) {
const search = function (value) {
state.param = value
tableRef.value.reload()
}
@ -137,17 +119,17 @@ export default {
state.selectedRowKeys = selectedRowKeys;
};
const closeSave = function() {
const closeSave = function () {
state.visibleSave = false
tableRef.value.reload()
}
const closeEdit = function() {
const closeEdit = function () {
state.visibleEdit = false
tableRef.value.reload()
}
const closeInfo = function() {
const closeInfo = function () {
state.visibleInfo = false
}
@ -170,4 +152,4 @@ export default {
};
},
};
</script>
</script>

View File

@ -107,7 +107,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此字典?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -142,7 +142,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择字典?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -109,7 +109,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此字典?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -144,7 +144,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择字典?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,26 +1,19 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 岗位列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
</a-list-layout>
</template>
<script>
@ -165,7 +158,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择私信?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,26 +1,19 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 岗位列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
</a-list-layout>
</template>
<script>
@ -151,7 +144,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择任务?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,19 +1,14 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 顶部区域 -->
<a-col :span="24">
<a-card>
<a-list-layout
ref="pageRef"
>
<template #search>
<!-- 查询参数 -->
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 中心区域 -->
<a-col :span="24">
<a-card>
</template>
<!-- 列表 -->
<pro-table
:fetch="fetch"
@ -26,11 +21,8 @@
>
<!-- 继承至 a-table 的默认插槽 -->
</pro-table>
</a-card>
</a-col>
</a-row>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
</a-list-layout>
</template>
<script>
@ -50,7 +42,7 @@ export default {
///
const columns = [
{ dataIndex: "jobName", key: "jobName", title: "任务" },
{ dataIndex: "beanName", key: "beanName", title: "目标" },
{ dataIndex: "beanName", key: "beanName", title: "目标" },
{ dataIndex: "time", key: "time", title: "耗时"},
{ dataIndex: "createTime", key: "createTime", title: "运行时间" },
{ dataIndex: "state", key: "state", title: "状态", conver: converFormat },
@ -104,7 +96,7 @@ export default {
state.param.title = value.title
state.param.state = value.state
}
const onSelectChange = selectedRowKeys => {
state.selectedRowKeys = selectedRowKeys;
};
@ -123,10 +115,10 @@ export default {
search,
searchParam,
closeInfo,
onSelectChange,
};
},
};
</script>
</script>

View File

@ -1,19 +1,14 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 顶部区域 -->
<a-col :span="24">
<a-card>
<a-list-layout
ref="pageRef"
>
<template #search>
<!-- 查询参数 -->
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 中心区域 -->
<a-col :span="24">
<a-card>
</template>
<!-- 列表 -->
<pro-table
:fetch="fetch"
@ -26,14 +21,11 @@
>
<!-- 继承至 a-table 的默认插槽 -->
</pro-table>
</a-card>
</a-col>
</a-row>
</page-layout>
</a-list-layout>
</template>
<script>
import { message , Modal} from '@hwork/ant-design-vue';
import { message , Modal as modal} from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { page, clean } from "@/api/module/log";
import { reactive, createVNode } from 'vue';
@ -79,7 +71,7 @@ export default {
///
const cleanMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要清空日志?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,40 +1,20 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 顶部区域 -->
<a-col :span="24">
<a-card>
<!-- 查询参数 -->
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 中心区域 -->
<a-col :span="24">
<a-card>
<!-- 列表 -->
<pro-table
ref="tableRef"
:fetch="fetch"
:columns="columns"
:operate="operater"
:toolbar="toolbar"
:param="state.param"
:pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
>
<!-- 继承至 a-table 的默认插槽 -->
</pro-table>
</a-card>
</a-col>
</a-row>
</page-layout>
<a-list-layout ref="pageRef">
<template #search>
<!-- 查询参数 -->
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 列表 -->
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :operate="operater" :toolbar="toolbar"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
<!-- 继承至 a-table 的默认插槽 -->
</pro-table>
</a-list-layout>
</template>
<script>
import { message , Modal} from '@hwork/ant-design-vue';
import { message, Modal as modal } from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { page, clean, exportExcel } from "@/api/module/log";
import { reactive, createVNode, ref } from 'vue';
@ -47,29 +27,29 @@ export default {
const tableRef = ref()
///
const converFormat = [{label:"成功", value:true},{label:"失败", value:false}];
const converFormat = [{ label: "成功", value: true }, { label: "失败", value: false }];
///
const columns = [
{ dataIndex: "title", key: "title", title: "标题" ,width:120,showSearch: true},
{ dataIndex: "describe", key: "describe", title: "描述" ,width:120,showSearch: true},
{ dataIndex: "action", key: "action", title: "动作",width:100},
{ dataIndex: "type", key: "type", title: "方式",width:120},
{ dataIndex: "browser", key: "browser", title: "浏览器" ,width:120,ellipsis: true},
{ dataIndex: "system", key: "system", title: "系统" ,width:120,ellipsis: true},
{ dataIndex: "address", key: "address", title: "操作地" ,width:120,showSearch: true,ellipsis: true},
{ dataIndex: "operator", key: "operator", title: "操作人" ,width:100},
{ dataIndex: "createBy", key: "createBy", title: "创建人" ,width:120,ellipsis: true,showSearch: true},
{ dataIndex: "createUsername", key: "createUsername", title: "创建人" ,width:120,ellipsis: true,showSearch: true},
{ dataIndex: "createNickname", key: "createNickname", title: "创建人昵称" ,width:120,ellipsis: true},
{ dataIndex: "createTime", key: "createTime", title: "操作时间" ,width:180,ellipsis: true},
{ dataIndex: "state", key: "state", title: "状态", conver: converFormat ,width:120,ellipsis: true},
{ dataIndex: "params", key: "params", title: "参数",showSearch: true ,width:300,ellipsis: true},
{ dataIndex: "result", key: "result", title: "返回结果", showSearch: true ,width:300,ellipsis: true},
{ dataIndex: "title", key: "title", title: "标题", width: 120, showSearch: true },
{ dataIndex: "describe", key: "describe", title: "描述", width: 120, showSearch: true },
{ dataIndex: "action", key: "action", title: "动作", width: 100 },
{ dataIndex: "type", key: "type", title: "方式", width: 120 },
{ dataIndex: "browser", key: "browser", title: "浏览器", width: 120, ellipsis: true },
{ dataIndex: "system", key: "system", title: "系统", width: 120, ellipsis: true },
{ dataIndex: "address", key: "address", title: "操作地", width: 120, showSearch: true, ellipsis: true },
{ dataIndex: "operator", key: "operator", title: "操作人", width: 100 },
{ dataIndex: "createBy", key: "createBy", title: "创建人", width: 120, ellipsis: true, showSearch: true },
{ dataIndex: "createUsername", key: "createUsername", title: "创建人", width: 120, ellipsis: true, showSearch: true },
{ dataIndex: "createNickname", key: "createNickname", title: "创建人昵称", width: 120, ellipsis: true },
{ dataIndex: "createTime", key: "createTime", title: "操作时间", width: 180, ellipsis: true },
{ dataIndex: "state", key: "state", title: "状态", conver: converFormat, width: 120, ellipsis: true },
{ dataIndex: "params", key: "params", title: "参数", showSearch: true, width: 300, ellipsis: true },
{ dataIndex: "result", key: "result", title: "返回结果", showSearch: true, width: 300, ellipsis: true },
];
const operater = [
{ label: "查看", event: function (record) { alert("查看详情:" + JSON.stringify(record))}},
{ label: "查看", event: function (record) { alert("查看详情:" + JSON.stringify(record)) } },
];
/// []
@ -81,21 +61,21 @@ export default {
};
};
///
///
const cleanMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要清空日志?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: cleanKey });
clean({"isAuth":false}).then((response) => {
if(response.success){
message.success({content: "清空成功", key: cleanKey, duration: 1})
clean({ "isAuth": false }).then((response) => {
if (response.success) {
message.success({ content: "清空成功", key: cleanKey, duration: 1 })
tableRef.value.reload()
}else{
message.error({content: "清空失败", key: cleanKey, duration: 1})
} else {
message.error({ content: "清空失败", key: cleanKey, duration: 1 })
}
})
}
@ -104,8 +84,8 @@ export default {
///
const toolbar = [
{ label: "备份", event: function () { exportExcel(); }},
{ label: "清空", event: function () { cleanMethod(); }},
{ label: "备份", event: function () { exportExcel(); } },
{ label: "清空", event: function () { cleanMethod(); } },
];
///
@ -122,18 +102,19 @@ export default {
///
const searchParam = [
{ key: "title", type: "input", label: "标题"},
{ key: "state", type: "select", label: "状态", value: "",
options: [
{ text: "全部", value: ""},
{ text: "成功", value: true},
{ text: "失败", value: false}
]
}
{ key: "title", type: "input", label: "标题" },
{
key: "state", type: "select", label: "状态", value: "",
options: [
{ text: "全部", value: "" },
{ text: "成功", value: true },
{ text: "失败", value: false }
]
}
]
///
const search = function(value) {
const search = function (value) {
state.param.title = value.title
state.param.state = value.state
}

View File

@ -1,43 +1,23 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 岗位列表 -->
<a-col :span="24">
<a-card>
<pro-table
ref="tableRef"
:fetch="fetch"
:columns="columns"
:toolbar="toolbar"
:operate="operate"
:param="state.param"
:pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
>
</pro-table>
</a-card>
</a-col>
</a-row>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</a-list-layout>
</template>
<script>
import save from './modal/save.vue';
import edit from './modal/edit.vue';
import info from './modal/info.vue';
import { message , Modal} from '@hwork/ant-design-vue';
import { message, Modal as modal } from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { page, remove, removeBatch } from "@/api/module/post";
import { reactive, createVNode, ref } from 'vue';
@ -63,7 +43,7 @@ export default {
{ dataIndex: "name", key: "name", title: "名称" },
{ dataIndex: "code", key: "code", title: "标识" },
{ dataIndex: "remark", key: "remark", title: "备注" },
{ dataIndex: "enable", key: "enable", title: "状态", switch: switchFormat},
{ dataIndex: "enable", key: "enable", title: "状态", switch: switchFormat },
{ dataIndex: "sort", key: "sort", title: "排序" },
];
@ -78,20 +58,20 @@ export default {
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此配置?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeKey });
remove({"id":record.id}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeKey, duration: 1}).then(()=>{
remove({ "id": record.id }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeKey, duration: 1 }).then(() => {
tableRef.value.reload()
})
}else{
message.error({content: "删除失败", key: removeKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeKey, duration: 1 })
}
})
}
@ -99,20 +79,20 @@ export default {
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择配置?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeBatchKey });
removeBatch({"ids":ids}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeBatchKey, duration: 1}).then(()=>{
removeBatch({ "ids": ids }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeBatchKey, duration: 1 }).then(() => {
tableRef.value.reload()
})
}else{
message.error({content: "删除失败", key: removeBatchKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeBatchKey, duration: 1 })
}
})
}
@ -121,15 +101,15 @@ export default {
///
const toolbar = [
{ label: "新增", event: function () { state.visibleSave = true }},
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) }},
{ label: "新增", event: function () { state.visibleSave = true } },
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) } },
];
///
const operate = [
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record }},
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record }},
{ label: "删除", event: function (record) { removeMethod(record) }},
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record } },
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record } },
{ label: "删除", event: function (record) { removeMethod(record) } },
];
///
@ -148,28 +128,28 @@ export default {
recordEdit: {},
recordInfo: {},
})
const searchParam = [
{ key: "name", type: "input", label: "岗位名称"},
{ key: "code", type: "input", label: "岗位编码"},
{ key: "name", type: "input", label: "岗位名称" },
{ key: "code", type: "input", label: "岗位编码" },
]
const search = function(value) {
const search = function (value) {
state.param = value
tableRef.value.reload()
}
const closeSave = function(){
const closeSave = function () {
state.visibleSave = false
tableRef.value.reload()
}
const closeEdit = function(){
const closeEdit = function () {
state.visibleEdit = false
tableRef.value.reload()
}
const closeInfo = function(){
const closeInfo = function () {
state.visibleInfo = false
}
@ -178,16 +158,16 @@ export default {
};
return {
state,
fetch,
state,
fetch,
search,
toolbar,
columns,
operate,
pagination,
searchParam,
columns,
operate,
pagination,
searchParam,
onSelectChange,
closeSave,
closeEdit,
closeInfo,
@ -196,4 +176,4 @@ export default {
};
},
};
</script>
</script>

View File

@ -119,7 +119,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此角色?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -154,7 +154,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择角色?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,40 +1,20 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 顶部区域 -->
<a-col :span="24">
<a-card>
<!-- 查询参数 -->
<pro-query
:searchParam="searchParam"
@on-search ="search"
></pro-query>
</a-card>
</a-col>
<!-- 中心区域 -->
<a-col :span="24">
<a-card>
<!-- 列表 -->
<pro-table
ref="tableRef"
:fetch="fetch"
:columns="columns"
:toolbar="toolbar"
:operate="operate"
:param="state.param"
:pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
>
<!-- 继承至 a-table 的默认插槽 -->
</pro-table>
</a-card>
</a-col>
</a-row>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
<give :visible="state.visibleGive" @close="closeGive" :record="state.recordGive"></give>
</page-layout>
<a-list-layout ref="pageRef">
<template #search>
<!-- 查询参数 -->
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 列表 -->
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
<!-- 继承至 a-table 的默认插槽 -->
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
<give :visible="state.visibleGive" @close="closeGive" :record="state.recordGive"></give>
</a-list-layout>
</template>
<script>
@ -42,7 +22,7 @@ import save from './modal/save.vue';
import edit from './modal/edit.vue';
import info from './modal/info.vue';
import give from './modal/give.vue';
import { message , Modal} from '@hwork/ant-design-vue';
import { message, Modal as modal } from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { page, remove, removeBatch } from "@/api/module/tenant";
import { reactive, createVNode, ref } from 'vue';
@ -63,7 +43,7 @@ export default {
const columns = [
{ dataIndex: "name", key: "name", title: "名称" },
{ dataIndex: "describe", key: "describe", title: "描述"},
{ dataIndex: "describe", key: "describe", title: "描述" },
{ dataIndex: "createTime", key: "createTime", title: "创建时间" },
];
@ -91,20 +71,20 @@ export default {
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择租户?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeBatchKey });
removeBatch({"ids":ids}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeBatchKey, duration: 1}).then(()=>{
removeBatch({ "ids": ids }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeBatchKey, duration: 1 }).then(() => {
tableRef.value.reload()
})
}else{
message.error({content: "删除失败", key: removeBatchKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeBatchKey, duration: 1 })
}
})
}
@ -113,16 +93,16 @@ export default {
///
const toolbar = [
{ label: "新增", event: function () { state.visibleSave = true }},
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) }},
{ label: "新增", event: function () { state.visibleSave = true } },
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) } },
];
///
const operate = [
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record }},
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record }},
{ label: "分配", event: function (record) { state.visibleGive = true, state.recordGive = record }},
{ label: "删除",isDel:true, delEvent: function (record) { removeMethod(record) }},
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record } },
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record } },
{ label: "分配", event: function (record) { state.visibleGive = true, state.recordGive = record } },
{ label: "删除", isDel: true, delEvent: function (record) { removeMethod(record) } },
];
///
@ -150,52 +130,52 @@ export default {
///
const searchParam = [
{ key: "name", type: "input", label: "名称"},
{ key: "key", type: "input", label: "Key"},
{ key: "name", type: "input", label: "名称" },
{ key: "key", type: "input", label: "Key" },
]
///
const search = function(value) {
const search = function (value) {
state.param = value
tableRef.value.reload()
}
const closeSave = function(){
const closeSave = function () {
state.visibleSave = false;
tableRef.value.reload()
}
const closeEdit = function(){
const closeEdit = function () {
state.visibleEdit = false;
tableRef.value.reload()
}
const closeInfo = function(){
const closeInfo = function () {
state.visibleInfo = false;
}
const closeGive = function(){
const closeGive = function () {
state.visibleGive = false;
}
return {
state,
fetch,
state,
fetch,
search,
toolbar,
columns,
operate,
columns,
operate,
pagination,
searchParam,
searchParam,
onSelectChange,
closeSave,
closeEdit,
closeInfo,
closeGive,
tableRef
};
},
};
</script>
</script>

View File

@ -1,45 +1,25 @@
<template>
<page-layout>
<!-- 列表页面 -->
<a-row :gutter="[10, 10]">
<!-- 查询条件 -->
<a-col :span="24">
<a-card>
<pro-query
:searchParam="searchParam"
@on-search ="search"
>
<template #test="{ data }">
<a-input v-model:value="data.test" type="text" />
</template>
</pro-query>
</a-card>
</a-col>
<!-- 用户列表 -->
<a-col :span="24">
<a-card>
<pro-table
ref="tableRef"
:fetch="fetch"
:columns="columns"
:toolbar="toolbar"
:operate="operate"
:param="state.param"
:pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<!-- 新增页面 -->
<save :visible="state.visibleSave" @close="closeSave" :record="state.record"></save>
<!-- 修改页面 -->
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit" ></edit>
<!-- 分配页面 -->
<give :visible="state.visibleGive" @close="closeGive" :record="state.recordGive"></give>
<!-- 详情页面 -->
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search">
<template #test="{ data }">
<a-input v-model:value="data.test" type="text" />
</template>
</pro-query>
</template>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<!-- 新增页面 -->
<save :visible="state.visibleSave" @close="closeSave" :record="state.record"></save>
<!-- 修改页面 -->
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<!-- 分配页面 -->
<give :visible="state.visibleGive" @close="closeGive" :record="state.recordGive"></give>
<!-- 详情页面 -->
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</a-list-layout>
</template>
<script>
@ -47,7 +27,7 @@ import save from './modal/save.vue';
import edit from './modal/edit.vue';
import give from './modal/give.vue';
import info from './modal/info.vue';
import { message , Modal} from '@hwork/ant-design-vue';
import { message, Modal as modal } from '@hwork/ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { page, remove, removeBatch, resetPassword } from "@/api/module/user";
import { reactive, createVNode, ref } from 'vue';
@ -76,31 +56,31 @@ export default {
};
const resetPasswordMethod = (record) => {
resetPassword({"id":record.id}).then((response) => {
if(response.success){
message.success({content: "重置成功", key: removeKey, duration: 1})
}else{
message.error({content: "重置失败", key: removeKey, duration: 1})
resetPassword({ "id": record.id }).then((response) => {
if (response.success) {
message.success({ content: "重置成功", key: removeKey, duration: 1 })
} else {
message.error({ content: "重置失败", key: removeKey, duration: 1 })
}
})
}
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此用户?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeKey });
remove({"id":record.id}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeKey, duration: 1}).then(() =>
remove({ "id": record.id }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeKey, duration: 1 }).then(() =>
tableRef.value.reload()
)
}else{
message.error({content: "删除失败", key: removeKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeKey, duration: 1 })
}
})
}
@ -109,20 +89,20 @@ export default {
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择用户?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({ content: "提交中...", key: removeBatchKey });
removeBatch({"ids":ids}).then((response) => {
if(response.success){
message.success({content: "删除成功", key: removeBatchKey, duration: 1}).then(() =>
removeBatch({ "ids": ids }).then((response) => {
if (response.success) {
message.success({ content: "删除成功", key: removeBatchKey, duration: 1 }).then(() =>
tableRef.value.reload()
)
}else{
message.error({content: "删除失败", key: removeBatchKey, duration: 1})
} else {
message.error({ content: "删除失败", key: removeBatchKey, duration: 1 })
}
})
}
@ -131,27 +111,29 @@ export default {
///
const toolbar = [
{ label: "新增", event: function () { state.visibleSave = true }},
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) }}
{ label: "新增", event: function () { state.visibleSave = true } },
{ label: "删除", event: function () { removeBatchMethod(state.selectedRowKeys) } }
];
///
const operate = [
{ label: "查看", event: function (record) { state.visibleInfo = true , state.recordInfo = record }},
{ label: "修改", event: function (record) { state.visibleEdit = true , state.recordEdit = record }},
{ label: "分配", event: function (record) { state.visibleGive = true , state.recordGive = record }},
{ label: "删除", event: function (record) { removeMethod(record) }},
{ label: '重置', event: function (record) { resetPasswordMethod(record) }}
{ label: "查看", event: function (record) { state.visibleInfo = true, state.recordInfo = record } },
{ label: "修改", event: function (record) { state.visibleEdit = true, state.recordEdit = record } },
{ label: "分配", event: function (record) { state.visibleGive = true, state.recordGive = record } },
{ label: "删除", event: function (record) { removeMethod(record) } },
{ label: '重置', event: function (record) { resetPasswordMethod(record) } }
];
///
const converFormat = [{label:"男", value:"0"},{label:"女", value:"1"}];
const converFormat = [{ label: "男", value: "0" }, { label: "女", value: "1" }];
///
const switchFormat = { yes: true, no: false, event: function(value,record){
record.enable = !record.enable;
return value;
} };
const switchFormat = {
yes: true, no: false, event: function (value, record) {
record.enable = !record.enable;
return value;
}
};
///
const avatarFormat = { size: 36, shape: "square" };
@ -162,18 +144,18 @@ export default {
{ dataIndex: "avatar", key: "avatar", title: "头像", avatar: avatarFormat },
{ dataIndex: "nickname", key: "nickname", title: "名称" },
{ dataIndex: "username", key: "username", title: "账号" },
{ dataIndex: "gender", key: "gender", title: "性别", conver: converFormat},
{ dataIndex: "enable", key: "enable", title: "状态", switch: switchFormat},
{ dataIndex: "gender", key: "gender", title: "性别", conver: converFormat },
{ dataIndex: "enable", key: "enable", title: "状态", switch: switchFormat },
{ dataIndex: "email", key: "email", title: "邮箱" },
{ dataIndex: "phone", key: "phone", title: "电话" },
{ dataIndex: "createTime", key: "createTime", title: "注册时间" }
];
///
const pagination = { pageNum: 1, pageSize: 10}
const pagination = { pageNum: 1, pageSize: 10 }
///
const state = reactive({
const state = reactive({
selectedRowKeys: [],
param: {},
record: {},
@ -188,9 +170,9 @@ export default {
///
const searchParam = [
{ key: "name", type: "input", label: "名称"},
{ key: "code", type: "input", label: "描述"},
{ key: "test", type: "custom", label: "插槽", customRender: "test" }
{ key: "name", type: "input", label: "名称" },
{ key: "code", type: "input", label: "描述" },
{ key: "test", type: "custom", label: "插槽", customRender: "test" }
]
///
@ -199,31 +181,31 @@ export default {
};
///
const search = function(value) {
const search = function (value) {
state.param = value;
tableRef.value.reload();
}
///
const closeSave = function(){
const closeSave = function () {
state.visibleSave = false;
tableRef.value.reload();
}
///
const closeEdit = function(){
const closeEdit = function () {
state.visibleEdit = false;
tableRef.value.reload();
}
///
const closeGive = function(){
const closeGive = function () {
state.visibleGive = false;
tableRef.value.reload();
}
///
const closeInfo = function(){
const closeInfo = function () {
state.visibleInfo = false;
}
@ -247,4 +229,4 @@ export default {
};
},
};
</script>
</script>

View File

@ -1,26 +1,19 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 客户信息列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
</a-list-layout>
</template>
<script>
@ -183,7 +176,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择客户信息?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,26 +1,19 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 搬运类型列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
</a-list-layout>
</template>
<script>
@ -218,7 +211,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择任务?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,237 +1,227 @@
<template>
<div>
<page-layout>
<a-row :gutter="[0,2]">
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-col :span="24">
<a-card>
<pro-table style="margin-top: 10px" rowKey="id" ref="tableRef" :fetch="fetch" :columns="columns"
:toolbar="toolbar" :operate="operate" :param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
</page-layout>
</div>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<pro-table style="margin-top: 10px" rowKey="id" ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar"
:operate="operate" :param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-list-layout>
</template>
<script>
import {
message,
notification,
modal
} from '@hwork/ant-design-vue';
import {
ExclamationCircleOutlined
} from '@ant-design/icons-vue';
import {
reActivate,
page,
remove,
cancel,
removeBatch
} from "@/api/wms/request";
import {
reactive,
createVNode,
ref,
} from 'vue';
const reActivateKey = "reActivate";
const removeKey = "remove";
const cancelKey = "cancel";
const removeBatchKey = "removeBatch";
import {
message,
Modal as modal
} from '@hwork/ant-design-vue';
import {
ExclamationCircleOutlined
} from '@ant-design/icons-vue';
import {
reActivate,
page,
remove,
cancel,
removeBatch
} from "@/api/wms/request";
import {
reactive,
createVNode,
ref,
} from 'vue';
const reActivateKey = "reActivate";
const removeKey = "remove";
const cancelKey = "cancel";
const removeBatchKey = "removeBatch";
export default {
components: {},
export default {
name: 'WmsRequestIndex',
components: {},
setup() {
setup() {
const tableRef = ref()
const tableRef = ref()
const columns = [{
dataIndex: "requestCode",
key: "requestCode",
title: "请求编号",
width: 150,
showSearch: true,
},
{
dataIndex: "status",
key: "status",
title: "状态",
width: 100,
dictionary: {
type: 'tag',
code: 'TaskStatus'
},
showSearch: true
},
{
dataIndex: "paramType",
key: "paramType",
title: "请求类型",
width: 100,
showSearch: true,
},
{
dataIndex: "processClass",
key: "processClass",
title: "处理类",
width: 160,
showSearch: true,
},
{
dataIndex: "requestDate",
key: "requestDate",
title: "请求时间",
width: 180,
},
{
dataIndex: "respondDate",
key: "respondDate",
title: "响应时间",
width: 180,
},
{
dataIndex: "request",
key: "request",
title: "请求数据",
width: 900,
showSearch: true,
},
{
dataIndex: "response",
key: "response",
title: "响应信息",
width: 900,
showSearch: true,
},
{
dataIndex: "createBy",
key: "createBy",
title: "录入人",
width: 120,
},
{
dataIndex: "createTime",
key: "createTime",
title: "录入时间",
width: 200,
},
{
dataIndex: "updateBy",
key: "updateBy",
title: "修改人",
width: 120,
},
{
dataIndex: "updateTime",
key: "updateTime",
title: "修改时间",
width: 200,
},
{
dataIndex: "preRequestCode",
key: "preRequestCode",
title: "前置请求编号",
width: 120,
},
{
dataIndex: "priority",
key: "priority",
title: "优先级",
width: 120,
dictionary: {
type: 'tag',
code: 'priority'
}
},
{
dataIndex: "remark",
key: "remark",
title: "备注",
width: 300,
},
];
/// []
const fetch = async (param) => {
var response = await page(param);
console.log("response", response)
return {
total: response.data.total,
data: response.data.record,
};
};
//
const reActivateMethod = (record) => {
Modal.confirm({
title: '您是否确认重置该请求?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "重置中...",
key: reActivateKey
});
reActivate({
'id': record.id,
//"status": record.status,
// "processClass": record.processClass,
//data: record.data,
}).then((response) => {
if (response.success) {
message.success({
content: "重置成功",
key: reActivateKey,
duration: 1
})
tableRef.value.reload()
} else {
message.error({
content: "重置失败:" +response.msg,
key: reActivateKey,
duration: 3
})
}
})
}
});
const columns = [{
dataIndex: "requestCode",
key: "requestCode",
title: "请求编号",
width: 150,
showSearch: true,
},
{
dataIndex: "status",
key: "status",
title: "状态",
width: 100,
dictionary: {
type: 'tag',
code: 'TaskStatus'
},
showSearch: true
},
{
dataIndex: "paramType",
key: "paramType",
title: "请求类型",
width: 100,
showSearch: true,
},
{
dataIndex: "processClass",
key: "processClass",
title: "处理类",
width: 160,
showSearch: true,
},
{
dataIndex: "requestDate",
key: "requestDate",
title: "请求时间",
width: 180,
},
{
dataIndex: "respondDate",
key: "respondDate",
title: "响应时间",
width: 180,
},
{
dataIndex: "request",
key: "request",
title: "请求数据",
width: 900,
showSearch: true,
},
{
dataIndex: "response",
key: "response",
title: "响应信息",
width: 900,
showSearch: true,
},
{
dataIndex: "createBy",
key: "createBy",
title: "录入人",
width: 120,
},
{
dataIndex: "createTime",
key: "createTime",
title: "录入时间",
width: 200,
},
{
dataIndex: "updateBy",
key: "updateBy",
title: "修改人",
width: 120,
},
{
dataIndex: "updateTime",
key: "updateTime",
title: "修改时间",
width: 200,
},
{
dataIndex: "preRequestCode",
key: "preRequestCode",
title: "前置请求编号",
width: 120,
},
{
dataIndex: "priority",
key: "priority",
title: "优先级",
width: 120,
dictionary: {
type: 'tag',
code: 'priority'
}
},
{
dataIndex: "remark",
key: "remark",
title: "备注",
width: 300,
},
];
//
const cancelMethod = (record) => {
const confirmMsg = Modal.confirm({
title: '您是否确认取消该请求?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "取消中...",
key: cancelKey
});
cancel({
'id': record.id,
'status':record.status,
}).then((response) => {
if (response.success) {
message.success({
content: "取消成功",
key: cancelKey,
duration: 1
})
tableRef.value.reload()
} else {
/// []
const fetch = async (param) => {
var response = await page(param);
console.log("response", response)
return {
total: response.data.total,
data: response.data.record,
};
};
//
const reActivateMethod = (record) => {
modal.confirm({
title: '您是否确认重置该请求?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "重置中...",
key: reActivateKey
});
reActivate({
'id': record.id,
//"status": record.status,
// "processClass": record.processClass,
//data: record.data,
}).then((response) => {
if (response.success) {
message.success({
content: "重置成功",
key: reActivateKey,
duration: 1
})
tableRef.value.reload()
} else {
message.error({
content: "重置失败:" + response.msg,
key: reActivateKey,
duration: 3
})
}
})
}
});
}
//
const cancelMethod = (record) => {
const confirmMsg = modal.confirm({
title: '您是否确认取消该请求?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "取消中...",
key: cancelKey
});
cancel({
'id': record.id,
'status': record.status,
}).then((response) => {
if (response.success) {
message.success({
content: "取消成功",
key: cancelKey,
duration: 1
})
tableRef.value.reload()
} else {
message.destroy()
notification.error({
message.error({
message: '请求取消失败',
description: response.msg
})
@ -242,175 +232,175 @@
}
});
}
//
const removeMethod = (record) => {
Modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeKey
});
remove({
"id": record.id,
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: response.msg,
key: removeKey,
duration: 1
})
}
})
}
});
}
//
const removeBatchMethod = (ids) => {
Modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeBatchKey
});
removeBatch({
"ids": ids
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeBatchKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeBatchKey,
duration: 1
})
}
})
}
});
}
///
const toolbar = [{
label: "删除",
code: remove,
event: function() {
removeBatchMethod(state.selectedRowKeys)
},
type: 'danger'
}, ];
///
const operate = [{
label: "删除",
code: 'wms:request:delete',
event: function(record) {
removeMethod(record)
}
},
{
label: "重置",
code: 'wms:request:reactivate',
isRes: true,
event: function(record) {
reActivateMethod(record)
}
},
{
label: "取消",
code: 'wms:request:cancel',
isRes: true,
event: function(record) {
cancelMethod(record)
}
},
{
label: "查看",
event: function(record) {
alert("查看详情:" + JSON.stringify(record))
}
},
];
const pagination = {
pageNum: 1,
pageSize: 20,
showSizeChanger: true, //
pageSizeOptions: ["10", "20", "50", "100"], //
showTotal: total => `${total} 条记录`, //
showSizeChange: (current, pageSize) => (this.pageSize = pageSize) //
};
const state = reactive({
selectedRowKeys: [],
param: {},
});
const searchParam = [{
key: "request",
type: "input",
label: "请求消息"
},
{
key: "response",
type: "input",
label: "响应消息"
}, {
key: "requestCode",
type: "input",
label: "请求编号"
},
{
key: "preRequestCode",
type: "input",
label: "前置请求编号"
//
const removeMethod = (record) => {
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeKey
});
remove({
"id": record.id,
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: response.msg,
key: removeKey,
duration: 1
})
}
})
}
]
const search = function(value) {
console.log("search", value)
state.param = value
}
const onSelectChange = selectedRowKeys => {
state.selectedRowKeys = selectedRowKeys;
};
return {
state,
fetch,
search,
toolbar,
columns,
operate,
pagination,
searchParam,
onSelectChange,
tableRef,
};
});
}
//
const removeBatchMethod = (ids) => {
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeBatchKey
});
removeBatch({
"ids": ids
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeBatchKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeBatchKey,
duration: 1
})
}
})
}
});
}
///
const toolbar = [{
label: "删除",
code: 'wms:request:delete',
event: function () {
removeBatchMethod(state.selectedRowKeys)
},
type: 'danger'
},];
///
const operate = [{
label: "删除",
code: 'wms:request:delete',
event: function (record) {
removeMethod(record)
}
},
{
label: "重置",
code: 'wms:request:reactivate',
isRes: true,
event: function (record) {
reActivateMethod(record)
}
},
{
label: "取消",
code: 'wms:request:cancel',
isRes: true,
event: function (record) {
cancelMethod(record)
}
},
{
label: "查看",
event: function (record) {
alert("查看详情:" + JSON.stringify(record))
}
},
];
const pagination = {
pageNum: 1,
pageSize: 20,
showSizeChanger: true, //
pageSizeOptions: ["10", "20", "50", "100"], //
showTotal: total => `${total} 条记录`, //
showSizeChange: (current, pageSize) => (this.pageSize = pageSize) //
};
const state = reactive({
selectedRowKeys: [],
param: {},
});
const searchParam = [{
key: "request",
type: "input",
label: "请求消息"
},
{
key: "response",
type: "input",
label: "响应消息"
}, {
key: "requestCode",
type: "input",
label: "请求编号"
},
{
key: "preRequestCode",
type: "input",
label: "前置请求编号"
}
]
const search = function (value) {
console.log("search", value)
state.param = value
}
const onSelectChange = selectedRowKeys => {
state.selectedRowKeys = selectedRowKeys;
};
return {
state,
fetch,
search,
toolbar,
columns,
operate,
pagination,
searchParam,
onSelectChange,
tableRef,
};
}
}
</script>

View File

@ -1,324 +1,316 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<!-- 岗位列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 岗位列表 -->
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
import save from './modal/save.vue';
import edit from './modal/edit.vue';
import {
message,
Modal as modal
} from '@hwork/ant-design-vue';
import {
ExclamationCircleOutlined
} from '@ant-design/icons-vue';
import {
page,
remove,
removeBatch
} from "@/api/wms/skuCategory";
import {
reactive,
createVNode,
ref
} from 'vue';
import save from './modal/save.vue';
import edit from './modal/edit.vue';
import {
message,
Modal as modal
} from '@hwork/ant-design-vue';
import {
ExclamationCircleOutlined
} from '@ant-design/icons-vue';
import {
page,
remove,
removeBatch
} from "@/api/wms/skuCategory";
import {
reactive,
createVNode,
ref
} from 'vue';
const removeKey = "remove";
const removeBatchKey = "removeBatch";
const removeKey = "remove";
const removeBatchKey = "removeBatch";
export default {
components: {
save,
edit,
export default {
name: "SkuCategory",
components: {
save,
edit,
},
setup() {
const tableRef = ref();
///
const columns = [{
dataIndex: "categoryCode",
key: "categoryCode",
title: "种类编号",
width: 140,
defaultSortOrder: 'ascend',
sorter: (a, b) => a.categoryCode - b.categoryCode,
showSearch: true
},
{
dataIndex: "categoryName",
key: "categoryName",
title: "种类名称",
width: 120,
showSearch: true
},
{
dataIndex: "categoryDesc",
key: "categoryDesc",
title: "种类描述",
width: 100,
showSearch: true
},
{
dataIndex: "treeLevel",
key: "treeLevel",
title: "层级",
width: 100,
showSearch: true
},
{
dataIndex: "treeCode",
key: "treeCode",
title: "编号",
width: 100,
showSearch: true
},
{
dataIndex: "isActive",
key: "isActive",
title: "是否有效",
width: 100,
dictionary: {
type: 'tag',
code: 'isActive'
},
},
setup() {
const tableRef = ref();
///
const columns = [{
dataIndex: "categoryCode",
key: "categoryCode",
title: "种类编号",
width: 140,
defaultSortOrder: 'ascend',
sorter: (a, b) => a.categoryCode - b.categoryCode,
showSearch: true
},
{
dataIndex: "categoryName",
key: "categoryName",
title: "种类名称",
width: 120,
showSearch: true
},
{
dataIndex: "categoryDesc",
key: "categoryDesc",
title: "种类描述",
width: 100,
showSearch: true
},
{
dataIndex: "treeLevel",
key: "treeLevel",
title: "层级",
width: 100,
showSearch: true
},
{
dataIndex: "treeCode",
key: "treeCode",
title: "编号",
width: 100,
showSearch: true
},
{
dataIndex: "isActive",
key: "isActive",
title: "是否有效",
width: 100,
dictionary: {
type: 'tag',
code: 'isActive'
},
},
{
dataIndex: "createBy",
key: "createBy",
title: "录入人",
width: 100,
},
{
dataIndex: "createTime",
key: "createTime",
title: "录入时间",
width: 200,
},
{
dataIndex: "updateBy",
key: "updateBy",
title: "更新人",
width: 100,
},
{
dataIndex: "updateTime",
key: "updateTime",
title: "更新时间",
width: 200,
},
{
dataIndex: "remark",
key: "remark",
title: "备注",
width: 100,
},
];
/// []
const fetch = async (param) => {
var response = await page(param);
return {
total: response.data.total,
data: response.data.record,
};
};
///
const removeMethod = (record) => {
Modal.confirm({
title: '您是否确定要删除此数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeKey
});
remove({
"id": record.id
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeKey,
duration: 1
})
}
})
}
});
}
const removeBatchMethod = (ids) => {
Modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeBatchKey
});
removeBatch({
"ids": ids
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeBatchKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeBatchKey,
duration: 1
})
}
})
}
});
}
///
const toolbar = [{
label: "新增",
code: 'wms:skuCategory:add',
event: function() {
state.visibleSave = true
}
},
{
label: "删除",
code: 'wms:skuCategory:remove',
event: function() {
removeBatchMethod(state.selectedRowKeys)
},
type: 'danger'
},
];
///
const operate = [
// { label: "", event: function (record) { state.visibleInfo = true, state.recordInfo = record }},
{
label: "修改",
code: 'wms:skuCategory:edit',
event: function(record) {
state.visibleEdit = true, state.recordEdit = record
}
},
{
label: "删除",
code: 'wms:skuCategory:delete',
event: function(record) {
removeMethod(record)
}
},
];
///
const pagination = {
pageNum: 1,
pageSize: 20,
showSizeChanger: true, //
pageSizeOptions: ["10", "20", "50", "100"], //
showTotal: total => `${total} 条记录`, //
showSizeChange: (current, pageSize) => (this.pageSize = pageSize) //
}
/// - , fetch
const state = reactive({
selectedRowKeys: [],
param: {},
visibleSave: false,
visibleEdit: false,
recordEdit: {},
})
const searchParam = [{
key: "categoryCode",
type: "input",
label: "种类编号"
},
{
key: "categoryName",
type: "input",
label: "种类名称"
},
]
const search = function(value) {
state.param = value
tableRef.value.reload()
}
const closeSave = function() {
state.visibleSave = false
tableRef.value.reload()
}
const closeEdit = function() {
state.visibleEdit = false
tableRef.value.reload()
}
const onSelectChange = selectedRowKeys => {
state.selectedRowKeys = selectedRowKeys;
};
{
dataIndex: "createBy",
key: "createBy",
title: "录入人",
width: 100,
},
{
dataIndex: "createTime",
key: "createTime",
title: "录入时间",
width: 200,
},
{
dataIndex: "updateBy",
key: "updateBy",
title: "更新人",
width: 100,
},
{
dataIndex: "updateTime",
key: "updateTime",
title: "更新时间",
width: 200,
},
{
dataIndex: "remark",
key: "remark",
title: "备注",
width: 100,
},
];
/// []
const fetch = async (param) => {
var response = await page(param);
return {
state,
fetch,
search,
toolbar,
columns,
operate,
pagination,
searchParam,
onSelectChange,
closeSave,
closeEdit,
tableRef
total: response.data.total,
data: response.data.record,
};
};
///
const removeMethod = (record) => {
modal.confirm({
title: '您是否确定要删除此数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeKey
});
remove({
"id": record.id
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeKey,
duration: 1
})
}
})
}
});
}
const removeBatchMethod = (ids) => {
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeBatchKey
});
removeBatch({
"ids": ids
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeBatchKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeBatchKey,
duration: 1
})
}
})
}
});
}
///
const toolbar = [{
label: "新增",
code: 'wms:skuCategory:add',
event: function () {
state.visibleSave = true
}
},
};
{
label: "删除",
code: 'wms:skuCategory:remove',
event: function () {
removeBatchMethod(state.selectedRowKeys)
},
type: 'danger'
},
];
///
const operate = [
// { label: "", event: function (record) { state.visibleInfo = true, state.recordInfo = record }},
{
label: "修改",
code: 'wms:skuCategory:edit',
event: function (record) {
state.visibleEdit = true, state.recordEdit = record
}
},
{
label: "删除",
code: 'wms:skuCategory:delete',
event: function (record) {
removeMethod(record)
}
},
];
///
const pagination = {
pageNum: 1,
pageSize: 20,
showSizeChanger: true, //
pageSizeOptions: ["10", "20", "50", "100"], //
showTotal: total => `${total} 条记录`, //
showSizeChange: (current, pageSize) => (this.pageSize = pageSize) //
}
/// - , fetch
const state = reactive({
selectedRowKeys: [],
param: {},
visibleSave: false,
visibleEdit: false,
recordEdit: {},
})
const searchParam = [{
key: "categoryCode",
type: "input",
label: "种类编号"
},
{
key: "categoryName",
type: "input",
label: "种类名称"
},
]
const search = function (value) {
state.param = value
tableRef.value.reload()
}
const closeSave = function () {
state.visibleSave = false
tableRef.value.reload()
}
const closeEdit = function () {
state.visibleEdit = false
tableRef.value.reload()
}
const onSelectChange = selectedRowKeys => {
state.selectedRowKeys = selectedRowKeys;
};
return {
state,
fetch,
search,
toolbar,
columns,
operate,
pagination,
searchParam,
onSelectChange,
closeSave,
closeEdit,
tableRef
};
},
};
</script>

View File

@ -62,7 +62,7 @@
import save from './model/save.vue';
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
CheckOutlined,
@ -312,7 +312,7 @@
//
const removeMethod = (id) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -349,7 +349,7 @@
//
const removeactQtyMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -20,7 +20,7 @@
<script>
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
@ -228,7 +228,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -263,7 +263,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -25,7 +25,7 @@
import edit from './model/edit.vue';
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
@ -187,7 +187,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -222,7 +222,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -135,7 +135,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -171,7 +171,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -188,7 +188,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -223,7 +223,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -151,7 +151,7 @@
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
CheckOutlined,
@ -768,7 +768,7 @@
}
//
const removeMethod = (id) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -805,7 +805,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -20,7 +20,7 @@
<script>
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
@ -190,7 +190,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -225,7 +225,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -193,7 +193,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -229,7 +229,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -307,7 +307,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -342,7 +342,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -159,7 +159,7 @@
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
CheckOutlined,
@ -777,7 +777,7 @@
}
//
const removeMethod = (id) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -814,7 +814,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -20,7 +20,7 @@
<script>
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
@ -188,7 +188,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -223,7 +223,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -211,7 +211,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -247,7 +247,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -290,7 +290,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确定要分配选择的数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -330,7 +330,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确定要确认选择的数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -370,7 +370,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确定要执行选择的数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -410,7 +410,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确定要取消分配选择的数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -290,7 +290,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -325,7 +325,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -368,7 +368,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确认分配?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -25,7 +25,7 @@
import edit from './model/edit.vue';
import {
message,
Modal,
Modal as modal,
} from '@hwork/ant-design-vue';
import {
@ -223,7 +223,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此条数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -258,7 +258,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -47,6 +47,7 @@
const taskCancelKey = "taskCancel";
export default {
name: 'WmsRealTimeMonitorTaskIndex',
components: {
save,
edit,
@ -337,7 +338,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择任务?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -385,7 +386,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确定下发?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -432,7 +433,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确定完成?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -479,7 +480,7 @@
})
return;
}
Modal.confirm({
modal.confirm({
title: '您是否确定取消?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,21 +1,16 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 任务备份列表 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
<!-- 列表 -->
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 列表 -->
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
@ -328,7 +323,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择任务?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -226,7 +226,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -261,7 +261,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -261,7 +261,7 @@ export default defineComponent({
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -296,7 +296,7 @@ export default defineComponent({
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -242,7 +242,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -277,7 +277,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -312,7 +312,7 @@
///
const createTallyTaskMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要创建理货任务?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -271,7 +271,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -306,7 +306,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -167,7 +167,7 @@
//
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -202,7 +202,7 @@
//
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -258,7 +258,7 @@
///
const removeMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除此数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -293,7 +293,7 @@
///
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,373 +1,362 @@
<template>
<div>
<page-layout>
<a-row :gutter="[0,2]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-col :span="24" style="height: 100%;">
<a-card style="width: 100%;">
<!-- 托盘出入库记录列表 -->
<pro-table style="margin-top: 10px" rowKey="id" ref="tableRef" :fetch="fetch" :columns="columns"
:toolbar="toolbar" :operate="operate" :param="state.param" :pagination="pagination">
</pro-table>
</a-card>
</a-col>
</a-row>
</page-layout>
</div>
<a-list-layout ref="pageRef">
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 托盘出入库记录列表 -->
<pro-table style="margin-top: 10px" rowKey="id" ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar"
:operate="operate" :param="state.param" :pagination="pagination">
</pro-table>
</a-list-layout>
</template>
<script>
import {
message,
Modal as modal
} from '@hwork/ant-design-vue';
import {
ExclamationCircleOutlined
} from '@ant-design/icons-vue';
import {
page,
remove,
removeBatch
} from "@/api/wms/palletLog";
import {
reactive,
createVNode,
ref,
} from 'vue';
const removeKey = "remove";
const removeBatchKey = "removeBatch";
import {
message,
Modal as modal
} from '@hwork/ant-design-vue';
import {
ExclamationCircleOutlined
} from '@ant-design/icons-vue';
import {
page,
remove,
removeBatch
} from "@/api/wms/palletLog";
import {
reactive,
createVNode,
ref,
} from 'vue';
const removeKey = "remove";
const removeBatchKey = "removeBatch";
export default {
components: {},
export default {
components: {},
setup() {
setup() {
const tableRef = ref()
const tableRef = ref()
const columns = [{
dataIndex: "palletCode",
key: "palletCode",
title: "托盘号",
width: 100,
showSearch: true,
},
// {
// dataIndex: "invoiceCode",
// key: "invoiceCode",
// title: "",
// width: 200,
// showSearch: true,
// },
{
dataIndex: "taskCode",
key: "taskCode",
title: "任务号",
width: 90,
showSearch: true,
},
{
dataIndex: "directFlag",
key: "directFlag",
title: "方向标志",
width: 80,
dictionary: {
type: 'tag',
code: 'DirectFlag'
}
},
{
dataIndex: "skuType",
key: "skuType",
title: "物料类型",
width: 80,
},
{
dataIndex: "skuCode",
key: "skuCode",
title: "物料编号",
width: 120,
showSearch: true,
},
{
dataIndex: "skuName",
key: "skuName",
title: "物料描述",
width: 150,
showSearch: true,
},
const columns = [{
dataIndex: "palletCode",
key: "palletCode",
title: "托盘号",
width: 100,
showSearch: true,
},
// {
// dataIndex: "invoiceCode",
// key: "invoiceCode",
// title: "",
// width: 200,
// showSearch: true,
// },
{
dataIndex: "taskCode",
key: "taskCode",
title: "任务号",
width: 90,
showSearch: true,
},
{
dataIndex: "directFlag",
key: "directFlag",
title: "方向标志",
width: 80,
dictionary: {
type: 'tag',
code: 'DirectFlag'
}
},
{
dataIndex: "skuType",
key: "skuType",
title: "物料类型",
width: 80,
},
{
dataIndex: "skuCode",
key: "skuCode",
title: "物料编号",
width: 120,
showSearch: true,
},
{
dataIndex: "skuName",
key: "skuName",
title: "物料描述",
width: 150,
showSearch: true,
},
// {
// dataIndex: "batch",
// key: "batch",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "serial",
// key: "serial",
// title: "",
// width: 120,
// showSearch: true,
// },
// {
// dataIndex: "master",
// key: "master",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "producer",
// key: "producer",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "customer",
// key: "customer",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "produceDate",
// key: "produceDate",
// title: "",
// width: 180,
// },
// {
// dataIndex: "overdue",
// key: "overdue",
// title: "",
// width: 180,
// },
{
dataIndex: "skuQty",
key: "skuQty",
title: "物料数量",
width: 100,
showSearch: true,
},
{
dataIndex: "baseUnit",
key: "baseUnit",
title: "物流单位",
width: 100,
showSearch: true,
},
// {
// dataIndex: "convertQty",
// key: "convertQty",
// title: "",
// width: 120,
// showSearch: true,
// },
// {
// dataIndex: "primaryUnit",
// key: "primaryUnit",
// title: "",
// width: 120,
// showSearch: true,
// },
// {
// dataIndex: "spInv",
// key: "spInv",
// title: "",
// width: 100,
// dictionary: {
// type: 'tag',
// code: 'spInv'
// },
// },
// {
// dataIndex: "invType",
// key: "invType",
// title: "",
// width: 120,
// },
// {
// dataIndex: "qualityStatus",
// key: "qualityStatus",
// title: "",
// width: 100,
// dictionary: {
// type: 'tag',
// code: 'qualityStatus'
// },
// },
// {
// dataIndex: "weight",
// key: "weight",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "weightUnit",
// key: "weightUnit",
// title: "",
// width: 120,
// showSearch: true,
// },
{
dataIndex: "sourceLoc",
key: "sourceLoc",
title: "源位置",
width: 120,
showSearch: true,
},
{
dataIndex: "targetLoc",
key: "targetLoc",
title: "目标位置",
width: 120,
showSearch: true,
},
// {
// dataIndex: "finishDate",
// key: "finishDate",
// title: "",
// width: 180,
// },
// {
// dataIndex: "note",
// key: "note",
// title: ""
// },
// {
// dataIndex: "createBy",
// key: "createBy",
// title: "",
// width: 120,
// showSearch: true,
// },
{
dataIndex: "createTime",
key: "createTime",
title: "录入时间",
width: 200,
},
// {
// dataIndex: "updateBy",
// key: "updateBy",
// title: "",
// width: 120,
// },
// {
// dataIndex: "updateTime",
// key: "updateTime",
// title: "",
// width: 200,
// },
{
dataIndex: "remark",
key: "remark",
title: "备注",
width: 300,
},
];
// {
// dataIndex: "batch",
// key: "batch",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "serial",
// key: "serial",
// title: "",
// width: 120,
// showSearch: true,
// },
// {
// dataIndex: "master",
// key: "master",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "producer",
// key: "producer",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "customer",
// key: "customer",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "produceDate",
// key: "produceDate",
// title: "",
// width: 180,
// },
// {
// dataIndex: "overdue",
// key: "overdue",
// title: "",
// width: 180,
// },
{
dataIndex: "skuQty",
key: "skuQty",
title: "物料数量",
width: 100,
showSearch: true,
},
{
dataIndex: "baseUnit",
key: "baseUnit",
title: "物流单位",
width: 100,
showSearch: true,
},
// {
// dataIndex: "convertQty",
// key: "convertQty",
// title: "",
// width: 120,
// showSearch: true,
// },
// {
// dataIndex: "primaryUnit",
// key: "primaryUnit",
// title: "",
// width: 120,
// showSearch: true,
// },
// {
// dataIndex: "spInv",
// key: "spInv",
// title: "",
// width: 100,
// dictionary: {
// type: 'tag',
// code: 'spInv'
// },
// },
// {
// dataIndex: "invType",
// key: "invType",
// title: "",
// width: 120,
// },
// {
// dataIndex: "qualityStatus",
// key: "qualityStatus",
// title: "",
// width: 100,
// dictionary: {
// type: 'tag',
// code: 'qualityStatus'
// },
// },
// {
// dataIndex: "weight",
// key: "weight",
// title: "",
// width: 100,
// showSearch: true,
// },
// {
// dataIndex: "weightUnit",
// key: "weightUnit",
// title: "",
// width: 120,
// showSearch: true,
// },
{
dataIndex: "sourceLoc",
key: "sourceLoc",
title: "源位置",
width: 120,
showSearch: true,
},
{
dataIndex: "targetLoc",
key: "targetLoc",
title: "目标位置",
width: 120,
showSearch: true,
},
// {
// dataIndex: "finishDate",
// key: "finishDate",
// title: "",
// width: 180,
// },
// {
// dataIndex: "note",
// key: "note",
// title: ""
// },
// {
// dataIndex: "createBy",
// key: "createBy",
// title: "",
// width: 120,
// showSearch: true,
// },
{
dataIndex: "createTime",
key: "createTime",
title: "录入时间",
width: 200,
},
// {
// dataIndex: "updateBy",
// key: "updateBy",
// title: "",
// width: 120,
// },
// {
// dataIndex: "updateTime",
// key: "updateTime",
// title: "",
// width: 200,
// },
{
dataIndex: "remark",
key: "remark",
title: "备注",
width: 300,
},
];
/// []
const fetch = async (param) => {
var response = await page(param);
console.log("response", response)
return {
total: response.data.total,
data: response.data.record,
};
/// []
const fetch = async (param) => {
var response = await page(param);
console.log("response", response)
return {
total: response.data.total,
data: response.data.record,
};
};
//
const removeMethod = (record) => {
Modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeKey
});
remove({
"id": record.id
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: response.msg,
key: removeKey,
duration: 1
})
}
})
}
});
}
//
const removeMethod = (record) => {
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeKey
});
remove({
"id": record.id
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: response.msg,
key: removeKey,
duration: 1
})
}
})
}
});
}
//
const removeBatchMethod = (ids) => {
Modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeBatchKey
});
removeBatch({
"ids": ids
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeBatchKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeBatchKey,
duration: 1
})
}
})
}
});
}
//
const removeBatchMethod = (ids) => {
modal.confirm({
title: '您是否确定要删除?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
cancelText: '取消',
onOk() {
message.loading({
content: "提交中...",
key: removeBatchKey
});
removeBatch({
"ids": ids
}).then((response) => {
if (response.success) {
message.success({
content: "删除成功",
key: removeBatchKey,
duration: 1
}).then(() => {
tableRef.value.reload()
})
} else {
message.error({
content: "删除失败",
key: removeBatchKey,
duration: 1
})
}
})
}
});
}
///
const toolbar = [
{
///
const toolbar = [
{
label: "删除",
code: remove,
event: function() {
event: function () {
removeBatchMethod(state.selectedRowKeys)
},
type: 'danger'
},
];
];
///
const operate = [
///
const operate = [
// {
// label: "",
// code: "wms:palletLog:remove",
@ -375,77 +364,77 @@
// removeMethod(record)
// }
// },
];
];
const pagination = {
pageNum: 1,
pageSize: 20,
showSizeChanger: true, //
pageSizeOptions: ["10", "20", "50", "100"], //
showTotal: total => `${total} 条记录`, //
showSizeChange: (current, pageSize) => (this.pageSize = pageSize) //
};
const pagination = {
pageNum: 1,
pageSize: 20,
showSizeChanger: true, //
pageSizeOptions: ["10", "20", "50", "100"], //
showTotal: total => `${total} 条记录`, //
showSizeChange: (current, pageSize) => (this.pageSize = pageSize) //
};
const state = reactive({
selectedRowKeys: [],
param: {},
});
const state = reactive({
selectedRowKeys: [],
param: {},
});
//-
const searchParam = [{
key: "skuType",
type: "select",
label: "物料类型",
options: [{
value: '包装箱',
text: '包装箱',
}, {
value: '观察窗',
text: '观察窗',
}, {
value: '台面',
text: '台面',
}, {
value: '手把',
text: '手把',
}, {
value: '前板',
text: '前板',
},{
value: '内衬',
text: '内衬',
}, {
value: 'KTP001',
text: '空托盘',
}]
}, ]
//-
const searchParam = [{
key: "skuType",
type: "select",
label: "物料类型",
options: [{
value: '包装箱',
text: '包装箱',
}, {
value: '观察窗',
text: '观察窗',
}, {
value: '台面',
text: '台面',
}, {
value: '手把',
text: '手把',
}, {
value: '前板',
text: '前板',
}, {
value: '内衬',
text: '内衬',
}, {
value: 'KTP001',
text: '空托盘',
}]
},]
const search = function(value) {
console.log("主表查询" + JSON.stringify(value))
console.log(value)
state.param = value
tableRef.value.reload()
}
const onSelectChange = selectedRowKeys => {
state.selectedRowKeys = selectedRowKeys;
};
return {
state,
fetch,
search,
searchParam, //
toolbar,
columns,
operate,
pagination,
onSelectChange,
tableRef,
};
const search = function (value) {
console.log("主表查询" + JSON.stringify(value))
console.log(value)
state.param = value
tableRef.value.reload()
}
const onSelectChange = selectedRowKeys => {
state.selectedRowKeys = selectedRowKeys;
};
return {
state,
fetch,
search,
searchParam, //
toolbar,
columns,
operate,
pagination,
onSelectChange,
tableRef,
};
}
// }
}
// }
</script>

View File

@ -1,25 +1,18 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 码垛通道表列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
@ -173,7 +166,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -192,7 +192,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -309,7 +309,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择任务?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,25 +1,18 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 区域出入口列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
@ -225,7 +218,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -251,7 +251,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择任务?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,23 +1,16 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
</page-layout>
<a-list-layout ref="pageRef">
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-list-layout>
</template>
<script>
import {
message,
notification,
modal
Modal as modal
} from '@hwork/ant-design-vue';
import {
ExclamationCircleOutlined
@ -234,7 +227,7 @@
//
const cancelMethod = (record) => {
Modal.confirm({
modal.confirm({
title: '您是否确认取消该出库需求?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',
@ -256,7 +249,7 @@
tableRef.value.reload()
} else {
message.destroy()
notification.error({
message.error({
message: '需求取消失败',
description: response.msg
})
@ -268,7 +261,7 @@
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,25 +1,18 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 自增值定义列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
@ -173,7 +166,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,25 +1,18 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 自增值定义列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
@ -200,7 +193,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,25 +1,18 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 当前码垛SN列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
@ -173,7 +166,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,25 +1,18 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- SN历史列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
@ -180,7 +173,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,25 +1,18 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- SN历史列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>
@ -180,7 +173,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定删除该数据?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',

View File

@ -1,24 +1,17 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 区域出入口列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>

View File

@ -1,24 +1,16 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<!-- 区域出入口列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination">
</pro-table>
</a-card>
</a-col>
</a-row>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout>
</a-list-layout>
</template>
<script>

View File

@ -1,27 +1,20 @@
<template>
<page-layout>
<a-row :gutter="[10, 10]">
<!-- 查询表单 -->
<a-col :span="24">
<a-card>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</a-card>
</a-col>
<a-list-layout
ref="pageRef"
>
<template #search>
<pro-query :searchParam="searchParam" @on-search="search"></pro-query>
</template>
<!-- 通道列表 -->
<a-col :span="24">
<a-card>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
</a-card>
</a-col>
</a-row>
<pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
:param="state.param" :pagination="pagination"
:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
</pro-table>
<save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
<addConfig :visible="state.visibleSave" @close="closeSave"></addConfig>
<info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
</page-layout>
</a-list-layout>
</template>
<script>
@ -171,7 +164,7 @@
}
const removeBatchMethod = (ids) => {
Modal.confirm({
modal.confirm({
title: '您是否确定要删除选择通道?',
icon: createVNode(ExclamationCircleOutlined),
okText: '确定',