Gitea 1 year ago
parent 7966a8878a
commit 63bcb45f9b
  1. 516
      jeecgboot-vue3-master/src/views/annualCompPoint/committee/AnnualCompPointList.vue

@ -58,288 +58,302 @@
</template> </template>
<script lang="ts" name="AnnualCompPoint-annualCompPoint" setup> <script lang="ts" name="AnnualCompPoint-annualCompPoint" setup>
import {ref, reactive} from 'vue'; import {ref, reactive} from 'vue';
import {BasicTable, useTable, TableAction} from '/@/components/Table'; import {BasicTable, useTable, TableAction} from '/@/components/Table';
import {award} from '/@/views/award/AwardManagement.api.ts'; import {award} from '/@/views/award/AwardManagement.api.ts';
import {useListPage} from '/@/hooks/system/useListPage'; import {useListPage} from '/@/hooks/system/useListPage';
import {columns} from './AnnualCompPoint.data'; import {columns} from './AnnualCompPoint.data';
import { import {
list, list,
deleteOne, deleteOne,
batchDelete, batchDelete,
getImportUrl, getImportUrl,
getExportUrl, getExportUrl,
updateApply, updateApply,
collectScore collectScore,
} from './AnnualCompPoint.api'; pj
import {downloadFile} from '/@/utils/common/renderUtils'; } from './AnnualCompPoint.api';
import AnnualCompPointModal from './components/AnnualCompPointModal.vue' import {downloadFile} from '/@/utils/common/renderUtils';
import JSwitch from '/@/components/Form/src/jeecg/components/JSwitch.vue'; import AnnualCompPointModal from './components/AnnualCompPointModal.vue'
import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue'; import JSwitch from '/@/components/Form/src/jeecg/components/JSwitch.vue';
import JPopup from '/@/components/Form/src/jeecg/components/JPopup.vue'; import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
import {router} from "/@/router"; import JPopup from '/@/components/Form/src/jeecg/components/JPopup.vue';
import {useRouter} from "vue-router"; import {router} from "/@/router";
import {useRouter} from "vue-router";
const formRef = ref(); const formRef = ref();
const queryParam = reactive<any>({}); const queryParam = reactive<any>({});
const toggleSearchStatus = ref<boolean>(false); const toggleSearchStatus = ref<boolean>(false);
const registerModal = ref(); const registerModal = ref();
//table //table
const {prefixCls, tableContext, onExportXls, onImportXls} = useListPage({ const {prefixCls, tableContext, onExportXls, onImportXls} = useListPage({
tableProps: { tableProps: {
title: '年度比赛项目管理', title: '年度比赛项目管理',
api: list, api: list,
columns, columns,
canResize: false, canResize: false,
useSearchForm: false, useSearchForm: false,
actionColumn: { actionColumn: {
width: 330, width: 330,
fixed: 'right', fixed: 'right',
},
beforeFetch: (params) => {
return Object.assign(params, queryParam);
},
}, },
beforeFetch: (params) => { exportConfig: {
return Object.assign(params, queryParam); name: "年度比赛项目管理",
url: getExportUrl,
params: queryParam,
},
importConfig: {
url: getImportUrl,
success: handleSuccess
}, },
},
exportConfig: {
name: "年度比赛项目管理",
url: getExportUrl,
params: queryParam,
},
importConfig: {
url: getImportUrl,
success: handleSuccess
},
});
const [registerTable, {
reload,
collapseAll,
updateTableDataRecord,
findTableDataRecord,
getDataSource
}, {rowSelection, selectedRowKeys}] = tableContext;
const labelCol = reactive({
xs: {span: 24},
sm: {span: 7},
});
const wrapperCol = reactive({
xs: {span: 24},
sm: {span: 16},
});
/**
* 新增事件
*/
function handleAdd() {
registerModal.value.disableSubmit = false;
registerModal.value.add();
}
/**
* 编辑事件
*/
function handleEdit(record: Recordable) {
registerModal.value.disableSubmit = false;
registerModal.value.edit(record);
}
/**
* 详情
*/
function handleDetail(record: Recordable) {
registerModal.value.disableSubmit = true;
registerModal.value.edit(record);
}
/**
* 年度项目管理 评奖
*/
const router = useRouter()
function pingjiang(record: Recordable) {
router.push({
path: '/award/AwardManagementList',
query: {id: record.id}
}); });
} const [registerTable, {
reload,
/** collapseAll,
* 年度项目管理 作品管理 updateTableDataRecord,
*/ findTableDataRecord,
function workManage(record: Recordable) { getDataSource
router.push({ }, {rowSelection, selectedRowKeys}] = tableContext;
path: '/workManage/works', const labelCol = reactive({
query: {annualCompPointId: record.id} xs: {span: 24},
sm: {span: 7},
});
const wrapperCol = reactive({
xs: {span: 24},
sm: {span: 16},
}); });
}
/** /**
* 年度项目管理 提交审核按钮 * 新增事件
*/ */
function handleSubmitandApply(record: Recordable) { function handleAdd() {
updateApply({id: record.id, annualCompState: record.annualCompState}, handleSuccess); registerModal.value.disableSubmit = false;
} registerModal.value.add();
}
function handleCollectScoreApply(record: Recordable) { /**
collectScore({id: record.id, annualCompId: record.annualCompId}, handleSuccess); * 编辑事件
} */
function handleEdit(record: Recordable) {
registerModal.value.disableSubmit = false;
registerModal.value.edit(record);
}
/** /**
* 删除事件 * 详情
*/ */
async function handleDelete(record) { function handleDetail(record: Recordable) {
await deleteOne({id: record.id}, handleSuccess); registerModal.value.disableSubmit = true;
} registerModal.value.edit(record);
}
/**
* 年度项目管理 评奖
*/
const router = useRouter()
function pingjiang(record: Recordable) {
router.push({
path: '/award/AwardManagementList',
query: {id: record.id}
});
}
/** /**
* 批量删除事件 * 年度项目管理 作品管理
*/ */
async function batchHandleDelete() { function workManage(record: Recordable) {
await batchDelete({ids: selectedRowKeys.value}, handleSuccess); router.push({
} path: '/workManage/works',
query: {annualCompPointId: record.id}
});
}
function handleCollectScoreApply(record: Recordable) {
collectScore({id: record.id, annualCompId: record.annualCompId}, handleSuccess);
}
/** /**
* 成功回调 * 年度项目管理 提交审核按钮
*/ */
function handleSuccess() { function handleSubmitandApply(record: Recordable) {
(selectedRowKeys.value = []) && reload(); updateApply({id: record.id, annualCompState: record.annualCompState}, handleSuccess);
} }
/** /**
* 操作栏 * 删除事件
*/ */
function getTableAction(record) { async function handleDelete(record) {
await deleteOne({id: record.id}, handleSuccess);
}
/**
* 评奖事件
*/
async function pjgl(record) {
await pj({id: record.id}, handleSuccess);
}
const actions = [
{
label: '编辑', /**
onClick: handleEdit.bind(null, record), * 批量删除事件
}, */
{ async function batchHandleDelete() {
label: '详情', await batchDelete({ids: selectedRowKeys.value}, handleSuccess);
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
},
];
if (record.annualCompState === "0") { // 01()234
actions.unshift({
label: '提交',
onClick: handleSubmitandApply.bind(null, record),
});
} else if (record.annualCompState === "1") {
actions.unshift({
label: '修改',
onClick: handleSubmitandApply.bind(null, record),
});
} else if (record.annualCompState === "2") {
actions.unshift({
label: '修改',
onClick: handleSubmitandApply.bind(null, record),
});
} else if (record.annualCompState === "3") {
actions.unshift({
label: '待驳回'
});
} else if (record.annualCompState === "4") {
actions.unshift({
label: '提交',
onClick: handleSubmitandApply.bind(null, record),
});
} }
if (record.annualCompState === "8") {
actions.unshift({ /**
label: '评奖', * 成功回调
onClick: pingjiang.bind(null, record), */
}); function handleSuccess() {
(selectedRowKeys.value = []) && reload();
} }
/** /**
是否已凭奖为1且未汇总过时可以积分汇总操作 * 操作栏
* 状态0待提交1已提交(待审核)2已审核(已通过)3待驳回4已驳回5-已报名6-已选题7-已上传作品8-已评分9-已评奖,10-积分已汇总
*/ */
if (record.isPj == 1 && record.annualCompState != "10") { function getTableAction(record) {
const actions = [
{
label: '编辑',
onClick: handleEdit.bind(null, record),
},
{
label: '详情',
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
},
];
if(Date.parse(new Date())>Date.parse(record.scoreEndTime)){
actions.unshift({
label: '评奖',
popConfirm: {
title: '是否确认评奖',
confirm: pjgl.bind(null, record),
}
});
}
if (record.annualCompState === "0") { // 01()234
actions.unshift({
label: '提交',
onClick: handleSubmitandApply.bind(null, record),
});
} else if (record.annualCompState === "1") {
actions.unshift({
label: '修改',
onClick: handleSubmitandApply.bind(null, record),
});
} else if (record.annualCompState === "2") {
actions.unshift({
label: '修改',
onClick: handleSubmitandApply.bind(null, record),
});
} else if (record.annualCompState === "3") {
actions.unshift({
label: '待驳回'
});
} else if (record.annualCompState === "4") {
actions.unshift({
label: '提交',
onClick: handleSubmitandApply.bind(null, record),
});
}
/**
是否已凭奖为1且未汇总过时可以积分汇总操作
* 状态0待提交1已提交(待审核)2已审核(已通过)3待驳回4已驳回5-已报名6-已选题7-已上传作品8-已评分9-已评奖,10-积分已汇总
*/
if (record.isPj == 1 && record.annualCompState != "10") {
actions.unshift({
label: '个人积分汇总',
onClick: handleCollectScoreApply.bind(null, record),
});
}
/* if (record.annualCompState === "8") {
actions.unshift({
label: '评奖',
onClick: pingjiang.bind(null, record),
});
}*/
actions.unshift({ actions.unshift({
label: '个人积分汇总', label: '作品管理',
onClick: handleCollectScoreApply.bind(null, record), onClick: workManage.bind(null, record),
}); });
// if (record.requireUploadWorks === 'Y' && record.annualCompState === "2") {
// actions.unshift({
// label: '',
// onClick: handleSubmitandApply.bind(null, record),
// });
// }
// if (record.requireTopic === 'Y' && record.annualCompState === "2") {
// actions.unshift({
// label: '',
// onClick: handleSubmitandApply.bind(null, record),
// });
// }
// if (record.requireApply === 'Y' && record.annualCompState === "2") {
// actions.unshift({
// label: '',
// onClick: handleSubmitandApply.bind(null, record),
// });
// }
return actions;
} }
actions.unshift({
label: '作品管理',
onClick: workManage.bind(null, record),
});
// if (record.requireUploadWorks === 'Y' && record.annualCompState === "2") {
// actions.unshift({
// label: '',
// onClick: handleSubmitandApply.bind(null, record),
// });
// }
// if (record.requireTopic === 'Y' && record.annualCompState === "2") {
// actions.unshift({
// label: '',
// onClick: handleSubmitandApply.bind(null, record),
// });
// }
// if (record.requireApply === 'Y' && record.annualCompState === "2") {
// actions.unshift({
// label: '',
// onClick: handleSubmitandApply.bind(null, record),
// });
// }
return actions;
}
/**
* 查询
*/
function searchQuery() {
reload();
}
/** /**
* 查询 * 重置
*/ */
function searchQuery() { function searchReset() {
reload(); formRef.value.resetFields();
} selectedRowKeys.value = [];
//
/** reload();
* 重置 }
*/
function searchReset() {
formRef.value.resetFields();
selectedRowKeys.value = [];
//
reload();
}
/** /**
* popup组件值改变事件 * popup组件值改变事件
*/ */
function setFieldsValue(map) { function setFieldsValue(map) {
Object.keys(map).map((key) => { Object.keys(map).map((key) => {
queryParam[key] = map[key]; queryParam[key] = map[key];
}); });
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;
white-space: nowrap; white-space: nowrap;
} }
.query-group-cust { .query-group-cust {
width: calc(50% - 15px); width: calc(50% - 15px);
min-width: 100px !important; min-width: 100px !important;
} }
.query-group-split-cust { .query-group-split-cust {
width: 30px; width: 30px;
display: inline-block; display: inline-block;
text-align: center text-align: center
}
} }
}
</style> </style>

Loading…
Cancel
Save