RISE/school-developer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
吴红兵
2026-03-07 12:35:45 +08:00
parent 271710e870
commit b997b3ba48
423 changed files with 79612 additions and 91574 deletions
Download Patch File Download Diff File Expand all files Collapse all files

521
src/views/professional/teacherpayslip/index.vue
View File

@@ -1,364 +1,295 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<!-- 搜索表单 -->
<search-form
v-show="showSearch"
:model="search"
ref="searchFormRef"
@keyup-enter="handleFilter"
>
<template #default="{ visible }">
<template v-if="visible">
<el-form-item label="工号" prop="teacherNo">
<el-input
v-model="search.teacherNo"
placeholder="请输入工号"
clearable
/>
</el-form-item>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<!-- 搜索表单 -->
<search-form v-show="showSearch" :model="search" ref="searchFormRef" @keyup-enter="handleFilter">
<template #default="{ visible }">
<template v-if="visible">
<el-form-item label="工号" prop="teacherNo">
<el-input v-model="search.teacherNo" placeholder="请输入工号" clearable />
</el-form-item>
<el-form-item label="姓名" prop="realName">
<el-input
v-model="search.realName"
placeholder="请输入姓名"
clearable
/>
</el-form-item>
<el-form-item label="姓名" prop="realName">
<el-input v-model="search.realName" placeholder="请输入姓名" clearable />
</el-form-item>
<el-form-item label="身份证号" prop="idCard">
<el-input
v-model="search.idCard"
placeholder="请输入身份证号"
clearable
/>
</el-form-item>
<el-form-item label="身份证号" prop="idCard">
<el-input v-model="search.idCard" placeholder="请输入身份证号" clearable />
</el-form-item>
<el-form-item label="年份" prop="nf">
<el-date-picker
v-model="search.nf"
type="year"
format="YYYY"
value-format="YYYY"
placeholder="请选择年份"
clearable
/>
</el-form-item>
<el-form-item label="年份" prop="nf">
<el-date-picker v-model="search.nf" type="year" format="YYYY" value-format="YYYY" placeholder="请选择年份" clearable />
</el-form-item>
<el-form-item label="月份" prop="yf">
<el-date-picker
v-model="search.yf"
type="month"
format="M"
value-format="M"
placeholder="请选择月份"
clearable
/>
</el-form-item>
<el-form-item label="月份" prop="yf">
<el-date-picker v-model="search.yf" type="month" format="M" value-format="M" placeholder="请选择月份" clearable />
</el-form-item>
<el-form-item label="岗位级别" prop="stationTypeId">
<el-select
v-model="search.stationTypeId"
filterable
clearable
placeholder="请选择岗位级别"
>
<el-option
v-for="item in stationLevelList"
:key="item.id"
:label="item.levelName"
:value="item.id"
/>
</el-select>
</el-form-item>
</template>
</template>
<el-form-item label="岗位级别" prop="stationTypeId">
<el-select v-model="search.stationTypeId" filterable clearable placeholder="请选择岗位级别">
<el-option v-for="item in stationLevelList" :key="item.id" :label="item.levelName" :value="item.id" />
</el-select>
</el-form-item>
</template>
</template>
<!-- 查询和重置按钮 -->
<template #actions>
<el-form-item>
<el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
<el-button @click="resetQuery" icon="Refresh">重置</el-button>
</el-form-item>
</template>
</search-form>
<!-- 查询和重置按钮 -->
<template #actions>
<el-form-item>
<el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
<el-button @click="resetQuery" icon="Refresh">重置</el-button>
</el-form-item>
</template>
</search-form>
<!-- 操作按钮 -->
<el-row>
<div class="mb15">
<el-button
v-if="hasAuth('professional_salary_import')"
type="primary"
plain
icon="UploadFilled"
@click="handleImportBaseSalary">工资条导入
</el-button>
<el-button
v-if="hasAuth('professional_seach_auth')"
icon="View"
class="ml10"
@click="canSearch(1)">设置可查询
</el-button>
<el-button
v-if="hasAuth('professional_seach_auth')"
icon="Hide"
class="ml10"
@click="canSearch(0)">设置不可查询
</el-button>
<el-button
v-if="hasAuth('professional_professionalsalaries_del')"
type="danger"
plain
icon="Delete"
class="ml10"
@click="delbatch">批量删除
</el-button>
</div>
</el-row>
<!-- 操作按钮 -->
<el-row>
<div class="mb15">
<el-button v-if="hasAuth('professional_salary_import')" type="primary" plain icon="UploadFilled" @click="handleImportBaseSalary"
>工资条导入
</el-button>
<el-button v-if="hasAuth('professional_seach_auth')" icon="View" class="ml10" @click="canSearch(1)">设置可查询 </el-button>
<el-button v-if="hasAuth('professional_seach_auth')" icon="Hide" class="ml10" @click="canSearch(0)">设置不可查询 </el-button>
<el-button v-if="hasAuth('professional_professionalsalaries_del')" type="danger" plain icon="Delete" class="ml10" @click="delbatch"
>批量删除
</el-button>
</div>
</el-row>
<!-- 表格 -->
<el-table
ref="tableRef"
:data="state.dataList"
row-key="id"
v-loading="state.loading"
border
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle"
class="data-table"
@selection-change="selectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="60" align="center" />
<!-- 表格 -->
<el-table
ref="tableRef"
:data="state.dataList"
row-key="id"
v-loading="state.loading"
border
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle"
class="data-table"
@selection-change="selectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="姓名/工号" min-width="150" align="center">
<template #default="scope">
<TeacherNameNo :name="scope.row.realName" :no="scope.row.teacherNo" />
</template>
</el-table-column>
<el-table-column prop="postSalary" label="岗位工资" min-width="120" align="center" show-overflow-tooltip />
<el-table-column prop="nf" label="年份" width="100" align="center" />
<el-table-column prop="yf" label="月份" width="100" align="center" />
<el-table-column prop="idCard" label="身份证号" min-width="180" align="center" show-overflow-tooltip />
<el-table-column prop="shouldPay" label="应发工资" min-width="120" align="center" show-overflow-tooltip />
<el-table-column prop="realWage" label="实发工资" width="120" align="center" show-overflow-tooltip />
<el-table-column prop="normalView" label="职工查看" width="120" align="center">
<template #default="scope">
<el-tag :type="scope.row.normalView === '1' ? 'success' : 'info'">
{{ scope.row.normalView === '1' ? '可查询' : '不可查询' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" min-width="150" align="center" fixed="right">
<template #default="scope">
<el-button
icon="document"
link
type="primary"
@click="handleEdit(scope.row)">查看
</el-button>
</template>
</el-table-column>
</el-table>
<el-table-column type="index" label="序号" width="60" align="center" />
<!-- 分页 -->
<pagination
v-bind="state.pagination"
@current-change="currentChangeHandle"
@size-change="sizeChangeHandle"
/>
<el-table-column label="姓名/工号" min-width="150" align="center">
<template #default="scope">
<TeacherNameNo :name="scope.row.realName" :no="scope.row.teacherNo" />
</template>
</el-table-column>
<!-- 子组件 -->
<salary-info ref="salaryInfoRef" />
<import-base-salary ref="importBaseSalaryRef" @refreshData="handleFilter" />
<export-base-salary ref="exportBaseSalaryRef" />
</div>
</div>
<el-table-column prop="postSalary" label="岗位工资" min-width="120" align="center" show-overflow-tooltip />
<el-table-column prop="nf" label="年份" width="100" align="center" />
<el-table-column prop="yf" label="月份" width="100" align="center" />
<el-table-column prop="idCard" label="身份证号" min-width="180" align="center" show-overflow-tooltip />
<el-table-column prop="shouldPay" label="应发工资" min-width="120" align="center" show-overflow-tooltip />
<el-table-column prop="realWage" label="实发工资" width="120" align="center" show-overflow-tooltip />
<el-table-column prop="normalView" label="职工查看" width="120" align="center">
<template #default="scope">
<el-tag :type="scope.row.normalView === '1' ? 'success' : 'info'">
{{ scope.row.normalView === '1' ? '可查询' : '不可查询' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" min-width="150" align="center" fixed="right">
<template #default="scope">
<el-button icon="document" link type="primary" @click="handleEdit(scope.row)">查看 </el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination v-bind="state.pagination" @current-change="currentChangeHandle" @size-change="sizeChangeHandle" />
<!-- 子组件 -->
<salary-info ref="salaryInfoRef" />
<import-base-salary ref="importBaseSalaryRef" @refreshData="handleFilter" />
<export-base-salary ref="exportBaseSalaryRef" />
</div>
</div>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
import { defineAsyncComponent } from 'vue'
import { BasicTableProps, useTable } from '/@/hooks/table'
import { useAuth } from '/@/hooks/auth'
import { useMessage, useMessageBox } from '/@/hooks/message'
import { fetchList, delBatch, setCanSearch } from '/@/api/professional/salaries/teacherpayslip'
import { checkAuth } from '/@/api/professional/salaries/teachersalary'
import { getStationLevelList } from '/@/api/professional/professionalstationlevelconfig'
const SalaryInfo = defineAsyncComponent(() => import('./salaryInfo.vue'))
const ImportBaseSalary = defineAsyncComponent(() => import('./importBaseSalary.vue'))
const ExportBaseSalary = defineAsyncComponent(() => import('./exportBaseSalary.vue'))
import { ref, reactive, onMounted } from 'vue';
import { defineAsyncComponent } from 'vue';
import { BasicTableProps, useTable } from '/@/hooks/table';
import { useAuth } from '/@/hooks/auth';
import { useMessage, useMessageBox } from '/@/hooks/message';
import { fetchList, delBatch, setCanSearch } from '/@/api/professional/salaries/teacherpayslip';
import { checkAuth } from '/@/api/professional/salaries/teachersalary';
import { getStationLevelList } from '/@/api/professional/professionalstationlevelconfig';
const SalaryInfo = defineAsyncComponent(() => import('./salaryInfo.vue'));
const ImportBaseSalary = defineAsyncComponent(() => import('./importBaseSalary.vue'));
const ExportBaseSalary = defineAsyncComponent(() => import('./exportBaseSalary.vue'));
const TeacherNameNo = defineAsyncComponent(() => import('/@/components/TeacherNameNo/index.vue'))
const TeacherNameNo = defineAsyncComponent(() => import('/@/components/TeacherNameNo/index.vue'));
// 无权限即无节点
const { hasAuth } = useAuth()
const { hasAuth } = useAuth();
// 消息提示 hooks
const message = useMessage()
const messageBox = useMessageBox()
const message = useMessage();
const messageBox = useMessageBox();
// 表格引用
const tableRef = ref()
const searchFormRef = ref()
const salaryInfoRef = ref()
const importBaseSalaryRef = ref()
const exportBaseSalaryRef = ref()
const tableRef = ref();
const searchFormRef = ref();
const salaryInfoRef = ref();
const importBaseSalaryRef = ref();
const exportBaseSalaryRef = ref();
// 搜索表单显示状态
const showSearch = ref(true)
const showSearch = ref(true);
// 岗位类别列表
const stationLevelList = ref<any[]>([])
const stationLevelList = ref<any[]>([]);
// 选中的行
const selectList = ref<any[]>([])
const selectList = ref<any[]>([]);
// 搜索表单数据
const search = reactive({
teacherNo: '',
realName: '',
idCard: '',
nf: '',
yf: '',
stationTypeId: '',
canSearch: 0,
selectList:[]
})
teacherNo: '',
realName: '',
idCard: '',
nf: '',
yf: '',
stationTypeId: '',
canSearch: 0,
selectList: [],
});
// 配置 useTable
const state: BasicTableProps = reactive<BasicTableProps>({
pageList: async (params: any) => {
const response = await fetchList(params)
return {
data: {
records: response.data.records || [],
total: response.data.total || 0
}
}
},
queryForm: search
})
pageList: async (params: any) => {
const response = await fetchList(params);
return {
data: {
records: response.data.records || [],
total: response.data.total || 0,
},
};
},
queryForm: search,
});
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle } = useTable(state)
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle } = useTable(state);
// 初始化
onMounted(() => {
init()
})
init();
});
// 初始化数据
const init = async () => {
try {
const [stationRes, authRes] = await Promise.all([
getStationLevelList(),
checkAuth()
])
stationLevelList.value = stationRes.data || []
// 根据权限设置表格选项（如果需要）
// if (authRes.data.data === false) {
// // 设置普通表格选项
// }
} catch (error) {
// 初始化失败
}
}
try {
const [stationRes, authRes] = await Promise.all([getStationLevelList(), checkAuth()]);
stationLevelList.value = stationRes.data || [];
// 根据权限设置表格选项（如果需要）
// if (authRes.data.data === false) {
// // 设置普通表格选项
// }
} catch (error) {
// 初始化失败
}
};
// 查询
const handleFilter = () => {
getDataList() // 查询后跳转到第一页
}
getDataList(); // 查询后跳转到第一页
};
// 重置
const resetQuery = () => {
searchFormRef.value?.formRef?.resetFields()
Object.assign(search, {
teacherNo: '',
realName: '',
idCard: '',
nf: '',
yf: '',
stationTypeId: ''
})
handleFilter()
}
searchFormRef.value?.formRef?.resetFields();
Object.assign(search, {
teacherNo: '',
realName: '',
idCard: '',
nf: '',
yf: '',
stationTypeId: '',
});
handleFilter();
};
// 选择变化
const selectionChange = (selection: any[]) => {
selectList.value = selection
}
selectList.value = selection;
};
// 查看
const handleEdit = (row: any) => {
salaryInfoRef.value?.init(row)
}
salaryInfoRef.value?.init(row);
};
// 导入工资条
const handleImportBaseSalary = () => {
importBaseSalaryRef.value?.init()
}
importBaseSalaryRef.value?.init();
};
// 批量删除
const delbatch = () => {
if (selectList.value.length === 0) {
message.warning("请至少选择一名人员")
return
}
messageBox.confirm(`确认删除当前${selectList.value.length}条记录`).then(async () => {
try {
const data = { selectList: selectList.value }
const response = await delBatch(data)
if (response.data.code == -1) {
message.error(response.data.data)
} else {
message.success("删除成功")
getDataList(false) // 删除后保持当前页
}
} catch (error: any) {
// 错误处理已在数据请求层统一处理，此处不需要提示
}
}).catch(() => {
// 用户取消
})
}
if (selectList.value.length === 0) {
message.warning('请至少选择一名人员');
return;
}
messageBox
.confirm(`确认删除当前${selectList.value.length}条记录`)
.then(async () => {
try {
const data = { selectList: selectList.value };
const response = await delBatch(data);
if (response.data.code == -1) {
message.error(response.data.data);
} else {
message.success('删除成功');
getDataList(false); // 删除后保持当前页
}
} catch (error: any) {
// 错误处理已在数据请求层统一处理，此处不需要提示
}
})
.catch(() => {
// 用户取消
});
};
// 设置可查询/不可查询
const canSearch = (val: number) => {
search.canSearch = val;
search.selectList = selectList.value;
search.canSearch=val
search.selectList=selectList.value
messageBox.confirm('确认设置?').then(async () => {
try {
await setCanSearch(search)
message.success("设置成功")
getDataList(false) // 设置后保持当前页
} catch (error: any) {
// 错误处理已在数据请求层统一处理，此处不需要提示
}
}).catch(() => {
// 用户取消
})
}
messageBox
.confirm('确认设置?')
.then(async () => {
try {
await setCanSearch(search);
message.success('设置成功');
getDataList(false); // 设置后保持当前页
} catch (error: any) {
// 错误处理已在数据请求层统一处理，此处不需要提示
}
})
.catch(() => {
// 用户取消
});
};
</script>
<style lang="scss" scoped>
.data-table {
width: 100% !important;
width: 100% !important;
}
</style>