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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,324 +1,316 @@
<template> <template>
<page-layout> <a-list-layout ref="pageRef">
<a-row :gutter="[10, 10]"> <template #search>
<!-- 查询表单 --> <pro-query :searchParam="searchParam" @on-search="search"></pro-query>
<a-col :span="24"> </template>
<a-card> <!-- 岗位列表 -->
<pro-query :searchParam="searchParam" @on-search="search"></pro-query> <pro-table ref="tableRef" :fetch="fetch" :columns="columns" :toolbar="toolbar" :operate="operate"
</a-card> :param="state.param" :pagination="pagination"
</a-col> :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }">
<!-- 岗位列表 --> </pro-table>
<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> <save :visible="state.visibleSave" @close="closeSave"></save>
<edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit> <edit :visible="state.visibleEdit" @close="closeEdit" :record="state.recordEdit"></edit>
</page-layout> </a-list-layout>
</template> </template>
<script> <script>
import save from './modal/save.vue'; import save from './modal/save.vue';
import edit from './modal/edit.vue'; import edit from './modal/edit.vue';
import { import {
message, message,
Modal as modal Modal as modal
} from '@hwork/ant-design-vue'; } from '@hwork/ant-design-vue';
import { import {
ExclamationCircleOutlined ExclamationCircleOutlined
} from '@ant-design/icons-vue'; } from '@ant-design/icons-vue';
import { import {
page, page,
remove, remove,
removeBatch removeBatch
} from "@/api/wms/skuCategory"; } from "@/api/wms/skuCategory";
import { import {
reactive, reactive,
createVNode, createVNode,
ref ref
} from 'vue'; } from 'vue';
const removeKey = "remove"; const removeKey = "remove";
const removeBatchKey = "removeBatch"; const removeBatchKey = "removeBatch";
export default { export default {
components: { name: "SkuCategory",
save, components: {
edit, 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(); {
dataIndex: "createBy",
/// key: "createBy",
const columns = [{ title: "录入人",
dataIndex: "categoryCode", width: 100,
key: "categoryCode", },
title: "种类编号", {
width: 140, dataIndex: "createTime",
defaultSortOrder: 'ascend', key: "createTime",
sorter: (a, b) => a.categoryCode - b.categoryCode, title: "录入时间",
showSearch: true width: 200,
}, },
{ {
dataIndex: "categoryName", dataIndex: "updateBy",
key: "categoryName", key: "updateBy",
title: "种类名称", title: "更新人",
width: 120, width: 100,
showSearch: true },
}, {
{ dataIndex: "updateTime",
dataIndex: "categoryDesc", key: "updateTime",
key: "categoryDesc", title: "更新时间",
title: "种类描述", width: 200,
width: 100, },
showSearch: true {
}, dataIndex: "remark",
{ key: "remark",
dataIndex: "treeLevel", title: "备注",
key: "treeLevel", width: 100,
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;
};
/// []
const fetch = async (param) => {
var response = await page(param);
return { return {
state, total: response.data.total,
fetch, data: response.data.record,
search,
toolbar,
columns,
operate,
pagination,
searchParam,
onSelectChange,
closeSave,
closeEdit,
tableRef
}; };
};
///
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> </script>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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