zhc077
/
hnjd_comp
forked from wangjiadong/comp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://182.92.169.222:3000/zhc077/hnjd_comp into main

Browse Source 
 Conflicts:
	jeecgboot-vue3-master/src/views/awardpersion/AwardPersionList1.vue
main
Gitea 4 months ago
parent 47ed74f8af de2a695edc
commit f7219871cc
1 changed files with 192 additions and 217 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 409
      jeecgboot-vue3-master/src/views/awardpersion/AwardPersionList1.vue

409
jeecgboot-vue3-master/src/views/awardpersion/AwardPersionList1.vue
Unescape View File

@ -2,13 +2,11 @@
<div> <div>
<!--查询区域--> <!--查询区域-->
<div class="jeecg-basic-table-form-container"> <div class="jeecg-basic-table-form-container">
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
:wrapper-col="wrapperCol">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :lg="8"> <a-col :lg="8">
<a-form-item label="年度" name="annualid"> <a-form-item label="年度" name="annualid">
<j-dict-select-tag placeholder="请选择年度" v-model:value="queryParam.annualid" <j-dict-select-tag placeholder="请选择年度" v-model:value="queryParam.annualid" dictCode="annual,annual_name,id"/>
dictCode="annual,annual_name,id" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="8"> <a-col :lg="8">
@ -20,8 +18,7 @@
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons"> <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="6"> <a-col :lg="6">
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button> <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
<a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" <a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
style="margin-left: 8px">重置</a-button>
<a @click="toggleSearchStatus = !toggleSearchStatus" style="margin-left: 8px"> <a @click="toggleSearchStatus = !toggleSearchStatus" style="margin-left: 8px">
{{ toggleSearchStatus ? '收起' : '展开' }} {{ toggleSearchStatus ? '收起' : '展开' }}
<Icon :icon="toggleSearchStatus ? 'ant-design:up-outlined' : 'ant-design:down-outlined'" /> <Icon :icon="toggleSearchStatus ? 'ant-design:up-outlined' : 'ant-design:down-outlined'" />
@ -52,35 +49,19 @@
</template> </template>
<!--操作栏--> <!--操作栏-->
<template #action="{ record }"> <template #action="{ record }">
<TableAction :actions="getTableAction(record)" /> <TableAction :actions="getTableAction(record)"/>
</template> </template>
<!--字段回显插槽--> <!--字段回显插槽-->
<template #htmlSlot="{ text }"> <template #htmlSlot="{text}">
<div v-html="text"></div> <div v-html="text"></div>
</template> </template>
<!--省市区字段回显插槽--> <!--省市区字段回显插槽-->
<template #pcaSlot="{ text }"> <template #pcaSlot="{text}">
{{ getAreaTextByCode(text) }} {{ getAreaTextByCode(text) }}
</template> </template>
<template #fileSlot="{ text }"> <template #fileSlot="{text}">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span> <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" <a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)">下载</a-button>
@click="downloadFile(text)">下载</a-button>
</template>
<!--图标查看---小->大-->
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'sczs'">
<Avatar :size="25" shape="square">
<template #icon>
<div style="width: 20px;height: 20px;position: relative;">
<Icon icon="mainHome-awPictureOutlined|svg" :size="25" v-if="!record.sczs"
style="position: absolute;inset: 0;z-index:8;" />
<ImagePreview :imageList="[{ src: record.sczs, width: 25 }]"
style="position: absolute;inset: 0px;z-index:9;" />
</div>
</template>
</Avatar>
</template>
</template> </template>
</BasicTable> </BasicTable>
<!-- 表单区域 --> <!-- 表单区域 -->
@ -91,196 +72,192 @@
</template> </template>
<script lang="ts" name="awardpersion-awardPersion" setup> <script lang="ts" name="awardpersion-awardPersion" setup>
// =========================================== import { ref, reactive } from 'vue';
import { Avatar } from 'ant-design-vue'; import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { ImagePreview } from '/@/components/Preview/index'; import { useListPage } from '/@/hooks/system/useListPage';
// ===========================================^ import { columns } from './AwardPersion.data';
import { ref, reactive } from 'vue'; import {
import { BasicTable, useTable, TableAction } from '/@/components/Table'; list,
import { useListPage } from '/@/hooks/system/useListPage'; deleteOne,
import { columns } from './AwardPersion.data'; batchDelete,
import { getImportUrl,
list, getExportUrl,
deleteOne, getExportUrlMb,
batchDelete, // personalAbilityEvaluation
getImportUrl, } from './AwardPersion.api';
getExportUrl, import { downloadFile } from '/@/utils/common/renderUtils';
getExportUrlMb, import AwardPersionModal from './components/AwardPersionModal.vue'
// personalAbilityEvaluation import AwardPersionModal1 from './components/AwardPersionModal1.vue'
} from './AwardPersion.api'; import AwardPersionModal2 from './components/AwardPersionModal2.vue'
import { downloadFile } from '/@/utils/common/renderUtils'; import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import AwardPersionModal from './components/AwardPersionModal.vue' import JSearchSelect from '/@/components/Form/src/jeecg/components/JSearchSelect.vue';
import AwardPersionModal1 from './components/AwardPersionModal1.vue' import {collectScore} from "/@/views/annualCompPoint/committee/AnnualCompPoint.api";
import AwardPersionModal2 from './components/AwardPersionModal2.vue'
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import JSearchSelect from '/@/components/Form/src/jeecg/components/JSearchSelect.vue';
import { collectScore } from "/@/views/annualCompPoint/committee/AnnualCompPoint.api";
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();
const registerModal1 = ref(); const registerModal1 = ref();
const registerModal2 = ref(); const registerModal2 = ref();
//注册table数据 //注册table数据
const { prefixCls, tableContext, onExportXls, onImportXls, onExportXlsMb } = useListPage({ const { prefixCls, tableContext, onExportXls, onImportXls,onExportXlsMb } = useListPage({
tableProps: { tableProps: {
title: '获奖管理', title: '获奖管理',
api: list, api: list,
columns, columns,
canResize: false, canResize:false,
useSearchForm: false, useSearchForm: false,
actionColumn: { actionColumn: {
width: 230, width: 230,
fixed: 'right', fixed: 'right',
},
beforeFetch: (params) => {
return Object.assign(params, queryParam);
},
}, },
beforeFetch: (params) => { exportConfig: {
return Object.assign(params, queryParam); name: "获奖管理",
url: getExportUrl,
params: queryParam,
}, },
}, exportConfigMb: {
exportConfig: { name: "获奖管理",
name: "获奖管理", url: getExportUrlMb,
url: getExportUrl, params: null,
params: queryParam, },
}, importConfig: {
exportConfigMb: { url: getImportUrl,
name: "获奖管理", success: handleSuccess
url: getExportUrlMb, },
params: null, });
}, const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
importConfig: { const labelCol = reactive({
url: getImportUrl, xs: { span: 24 },
success: handleSuccess sm: { span: 7 },
}, });
}); const wrapperCol = reactive({
const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext; xs: { span: 24 },
const labelCol = reactive({ sm: { span: 16 },
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 cxhq() { function handleAdd() {
registerModal1.value.disableSubmit = false; registerModal.value.disableSubmit = false;
registerModal1.value.add(); registerModal.value.add();
} }
/** /**
* 编辑事件 * 重新获取事件
*/ */
function handleEdit(record: Recordable) { function cxhq() {
registerModal.value.disableSubmit = false; registerModal1.value.disableSubmit = false;
registerModal.value.edit(record); registerModal1.value.add();
} }
/** /**
* 详情 * 编辑事件
*/ */
function handleDetail(record: Recordable) { function handleEdit(record: Recordable) {
registerModal.value.disableSubmit = true; registerModal.value.disableSubmit = false;
registerModal.value.edit(record); 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);
}
/** /**
* 上传证书事件 * 删除事件
*/ */
async function sczs(record) { async function handleDelete(record) {
registerModal2.value.disableSubmit = false; await deleteOne({ id: record.id }, handleSuccess);
registerModal2.value.add(record); }
}
/** /**
* 批量删除事件 * 上传证书事件
*/ */
async function batchHandleDelete() { async function sczs(record) {
await batchDelete({ ids: selectedRowKeys.value }, handleSuccess); registerModal2.value.disableSubmit = false;
} registerModal2.value.add(record);
}
/** /**
* 成功回调 * 批量删除事件
*/ */
function handleSuccess() { async function batchHandleDelete() {
(selectedRowKeys.value = []) && reload(); await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
} }
// /** /**
// * 个人能力量化 * 成功回调
// */ */
// function handlePersonalAbilityEvaluation(record: Recordable) { function handleSuccess() {
// personalAbilityEvaluation({annualCompP: record.annualCompP, enrollCode: record.enrollCode}, handleSuccess); (selectedRowKeys.value = []) && reload();
// } }
/** // /**
* 操作栏 // * 个人能力量化
*/ // */
function getTableAction(record) { // function handlePersonalAbilityEvaluation(record: Recordable) {
const actions = []; // personalAbilityEvaluation({annualCompP: record.annualCompP, enrollCode: record.enrollCode}, handleSuccess);
actions.unshift({ // }
label: '上传证书',
onClick: sczs.bind(null, record),
});
actions.unshift({
label: '详情',
onClick: handleDetail.bind(null, record),
});
return actions;
}
/** /**
* 下拉操作栏 * 操作栏
*/ */
function getDropDownAction(record) { function getTableAction(record) {
return [ const actions = [];
{ actions.unshift({
label: '上传证书',
onClick: sczs.bind(null, record),
});
actions.unshift({
label: '详情', label: '详情',
onClick: handleDetail.bind(null, record), onClick: handleDetail.bind(null, record),
}, { });
label: '删除', return actions;
popConfirm: { }
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
},
]
}
/** /**
* 查询 * 下拉操作栏
*/ */
function searchQuery() { function getDropDownAction(record) {
reload(); return [
} {
label: '详情',
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
},
]
}
/** /**
* 重置 * 查询
*/ */
function searchReset() { function searchQuery() {
formRef.value.resetFields(); reload();
selectedRowKeys.value = []; }
//刷新数据
reload(); /**
} * 重置
*/
function searchReset() {
formRef.value.resetFields();
selectedRowKeys.value = [];
//刷新数据
reload();
}
@ -288,22 +265,20 @@ function searchReset() {
</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{
width: 30px;
.query-group-split-cust { display: inline-block;
width: 30px; text-align: center
display: inline-block; }
text-align: center
} }
}
</style> </style>

Write Preview
Loading…
Cancel
Save