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

去掉部门

Browse Source
dev
王家东 1 year ago
parent 35cbe7a88d
commit ac090765b5
10 changed files with 1044 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 64
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/PersonalAbilityEvaluationCollect.api.ts
  2. 111
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/PersonalAbilityEvaluationCollect.data.ts
  3. 178
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/PersonalAbilityEvaluationCollectList.vue
  4. 70
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/components/PersonalAbilityEvaluationCollectForm.vue
  5. 66
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/components/PersonalAbilityEvaluationCollectModal.vue
  6. 64
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/PersonalAbilityEvaluation.api.ts
  7. 171
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/PersonalAbilityEvaluation.data.ts
  8. 184
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/PersonalAbilityEvaluationList.vue
  9. 70
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/components/PersonalAbilityEvaluationForm.vue
  10. 66
      jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/components/PersonalAbilityEvaluationModal.vue

64
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/PersonalAbilityEvaluationCollect.api.ts
Unescape View File

@ -0,0 +1,64 @@
import {defHttp} from '/@/utils/http/axios';
import { useMessage } from "/@/hooks/web/useMessage";
const { createConfirm } = useMessage();
enum Api {
list = '/abilityEvaluation/personalAbilityEvaluationCollect/liststu',
save='/abilityEvaluation/personalAbilityEvaluationCollect/add',
edit='/abilityEvaluation/personalAbilityEvaluationCollect/edit',
deleteOne = '/abilityEvaluation/personalAbilityEvaluationCollect/delete',
deleteBatch = '/abilityEvaluation/personalAbilityEvaluationCollect/deleteBatch',
importExcel = '/abilityEvaluation/personalAbilityEvaluationCollect/importExcel',
exportXls = '/abilityEvaluation/personalAbilityEvaluationCollect/exportXls',
}
/**
* 导出api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* 导入api
*/
export const getImportUrl = Api.importExcel;
/**
* 列表接口
* @param params
*/
export const list = (params) =>
defHttp.get({url: Api.list, params});
/**
* 删除单个
*/
export const deleteOne = (params,handleSuccess) => {
return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
/**
* 批量删除
* @param params
*/
export const batchDelete = (params, handleSuccess) => {
createConfirm({
iconType: 'warning',
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
});
}
/**
* 保存或者更新
* @param params
*/
export const saveOrUpdate = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({url: url, params});
}

111
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/PersonalAbilityEvaluationCollect.data.ts
Unescape View File

@ -0,0 +1,111 @@
import {BasicColumn, FormSchema} from '/@/components/Table';
//列表数据
export const columns: BasicColumn[] = [
{
title: '所属部门',
align: "center",
dataIndex: 'depetId_dictText'
},
{
title: '学号',
align: "center",
dataIndex: 'workOn'
},
{
title: '姓名',
align: "center",
dataIndex: 'name'
},
{
title: '能力名称',
align:"center",
dataIndex: 'capacityName'
},
{
title: '能力值',
align:"center",
dataIndex: 'value'
},
];
//查询数据
export const searchFormSchema: FormSchema[] = [
{
label: "所属部门",
field: 'depetId',
component: 'JDictSelectTag',
componentProps: {
dictCode: "sys_depart,depart_name,id"
},
colProps: {span: 6},
},
{
label: "能力名称",
field: 'capacityId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"basicsskill,name,id"
},
colProps: {span: 6},
},
{
label: "学号",
field: 'workOn',
component: 'Input',
colProps: {span: 6},
},
{
label: "姓名",
field: 'name',
component: 'Input',
colProps: {span: 6},
},
];
//表单数据
export const formSchema: FormSchema[] = [
{
label: '所属部门',
field: 'depetId',
component: 'JDictSelectTag',
componentProps: {
dictCode: "sys_depart,depart_name,id"
},
},
{
label: '学号',
field: 'workOn',
component: 'Input',
},
{
label: '姓名',
field: 'name',
component: 'Input',
},
{
label: '能力名称',
field: 'capacityName',
component: 'Input',
},
{
label: '能力值',
field: 'value',
component: 'InputNumber',
},
// TODO 主键隐藏字段，目前写死为ID
{
label: '',
field: 'id',
component: 'Input',
show: false
},
];
/**
* 流程表单调用这个方法获取formSchema
* @param param
*/
export function getBpmFormSchema(_formData): FormSchema[] {
// 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
return formSchema;
}

178
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/PersonalAbilityEvaluationCollectList.vue
Unescape View File

@ -0,0 +1,178 @@
<template>
<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-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)" :dropDownActions="getDropDownAction(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>
<!-- 表单区域 -->
<PersonalAbilityEvaluationCollectModal @register="registerModal" @success="handleSuccess"></PersonalAbilityEvaluationCollectModal>
</div>
</template>
<script lang="ts" name="abilityEvaluation-personalAbilityEvaluationCollect" setup>
import {ref, computed, unref} from 'vue';
import {BasicTable, useTable, TableAction} from '/@/components/Table';
import {useModal} from '/@/components/Modal';
import { useListPage } from '/@/hooks/system/useListPage'
import PersonalAbilityEvaluationCollectModal from './components/PersonalAbilityEvaluationCollectModal.vue'
import {columns, searchFormSchema} from './PersonalAbilityEvaluationCollect.data';
import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './PersonalAbilityEvaluationCollect.api';
import { downloadFile } from '/@/utils/common/renderUtils';
const checkedKeys = ref<Array<string | number>>([]);
//注册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'
},
},
exportConfig: {
name:"个人能力评价 汇总",
url: getExportUrl,
},
importConfig: {
url: getImportUrl,
success: handleSuccess
},
})
const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
/**
* 新增事件
*/
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),
// }
/* {
label: '详情',
onClick: handleDetail.bind(null, record),
}*/
]
}
/**
* 下拉操作栏
*/
function getDropDownAction(record){
return [
{
label: '详情',
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
}
]
}
</script>
<style scoped>
</style>

70
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/components/PersonalAbilityEvaluationCollectForm.vue
Unescape View File

@ -0,0 +1,70 @@
<template>
<div style="min-height: 400px">
<BasicForm @register="registerForm"></BasicForm>
<div style="width: 100%;text-align: center" v-if="!formDisabled">
<a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button>
</div>
</div>
</template>
<script lang="ts">
import {BasicForm, useForm} from '/@/components/Form/index';
import {computed, defineComponent} from 'vue';
import {defHttp} from '/@/utils/http/axios';
import { propTypes } from '/@/utils/propTypes';
import {getBpmFormSchema} from '../PersonalAbilityEvaluationCollect.data';
import {saveOrUpdate} from '../PersonalAbilityEvaluationCollect.api';
export default defineComponent({
name: "PersonalAbilityEvaluationCollectForm",
components:{
BasicForm
},
props:{
formData: propTypes.object.def({}),
formBpm: propTypes.bool.def(true),
},
setup(props){
const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
labelWidth: 150,
schemas: getBpmFormSchema(props.formData),
showActionButtonGroup: false,
baseColProps: {span: 24}
});
const formDisabled = computed(()=>{
if(props.formData.disabled === false){
return false;
}
return true;
});
let formData = {};
const queryByIdUrl = '/abilityEvaluation/personalAbilityEvaluationCollect/queryById';
async function initFormData(){
let params = {id: props.formData.dataId};
const data = await defHttp.get({url: queryByIdUrl, params});
formData = {...data}
//设置表单的值
await setFieldsValue(formData);
//默认是禁用
await setProps({disabled: formDisabled.value})
}
async function submitForm() {
let data = getFieldsValue();
let params = Object.assign({}, formData, data);
console.log('表单数据', params)
await saveOrUpdate(params, true)
}
initFormData();
return {
registerForm,
formDisabled,
submitForm,
}
}
});
</script>

66
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persanlCollect/components/PersonalAbilityEvaluationCollectModal.vue
Unescape View File

@ -0,0 +1,66 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit">
<BasicForm @register="registerForm"/>
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref} from 'vue';
import {BasicModal, useModalInner} from '/@/components/Modal';
import {BasicForm, useForm} from '/@/components/Form/index';
import {formSchema} from '../PersonalAbilityEvaluationCollect.data';
import {saveOrUpdate} from '../PersonalAbilityEvaluationCollect.api';
// Emits声明
const emit = defineEmits(['register','success']);
const isUpdate = ref(true);
//表单配置
const [registerForm, {setProps,resetFields, setFieldsValue, validate}] = useForm({
//labelWidth: 150,
schemas: formSchema,
showActionButtonGroup: false,
baseColProps: {span: 24}
});
//表单赋值
const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
//重置表单
await resetFields();
setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter});
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
//表单赋值
await setFieldsValue({
...data.record,
});
}
// 隐藏底部时禁用整个表单
setProps({ disabled: !data?.showFooter })
});
//设置标题
const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
//表单提交事件
async function handleSubmit(v) {
try {
let values = await validate();
setModalProps({confirmLoading: true});
//提交表单
await saveOrUpdate(values, isUpdate.value);
//关闭弹窗
closeModal();
//刷新列表
emit('success');
} finally {
setModalProps({confirmLoading: false});
}
}
</script>
<style lang="less" scoped>
/** 时间和数字输入框样式 */
:deep(.ant-input-number){
width: 100%
}
:deep(.ant-calendar-picker){
width: 100%
}
</style>

64
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/PersonalAbilityEvaluation.api.ts
Unescape View File

@ -0,0 +1,64 @@
import {defHttp} from '/@/utils/http/axios';
import { useMessage } from "/@/hooks/web/useMessage";
const { createConfirm } = useMessage();
enum Api {
list = '/abilityEvaluation/personalAbilityEvaluation/liststu',
save='/abilityEvaluation/personalAbilityEvaluation/add',
edit='/abilityEvaluation/personalAbilityEvaluation/edit',
deleteOne = '/abilityEvaluation/personalAbilityEvaluation/delete',
deleteBatch = '/abilityEvaluation/personalAbilityEvaluation/deleteBatch',
importExcel = '/abilityEvaluation/personalAbilityEvaluation/importExcel',
exportXls = '/abilityEvaluation/personalAbilityEvaluation/exportXls',
}
/**
* 导出api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* 导入api
*/
export const getImportUrl = Api.importExcel;
/**
* 列表接口
* @param params
*/
export const list = (params) =>
defHttp.get({url: Api.list, params});
/**
* 删除单个
*/
export const deleteOne = (params,handleSuccess) => {
return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
/**
* 批量删除
* @param params
*/
export const batchDelete = (params, handleSuccess) => {
createConfirm({
iconType: 'warning',
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
});
}
/**
* 保存或者更新
* @param params
*/
export const saveOrUpdate = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({url: url, params});
}

171
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/PersonalAbilityEvaluation.data.ts
Unescape View File

@ -0,0 +1,171 @@
import {BasicColumn} from '/@/components/Table';
import {FormSchema} from '/@/components/Table';
import { rules} from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
//列表数据
export const columns: BasicColumn[] = [
{
title: '所属部门',
align:"center",
dataIndex: 'depetId_dictText'
},
{
title: '年度',
align:"center",
dataIndex: 'annualId_dictText'
},
{
title: '年度比赛',
align:"center",
dataIndex: 'annualCompId_dictText'
},
{
title: '年度比赛项目',
align:"center",
dataIndex: 'annualCompP_dictText'
},
{
title: '学号',
align:"center",
dataIndex: 'workOn'
},
{
title: '姓名',
align:"center",
dataIndex: 'name'
},
{
title: '能力名称',
align:"center",
dataIndex: 'capacityName'
},
{
title: '能力值',
align:"center",
dataIndex: 'value'
},
];
//查询数据
export const searchFormSchema: FormSchema[] = [
{
label: "所属部门",
field: 'depetId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"sys_depart,depart_name,id"
},
colProps: {span: 6},
},
{
label: "年度",
field: 'annualId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"annual,annual_name,id"
},
colProps: {span: 6},
},
{
label: "年度比赛项目",
field: 'annualCompP',
component: 'JDictSelectTag',
componentProps:{
dictCode:"annual_comp_point,obj_name,id"
},
colProps: {span: 6},
},
{
label: "能力名称",
field: 'capacityId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"basicsskill,name,id"
},
colProps: {span: 6},
},
{
label: "学号",
field: 'workOn',
component: 'Input',
colProps: {span: 6},
},
{
label: "姓名",
field: 'name',
component: 'Input',
colProps: {span: 6},
},
];
//表单数据
export const formSchema: FormSchema[] = [
{
label: '所属部门',
field: 'depetId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"sys_depart,depart_name,id"
},
},
{
label: '年度',
field: 'annualId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"annual,annual_name,id"
},
},
{
label: '年度比赛',
field: 'annualCompId',
component: 'JDictSelectTag',
componentProps:{
dictCode:""
},
},
{
label: '年度比赛项目',
field: 'annualCompP',
component: 'JDictSelectTag',
componentProps:{
dictCode:"annual_comp_point,obj_name,id"
},
},
{
label: '学号',
field: 'workOn',
component: 'Input',
},
{
label: '姓名',
field: 'name',
component: 'Input',
},
{
label: '能力名称',
field: 'capacityName',
component: 'Input',
},
{
label: '能力值',
field: 'value',
component: 'InputNumber',
},
// TODO 主键隐藏字段，目前写死为ID
{
label: '',
field: 'id',
component: 'Input',
show: false
},
];
/**
* 流程表单调用这个方法获取formSchema
* @param param
*/
export function getBpmFormSchema(_formData): FormSchema[]{
// 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
return formSchema;
}

184
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/PersonalAbilityEvaluationList.vue
Unescape View File

@ -0,0 +1,184 @@
<template>
<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-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>
<!-- 表单区域 -->
<PersonalAbilityEvaluationModal @register="registerModal" @success="handleSuccess"></PersonalAbilityEvaluationModal>
</div>
</template>
<script lang="ts" name="abilityEvaluation-personalAbilityEvaluation" setup>
import {ref, computed, unref} from 'vue';
import {BasicTable, useTable, TableAction} from '/@/components/Table';
import {useModal} from '/@/components/Modal';
import { useListPage } from '/@/hooks/system/useListPage'
import PersonalAbilityEvaluationModal from './components/PersonalAbilityEvaluationModal.vue'
import {columns, searchFormSchema} from './PersonalAbilityEvaluation.data';
import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './PersonalAbilityEvaluation.api';
import { downloadFile } from '/@/utils/common/renderUtils';
const checkedKeys = ref<Array<string | number>>([]);
//注册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'
},
},
exportConfig: {
name:"个人能力评价",
url: getExportUrl,
},
importConfig: {
url: getImportUrl,
success: handleSuccess
},
})
const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
/**
* 新增事件
*/
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),
// }
/* {
label: '详情',
onClick: handleDetail.bind(null, record),
},*/
// {
// label: '删除',
// popConfirm: {
// title: '是否确认删除',
// confirm: handleDelete.bind(null, record),
// }
// }
]
}
/**
* 下拉操作栏
*/
function getDropDownAction(record){
return [
{
label: '详情',
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
}
]
}
</script>
<style scoped>
</style>

70
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/components/PersonalAbilityEvaluationForm.vue
Unescape View File

@ -0,0 +1,70 @@
<template>
<div style="min-height: 400px">
<BasicForm @register="registerForm"></BasicForm>
<div style="width: 100%;text-align: center" v-if="!formDisabled">
<a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button>
</div>
</div>
</template>
<script lang="ts">
import {BasicForm, useForm} from '/@/components/Form/index';
import {computed, defineComponent} from 'vue';
import {defHttp} from '/@/utils/http/axios';
import { propTypes } from '/@/utils/propTypes';
import {getBpmFormSchema} from '../PersonalAbilityEvaluation.data';
import {saveOrUpdate} from '../PersonalAbilityEvaluation.api';
export default defineComponent({
name: "PersonalAbilityEvaluationForm",
components:{
BasicForm
},
props:{
formData: propTypes.object.def({}),
formBpm: propTypes.bool.def(true),
},
setup(props){
const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
labelWidth: 150,
schemas: getBpmFormSchema(props.formData),
showActionButtonGroup: false,
baseColProps: {span: 24}
});
const formDisabled = computed(()=>{
if(props.formData.disabled === false){
return false;
}
return true;
});
let formData = {};
const queryByIdUrl = '/abilityEvaluation/personalAbilityEvaluation/queryById';
async function initFormData(){
let params = {id: props.formData.dataId};
const data = await defHttp.get({url: queryByIdUrl, params});
formData = {...data}
//设置表单的值
await setFieldsValue(formData);
//默认是禁用
await setProps({disabled: formDisabled.value})
}
async function submitForm() {
let data = getFieldsValue();
let params = Object.assign({}, formData, data);
console.log('表单数据', params)
await saveOrUpdate(params, true)
}
initFormData();
return {
registerForm,
formDisabled,
submitForm,
}
}
});
</script>

66
jeecgboot-vue3-master/src/views/stu/abilityEvaluation/persoanl/components/PersonalAbilityEvaluationModal.vue
Unescape View File

@ -0,0 +1,66 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit">
<BasicForm @register="registerForm"/>
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref} from 'vue';
import {BasicModal, useModalInner} from '/@/components/Modal';
import {BasicForm, useForm} from '/@/components/Form/index';
import {formSchema} from '../PersonalAbilityEvaluation.data';
import {saveOrUpdate} from '../PersonalAbilityEvaluation.api';
// Emits声明
const emit = defineEmits(['register','success']);
const isUpdate = ref(true);
//表单配置
const [registerForm, {setProps,resetFields, setFieldsValue, validate}] = useForm({
//labelWidth: 150,
schemas: formSchema,
showActionButtonGroup: false,
baseColProps: {span: 24}
});
//表单赋值
const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
//重置表单
await resetFields();
setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter});
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
//表单赋值
await setFieldsValue({
...data.record,
});
}
// 隐藏底部时禁用整个表单
setProps({ disabled: !data?.showFooter })
});
//设置标题
const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
//表单提交事件
async function handleSubmit(v) {
try {
let values = await validate();
setModalProps({confirmLoading: true});
//提交表单
await saveOrUpdate(values, isUpdate.value);
//关闭弹窗
closeModal();
//刷新列表
emit('success');
} finally {
setModalProps({confirmLoading: false});
}
}
</script>
<style lang="less" scoped>
/** 时间和数字输入框样式 */
:deep(.ant-input-number){
width: 100%
}
:deep(.ant-calendar-picker){
width: 100%
}
</style>
Write Preview
Loading…
Cancel
Save