forked from wangjiadong/comp
JayChou
2 months ago
parent
396c19dd29
commit
310efc2276
12 changed files with 1332 additions and 571 deletions
|
After Width: | Height: | Size: 484 KiB |
|
After Width: | Height: | Size: 595 B |
|
After Width: | Height: | Size: 742 B |
|
After Width: | Height: | Size: 742 B |
|
After Width: | Height: | Size: 742 B |
|
After Width: | Height: | Size: 742 B |
@ -1,528 +1,320 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<div class="main-box"> |
||||||
<!--查询区域--> |
<a-card title="年度比赛管理" :bordered="false" style="height: 100%"> |
||||||
<div class="jeecg-basic-table-form-container"> |
<div class="filter-search"> |
||||||
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" |
<div class="left"> |
||||||
:label-col="labelCol" :wrapper-col="wrapperCol"> |
<ul> |
||||||
<a-row :gutter="24"> |
<li |
||||||
</a-row> |
:class="index === activeIndex ? 'active' : ''" |
||||||
</a-form> |
v-for="(item, index) in yearList" |
||||||
</div> |
:key="index" |
||||||
<!--引用表格--> |
@click="filteryear(item.value, index)" |
||||||
<BasicTable @register="registerTable" :rowSelection="rowSelection"> |
>{{ item.title }}</li |
||||||
<!--插槽:table标题--> |
> |
||||||
<template #tableTitle> |
</ul> |
||||||
<a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增 |
</div> |
||||||
</a-button> |
<div class="right"> <a-input-search v-model:value="searchValue" placeholder="请输入年份" style="width: 320px" @search="onSearch" /></div> |
||||||
<a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出 |
</div> |
||||||
</a-button> |
<div class="race-box"> |
||||||
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls"> |
<div class="add-race item" @click="handleAdd"> |
||||||
导入报名 |
<PlusOutlined style="font-size: 22px" /> |
||||||
</j-upload-button> |
<div>点击添加比赛</div> |
||||||
<a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXlsMb"> 导入报名的模版 |
</div> |
||||||
</a-button> |
<cardItem |
||||||
<a-dropdown v-if="selectedRowKeys.length > 0"> |
v-for="item in raceList" |
||||||
<template #overlay> |
@infoChange="handleDetail" |
||||||
<a-menu> |
@editscglChange="handleEditscgl" |
||||||
<a-menu-item key="1" @click="batchHandleDelete"> |
@editChange="handleEdit" |
||||||
<Icon icon="ant-design:delete-outlined"></Icon> |
@delChange="handleDelete" |
||||||
删除 |
@updateApplyChange="handleSubmitandApply" |
||||||
</a-menu-item> |
@scoreApplyChange="handleCollectScoreApply" |
||||||
</a-menu> |
@evaluationChange="handlePersonalAbilityEvaluation" |
||||||
</template> |
:key="item.annualCompId" |
||||||
<a-button>批量操作 |
:data="item" |
||||||
<Icon icon="mdi:chevron-down"></Icon> |
/> |
||||||
</a-button> |
</div> |
||||||
</a-dropdown> |
<div class="pagination"> |
||||||
</template> |
<Pagination v-model:current="current" :total="total" show-less-items style="width: 300px; height: 30px" @change="pageChange" :pageSize="7" /> |
||||||
<!--操作栏--> |
</div> |
||||||
<template #action="{ record }"> |
</a-card> |
||||||
<TableAction :actions="getTableAction(record)"/> |
|
||||||
</template> |
|
||||||
<!--字段回显插槽--> |
|
||||||
<template #htmlSlot="{text}"> |
|
||||||
<div v-html="text"></div> |
|
||||||
</template> |
|
||||||
<!--省市区字段回显插槽--> |
|
||||||
<template #pcaSlot="{text}"> |
|
||||||
{{ getAreaTextByCode(text) }} |
|
||||||
</template> |
|
||||||
<template #fileSlot="{text}"> |
|
||||||
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span> |
|
||||||
<a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" |
|
||||||
size="small" @click="downloadFile(text)">下载 |
|
||||||
</a-button> |
|
||||||
</template> |
|
||||||
</BasicTable> |
|
||||||
<!-- 表单区域 --> |
|
||||||
<AnnualCompPointModal ref="registerModal" @success="handleSuccess"></AnnualCompPointModal> |
|
||||||
<AnnualCompPointModalscgl ref="registerModalscgl" @success="handleSuccess"></AnnualCompPointModalscgl> |
|
||||||
<!-- 项目题目--> |
|
||||||
|
|
||||||
</div> |
</div> |
||||||
|
<AnnualCompPointModal ref="registerModal" @success="handleSuccess"></AnnualCompPointModal> |
||||||
|
<AnnualCompPointModalscgl ref="registerModalscgl" @success="handleSuccess"></AnnualCompPointModalscgl> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script lang="ts" name="AnnualCompPoint-annualCompPoint" setup> |
<script lang="ts" setup> |
||||||
import {ref, reactive} from 'vue'; |
|
||||||
import {BasicTable, useTable, TableAction} from '/@/components/Table'; |
|
||||||
import {award} from '/@/views/award/AwardManagement.api.ts'; |
|
||||||
import {useListPage} from '/@/hooks/system/useListPage'; |
|
||||||
import {columns} from './AnnualCompPoint.data'; |
|
||||||
import { |
|
||||||
list, |
|
||||||
deleteOne, |
|
||||||
batchDelete, |
|
||||||
getExportUrl, |
|
||||||
getExportUrlMb, |
|
||||||
updateApply, |
|
||||||
collectScore, |
|
||||||
pj, |
|
||||||
cjhz, |
|
||||||
tongfenfuping, |
|
||||||
} from './AnnualCompPoint.api'; |
|
||||||
import {downloadFile} from '/@/utils/common/renderUtils'; |
|
||||||
import AnnualCompPointModal from './components/AnnualCompPointModal.vue'; |
|
||||||
import AnnualCompPointModalscgl from './components/AnnualCompPointModalscgl.vue'; |
import AnnualCompPointModalscgl from './components/AnnualCompPointModalscgl.vue'; |
||||||
import JSwitch from '/@/components/Form/src/jeecg/components/JSwitch.vue'; |
|
||||||
import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue'; |
|
||||||
import JPopup from '/@/components/Form/src/jeecg/components/JPopup.vue'; |
|
||||||
import {router} from "/@/router"; |
|
||||||
import {useRouter} from "vue-router"; |
|
||||||
import {personalAbilityEvaluation} from "/@/views/awardpersion/AwardPersion.api"; |
|
||||||
import {useMessage} from "../../../hooks/web/useMessage"; |
|
||||||
import {useMethods} from "../../../hooks/system/useMethods"; |
|
||||||
const { handleImportXls } = useMethods(); |
|
||||||
const formRef = ref(); |
|
||||||
const queryParam = reactive<any>({}); |
|
||||||
const toggleSearchStatus = ref<boolean>(false); |
|
||||||
const registerModal = ref(); |
|
||||||
const registerModalscgl = ref(); |
|
||||||
const annualCompAwardModal = ref(); |
|
||||||
const { createMessage } = useMessage(); |
|
||||||
//注册table数据 |
|
||||||
const {prefixCls, tableContext, onExportXls,onExportXlsMb} = useListPage({ |
|
||||||
tableProps: { |
|
||||||
title: '年度比赛项目管理', |
|
||||||
api: list, |
|
||||||
columns, |
|
||||||
canResize: false, |
|
||||||
useSearchForm: false, |
|
||||||
actionColumn: { |
|
||||||
width: 220, |
|
||||||
fixed: 'right', |
|
||||||
}, |
|
||||||
beforeFetch: (params) => { |
|
||||||
return Object.assign(params, queryParam); |
|
||||||
}, |
|
||||||
}, |
|
||||||
exportConfig: { |
|
||||||
name: "年度比赛项目(赛道)管理", |
|
||||||
url: getExportUrl, |
|
||||||
params: queryParam, |
|
||||||
}, |
|
||||||
exportConfigMb: { |
|
||||||
name: "报名模板", |
|
||||||
url: getExportUrlMb, |
|
||||||
params: null, |
|
||||||
}, |
|
||||||
}); |
|
||||||
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}, |
|
||||||
}); |
|
||||||
|
|
||||||
/** |
import { PlusOutlined } from '@ant-design/icons-vue'; |
||||||
* 新增事件 |
import { Pagination } from 'ant-design-vue'; |
||||||
*/ |
import { ref } from 'vue'; |
||||||
function handleAdd() { |
import cardItem from './components/cardItem.vue'; |
||||||
registerModal.value.disableSubmit = false; |
// import { useModal } from '/@/components/Modal'; |
||||||
registerModal.value.add(); |
// import { useMessage } from '/@/hooks/web/useMessage'; |
||||||
} |
import AnnualCompPointModal from './components/AnnualCompPointModal.vue'; |
||||||
|
|
||||||
/** |
|
||||||
* 编辑事件 |
|
||||||
*/ |
|
||||||
function handleEdit(record: Recordable) { |
|
||||||
registerModal.value.disableSubmit = false; |
|
||||||
registerModal.value.edit({...record,teamSeqFirst:1,teamSeqSecond: 2, teamSeqThird: 3, |
|
||||||
teamSeqFourth: 4, |
|
||||||
teamSeqFifth: 5,}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 项目赛程管理事件 |
|
||||||
*/ |
|
||||||
function handleEditscgl(record: Recordable) { |
|
||||||
registerModalscgl.value.disableSubmit = false; |
|
||||||
registerModalscgl.value.edit(record); |
|
||||||
} |
|
||||||
|
|
||||||
/* /!** |
import { getDictItems } from '/@/api/common/api'; |
||||||
* 比赛奖项管理事件 |
import { list, deleteOne, updateApply, collectScore } from './AnnualCompPoint.api'; |
||||||
*!/ |
import {personalAbilityEvaluation} from "/@/views/awardpersion/AwardPersion.api"; |
||||||
function handleEditbsjx(record: Recordable) { |
|
||||||
console.log(annualCompAwardModal.value) |
|
||||||
annualCompAwardModal.value.disableSubmit = false; |
|
||||||
annualCompAwardModal.value.edit(record); |
|
||||||
}*/ |
|
||||||
|
|
||||||
|
// const [registerModal, { openModal }] = useModal(); |
||||||
|
// const { createMessage } = useMessage(); |
||||||
|
|
||||||
|
const activeIndex = ref(0); |
||||||
|
const current = ref(1); |
||||||
|
// 搜索 |
||||||
|
const searchValue = ref(''); |
||||||
|
const onSearch = () => { |
||||||
|
console.log(searchValue.value); |
||||||
|
}; |
||||||
|
|
||||||
|
// 获取比赛列表 |
||||||
|
const raceList = ref<any>([]); |
||||||
|
const total = ref(0); |
||||||
|
const page = { |
||||||
|
pageSize: 7, |
||||||
|
pageNo: 1, |
||||||
|
annualid: '', |
||||||
|
}; |
||||||
|
const getList = async () => { |
||||||
|
for (const key in page) { |
||||||
|
if (!page[key]) { |
||||||
|
delete page[key]; |
||||||
|
} |
||||||
|
} |
||||||
|
const res = await list(page); |
||||||
|
console.log(res); |
||||||
|
raceList.value = res.records || []; |
||||||
|
total.value = res.total; |
||||||
|
}; |
||||||
|
getList(); |
||||||
|
|
||||||
|
// 成功回调 |
||||||
|
const handleSuccess = () => { |
||||||
|
console.log('操作成功'); |
||||||
|
getList(); |
||||||
|
}; |
||||||
/** |
/** |
||||||
* 项目能力管理事件 |
* 删除事件 |
||||||
*/ |
*/ |
||||||
function handleEditxmnl(record: Recordable) { |
|
||||||
router.push({ |
|
||||||
path: '/compp/compskill', |
|
||||||
query: {id: record.id} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
// 分页 |
||||||
|
const pageChange = (pageNo) => { |
||||||
|
console.log(pageNo); |
||||||
|
page.pageNo = pageNo; |
||||||
|
getList(); |
||||||
|
}; |
||||||
|
|
||||||
|
// 获取年度 |
||||||
|
const yearList = ref<any>([{ title: '全部比赛', value: '' }]); |
||||||
|
const getDictItemsEvent = async () => { |
||||||
|
const date = new Date().getTime(); |
||||||
|
const res = await getDictItems('annual,annual_name,id?_t=' + date); |
||||||
|
yearList.value = res.reverse(); |
||||||
|
yearList.value.unshift({ title: '全部比赛', value: '' }); |
||||||
|
}; |
||||||
|
getDictItemsEvent(); |
||||||
|
|
||||||
|
// 年度筛选事件 |
||||||
|
const filteryear = (id: any, index: number) => { |
||||||
|
activeIndex.value = index; |
||||||
|
page.annualid = id; |
||||||
|
getList(); |
||||||
|
}; |
||||||
/** |
/** |
||||||
* 项目题目管理事件 |
* 新增事件 |
||||||
*/ |
*/ |
||||||
function handleEdittopic(record: Recordable) { |
const registerModal = ref(); |
||||||
router.push({ |
const handleAdd = () => { |
||||||
path: '/compp/topic', |
registerModal.value.disableSubmit = false; |
||||||
query: {annualCompid: record.id} |
registerModal.value.add(); |
||||||
}); |
}; |
||||||
} |
|
||||||
|
|
||||||
function onImportXls(d) { |
|
||||||
if(selectedRowKeys.value.length===1){ |
|
||||||
handleImportXls(d, '/AnnualCompPoint/annualCompPoint/importExcel?ndbsxmid='+selectedRowKeys.value[0],() => { |
|
||||||
handleSuccess; |
|
||||||
}); |
|
||||||
}else { |
|
||||||
createMessage.warning("请选择一条数据进行导入报名"); |
|
||||||
} |
|
||||||
} |
|
||||||
/** |
/** |
||||||
* 详情 |
* 详情 |
||||||
*/ |
*/ |
||||||
function handleDetail(record: Recordable) { |
const handleDetail = (record) => { |
||||||
registerModal.value.disableSubmit = true; |
registerModal.value.disableSubmit = true; |
||||||
registerModal.value.edit(record); |
registerModal.value.edit(record.value); |
||||||
} |
}; |
||||||
|
|
||||||
/** |
|
||||||
* 年度项目管理 评奖 |
|
||||||
*/ |
|
||||||
const router = useRouter() |
|
||||||
function pingjiang(record: Recordable) { |
|
||||||
router.push({ |
|
||||||
path: '/compp/annualcompaward', |
|
||||||
query: {id: record.id} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
/** |
||||||
* 年度项目管理 作品管理 |
* 项目赛程管理事件 |
||||||
*/ |
|
||||||
function workManage(record: Recordable) { |
|
||||||
router.push({ |
|
||||||
path: '/workManage/works', |
|
||||||
query: {annualCompPointId: record.id} |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 评分标准 |
|
||||||
*/ |
|
||||||
function pfbz(record: Recordable) { |
|
||||||
router.push({ |
|
||||||
path: '/topic/topic/list5', |
|
||||||
query: {acpid: record.id} |
|
||||||
}); |
|
||||||
} |
|
||||||
/** |
|
||||||
* 比赛奖项管理 |
|
||||||
*/ |
|
||||||
function bsjxgl(record: Recordable) { |
|
||||||
router.push({ |
|
||||||
path: '/compp/annualcompaward', |
|
||||||
query: {acpid: record.id} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* 个人积分汇总 |
|
||||||
*/ |
*/ |
||||||
function handleCollectScoreApply(record: Recordable) { |
const registerModalscgl = ref(); |
||||||
collectScore({id: record.id, annualCompId: record.annualCompId, annualCompP: record.id}, handleSuccess); |
const handleEditscgl = (record) => { |
||||||
} |
registerModalscgl.value.disableSubmit = false; |
||||||
|
registerModalscgl.value.edit(record.value); |
||||||
|
}; |
||||||
/** |
/** |
||||||
* 个人能力量化 |
* 编辑事件 |
||||||
*/ |
*/ |
||||||
function handlePersonalAbilityEvaluation(record: Recordable) { |
const handleEdit = (record) => { |
||||||
personalAbilityEvaluation({id: record.id, annualCompId: record.annualCompId}, handleSuccess); |
registerModal.value.disableSubmit = false; |
||||||
} |
registerModal.value.edit({ ...record.value, teamSeqFirst: 1, teamSeqSecond: 2, teamSeqThird: 3, teamSeqFourth: 4, teamSeqFifth: 5 }); |
||||||
|
}; |
||||||
/** |
/** |
||||||
* 同分复评 |
* 删除事件 |
||||||
*/ |
*/ |
||||||
async function cltongfenfuping(record: Recordable) { |
const handleDelete = async (record) => { |
||||||
await tongfenfuping({id: record.id}, handleSuccess); |
await deleteOne({ id: record.value.id }, handleSuccess); |
||||||
} |
}; |
||||||
|
|
||||||
/** |
/** |
||||||
* 年度项目管理 提交审核按钮 |
* 年度项目管理 提交审核按钮 |
||||||
*/ |
*/ |
||||||
function handleSubmitandApply(record: Recordable) { |
const handleSubmitandApply = async (record) => { |
||||||
updateApply({id: record.id, annualCompState: record.annualCompState}, handleSuccess); |
updateApply({ id: record.value.id, annualCompState: record.value.annualCompState }, handleSuccess); |
||||||
} |
}; |
||||||
|
|
||||||
/** |
/** |
||||||
* 删除事件 |
* 个人积分汇总 |
||||||
*/ |
*/ |
||||||
async function handleDelete(record) { |
const handleCollectScoreApply = (record: Recordable) => { |
||||||
await deleteOne({id: record.id}, handleSuccess); |
collectScore({ id: record.value.id, annualCompId: record.value.annualCompId, annualCompP: record.value.id }, handleSuccess); |
||||||
} |
}; |
||||||
/** |
/** |
||||||
* 评奖事件 |
* 个人能力量化 |
||||||
*/ |
*/ |
||||||
async function pjgl(record) { |
const handlePersonalAbilityEvaluation = (record) => { |
||||||
await pj({id: record.id}, handleSuccess); |
personalAbilityEvaluation({ id: record.id, annualCompId: record.annualCompId }, handleSuccess); |
||||||
} |
}; |
||||||
|
</script> |
||||||
|
|
||||||
/** |
<style lang="less" scoped> |
||||||
* 成绩汇总事件 |
:deep(.ant-popover-inner-content) { |
||||||
*/ |
padding: 0 !important; |
||||||
async function cjhzgl(record) { |
|
||||||
await cjhz({id: record.id}, handleSuccess); |
|
||||||
} |
} |
||||||
|
:deep(.ant-pagination) { |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
/** |
|
||||||
* 批量删除事件 |
|
||||||
*/ |
|
||||||
async function batchHandleDelete() { |
|
||||||
await batchDelete({ids: selectedRowKeys.value}, handleSuccess); |
|
||||||
} |
} |
||||||
|
.main-box { |
||||||
/** |
width: 100%; |
||||||
* 成功回调 |
// height: calc(100vh - 100px); |
||||||
*/ |
padding: 20px; |
||||||
function handleSuccess() { |
.filter-search { |
||||||
(selectedRowKeys.value = []) && reload(); |
height: 50px; |
||||||
} |
display: flex; |
||||||
|
align-items: center; |
||||||
/** |
justify-content: space-between; |
||||||
* 操作栏 |
.left { |
||||||
*/ |
ul { |
||||||
function getTableAction(record) { |
padding: 0; |
||||||
|
margin: 0; |
||||||
const actions = [ |
display: flex; |
||||||
{ |
align-items: center; |
||||||
label: '编辑', |
li { |
||||||
onClick: handleEdit.bind(null, record), |
width: 105px; |
||||||
}, |
height: 43px; |
||||||
{ |
line-height: 43px; |
||||||
label: '项目(赛道)赛程管理', |
text-align: center; |
||||||
onClick: handleEditscgl.bind(null, record), |
background-color: #fff; |
||||||
}, |
border-radius: 20px; |
||||||
|
color: #4e5969; |
||||||
/* { |
margin: 10px; |
||||||
label: '比赛奖项管理', |
font-weight: 600; |
||||||
onClick: handleEditbsjx.bind(null, record), |
cursor: pointer; |
||||||
},*/ |
} |
||||||
|
.active { |
||||||
|
background-color: #f2f3f5; |
||||||
{ |
color: #01dbaf; |
||||||
label: '项目(赛道)能力管理', |
} |
||||||
onClick: handleEditxmnl.bind(null, record), |
|
||||||
}, |
|
||||||
|
|
||||||
{ |
|
||||||
label: '题目管理', |
|
||||||
onClick: handleEdittopic.bind(null, record), |
|
||||||
}, |
|
||||||
|
|
||||||
{ |
|
||||||
label: '详情', |
|
||||||
onClick: handleDetail.bind(null, record), |
|
||||||
}, { |
|
||||||
label: '删除', |
|
||||||
popConfirm: { |
|
||||||
title: '是否确认删除', |
|
||||||
confirm: handleDelete.bind(null, record), |
|
||||||
} |
} |
||||||
}, |
} |
||||||
]; |
.right { |
||||||
if(Date.parse(new Date())>Date.parse(record.scoreEndTime)){ |
} |
||||||
actions.unshift({ |
|
||||||
label: '评奖', |
|
||||||
popConfirm: { |
|
||||||
title: '是否确认评奖', |
|
||||||
confirm: pjgl.bind(null, record), |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
} |
||||||
if(Date.parse(new Date())>Date.parse(record.scoreEndTime)){ |
.race-box { |
||||||
actions.unshift({ |
margin-top: 20px; |
||||||
label: '成绩汇总', |
display: grid; |
||||||
popConfirm: { |
grid-template-columns: repeat(4, 1fr); /* 创建四个等宽的列 */ |
||||||
title: '是否确认成绩汇总', |
grid-template-rows: repeat(2, 1fr); |
||||||
confirm: cjhzgl.bind(null, record), |
gap: 32px; /* 项目之间的间距 */ |
||||||
|
.add-race { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: center !important; |
||||||
|
cursor: pointer; |
||||||
|
div { |
||||||
|
margin-top: 20px; |
||||||
} |
} |
||||||
}); |
} |
||||||
} |
.item { |
||||||
if (record.annualCompState === "0") { // 年度比赛状态 0待提交、1已提交(待审核)、2已审核、3待驳回、4已驳回 |
width: 356px; |
||||||
actions.unshift({ |
height: 336px; |
||||||
label: '提交', |
border: 1px solid #e5e6eb; |
||||||
onClick: handleSubmitandApply.bind(null, record), |
padding: 20px; |
||||||
}); |
display: flex; |
||||||
} else if (record.annualCompState === "1") { |
flex-direction: column; |
||||||
actions.unshift({ |
justify-content: space-between; |
||||||
label: '申请修改', |
.title { |
||||||
onClick: handleSubmitandApply.bind(null, record), |
font-size: 22px; |
||||||
}); |
font-weight: 700; |
||||||
} else if (record.annualCompState === "2") { |
} |
||||||
actions.unshift({ |
.time { |
||||||
label: '申请修改', |
font-size: 16px; |
||||||
onClick: handleSubmitandApply.bind(null, record), |
color: #86909c; |
||||||
}); |
} |
||||||
} else if (record.annualCompState === "3") { |
.center { |
||||||
actions.unshift({ |
ul { |
||||||
label: '待驳回' |
display: flex; |
||||||
}); |
flex-wrap: wrap; |
||||||
} else if (record.annualCompState === "4") { |
|
||||||
actions.unshift({ |
li { |
||||||
label: '提交', |
display: flex; |
||||||
onClick: handleSubmitandApply.bind(null, record), |
width: 50%; |
||||||
}); |
.label { |
||||||
} |
color: #86909c; |
||||||
/** |
} |
||||||
* 个人积分汇总 |
} |
||||||
* 触发条件：评奖完成后操作，且更新项目状态为“积分已汇总”，并且不可再进行个人积分汇总 |
li:nth-child(3) { |
||||||
* |
width: 100%; |
||||||
是否已凭奖为1且未汇总过时，可以积分汇总操作 |
} |
||||||
* 状态：0待提交、1已提交(待审核)、2已审核(已通过)、3待驳回、4已驳回、5-已报名、6-已选题、7-已上传作品、8-已评分、9-已评奖,10-积分已汇总 |
} |
||||||
*/ |
} |
||||||
if (record.isPj == 1 /*&& record.annualCompState != "10"*/) { |
.footer { |
||||||
actions.unshift({ |
display: flex; |
||||||
label: '个人积分汇总', |
justify-content: space-between; |
||||||
onClick: handleCollectScoreApply.bind(null, record), |
.left { |
||||||
}); |
width: 90px; |
||||||
} |
height: 43px; |
||||||
|
background-color: #e8ffea; |
||||||
/** |
text-align: center; |
||||||
* 个人能力量化 |
line-height: 43px; |
||||||
* 触发条件：个人积分汇总完成后操作，可以重复进行个人能力量化操作 |
color: #00b42a; |
||||||
*/ |
display: flex; |
||||||
if (record.isPj == 1 && record.annualCompState == "10" ) { |
align-items: center; |
||||||
actions.unshift({ |
justify-content: center; |
||||||
label: '个人能力量化', |
div { |
||||||
onClick: handlePersonalAbilityEvaluation.bind(null, record), |
margin-left: 5px; |
||||||
}); |
} |
||||||
} |
} |
||||||
/* if (record.isCjhz == 1 && record.annualCompState != "9") { |
.right { |
||||||
actions.unshift({ |
display: flex; |
||||||
label: '同分复评', |
div { |
||||||
onClick: cltongfenfuping.bind(null, record), |
width: 80px; |
||||||
}); |
height: 43px; |
||||||
}*/ |
text-align: center; |
||||||
/* if (record.annualCompState === "8") { |
line-height: 43px; |
||||||
actions.unshift({ |
font-size: 16px; |
||||||
label: '评奖', |
} |
||||||
onClick: pingjiang.bind(null, record), |
.del { |
||||||
}); |
background-color: #f2f3f5; |
||||||
}*/ |
color: #4e5969; |
||||||
actions.unshift({ |
} |
||||||
label: '作品管理', |
.edit { |
||||||
onClick: workManage.bind(null, record), |
background-color: #00c7be; |
||||||
}); |
color: #fff; |
||||||
actions.unshift({ |
margin-left: 10px; |
||||||
label: '评分标准', |
} |
||||||
onClick: pfbz.bind(null, record), |
} |
||||||
}); |
} |
||||||
|
} |
||||||
|
|
||||||
actions.unshift({ |
|
||||||
label: '比赛奖项管理', |
|
||||||
onClick: bsjxgl.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 searchReset() { |
|
||||||
formRef.value.resetFields(); |
|
||||||
selectedRowKeys.value = []; |
|
||||||
//刷新数据 |
|
||||||
reload(); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* popup组件值改变事件 |
|
||||||
*/ |
|
||||||
function setFieldsValue(map) { |
|
||||||
Object.keys(map).map((key) => { |
|
||||||
queryParam[key] = map[key]; |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="less" scoped> |
|
||||||
.jeecg-basic-table-form-container { |
|
||||||
.table-page-search-submitButtons { |
|
||||||
display: block; |
|
||||||
margin-bottom: 24px; |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
|
|
||||||
.query-group-cust { |
|
||||||
width: calc(50% - 15px); |
|
||||||
min-width: 100px !important; |
|
||||||
} |
} |
||||||
|
.pagination { |
||||||
.query-group-split-cust { |
display: flex; |
||||||
width: 30px; |
align-items: center; |
||||||
display: inline-block; |
justify-content: center; |
||||||
text-align: center |
margin-top: 30px; |
||||||
} |
} |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
|
|||||||
@ -0,0 +1,528 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<!--查询区域--> |
||||||
|
<div class="jeecg-basic-table-form-container"> |
||||||
|
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" |
||||||
|
:label-col="labelCol" :wrapper-col="wrapperCol"> |
||||||
|
<a-row :gutter="24"> |
||||||
|
</a-row> |
||||||
|
</a-form> |
||||||
|
</div> |
||||||
|
<!--引用表格--> |
||||||
|
<BasicTable @register="registerTable" :rowSelection="rowSelection"> |
||||||
|
<!--插槽:table标题--> |
||||||
|
<template #tableTitle> |
||||||
|
<a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增 |
||||||
|
</a-button> |
||||||
|
<a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出 |
||||||
|
</a-button> |
||||||
|
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls"> |
||||||
|
导入报名 |
||||||
|
</j-upload-button> |
||||||
|
<a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXlsMb"> 导入报名的模版 |
||||||
|
</a-button> |
||||||
|
<a-dropdown v-if="selectedRowKeys.length > 0"> |
||||||
|
<template #overlay> |
||||||
|
<a-menu> |
||||||
|
<a-menu-item key="1" @click="batchHandleDelete"> |
||||||
|
<Icon icon="ant-design:delete-outlined"></Icon> |
||||||
|
删除 |
||||||
|
</a-menu-item> |
||||||
|
</a-menu> |
||||||
|
</template> |
||||||
|
<a-button>批量操作 |
||||||
|
<Icon icon="mdi:chevron-down"></Icon> |
||||||
|
</a-button> |
||||||
|
</a-dropdown> |
||||||
|
</template> |
||||||
|
<!--操作栏--> |
||||||
|
<template #action="{ record }"> |
||||||
|
<TableAction :actions="getTableAction(record)"/> |
||||||
|
</template> |
||||||
|
<!--字段回显插槽--> |
||||||
|
<template #htmlSlot="{text}"> |
||||||
|
<div v-html="text"></div> |
||||||
|
</template> |
||||||
|
<!--省市区字段回显插槽--> |
||||||
|
<template #pcaSlot="{text}"> |
||||||
|
{{ getAreaTextByCode(text) }} |
||||||
|
</template> |
||||||
|
<template #fileSlot="{text}"> |
||||||
|
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span> |
||||||
|
<a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" |
||||||
|
size="small" @click="downloadFile(text)">下载 |
||||||
|
</a-button> |
||||||
|
</template> |
||||||
|
</BasicTable> |
||||||
|
<!-- 表单区域 --> |
||||||
|
<AnnualCompPointModal ref="registerModal" @success="handleSuccess"></AnnualCompPointModal> |
||||||
|
<AnnualCompPointModalscgl ref="registerModalscgl" @success="handleSuccess"></AnnualCompPointModalscgl> |
||||||
|
<!-- 项目题目--> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts" name="AnnualCompPoint-annualCompPoint" setup> |
||||||
|
import {ref, reactive} from 'vue'; |
||||||
|
import {BasicTable, useTable, TableAction} from '/@/components/Table'; |
||||||
|
import {award} from '/@/views/award/AwardManagement.api.ts'; |
||||||
|
import {useListPage} from '/@/hooks/system/useListPage'; |
||||||
|
import {columns} from './AnnualCompPoint.data'; |
||||||
|
import { |
||||||
|
list, |
||||||
|
deleteOne, |
||||||
|
batchDelete, |
||||||
|
getExportUrl, |
||||||
|
getExportUrlMb, |
||||||
|
updateApply, |
||||||
|
collectScore, |
||||||
|
pj, |
||||||
|
cjhz, |
||||||
|
tongfenfuping, |
||||||
|
} from './AnnualCompPoint.api'; |
||||||
|
import {downloadFile} from '/@/utils/common/renderUtils'; |
||||||
|
import AnnualCompPointModal from './components/AnnualCompPointModal.vue'; |
||||||
|
import AnnualCompPointModalscgl from './components/AnnualCompPointModalscgl.vue'; |
||||||
|
import JSwitch from '/@/components/Form/src/jeecg/components/JSwitch.vue'; |
||||||
|
import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue'; |
||||||
|
import JPopup from '/@/components/Form/src/jeecg/components/JPopup.vue'; |
||||||
|
import {router} from "/@/router"; |
||||||
|
import {useRouter} from "vue-router"; |
||||||
|
import {personalAbilityEvaluation} from "/@/views/awardpersion/AwardPersion.api"; |
||||||
|
import {useMessage} from "../../../hooks/web/useMessage"; |
||||||
|
import {useMethods} from "../../../hooks/system/useMethods"; |
||||||
|
const { handleImportXls } = useMethods(); |
||||||
|
const formRef = ref(); |
||||||
|
const queryParam = reactive<any>({}); |
||||||
|
const toggleSearchStatus = ref<boolean>(false); |
||||||
|
const registerModal = ref(); |
||||||
|
const registerModalscgl = ref(); |
||||||
|
const annualCompAwardModal = ref(); |
||||||
|
const { createMessage } = useMessage(); |
||||||
|
//注册table数据 |
||||||
|
const {prefixCls, tableContext, onExportXls,onExportXlsMb} = useListPage({ |
||||||
|
tableProps: { |
||||||
|
title: '年度比赛项目管理', |
||||||
|
api: list, |
||||||
|
columns, |
||||||
|
canResize: false, |
||||||
|
useSearchForm: false, |
||||||
|
actionColumn: { |
||||||
|
width: 220, |
||||||
|
fixed: 'right', |
||||||
|
}, |
||||||
|
beforeFetch: (params) => { |
||||||
|
return Object.assign(params, queryParam); |
||||||
|
}, |
||||||
|
}, |
||||||
|
exportConfig: { |
||||||
|
name: "年度比赛项目(赛道)管理", |
||||||
|
url: getExportUrl, |
||||||
|
params: queryParam, |
||||||
|
}, |
||||||
|
exportConfigMb: { |
||||||
|
name: "报名模板", |
||||||
|
url: getExportUrlMb, |
||||||
|
params: null, |
||||||
|
}, |
||||||
|
}); |
||||||
|
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,teamSeqFirst:1,teamSeqSecond: 2, teamSeqThird: 3, |
||||||
|
teamSeqFourth: 4, |
||||||
|
teamSeqFifth: 5,}); |
||||||
|
} |
||||||
|
/** |
||||||
|
* 项目赛程管理事件 |
||||||
|
*/ |
||||||
|
function handleEditscgl(record: Recordable) { |
||||||
|
registerModalscgl.value.disableSubmit = false; |
||||||
|
registerModalscgl.value.edit(record); |
||||||
|
} |
||||||
|
|
||||||
|
/* /!** |
||||||
|
* 比赛奖项管理事件 |
||||||
|
*!/ |
||||||
|
function handleEditbsjx(record: Recordable) { |
||||||
|
console.log(annualCompAwardModal.value) |
||||||
|
annualCompAwardModal.value.disableSubmit = false; |
||||||
|
annualCompAwardModal.value.edit(record); |
||||||
|
}*/ |
||||||
|
|
||||||
|
/** |
||||||
|
* 项目能力管理事件 |
||||||
|
*/ |
||||||
|
function handleEditxmnl(record: Recordable) { |
||||||
|
router.push({ |
||||||
|
path: '/compp/compskill', |
||||||
|
query: {id: record.id} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 项目题目管理事件 |
||||||
|
*/ |
||||||
|
function handleEdittopic(record: Recordable) { |
||||||
|
router.push({ |
||||||
|
path: '/compp/topic', |
||||||
|
query: {annualCompid: record.id} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function onImportXls(d) { |
||||||
|
if(selectedRowKeys.value.length===1){ |
||||||
|
handleImportXls(d, '/AnnualCompPoint/annualCompPoint/importExcel?ndbsxmid='+selectedRowKeys.value[0],() => { |
||||||
|
handleSuccess; |
||||||
|
}); |
||||||
|
}else { |
||||||
|
createMessage.warning("请选择一条数据进行导入报名"); |
||||||
|
} |
||||||
|
} |
||||||
|
/** |
||||||
|
* 详情 |
||||||
|
*/ |
||||||
|
function handleDetail(record: Recordable) { |
||||||
|
registerModal.value.disableSubmit = true; |
||||||
|
registerModal.value.edit(record); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 年度项目管理 评奖 |
||||||
|
*/ |
||||||
|
const router = useRouter() |
||||||
|
function pingjiang(record: Recordable) { |
||||||
|
router.push({ |
||||||
|
path: '/compp/annualcompaward', |
||||||
|
query: {id: record.id} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 年度项目管理 作品管理 |
||||||
|
*/ |
||||||
|
function workManage(record: Recordable) { |
||||||
|
router.push({ |
||||||
|
path: '/workManage/works', |
||||||
|
query: {annualCompPointId: record.id} |
||||||
|
}); |
||||||
|
} |
||||||
|
/** |
||||||
|
* 评分标准 |
||||||
|
*/ |
||||||
|
function pfbz(record: Recordable) { |
||||||
|
router.push({ |
||||||
|
path: '/topic/topic/list5', |
||||||
|
query: {acpid: record.id} |
||||||
|
}); |
||||||
|
} |
||||||
|
/** |
||||||
|
* 比赛奖项管理 |
||||||
|
*/ |
||||||
|
function bsjxgl(record: Recordable) { |
||||||
|
router.push({ |
||||||
|
path: '/compp/annualcompaward', |
||||||
|
query: {acpid: record.id} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 个人积分汇总 |
||||||
|
*/ |
||||||
|
function handleCollectScoreApply(record: Recordable) { |
||||||
|
collectScore({id: record.id, annualCompId: record.annualCompId, annualCompP: record.id}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 个人能力量化 |
||||||
|
*/ |
||||||
|
function handlePersonalAbilityEvaluation(record: Recordable) { |
||||||
|
personalAbilityEvaluation({id: record.id, annualCompId: record.annualCompId}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 同分复评 |
||||||
|
*/ |
||||||
|
async function cltongfenfuping(record: Recordable) { |
||||||
|
await tongfenfuping({id: record.id}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 年度项目管理 提交审核按钮 |
||||||
|
*/ |
||||||
|
function handleSubmitandApply(record: Recordable) { |
||||||
|
updateApply({id: record.id, annualCompState: record.annualCompState}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除事件 |
||||||
|
*/ |
||||||
|
async function handleDelete(record) { |
||||||
|
await deleteOne({id: record.id}, handleSuccess); |
||||||
|
} |
||||||
|
/** |
||||||
|
* 评奖事件 |
||||||
|
*/ |
||||||
|
async function pjgl(record) { |
||||||
|
await pj({id: record.id}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 成绩汇总事件 |
||||||
|
*/ |
||||||
|
async function cjhzgl(record) { |
||||||
|
await cjhz({id: record.id}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 批量删除事件 |
||||||
|
*/ |
||||||
|
async function batchHandleDelete() { |
||||||
|
await batchDelete({ids: selectedRowKeys.value}, handleSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 成功回调 |
||||||
|
*/ |
||||||
|
function handleSuccess() { |
||||||
|
(selectedRowKeys.value = []) && reload(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 操作栏 |
||||||
|
*/ |
||||||
|
function getTableAction(record) { |
||||||
|
|
||||||
|
const actions = [ |
||||||
|
{ |
||||||
|
label: '编辑', |
||||||
|
onClick: handleEdit.bind(null, record), |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '项目(赛道)赛程管理', |
||||||
|
onClick: handleEditscgl.bind(null, record), |
||||||
|
}, |
||||||
|
|
||||||
|
/* { |
||||||
|
label: '比赛奖项管理', |
||||||
|
onClick: handleEditbsjx.bind(null, record), |
||||||
|
},*/ |
||||||
|
|
||||||
|
|
||||||
|
{ |
||||||
|
label: '项目(赛道)能力管理', |
||||||
|
onClick: handleEditxmnl.bind(null, record), |
||||||
|
}, |
||||||
|
|
||||||
|
{ |
||||||
|
label: '题目管理', |
||||||
|
onClick: handleEdittopic.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(Date.parse(new Date())>Date.parse(record.scoreEndTime)){ |
||||||
|
actions.unshift({ |
||||||
|
label: '成绩汇总', |
||||||
|
popConfirm: { |
||||||
|
title: '是否确认成绩汇总', |
||||||
|
confirm: cjhzgl.bind(null, record), |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
if (record.annualCompState === "0") { // 年度比赛状态 0待提交、1已提交(待审核)、2已审核、3待驳回、4已驳回 |
||||||
|
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.isPj == 1 && record.annualCompState == "10" ) { |
||||||
|
actions.unshift({ |
||||||
|
label: '个人能力量化', |
||||||
|
onClick: handlePersonalAbilityEvaluation.bind(null, record), |
||||||
|
}); |
||||||
|
} |
||||||
|
/* if (record.isCjhz == 1 && record.annualCompState != "9") { |
||||||
|
actions.unshift({ |
||||||
|
label: '同分复评', |
||||||
|
onClick: cltongfenfuping.bind(null, record), |
||||||
|
}); |
||||||
|
}*/ |
||||||
|
/* if (record.annualCompState === "8") { |
||||||
|
actions.unshift({ |
||||||
|
label: '评奖', |
||||||
|
onClick: pingjiang.bind(null, record), |
||||||
|
}); |
||||||
|
}*/ |
||||||
|
actions.unshift({ |
||||||
|
label: '作品管理', |
||||||
|
onClick: workManage.bind(null, record), |
||||||
|
}); |
||||||
|
actions.unshift({ |
||||||
|
label: '评分标准', |
||||||
|
onClick: pfbz.bind(null, record), |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
actions.unshift({ |
||||||
|
label: '比赛奖项管理', |
||||||
|
onClick: bsjxgl.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 searchReset() { |
||||||
|
formRef.value.resetFields(); |
||||||
|
selectedRowKeys.value = []; |
||||||
|
//刷新数据 |
||||||
|
reload(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* popup组件值改变事件 |
||||||
|
*/ |
||||||
|
function setFieldsValue(map) { |
||||||
|
Object.keys(map).map((key) => { |
||||||
|
queryParam[key] = map[key]; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="less" scoped> |
||||||
|
.jeecg-basic-table-form-container { |
||||||
|
.table-page-search-submitButtons { |
||||||
|
display: block; |
||||||
|
margin-bottom: 24px; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
|
||||||
|
.query-group-cust { |
||||||
|
width: calc(50% - 15px); |
||||||
|
min-width: 100px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.query-group-split-cust { |
||||||
|
width: 30px; |
||||||
|
display: inline-block; |
||||||
|
text-align: center |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,250 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<div class="item"> |
||||||
|
<div class="title"> |
||||||
|
<a-popover placement="top"> |
||||||
|
<template #content> |
||||||
|
<p>{{ data.annualCompId_dictText }}</p> |
||||||
|
</template> |
||||||
|
<div class="label">{{ splitTile(data.annualCompId_dictText) }}</div> |
||||||
|
</a-popover> |
||||||
|
|
||||||
|
<div class="info-btn" @click="info">查看详情</div> |
||||||
|
</div> |
||||||
|
<div class="description"> |
||||||
|
<div>项目层次：{{ data.objLevel_dictText }}</div> |
||||||
|
<div>参与形式：个人赛</div> |
||||||
|
</div> |
||||||
|
<div class="center-setting"> |
||||||
|
<ul> |
||||||
|
<li @click="editscgl">项目(赛道)赛程管理</li> |
||||||
|
<li @click="handleEditxmnl" style="margin-right: 0">项目(赛道)能力管理</li> |
||||||
|
<li @click="updateApply">{{ statusText(data.annualCompState) }}</li> |
||||||
|
|
||||||
|
<li @click="edit">编辑</li> |
||||||
|
<li @click="del">删除</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div class="footer-setting"> |
||||||
|
<ul> |
||||||
|
<li @click="handleEdittopic">题目管理</li> |
||||||
|
<li @click="pfbz">评分管理</li> |
||||||
|
<li @click="workManage">作品管理</li> |
||||||
|
<li v-if="data.isPj == 1" @click="scoreApply">个人积分汇总</li> |
||||||
|
<li v-if="data.isPj == 1 && data.annualCompState == '10'" @click="evaluation">个人能力量化</li> |
||||||
|
<li @click="bsjxgl">比赛奖项管理</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts" setup> |
||||||
|
import { watch, ref } from 'vue'; |
||||||
|
// import SvgIcon from '/@/components/Icon/src/SvgIcon.vue'; |
||||||
|
import { useRouter } from 'vue-router'; |
||||||
|
const router = useRouter(); |
||||||
|
|
||||||
|
const props = defineProps({ |
||||||
|
data: { |
||||||
|
type: Object, |
||||||
|
required: true, |
||||||
|
}, |
||||||
|
}); |
||||||
|
const emits = defineEmits(['editChange', 'delChange', 'infoChange', 'editscglChange', 'updateApplyChange', 'scoreApplyChange', 'evaluationChange']); |
||||||
|
const data = ref(props.data); |
||||||
|
console.log(props, 'props'); |
||||||
|
|
||||||
|
// 修改 |
||||||
|
const edit = () => { |
||||||
|
emits('editChange', data); |
||||||
|
}; |
||||||
|
const del = () => { |
||||||
|
emits('delChange', data); |
||||||
|
}; |
||||||
|
const info = () => { |
||||||
|
emits('infoChange', data); |
||||||
|
}; |
||||||
|
const editscgl = () => { |
||||||
|
emits('editscglChange', data); |
||||||
|
}; |
||||||
|
const updateApply = () => { |
||||||
|
if (data.value.annualCompState === '3') return; |
||||||
|
emits('updateApplyChange', data); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* 项目能力管理事件 |
||||||
|
*/ |
||||||
|
const handleEditxmnl = () => { |
||||||
|
router.push({ |
||||||
|
path: '/compp/compskill', |
||||||
|
query: { id: data.value.id }, |
||||||
|
}); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* 项目题目管理事件 |
||||||
|
*/ |
||||||
|
const handleEdittopic = () => { |
||||||
|
router.push({ |
||||||
|
path: '/compp/topic', |
||||||
|
query: { annualCompid: data.value.id }, |
||||||
|
}); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* 评分标准 |
||||||
|
*/ |
||||||
|
const pfbz = () => { |
||||||
|
router.push({ |
||||||
|
path: '/topic/topic/list5', |
||||||
|
query: { acpid: data.value.id }, |
||||||
|
}); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* 年度项目管理 作品管理 |
||||||
|
*/ |
||||||
|
const workManage = () => { |
||||||
|
router.push({ |
||||||
|
path: '/workManage/works', |
||||||
|
query: { annualCompPointId: data.value.id }, |
||||||
|
}); |
||||||
|
}; |
||||||
|
const scoreApply = () => { |
||||||
|
emits('scoreApplyChange', data); |
||||||
|
}; |
||||||
|
const evaluation = () => { |
||||||
|
emits('evaluationChange', data); |
||||||
|
}; |
||||||
|
/** |
||||||
|
* 比赛奖项管理 |
||||||
|
*/ |
||||||
|
const bsjxgl = () => { |
||||||
|
router.push({ |
||||||
|
path: '/compp/annualcompaward', |
||||||
|
query: {acpid: data.value.id} |
||||||
|
}); |
||||||
|
} |
||||||
|
watch( |
||||||
|
() => props.data, |
||||||
|
(newVal) => { |
||||||
|
data.value = newVal; |
||||||
|
} |
||||||
|
); |
||||||
|
|
||||||
|
const splitTile = (str: string) => { |
||||||
|
if (str.length > 9) { |
||||||
|
const newStr = str.slice(0, 8); |
||||||
|
return newStr + '...'; |
||||||
|
} else { |
||||||
|
return str; |
||||||
|
} |
||||||
|
}; |
||||||
|
const statusText = (state: any) => { |
||||||
|
switch (state) { |
||||||
|
case '0': |
||||||
|
return '提交'; |
||||||
|
case '1': |
||||||
|
return '申请修改'; |
||||||
|
case '2': |
||||||
|
return '申请修改'; |
||||||
|
case '3': |
||||||
|
return '待驳回'; |
||||||
|
case '4': |
||||||
|
return '提交'; |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="less" scoped> |
||||||
|
:deep(.ant-popover-inner-content) { |
||||||
|
padding: 0 !important; |
||||||
|
} |
||||||
|
|
||||||
|
.item { |
||||||
|
width: 356px; |
||||||
|
height: 336px; |
||||||
|
border: 1px solid #e5e6eb; |
||||||
|
padding: 20px; |
||||||
|
transition: all 0.3s; |
||||||
|
.title { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.label { |
||||||
|
font-size: 19px; |
||||||
|
color: #000000; |
||||||
|
} |
||||||
|
.info-btn { |
||||||
|
width: 96px; |
||||||
|
height: 32px; |
||||||
|
font-size: 16px; |
||||||
|
text-align: center; |
||||||
|
line-height: 32px; |
||||||
|
border-radius: 2px; |
||||||
|
color: #4e5969; |
||||||
|
background-color: #f2f3f5; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.description { |
||||||
|
display: flex; |
||||||
|
margin-top: 10px; |
||||||
|
div { |
||||||
|
width: 50%; |
||||||
|
font-size: 16px; |
||||||
|
color: #86909c; |
||||||
|
} |
||||||
|
} |
||||||
|
.center-setting { |
||||||
|
margin-top: 15px; |
||||||
|
ul { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
margin: 0; |
||||||
|
|
||||||
|
li { |
||||||
|
text-align: center; |
||||||
|
line-height: 32px; |
||||||
|
padding: 0 15px; |
||||||
|
height: 32px; |
||||||
|
background-color: #f2f3f5; |
||||||
|
color: #165dff; |
||||||
|
margin-right: 13px; |
||||||
|
margin-top: 13px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
li:last-child { |
||||||
|
color: #f53f3f; |
||||||
|
background-color: #ffece8; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.footer-setting { |
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.2); |
||||||
|
margin-top: 20px; |
||||||
|
padding-top: 7px; |
||||||
|
ul { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
margin: 0; |
||||||
|
li { |
||||||
|
padding: 0 15px; |
||||||
|
height: 32px; |
||||||
|
text-align: center; |
||||||
|
line-height: 32px; |
||||||
|
margin-right: 13px; |
||||||
|
margin-top: 13px; |
||||||
|
color: rgba(0, 0, 0, 0.65); |
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2); |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.item:hover { |
||||||
|
transform: translateY(-5px); |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue