Merge branch 'master' of http://182.92.169.222:3000/zhc077/zmd_kejiju
JayChou
2 weeks ago
commit
2ce6dcacb2
9 changed files with 313 additions and 383 deletions
@ -1,190 +1,61 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<BasicModal @register="registerProjectLogModal" title="日志" width="1024px" @ok="onOk"> |
||||||
<!--引用表格--> |
<a-card :current="2" title="流程进度" :bordered="true"> |
||||||
<BasicTable @register="registerTable" :rowSelection="rowSelection"> |
<a-steps size="small"> |
||||||
<!--插槽:table标题--> |
<a-step title="申请人提交"/> |
||||||
<template #tableTitle> |
<a-step title="申请单位提交"/> |
||||||
<a-button type="primary" v-auth="'projectLog:project_log:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> |
<a-step title="科技主管提交"/> |
||||||
<a-button type="primary" v-auth="'projectLog:project_log:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> |
<a-step title="市科技局提交"/> |
||||||
<j-upload-button type="primary" v-auth="'projectLog:project_log:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> |
<a-step title="财政主管处理"/> |
||||||
<a-dropdown v-if="selectedRowKeys.length > 0"> |
</a-steps> |
||||||
<template #overlay> |
</a-card> |
||||||
<a-menu> |
<BasicTable @register="projectLog"/> |
||||||
<a-menu-item key="1" @click="batchHandleDelete"> |
</BasicModal> |
||||||
<Icon icon="ant-design:delete-outlined"></Icon> |
|
||||||
删除 |
|
||||||
</a-menu-item> |
|
||||||
</a-menu> |
|
||||||
</template> |
|
||||||
<a-button v-auth="'projectLog:project_log:deleteBatch'">批量操作 |
|
||||||
<Icon icon="mdi:chevron-down"></Icon> |
|
||||||
</a-button> |
|
||||||
</a-dropdown> |
|
||||||
<!-- 高级查询 --> |
|
||||||
<super-query :config="superQueryConfig" @search="handleSuperQuery" /> |
|
||||||
</template> |
|
||||||
<!--操作栏--> |
|
||||||
<template #action="{ record }"> |
|
||||||
<TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> |
|
||||||
</template> |
|
||||||
<!--字段回显插槽--> |
|
||||||
<template v-slot:bodyCell="{ column, record, index, text }"> |
|
||||||
</template> |
|
||||||
</BasicTable> |
|
||||||
<!-- 表单区域 --> |
|
||||||
<ProjectLogModal @register="registerModal" @success="handleSuccess"></ProjectLogModal> |
|
||||||
</div> |
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script lang="ts" name="projectLog-projectLog" setup> |
<script lang="ts"> |
||||||
import {ref, reactive, computed, unref} from 'vue'; |
import {defineComponent,defineProps} from 'vue'; |
||||||
import {BasicTable, useTable, TableAction} from '/@/components/Table'; |
import {useAttrs} from '/@/hooks/core/useAttrs'; |
||||||
import {useModal} from '/@/components/Modal'; |
import {BasicModal, useModalInner} from '/@/components/Modal'; |
||||||
import { useListPage } from '/@/hooks/system/useListPage' |
import PageWrapper from "@/components/Page/src/PageWrapper.vue"; |
||||||
import ProjectLogModal from './components/ProjectLogModal.vue' |
import {BasicTable, useTable} from '/@/components/Table'; |
||||||
import {columns, searchFormSchema, superQuerySchema} from './ProjectLog.data'; |
import {columns} from "@/views/projectLog/ProjectLog.data"; |
||||||
import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './ProjectLog.api'; |
import {list} from "@/views/projectLog/ProjectLog.api"; |
||||||
import { downloadFile } from '/@/utils/common/renderUtils'; |
import {useRoute} from "vue-router"; |
||||||
import { useUserStore } from '/@/store/modules/user'; |
import {defHttp} from "@/utils/http/axios"; |
||||||
const queryParam = reactive<any>({}); |
const props = defineProps(['projectId']) |
||||||
const checkedKeys = ref<Array<string | number>>([]); |
const route = useRoute(); |
||||||
const userStore = useUserStore(); |
|
||||||
//注册model |
|
||||||
const [registerModal, {openModal}] = useModal(); |
|
||||||
//注册table数据 |
|
||||||
const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({ |
|
||||||
tableProps:{ |
|
||||||
title: '项目操作日志', |
|
||||||
api: list, |
|
||||||
columns, |
|
||||||
canResize:false, |
|
||||||
formConfig: { |
|
||||||
//labelWidth: 120, |
|
||||||
schemas: searchFormSchema, |
|
||||||
autoSubmitOnEnter:true, |
|
||||||
showAdvancedButton:true, |
|
||||||
fieldMapToNumber: [ |
|
||||||
], |
|
||||||
fieldMapToTime: [ |
|
||||||
], |
|
||||||
}, |
|
||||||
actionColumn: { |
|
||||||
width: 120, |
|
||||||
fixed:'right' |
|
||||||
}, |
|
||||||
beforeFetch: (params) => { |
|
||||||
return Object.assign(params, queryParam); |
|
||||||
}, |
|
||||||
}, |
|
||||||
exportConfig: { |
|
||||||
name:"项目操作日志", |
|
||||||
url: getExportUrl, |
|
||||||
params: queryParam, |
|
||||||
}, |
|
||||||
importConfig: { |
|
||||||
url: getImportUrl, |
|
||||||
success: handleSuccess |
|
||||||
}, |
|
||||||
}) |
|
||||||
|
|
||||||
const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext |
const list2 = () =>{ |
||||||
|
// console.log("projectId",props.projectId) |
||||||
|
let params = {projectId:'1849284130146025473'} |
||||||
|
return defHttp.get({url: '/projectLog/projectLog/list', params}); |
||||||
|
} |
||||||
|
|
||||||
// 高级查询配置 |
|
||||||
const superQueryConfig = reactive(superQuerySchema); |
|
||||||
|
|
||||||
/** |
export default defineComponent({ |
||||||
* 高级查询事件 |
name: 'ProjectLogModal', |
||||||
*/ |
inheritAttrs: false, |
||||||
function handleSuperQuery(params) { |
components: {BasicTable, PageWrapper, BasicModal}, |
||||||
Object.keys(params).map((k) => { |
setup() { |
||||||
queryParam[k] = params[k]; |
const attrs = useAttrs(); |
||||||
}); |
const [registerProjectLogModal, {closeModal}] = useModalInner(); |
||||||
reload(); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 新增事件 |
|
||||||
*/ |
|
||||||
function handleAdd() { |
|
||||||
openModal(true, { |
|
||||||
isUpdate: false, |
|
||||||
showFooter: true, |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 编辑事件 |
|
||||||
*/ |
|
||||||
function handleEdit(record: Recordable) { |
|
||||||
openModal(true, { |
|
||||||
record, |
|
||||||
isUpdate: true, |
|
||||||
showFooter: true, |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 详情 |
|
||||||
*/ |
|
||||||
function handleDetail(record: Recordable) { |
|
||||||
openModal(true, { |
|
||||||
record, |
|
||||||
isUpdate: true, |
|
||||||
showFooter: false, |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 删除事件 |
|
||||||
*/ |
|
||||||
async function handleDelete(record) { |
|
||||||
await deleteOne({id: record.id}, handleSuccess); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 批量删除事件 |
|
||||||
*/ |
|
||||||
async function batchHandleDelete() { |
|
||||||
await batchDelete({ids: selectedRowKeys.value}, handleSuccess); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 成功回调 |
|
||||||
*/ |
|
||||||
function handleSuccess() { |
|
||||||
(selectedRowKeys.value = []) && reload(); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 操作栏 |
|
||||||
*/ |
|
||||||
function getTableAction(record){ |
|
||||||
return [ |
|
||||||
{ |
|
||||||
label: '编辑', |
|
||||||
onClick: handleEdit.bind(null, record), |
|
||||||
auth: 'projectLog:project_log:edit' |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
/** |
|
||||||
* 下拉操作栏 |
|
||||||
*/ |
|
||||||
function getDropDownAction(record){ |
|
||||||
return [ |
|
||||||
{ |
|
||||||
label: '详情', |
|
||||||
onClick: handleDetail.bind(null, record), |
|
||||||
}, { |
|
||||||
label: '删除', |
|
||||||
popConfirm: { |
|
||||||
title: '是否确认删除', |
|
||||||
confirm: handleDelete.bind(null, record), |
|
||||||
placement: 'topLeft', |
|
||||||
}, |
|
||||||
auth: 'projectLog:project_log:delete' |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
|
|
||||||
|
const [projectLog] = useTable({ |
||||||
|
label: '项目日志', |
||||||
|
columns: columns, |
||||||
|
pagination: false, |
||||||
|
// dataSource: null, |
||||||
|
api: list2, |
||||||
|
showIndexColumn: false, |
||||||
|
scroll: {y: 300}, |
||||||
|
}); |
||||||
|
|
||||||
</script> |
function onOk() { |
||||||
|
closeModal(); |
||||||
|
} |
||||||
|
|
||||||
<style lang="less" scoped> |
return {attrs, registerProjectLogModal, projectLog, onOk}; |
||||||
:deep(.ant-picker),:deep(.ant-input-number){ |
}, |
||||||
width: 100%; |
}); |
||||||
} |
</script> |
||||||
</style> |
|
||||||
|
|||||||
@ -1,199 +1,221 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
|
<a-card :current="null" title="流程进度" :bordered="false"> |
||||||
|
<a-steps size="small"> |
||||||
|
<a-step title="申请人提交"/> |
||||||
|
<a-step title="申请单位提交"/> |
||||||
|
<a-step title="科技主管提交"/> |
||||||
|
<a-step title="市科技局提交"/> |
||||||
|
<a-step title="财政主管处理"/> |
||||||
|
</a-steps> |
||||||
|
</a-card> |
||||||
<!--引用表格--> |
<!--引用表格--> |
||||||
<BasicTable @register="registerTable" :rowSelection="rowSelection"> |
<BasicTable @register="registerTable" :rowSelection="rowSelection"> |
||||||
<!--插槽:table标题--> |
<!--插槽:table标题--> |
||||||
<!-- <template #tableTitle> |
<!-- <template #tableTitle> |
||||||
<a-button type="primary" v-auth="'projectLog:project_log:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> |
<a-button type="primary" v-auth="'projectLog:project_log:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> |
||||||
<a-button type="primary" v-auth="'projectLog:project_log:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> |
<a-button type="primary" v-auth="'projectLog:project_log:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> |
||||||
<j-upload-button type="primary" v-auth="'projectLog:project_log:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> |
<j-upload-button type="primary" v-auth="'projectLog:project_log:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> |
||||||
<a-dropdown v-if="selectedRowKeys.length > 0"> |
<a-dropdown v-if="selectedRowKeys.length > 0"> |
||||||
<template #overlay> |
<template #overlay> |
||||||
<a-menu> |
<a-menu> |
||||||
<a-menu-item key="1" @click="batchHandleDelete"> |
<a-menu-item key="1" @click="batchHandleDelete"> |
||||||
<Icon icon="ant-design:delete-outlined"></Icon> |
<Icon icon="ant-design:delete-outlined"></Icon> |
||||||
删除 |
删除 |
||||||
</a-menu-item> |
</a-menu-item> |
||||||
</a-menu> |
</a-menu> |
||||||
</template> |
</template> |
||||||
<a-button v-auth="'projectLog:project_log:deleteBatch'">批量操作 |
<a-button v-auth="'projectLog:project_log:deleteBatch'">批量操作 |
||||||
<Icon icon="mdi:chevron-down"></Icon> |
<Icon icon="mdi:chevron-down"></Icon> |
||||||
</a-button> |
</a-button> |
||||||
</a-dropdown> |
</a-dropdown> |
||||||
<!– 高级查询 –> |
<!– 高级查询 –> |
||||||
<super-query :config="superQueryConfig" @search="handleSuperQuery" /> |
<super-query :config="superQueryConfig" @search="handleSuperQuery" /> |
||||||
</template> |
</template> |
||||||
<!–操作栏–> |
<!–操作栏–> |
||||||
<template #action="{ record }"> |
<template #action="{ record }"> |
||||||
<TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> |
<TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> |
||||||
</template> |
</template> |
||||||
<!–字段回显插槽–> |
<!–字段回显插槽–> |
||||||
<template v-slot:bodyCell="{ column, record, index, text }"> |
<template v-slot:bodyCell="{ column, record, index, text }"> |
||||||
</template>--> |
</template>--> |
||||||
</BasicTable> |
</BasicTable> |
||||||
<!-- 表单区域 --> |
<!-- 表单区域 --> |
||||||
<ProjectLogModal @register="registerModal" @success="handleSuccess"></ProjectLogModal> |
<ProjectLogModal @register="registerModal" @success="handleSuccess"></ProjectLogModal> |
||||||
</div> |
</div> |
||||||
|
<div class="button-container"> |
||||||
|
<a-button type="primary" @click="router.back()">返回</a-button> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script lang="ts" name="projectLog-projectLog" setup> |
<script lang="ts" name="projectLog-projectLog" setup> |
||||||
import {ref, reactive, computed, unref} from 'vue'; |
|
||||||
import {BasicTable, useTable, TableAction} from '/@/components/Table'; |
import {reactive, ref} from 'vue'; |
||||||
import {useModal} from '/@/components/Modal'; |
import {BasicTable} from '/@/components/Table'; |
||||||
import { useListPage } from '/@/hooks/system/useListPage' |
import {useModal} from '/@/components/Modal'; |
||||||
import ProjectLogModal from './components/ProjectLogModal.vue' |
import {useListPage} from '/@/hooks/system/useListPage' |
||||||
import {columns, searchFormSchema, superQuerySchema} from './ProjectLog.data'; |
import ProjectLogModal from './components/ProjectLogModal.vue' |
||||||
import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './ProjectLog.api'; |
import {columns, searchFormSchema, superQuerySchema} from './ProjectLog.data'; |
||||||
import { downloadFile } from '/@/utils/common/renderUtils'; |
import {batchDelete, deleteOne, getExportUrl, getImportUrl} from './ProjectLog.api'; |
||||||
import { useUserStore } from '/@/store/modules/user'; |
import {useUserStore} from '/@/store/modules/user'; |
||||||
import {useRoute} from "vue-router"; |
import {useRoute, useRouter} from "vue-router"; |
||||||
import {defHttp} from "@/utils/http/axios"; |
import {defHttp} from "@/utils/http/axios"; |
||||||
const queryParam = reactive<any>({}); |
|
||||||
const checkedKeys = ref<Array<string | number>>([]); |
const queryParam = reactive<any>({}); |
||||||
const userStore = useUserStore(); |
const checkedKeys = ref<Array<string | number>>([]); |
||||||
//注册model |
const userStore = useUserStore(); |
||||||
const [registerModal, {openModal}] = useModal(); |
const router = useRouter(); |
||||||
|
//注册model |
||||||
const route = useRoute(); |
const [registerModal, {openModal}] = useModal(); |
||||||
const listByProjectId = () =>{ |
|
||||||
// console.log("projectId",props.projectId) |
const route = useRoute(); |
||||||
let params = {projectId: route.query.id} |
const listByProjectId = () => { |
||||||
return defHttp.get({url: '/projectLog/projectLog/list', params}); |
let params = {projectId: route.query.id} |
||||||
} |
return defHttp.get({url: '/projectLog/projectLog/list', params}); |
||||||
//注册table数据 |
} |
||||||
const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({ |
//注册table数据 |
||||||
tableProps:{ |
const {prefixCls, tableContext, onExportXls, onImportXls} = useListPage({ |
||||||
title: '项目操作日志', |
tableProps: { |
||||||
api: listByProjectId, |
title: '', |
||||||
columns, |
api: listByProjectId, |
||||||
canResize:false, |
columns, |
||||||
formConfig: { |
canResize: false, |
||||||
//labelWidth: 120, |
formConfig: { |
||||||
schemas: searchFormSchema, |
//labelWidth: 120, |
||||||
autoSubmitOnEnter:true, |
schemas: searchFormSchema, |
||||||
showAdvancedButton:true, |
autoSubmitOnEnter: true, |
||||||
fieldMapToNumber: [ |
showAdvancedButton: true, |
||||||
], |
fieldMapToNumber: [], |
||||||
fieldMapToTime: [ |
fieldMapToTime: [], |
||||||
], |
}, |
||||||
}, |
actionColumn: { |
||||||
actionColumn: { |
width: 120, |
||||||
width: 120, |
fixed: 'right' |
||||||
fixed:'right' |
}, |
||||||
}, |
beforeFetch: (params) => { |
||||||
beforeFetch: (params) => { |
return Object.assign(params, queryParam); |
||||||
return Object.assign(params, queryParam); |
}, |
||||||
}, |
}, |
||||||
|
exportConfig: { |
||||||
|
name: "项目操作日志", |
||||||
|
url: getExportUrl, |
||||||
|
params: queryParam, |
||||||
|
}, |
||||||
|
importConfig: { |
||||||
|
url: getImportUrl, |
||||||
|
success: handleSuccess |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
const [registerTable, {reload}, {rowSelection, selectedRowKeys}] = tableContext |
||||||
|
|
||||||
|
// 高级查询配置 |
||||||
|
const superQueryConfig = reactive(superQuerySchema); |
||||||
|
|
||||||
|
/** |
||||||
|
* 高级查询事件 |
||||||
|
*/ |
||||||
|
function handleSuperQuery(params) { |
||||||
|
Object.keys(params).map((k) => { |
||||||
|
queryParam[k] = params[k]; |
||||||
|
}); |
||||||
|
reload(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 新增事件 |
||||||
|
*/ |
||||||
|
function handleAdd() { |
||||||
|
openModal(true, { |
||||||
|
isUpdate: false, |
||||||
|
showFooter: true, |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 编辑事件 |
||||||
|
*/ |
||||||
|
function handleEdit(record: Recordable) { |
||||||
|
openModal(true, { |
||||||
|
record, |
||||||
|
isUpdate: true, |
||||||
|
showFooter: true, |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 详情 |
||||||
|
*/ |
||||||
|
function handleDetail(record: Recordable) { |
||||||
|
openModal(true, { |
||||||
|
record, |
||||||
|
isUpdate: true, |
||||||
|
showFooter: false, |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除事件 |
||||||
|
*/ |
||||||
|
async function handleDelete(record) { |
||||||
|
await deleteOne({id: record.id}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 批量删除事件 |
||||||
|
*/ |
||||||
|
async function batchHandleDelete() { |
||||||
|
await batchDelete({ids: selectedRowKeys.value}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 成功回调 |
||||||
|
*/ |
||||||
|
function handleSuccess() { |
||||||
|
(selectedRowKeys.value = []) && reload(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 操作栏 |
||||||
|
*/ |
||||||
|
function getTableAction(record) { |
||||||
|
return [ |
||||||
|
{ |
||||||
|
label: '编辑', |
||||||
|
onClick: handleEdit.bind(null, record), |
||||||
|
auth: 'projectLog:project_log:edit' |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 下拉操作栏 |
||||||
|
*/ |
||||||
|
function getDropDownAction(record) { |
||||||
|
return [ |
||||||
|
{ |
||||||
|
label: '详情', |
||||||
|
onClick: handleDetail.bind(null, record), |
||||||
|
}, { |
||||||
|
label: '删除', |
||||||
|
popConfirm: { |
||||||
|
title: '是否确认删除', |
||||||
|
confirm: handleDelete.bind(null, record), |
||||||
|
placement: 'topLeft', |
||||||
}, |
}, |
||||||
exportConfig: { |
auth: 'projectLog:project_log:delete' |
||||||
name:"项目操作日志", |
} |
||||||
url: getExportUrl, |
] |
||||||
params: queryParam, |
} |
||||||
}, |
|
||||||
importConfig: { |
|
||||||
url: getImportUrl, |
|
||||||
success: handleSuccess |
|
||||||
}, |
|
||||||
}) |
|
||||||
|
|
||||||
const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext |
|
||||||
|
|
||||||
// 高级查询配置 |
|
||||||
const superQueryConfig = reactive(superQuerySchema); |
|
||||||
|
|
||||||
/** |
|
||||||
* 高级查询事件 |
|
||||||
*/ |
|
||||||
function handleSuperQuery(params) { |
|
||||||
Object.keys(params).map((k) => { |
|
||||||
queryParam[k] = params[k]; |
|
||||||
}); |
|
||||||
reload(); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 新增事件 |
|
||||||
*/ |
|
||||||
function handleAdd() { |
|
||||||
openModal(true, { |
|
||||||
isUpdate: false, |
|
||||||
showFooter: true, |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 编辑事件 |
|
||||||
*/ |
|
||||||
function handleEdit(record: Recordable) { |
|
||||||
openModal(true, { |
|
||||||
record, |
|
||||||
isUpdate: true, |
|
||||||
showFooter: true, |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 详情 |
|
||||||
*/ |
|
||||||
function handleDetail(record: Recordable) { |
|
||||||
openModal(true, { |
|
||||||
record, |
|
||||||
isUpdate: true, |
|
||||||
showFooter: false, |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 删除事件 |
|
||||||
*/ |
|
||||||
async function handleDelete(record) { |
|
||||||
await deleteOne({id: record.id}, handleSuccess); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 批量删除事件 |
|
||||||
*/ |
|
||||||
async function batchHandleDelete() { |
|
||||||
await batchDelete({ids: selectedRowKeys.value}, handleSuccess); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 成功回调 |
|
||||||
*/ |
|
||||||
function handleSuccess() { |
|
||||||
(selectedRowKeys.value = []) && reload(); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 操作栏 |
|
||||||
*/ |
|
||||||
function getTableAction(record){ |
|
||||||
return [ |
|
||||||
{ |
|
||||||
label: '编辑', |
|
||||||
onClick: handleEdit.bind(null, record), |
|
||||||
auth: 'projectLog:project_log:edit' |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
/** |
|
||||||
* 下拉操作栏 |
|
||||||
*/ |
|
||||||
function getDropDownAction(record){ |
|
||||||
return [ |
|
||||||
{ |
|
||||||
label: '详情', |
|
||||||
onClick: handleDetail.bind(null, record), |
|
||||||
}, { |
|
||||||
label: '删除', |
|
||||||
popConfirm: { |
|
||||||
title: '是否确认删除', |
|
||||||
confirm: handleDelete.bind(null, record), |
|
||||||
placement: 'topLeft', |
|
||||||
}, |
|
||||||
auth: 'projectLog:project_log:delete' |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="less" scoped> |
<style lang="less" scoped> |
||||||
:deep(.ant-picker),:deep(.ant-input-number){ |
:deep(.ant-picker), :deep(.ant-input-number) { |
||||||
width: 100%; |
width: 100%; |
||||||
} |
} |
||||||
|
.button-container { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
</style> |
</style> |
||||||
|
|||||||
Loading…
Reference in new issue