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

ren

Browse Source
This commit is contained in:
guochunsi
2026-01-08 19:00:25 +08:00
parent 8a1faabd70
commit 98fcd368f9
45 changed files with 1818 additions and 2354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/professional/academicqualificationsconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

18
src/views/professional/outercompany/index.vue
View File

@@ -2,7 +2,7 @@
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<!-- 搜索表单 -->
<el-row shadow="hover" v-show="showSearch" class="ml10">
<el-row shadow="hover" v-show="showSearch">
<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
<el-form-item label="单位名称" prop="companyName">
<el-input
@@ -29,12 +29,6 @@
@click="handleAdd"
v-if="permissions.professional_outercompany_add">新 增
</el-button>
<right-toolbar
v-model:showSearch="showSearch"
class="ml10"
style="float: right; margin-right: 20px"
@queryTable="getDataList"
></right-toolbar>
</div>
</el-row>
@@ -60,9 +54,9 @@
</template>
</el-table-column>
<el-table-column prop="updateTime" label="更新时间" width="180" align="center" />
<el-table-column prop="updateTime" label="更新时间" min-width="180" align="center" />
<el-table-column label="操作" width="150" align="center" fixed="right">
<el-table-column label="操作" min-width="150" align="center" fixed="right">
<template #default="scope">
<el-button
v-if="permissions.professional_outercompany_edit"
@@ -76,7 +70,6 @@
icon="delete"
link
type="primary"
style="margin-left: 12px"
@click="handleDel(scope.row)">删除
</el-button>
</template>
@@ -286,8 +279,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/outercompany/indexSecond.vue
View File

@@ -286,8 +286,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

21
src/views/professional/outercompany/indexTrain.vue
View File

@@ -20,25 +20,6 @@
</el-form>
</el-row>
<!-- 操作按钮 -->
<el-row>
<div class="mb15" style="width: 100%;">
<!-- 新增按钮已注释，此页面为只读 -->
<!-- <el-button
type="primary"
icon="FolderAdd"
@click="handleAdd"
v-if="permissions.professional_outercompany_add">新 增
</el-button> -->
<right-toolbar
v-model:showSearch="showSearch"
class="ml10"
style="float: right; margin-right: 20px"
@queryTable="getDataList"
></right-toolbar>
</div>
</el-row>
<!-- 表格 -->
<el-table
ref="tableRef"
@@ -61,7 +42,7 @@
</template>
</el-table-column>
<el-table-column prop="updateTime" label="更新时间" width="180" align="center" />
<el-table-column prop="updateTime" label="更新时间" min-width="180" align="center" />
<!-- 操作列已注释，此页面为只读 -->
<!-- <el-table-column label="操作" width="150" align="center" fixed="right">

304
src/views/professional/outercompanyemployee/form.vue Normal file
View File

@@ -0,0 +1,304 @@
<template>
<el-dialog
v-model="visible"
:title="formData.id ? '编辑' : '新增'"
width="800px"
:close-on-click-modal="false"
destroy-on-close
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="120px"
class="form-content"
>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位名称" prop="companyId">
<el-select
v-model="formData.companyId"
filterable
clearable
placeholder="请选择单位"
style="width: 100%"
>
<el-option
v-for="item in companyList"
:key="item.id"
:label="item.companyName"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="职员编号" prop="employeeNo">
<el-input
v-model="formData.employeeNo"
placeholder="系统自动生成"
disabled
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="姓名" prop="realName">
<el-input
v-model="formData.realName"
placeholder="请输入姓名"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证" prop="idCard">
<el-input
v-model="formData.idCard"
placeholder="请输入身份证号"
clearable
maxlength="18"
@input="handleIdCardInput"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="手机" prop="mobile">
<el-input
v-model="formData.mobile"
type="number"
placeholder="请输入手机号"
clearable
maxlength="11"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="职位" prop="position">
<el-input
v-model="formData.position"
placeholder="请输入职位"
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="家庭地址" prop="address">
<el-input
v-model="formData.address"
placeholder="请输入家庭地址"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="允许进出" prop="inoutFlag">
<el-select
v-model="formData.inoutFlag"
clearable
placeholder="请选择"
style="width: 100%"
>
<el-option
v-for="item in yesNoDict"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="备注" prop="remarks">
<el-input
v-model="formData.remarks"
type="textarea"
:rows="3"
placeholder="请输入备注"
clearable
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="submitLoading">确定</el-button>
</div>
</template>
</el-dialog>
</template>
<script setup lang="ts">
import { ref, watch } from 'vue'
import { useDict } from '/@/hooks/dict'
import { useMessage } from '/@/hooks/message'
import { addObj, putObj } from '/@/api/professional/stayschool/outercompanyemployee'
// Props
interface Props {
modelValue: boolean
formData: {
id?: string
companyId?: string
companyName?: string
employeeNo?: string
realName?: string
idCard?: string
mobile?: string
position?: string
address?: string
inoutFlag?: string
remarks?: string
}
companyList: any[]
}
const props = withDefaults(defineProps<Props>(), {
modelValue: false,
formData: () => ({
id: '',
companyId: '',
companyName: '',
employeeNo: '',
realName: '',
idCard: '',
mobile: '',
position: '',
address: '',
inoutFlag: '',
remarks: ''
}),
companyList: () => []
})
// Emits
const emit = defineEmits<{
(e: 'update:modelValue', value: boolean): void
(e: 'success'): void
}>()
// 字典数据
const { yes_no_type: yesNoDict } = useDict('yes_no_type')
// 消息提示
const message = useMessage()
// 表单引用
const formRef = ref()
// 提交加载状态
const submitLoading = ref(false)
// 弹窗显示状态
const visible = ref(false)
watch(() => props.modelValue, (val) => {
visible.value = val
})
watch(visible, (val) => {
emit('update:modelValue', val)
})
// 表单验证规则
const formRules = {
companyId: [
{ required: true, message: '请选择单位', trigger: 'change' }
],
realName: [
{ required: true, message: '请填写姓名', trigger: 'blur' }
],
idCard: [
{ required: true, message: '请输入正确身份证', trigger: 'blur' },
{ min: 15, max: 18, message: '长度在 15 到 18 个字符', trigger: 'blur' },
{ pattern: /^(\d{15}|\d{17}[\dXx])$/, message: '身份证号格式不正确（15位或18位，18位最后一位可以是X）', trigger: 'blur' }
],
mobile: [
{ required: true, message: '请填写手机号', trigger: 'blur' },
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }
],
address: [
{ required: true, message: '请填写家庭住址', trigger: 'blur' }
],
inoutFlag: [
{ required: true, message: '请选择是否允许进出', trigger: 'change' }
]
}
// 关闭弹窗
const handleClose = () => {
visible.value = false
formRef.value?.resetFields()
}
// 身份证号输入限制：只允许数字和X/x，最大长度18
const handleIdCardInput = (value: string) => {
// 只保留数字和X/x
const filtered = value.replace(/[^\dXx]/g, '')
if (filtered !== value) {
props.formData.idCard = filtered
}
}
// 提交表单
const handleSubmit = async () => {
if (!formRef.value) return
await formRef.value.validate(async (valid: boolean) => {
if (valid) {
submitLoading.value = true
try {
// 设置单位名称
const selectedCompany = props.companyList.find(item => item.id === props.formData.companyId)
const submitData = {
...props.formData,
companyName: selectedCompany?.companyName || ''
}
if (props.formData.id) {
await putObj(submitData)
message.success('修改成功')
} else {
await addObj(submitData)
message.success('添加成功')
}
handleClose()
emit('success')
} catch (error: any) {
message.error(error?.msg || '操作失败')
} finally {
submitLoading.value = false
}
}
})
}
</script>
<style lang="scss" scoped>
.form-content {
:deep(.el-row) {
margin-bottom: 18px;
&:last-child {
margin-bottom: 0;
}
}
:deep(.el-row .el-form-item) {
margin-bottom: 0;
}
}
</style>

233
src/views/professional/outercompanyemployee/index.vue
View File

@@ -2,7 +2,7 @@
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<!-- 搜索表单 -->
<el-row shadow="hover" v-show="showSearch" class="ml10">
<el-row shadow="hover" v-show="showSearch">
<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="handleFilter">
<el-form-item label="单位名称" prop="companyId">
<el-select
@@ -10,7 +10,6 @@
filterable
clearable
placeholder="请选择单位"
style="width: 200px"
>
<el-option
v-for="item in companyList"
@@ -25,7 +24,6 @@
v-model="state.queryForm.employeeNo"
placeholder="请输入职员编号"
clearable
style="width: 200px"
/>
</el-form-item>
<el-form-item label="姓名" prop="realName">
@@ -33,7 +31,6 @@
v-model="state.queryForm.realName"
placeholder="请输入姓名"
clearable
style="width: 200px"
/>
</el-form-item>
<el-form-item label="身份证" prop="idCard">
@@ -41,7 +38,6 @@
v-model="state.queryForm.idCard"
placeholder="请输入身份证"
clearable
style="width: 200px"
/>
</el-form-item>
<el-form-item label="手机" prop="mobile">
@@ -49,7 +45,6 @@
v-model="state.queryForm.mobile"
placeholder="请输入手机"
clearable
style="width: 200px"
/>
</el-form-item>
<el-form-item label="允许进出" prop="inoutFlag">
@@ -57,7 +52,6 @@
v-model="state.queryForm.inoutFlag"
clearable
placeholder="请选择"
style="width: 200px"
>
<el-option
v-for="item in yesNoDict"
@@ -68,43 +62,45 @@
</el-select>
</el-form-item>
<el-form-item>
<el-button icon="search" type="primary" @click="handleFilter">查询</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
<el-button @click="resetQuery" icon="Refresh">重置</el-button>
</el-form-item>
</el-form>
</el-row>
<!-- 操作按钮 -->
<el-row>
<div class="mb15" style="width: 100%;">
<div class="mb15">
<el-button
type="primary"
icon="FolderAdd"
icon="Plus"
@click="handleAdd"
v-if="permissions.professional_outercompanyemployee_add">新 增
</el-button>
<el-button
type="primary"
plain
icon="UploadFilled"
class="ml10"
@click="handleExportIn"
v-if="permission.scope == '1'"
>导 入
</el-button>
<el-button
type="warning"
plain
icon="Download"
class="ml10"
@click="handleExportScore"
:loading="exportLoading"
icon="Download">导出
:loading="exportLoading">导出
</el-button>
<el-button
type="primary"
type="danger"
plain
icon="Delete"
class="ml10"
@click="batchDelect">批量删除
</el-button>
<right-toolbar
v-model:showSearch="showSearch"
class="ml10"
style="float: right; margin-right: 20px"
@queryTable="getDataList"
></right-toolbar>
</div>
</el-row>
@@ -190,139 +186,12 @@
/>
<!-- 新增/编辑弹窗 -->
<el-dialog
<form-dialog
v-model="dialogVisible"
:title="form.id ? '编辑' : '新增'"
width="800px"
:close-on-click-modal="false"
destroy-on-close
>
<el-form
ref="formRef"
:model="form"
:rules="formRules"
label-width="120px"
>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位名称" prop="companyId">
<el-select
v-model="form.companyId"
filterable
clearable
placeholder="请选择单位"
style="width: 100%"
>
<el-option
v-for="item in companyList"
:key="item.id"
:label="item.companyName"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="职员编号" prop="employeeNo">
<el-input
v-model="form.employeeNo"
placeholder="系统自动生成"
disabled
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="姓名" prop="realName">
<el-input
v-model="form.realName"
placeholder="请输入姓名"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证" prop="idCard">
<el-input
v-model="form.idCard"
placeholder="请输入身份证号"
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="手机" prop="mobile">
<el-input
v-model="form.mobile"
placeholder="请输入手机号"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="职位" prop="position">
<el-input
v-model="form.position"
placeholder="请输入职位"
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="家庭地址" prop="address">
<el-input
v-model="form.address"
placeholder="请输入家庭地址"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="允许进出" prop="inoutFlag">
<el-select
v-model="form.inoutFlag"
clearable
placeholder="请选择"
style="width: 100%"
>
<el-option
v-for="item in yesNoDict"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="备注" prop="remarks">
<el-input
v-model="form.remarks"
type="textarea"
:rows="3"
placeholder="请输入备注"
clearable
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="submitLoading">确定</el-button>
</div>
</template>
</el-dialog>
:form-data="form"
:company-list="companyList"
@success="handleFormSuccess"
/>
<!-- 头像预览对话框 -->
<el-dialog v-model="dialogUploadVisible" title="头像预览" append-to-body>
@@ -400,13 +269,12 @@ import { Plus } from '@element-plus/icons-vue'
import {
fetchList,
getObj,
addObj,
putObj,
delObj,
batchDel,
resetPassWord
} from '/@/api/professional/stayschool/outercompanyemployee'
import { getList as getCompanyList } from '/@/api/professional/stayschool/outercompany'
import FormDialog from './form.vue'
// 使用 Pinia store
const userInfoStore = useUserInfo()
@@ -436,7 +304,6 @@ const getDictLabel = (value: string | number) => {
// 表格引用
const tableRef = ref()
const formRef = ref()
const queryRef = ref()
const uploadFormRef = ref()
@@ -448,7 +315,6 @@ const dialogVisible = ref(false)
const dialogUploadVisible = ref(false)
const dialogAvatarVisible = ref(false)
const dialogViewVisible = ref(false)
const submitLoading = ref(false)
const exportLoading = ref(false)
// 选中的行数据
@@ -476,28 +342,6 @@ const form = reactive({
remarks: ''
})
// 表单验证规则
const formRules = {
companyId: [
{ required: true, message: '请选择单位', trigger: 'change' }
],
realName: [
{ required: true, message: '请填写姓名', trigger: 'blur' }
],
idCard: [
{ required: true, message: '请填写身份证号', trigger: 'blur' }
],
mobile: [
{ required: true, message: '请填写手机号', trigger: 'blur' }
],
address: [
{ required: true, message: '请填写家庭住址', trigger: 'blur' }
],
inoutFlag: [
{ required: true, message: '请选择是否允许进出', trigger: 'change' }
]
}
// 头像相关
const dialogImageUrl = ref('')
const fileList = ref<any[]>([])
@@ -665,36 +509,9 @@ const resetPassword = (row: any) => {
}).catch(() => {})
}
// 提交表单
const handleSubmit = async () => {
if (!formRef.value) return
await formRef.value.validate(async (valid: boolean) => {
if (valid) {
submitLoading.value = true
try {
// 设置单位名称
const selectedCompany = companyList.value.find(item => item.id === form.companyId)
if (selectedCompany) {
form.companyName = selectedCompany.companyName
}
if (form.id) {
await putObj(form)
message.success('修改成功')
} else {
await addObj(form)
message.success('添加成功')
}
dialogVisible.value = false
getDataList()
} catch (error: any) {
message.error(error?.msg || '操作失败')
} finally {
submitLoading.value = false
}
}
})
// 表单提交成功回调
const handleFormSuccess = () => {
getDataList()
}
// 获取图片 URL

2
src/views/professional/outercompanyemployee/indexSecond.vue
View File

@@ -690,7 +690,7 @@ const handleSubmit = async () => {
dialogVisible.value = false
getDataList()
} catch (error: any) {
message.error(error?.msg || '操作失败')
message.error(error.msg)
} finally {
submitLoading.value = false
}

2
src/views/professional/outercompanyemployee/indexTrain.vue
View File

@@ -648,7 +648,7 @@ const handleSubmit = async () => {
dialogVisible.value = false
getDataList()
} catch (error: any) {
message.error(error?.msg || '操作失败')
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalacademicdegreeconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalacademiceducationtypeconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalatstation/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalemploymentnature/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalmajorstation/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalpaperconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalpartybranch/index.vue
View File

@@ -232,8 +232,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

2
src/views/professional/professionalpartychange/index.vue
View File

@@ -66,7 +66,7 @@
<el-table-column prop="changeTime" label="变动时间" width="180" align="center" />
<el-table-column prop="createTime" label="创建时间" width="180" align="center" />
<!-- <el-table-column prop="createTime" label="创建时间" width="180" align="center" /> -->
<el-table-column prop="remarks" label="备注" min-width="200" align="center" show-overflow-tooltip />
</el-table>

5
src/views/professional/professionalqualificationconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

10
src/views/professional/professionalqualificationrelation/index.vue
View File

@@ -307,8 +307,9 @@ const changeState = (row: any, val: number) => {
})
message.success('操作成功')
getDataList()
} catch (error) {
// Failed to change state
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
} else if (val === -2) {
@@ -354,8 +355,9 @@ const handleDel = (row: any) => {
state.pagination.current = state.pagination.current - 1
}
getDataList()
} catch (error) {
// Failed to delete
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
}

5
src/views/professional/professionalstationdutylevel/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalstationtype/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

10
src/views/professional/professionalteacheracademicrelation/index.vue
View File

@@ -347,8 +347,9 @@ const changeState = (row: any, val: number) => {
})
message.success('操作成功')
getDataList()
} catch (error) {
// Failed to change state
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
} else if (val === -2) {
@@ -393,8 +394,9 @@ const handleDel = (row: any) => {
state.pagination.current = state.pagination.current - 1
}
getDataList()
} catch (error) {
// Failed to delete
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
}

5
src/views/professional/professionalteachercertificateconf/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

10
src/views/professional/professionalteachercertificaterelation/index.vue
View File

@@ -300,8 +300,9 @@ const changeState = (row: any, val: number) => {
})
message.success('操作成功')
getDataList()
} catch (error) {
// Failed to change state
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
} else if (val === -2) {
@@ -346,8 +347,9 @@ const handleDel = (row: any) => {
state.pagination.current = state.pagination.current - 1
}
getDataList()
} catch (error) {
// Failed to delete
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
}

10
src/views/professional/professionalteacherhonor/index.vue
View File

@@ -283,8 +283,9 @@ const changeState = (row: any, val: number) => {
})
message.success('操作成功')
getDataList()
} catch (error) {
// Failed to change state
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
} else if (val === -2) {
@@ -331,8 +332,9 @@ const handleDel = (row: any) => {
state.pagination.current = state.pagination.current - 1
}
getDataList()
} catch (error) {
// Failed to delete
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
}

5
src/views/professional/professionalteachertype/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalteachingmaterialconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionaltitlelevelconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

10
src/views/professional/professionaltitlerelation/index.vue
View File

@@ -341,8 +341,9 @@ const changeState = (row: any, val: number) => {
})
message.success('操作成功')
getDataList()
} catch (error) {
// Failed to change state
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
} else if (val === -2) {
@@ -389,8 +390,9 @@ const handleDel = (row: any) => {
state.pagination.current = state.pagination.current - 1
}
getDataList()
} catch (error) {
// Failed to delete
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
}
}).catch(() => {})
}

5
src/views/professional/professionaltopiclevelconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionaltopicsourceconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

5
src/views/professional/professionalworktype/index.vue
View File

@@ -201,8 +201,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}

4
src/views/professional/professionalyearbounds/index.vue
View File

@@ -292,7 +292,7 @@ const handleDel = (row: any) => {
message.success('删除成功')
getDataList(false) // 删除后保持当前页
} catch (error: any) {
message.error(error?.msg || '删除失败')
message.error(error.msg)
}
}).catch(() => {
// 用户取消
@@ -317,7 +317,7 @@ const handleSubmit = async () => {
dialogVisible.value = false
getDataList(false) // 提交后保持当前页
} catch (error: any) {
message.error(error?.msg || '操作失败')
message.error(error.msg)
} finally {
submitLoading.value = false
}

32
src/views/professional/salaryexportrecord/index.vue
View File

@@ -18,7 +18,6 @@
value-format="YYYY"
placeholder="请选择薪资年份"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -30,11 +29,18 @@
value-format="M"
placeholder="请选择薪资月份"
clearable
style="width: 200px"
/>
</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>
<!-- 表格 -->
@@ -49,13 +55,13 @@
>
<el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column prop="createTime" label="导出时间" width="180" align="center" />
<el-table-column prop="createTime" label="导出时间" min-width="180" align="center" />
<el-table-column prop="salaryYear" label="薪资年份" width="120" align="center" />
<el-table-column prop="salaryYear" label="薪资年份" min-width="120" align="center" />
<el-table-column prop="salaryMonth" label="薪资月份" width="120" align="center" />
<el-table-column prop="salaryMonth" label="薪资月份" min-width="120" align="center" />
<el-table-column prop="confirm" label="劳务日期锁定" width="150" align="center">
<el-table-column prop="confirm" label="劳务日期锁定" min-width="150" align="center">
<template #default="scope">
<el-tag :type="scope.row.confirm === '1' ? 'success' : 'info'">
{{ scope.row.confirm === '1' ? '是' : '否' }}
@@ -63,7 +69,7 @@
</template>
</el-table-column>
<el-table-column label="操作" min-width="150" align="center" fixed="right">
<el-table-column label="操作" min-width="80" align="center" fixed="right">
<template #default="scope">
<el-button
v-if="permissions.professional_salaryexportrecord_del"
@@ -145,6 +151,16 @@ const handleFilter = () => {
getDataList() // 查询后跳转到第一页
}
// 重置
const resetQuery = () => {
searchFormRef.value?.formRef?.resetFields()
Object.assign(search, {
salaryYear: '',
salaryMonth: ''
})
handleFilter()
}
// 删除
const handleDel = (row: any) => {
messageBox.confirm('确认删除?').then(async () => {
@@ -153,7 +169,7 @@ const handleDel = (row: any) => {
message.success('删除成功')
getDataList(false) // 删除后保持当前页
} catch (error: any) {
message.error(error?.msg || '删除失败')
message.error(error.msg)
}
}).catch(() => {
// 用户取消

51
src/views/professional/teacherawardtax/index.vue
View File

@@ -1,18 +1,6 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<!-- 操作按钮 -->
<el-row>
<div class="mb15" style="width: 100%;">
<el-button
size="small"
v-if="permissions.teacher_award_import"
type="primary"
@click="handleImportBaseSalary">绩效导入
</el-button>
</div>
</el-row>
<!-- 搜索表单 -->
<search-form
v-show="showSearch"
@@ -27,7 +15,6 @@
v-model="search.realName"
placeholder="请输入姓名"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -36,7 +23,6 @@
v-model="search.teacherNo"
placeholder="请输入工号"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -48,13 +34,33 @@
value-format="YYYY"
placeholder="请选择年份"
clearable
style="width: 200px"
/>
</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>
<!-- 操作按钮 -->
<el-row>
<div class="mb15">
<el-button
type="primary"
plain
icon="UploadFilled"
v-if="permissions.teacher_award_import"
@click="handleImportBaseSalary">绩效导入
</el-button>
</div>
</el-row>
<!-- 表格 -->
<el-table
ref="tableRef"
@@ -63,7 +69,6 @@
border
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle"
class="data-table"
>
<el-table-column type="index" label="序号" width="60" align="center" />
@@ -158,6 +163,17 @@ const handleFilter = () => {
getDataList() // 查询后跳转到第一页
}
// 重置
const resetQuery = () => {
searchFormRef.value?.formRef?.resetFields()
Object.assign(search, {
realName: '',
teacherNo: '',
year: ''
})
handleFilter()
}
// 导入
const handleImportBaseSalary = () => {
importAwardTaxRef.value?.init()
@@ -165,7 +181,4 @@ const handleImportBaseSalary = () => {
</script>
<style lang="scss" scoped>
.data-table {
width: 100% !important;
}
</style>

1037
src/views/professional/teacherbase/index.vue
View File

File diff suppressed because it is too large Load Diff

847
src/views/professional/teacherbase/multiDialog.vue
View File

@@ -1,360 +1,7 @@
<template>
<el-dialog v-model="educationDialogFromVisible" width="600" :title="waitShenheForm.title" append-to-body>
<!--2.1 教师资格证-->
<el-form v-if="waitShenheForm.a" ref="teacherCertificateFormRef" :model="waitShenheForm.form" :rules="teacherCertificateRules" label-width="120px">
<el-form-item label="类型" prop="certificateConfId">
<el-select v-model="waitShenheForm.form.certificateConfId" placeholder="请选择类型" style="width: 100%">
<el-option
v-for="item in certificateTypeList"
:key="item.id"
:label="item.cretificateName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="证书编号" prop="certificateNumber">
<el-input
v-model="waitShenheForm.form.certificateNumber"
placeholder="请输入证书编号（仅支持英文和数字）"
show-word-limit
maxlength="64"
@input="handleCertificateNumberInput"
/>
</el-form-item>
<el-form-item label="证明材料">
<el-upload
:headers="headers"
:limit="1"
:action="materialUrlFrom.url"
:file-list="materialUrlFrom.fileListA"
:on-success="materiaUploadSuccessA"
:accept="'.jpg,.jpeg,.png,.pdf'"
>
<div>
<el-button size="small" type="primary">点击上传</el-button>
<div style="margin-top: 8px;">
<el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
</div>
</div>
</el-upload>
</el-form-item>
<el-form-item>
<div style="text-align: right; width: 100%;">
<el-button type="primary" @click="dialogSubmit(0)">提交</el-button>
<el-button @click="educationDialogFromVisible = false">取消</el-button>
</div>
</el-form-item>
</el-form>
<!--2.2 学历-->
<el-form v-if="waitShenheForm.b" ref="educationFormRef" :model="waitShenheForm.form" :rules="educationRules" label-width="120px">
<el-form-item label="毕业时间" prop="graduateTime">
<el-date-picker
v-model="waitShenheForm.form.graduateTime"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="教育类型" prop="type">
<el-select v-model="waitShenheForm.form.type" placeholder="请选择教育类型" style="width: 100%">
<el-option
v-for="item in educationTypeList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="学历" prop="qualificationConfigId">
<el-select v-model="waitShenheForm.form.qualificationConfigId" placeholder="请选择学历" style="width: 100%">
<el-option
v-for="item in qualificationList"
:key="item.id"
:label="item.qualificationName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="学位" prop="degreeConfigId">
<el-select v-model="waitShenheForm.form.degreeConfigId" placeholder="请选择学位" style="width: 100%">
<el-option
v-for="item in degreeList"
:key="item.id"
:label="item.degreeName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="毕业学校" prop="graduateSchool">
<el-input v-model="waitShenheForm.form.graduateSchool" placeholder="请输入毕业学校" />
</el-form-item>
<el-form-item label="所学专业" prop="major">
<el-input v-model="waitShenheForm.form.major" placeholder="请输入所学专业" />
</el-form-item>
<el-form-item label="证书编码" prop="certificateNumber">
<el-input
v-model="waitShenheForm.form.certificateNumber"
placeholder="请输入证书编码（仅支持英文和数字）"
show-word-limit
maxlength="100"
@input="handleCertificateNumberInput"
/>
</el-form-item>
<el-form-item label="学历证书">
<el-upload
:headers="headers"
:limit="1"
:action="materialUrlFrom.url"
:file-list="materialUrlFrom.fileListA"
:on-success="materiaUploadSuccessA"
:accept="'.jpg,.jpeg,.png,.pdf'"
>
<div>
<el-button size="small" type="primary">点击上传</el-button>
<div style="margin-top: 8px;">
<el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
</div>
</div>
</el-upload>
</el-form-item>
<el-form-item label="学位证书">
<el-upload
:headers="headers"
:limit="1"
:action="materialUrlFrom.url"
:on-success="materiaUploadSuccessB"
:file-list="materialUrlFrom.fileListB"
:accept="'.jpg,.jpeg,.png,.pdf'"
>
<div>
<el-button size="small" type="primary">点击上传</el-button>
<div style="margin-top: 8px;">
<el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
</div>
</div>
</el-upload>
</el-form-item>
<el-form-item>
<div style="text-align: right; width: 100%;">
<el-button type="primary" @click="dialogSubmit(1)">提交</el-button>
<el-button @click="educationDialogFromVisible = false">取消</el-button>
</div>
</el-form-item>
</el-form>
<!--2.3 职称-->
<el-form v-if="waitShenheForm.c" ref="proFormRef" :model="waitShenheForm.form" :rules="proRules" label-width="120px">
<el-form-item label="职称等级" prop="professionalTitleConfigId">
<el-select v-model="waitShenheForm.form.professionalTitleConfigId" placeholder="请选择职称等级" style="width: 100%">
<el-option
v-for="item in baseInfoAbout.proTitleList"
:key="item.id"
:label="item.professionalTitle"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="专业技术职务" prop="majorStation">
<el-select v-model="waitShenheForm.form.majorStation" placeholder="请选择专业技术职务" style="width: 100%">
<el-option
v-for="item in baseInfoAbout.majorStationList"
:key="item.id"
:label="item.majorStationName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="取证时间" prop="certificateTime">
<el-date-picker
v-model="waitShenheForm.form.certificateTime"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="职称任职时间" prop="inOfficeDate">
<el-date-picker
v-model="waitShenheForm.form.inOfficeDate"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="证书编号" prop="certificateNumber">
<el-input
v-model="waitShenheForm.form.certificateNumber"
placeholder="请输入证书编号（仅支持英文和数字）"
show-word-limit
maxlength="32"
@input="handleCertificateNumberInput"
/>
</el-form-item>
<el-form-item label="证明材料">
<el-upload
:headers="headers"
:limit="1"
:action="materialUrlFrom.url"
:file-list="materialUrlFrom.fileListA"
:on-success="materiaUploadSuccessA"
:accept="'.jpg,.jpeg,.png,.pdf'"
>
<div>
<el-button size="small" type="primary">点击上传</el-button>
<div style="margin-top: 8px;">
<el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
</div>
</div>
</el-upload>
</el-form-item>
<el-form-item>
<div style="text-align: right; width: 100%;">
<el-button type="primary" @click="dialogSubmit(2)">提交</el-button>
<el-button @click="educationDialogFromVisible = false">取消</el-button>
</div>
</el-form-item>
</el-form>
<!--2.4 职业-->
<el-form v-if="waitShenheForm.d" ref="workFormRef" :model="waitShenheForm.form" :rules="workRules" label-width="120px">
<el-form-item label="职业工种" prop="worker">
<el-select v-model="waitShenheForm.form.worker" filterable placeholder="请选择职业工种" style="width: 100%">
<el-option
v-for="item in baseInfoAbout.workTypeList"
:key="item.id"
:label="item.workName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="等级" prop="qualificationConfigId">
<el-select v-model="waitShenheForm.form.qualificationConfigId" placeholder="请选择等级" style="width: 100%">
<el-option
v-for="item in baseInfoAbout.qualificationList"
:key="item.id"
:label="item.levelName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="取证时间" prop="certificateTime">
<el-date-picker
v-model="waitShenheForm.form.certificateTime"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="证书编号" prop="certificateNumber">
<el-input
v-model="waitShenheForm.form.certificateNumber"
placeholder="请输入证书编号（仅支持英文和数字）"
show-word-limit
maxlength="32"
@input="handleCertificateNumberInput"
/>
</el-form-item>
<el-form-item label="材料1">
<el-upload
:headers="headers"
:limit="1"
:action="materialUrlFrom.url"
:file-list="materialUrlFrom.fileListA"
:on-success="materiaUploadSuccessA"
:accept="'.jpg,.jpeg,.png,.pdf'"
>
<div>
<el-button size="small" type="primary">点击上传</el-button>
<div style="margin-top: 8px;">
<el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
</div>
</div>
</el-upload>
</el-form-item>
<el-form-item>
<div style="text-align: right; width: 100%;">
<el-button type="primary" @click="dialogSubmit(3)">提交</el-button>
<el-button @click="educationDialogFromVisible = false">取消</el-button>
</div>
</el-form-item>
</el-form>
<!--2.5 综合表彰-->
<el-form v-if="waitShenheForm.e" ref="honorFormRef" :model="waitShenheForm.form" :rules="honorRules" label-width="120px">
<el-form-item label="荣誉" prop="honor">
<el-input v-model="waitShenheForm.form.honor" placeholder="请填写荣誉" />
</el-form-item>
<el-form-item label="表彰单位" prop="honorCompany">
<el-input v-model="waitShenheForm.form.honorCompany" placeholder="请填写表彰单位" />
</el-form-item>
<el-form-item label="年份" prop="year">
<el-date-picker
v-model="waitShenheForm.form.year"
type="year"
placeholder="选择年份"
format="yyyy"
value-format="yyyy"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="证明材料">
<el-upload
:headers="headers"
:limit="1"
:action="materialUrlFrom.url"
:on-success="materiaUploadSuccessA"
:file-list="materialUrlFrom.fileListA"
:accept="'.jpg,.jpeg,.png,.pdf'"
>
<div>
<el-button size="small" type="primary">点击上传</el-button>
<div style="margin-top: 8px;">
<el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
</div>
</div>
</el-upload>
</el-form-item>
<el-form-item>
<div style="text-align: right; width: 100%;">
<el-button type="primary" @click="dialogSubmit(4)">提交</el-button>
<el-button @click="educationDialogFromVisible = false">取消</el-button>
</div>
</el-form-item>
</el-form>
<!--2.6 人员调动-->
<el-form v-if="waitShenheForm.f" ref="stationChangeFormRef" :model="waitShenheForm.form" :rules="stationChangeRules" label-width="120px">
<el-dialog v-model="dialogVisible" width="600" :title="waitShenheForm.title" append-to-body>
<!--人员调动-->
<el-form v-if="waitShenheForm.isPersonnelTransfer" ref="stationChangeFormRef" :model="waitShenheForm.form" :rules="stationChangeRules" label-width="120px">
<el-form-item label="工号">
<el-tag>{{waitShenheForm.form.teacherNo}}</el-tag>
</el-form-item>
@@ -415,12 +62,12 @@
<el-form-item>
<div style="text-align: right; width: 100%;">
<el-button type="primary" @click="dialogSubmit(5)">提交</el-button>
<el-button @click="educationDialogFromVisible = false">取消</el-button>
<el-button @click="dialogVisible = false">取消</el-button>
</div>
</el-form-item>
</el-form>
<!--2.7 党员调动-->
<el-form v-if="waitShenheForm.g" ref="partChangeFormRef" :model="waitShenheForm.form" :rules="partChangeRules" label-width="120px">
<!--党员调动-->
<el-form v-if="waitShenheForm.isPartyTransfer" ref="partChangeFormRef" :model="waitShenheForm.form" :rules="partChangeRules" label-width="120px">
<el-form-item label="工号">
<el-tag>{{waitShenheForm.form.teacherNo}}</el-tag>
</el-form-item>
@@ -472,7 +119,7 @@
<el-form-item>
<div style="text-align: right; width: 100%;">
<el-button type="primary" @click="dialogSubmit(6)">提交</el-button>
<el-button @click="educationDialogFromVisible = false">取消</el-button>
<el-button @click="dialogVisible = false">取消</el-button>
</div>
</el-form-item>
</el-form>
@@ -480,178 +127,106 @@
</template>
<script setup lang="ts">
import { ref, reactive, computed } from 'vue'
import { ref, reactive } from 'vue'
import { useMessage, useMessageBox } from '/@/hooks/message'
import { updateOtherInfo, getMyTeacherNo, getAllInfoAboutList } from '/@/api/professional/professionaluser/teacherbase'
import { checkLocked } from '/@/api/professional/professionalstatuslock'
import { getAllInfoAboutList } from '/@/api/professional/professionaluser/teacherbase'
import { getDeptListByLevelTwo, getDeptListByParent as getDeptListByParentApi } from '/@/api/basic/basicdept'
import { getTeacherCertificateList } from '/@/api/professional/rsbase/professionalteachercertificateconf'
import { getAllTypeList } from '/@/api/professional/rsbase/professionalacademiceducationtypeconfig'
import { getQualificationList } from '/@/api/professional/rsbase/academicqualificationsconfig'
import { getDegreeList } from '/@/api/professional/rsbase/professionalacademicdegreeconfig'
import { addObj as addStationChangeObj } from '/@/api/professional/professionaluser/professionalteacherstationchange'
import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluser/professionalpartychange'
import { addObj as addStationChangeObj } from '/@/api/professional/professionaluser/professionalteacherstationchange'
import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluser/professionalpartychange'
import global from '/@/components/tools/commondict.vue'
import { Session } from '/@/utils/storage'
import type { Pagination } from '/@/hooks/table'
// 表单类型常量
const FORM_TYPE = {
PERSONNEL_TRANSFER: 5, // 人员调动
PARTY_TRANSFER: 6 // 党员调动
} as const
// 类型定义
interface FormData {
newDeptCodeList?: any[]
deptCodeList?: any[]
teacherNo?: string
realName?: string
userName?: string
deptName?: string
id?: string
oldBranchId?: string
oldBranchName?: string
newDeptCode?: string
newSecDeptCode?: string
changeDate?: string
pos?: string
remarks?: string
branchName?: string
partyFee?: number
changeTime?: string
[key: string]: any
}
interface WaitShenheForm {
form: FormData
title: string
isPersonnelTransfer: boolean
isPartyTransfer: boolean
}
// 字典数据
const certificateTypeList = ref<any[]>([])
const educationTypeList = ref<any[]>([])
const qualificationList = ref<any[]>([])
const degreeList = ref<any[]>([])
// 表单 ref
const teacherCertificateFormRef = ref()
const educationFormRef = ref()
const proFormRef = ref()
const workFormRef = ref()
const honorFormRef = ref()
const stationChangeFormRef = ref()
const partChangeFormRef = ref()
// 表单验证规则
const teacherCertificateRules = {
certificateConfId: [{ required: true, message: '请选择类型', trigger: 'change' }],
certificateNumber: [
{ required: true, message: '请输入证书编号', trigger: 'blur' },
{ pattern: /^[A-Za-z0-9]+$/, message: '证书编号只能包含英文和数字', trigger: 'blur' }
]
}
const educationRules = {
graduateTime: [{ required: true, message: '请输入毕业时间', trigger: 'change' }],
type: [{ required: true, message: '请选择教育类型', trigger: 'change' }],
graduateSchool: [{ required: true, message: '请输入毕业学校', trigger: 'blur' }],
major: [{ required: true, message: '请输入所学专业', trigger: 'blur' }],
certificateNumber: [
{ required: true, message: '请输入证书编码', trigger: 'blur' },
{ pattern: /^[A-Za-z0-9]+$/, message: '证书编码只能包含英文和数字', trigger: 'blur' }
]
}
const proRules = {
professionalTitleConfigId: [{ required: true, message: '请选择职称等级', trigger: 'change' }],
majorStation: [{ required: true, message: '请选择专业技术职务', trigger: 'change' }],
certificateTime: [{ required: true, message: '请选择取证时间', trigger: 'change' }],
certificateNumber: [
{ required: true, message: '请输入证书编号', trigger: 'blur' },
{ pattern: /^[A-Za-z0-9]+$/, message: '证书编号只能包含英文和数字', trigger: 'blur' }
]
}
const workRules = {
worker: [{ required: true, message: '请选择职业工种', trigger: 'change' }],
qualificationConfigId: [{ required: true, message: '请选择等级', trigger: 'change' }],
certificateTime: [{ required: true, message: '请选择取证时间', trigger: 'change' }],
certificateNumber: [
{ required: true, message: '请输入证书编号', trigger: 'blur' },
{ pattern: /^[A-Za-z0-9]+$/, message: '证书编号只能包含英文和数字', trigger: 'blur' }
]
}
const honorRules = {
honor: [{ required: true, message: '请填写荣誉', trigger: 'blur' }],
honorCompany: [{ required: true, message: '请填写表彰单位', trigger: 'blur' }],
year: [{ required: true, message: '请输入年份', trigger: 'change' }]
}
// 人员调动验证规则
const stationChangeRules = {
newDeptCode: [{ required: true, message: '请选择要调入的二级部门', trigger: 'change' }],
changeDate: [{ required: true, message: '请选择调令日期', trigger: 'change' }],
pos: [{ required: true, message: '请选择岗位类型', trigger: 'change' }]
}
// 党员调动验证规则
const partChangeRules = {
branchName: [{ required: true, message: '请选择现支部', trigger: 'change' }],
changeTime: [{ required: true, message: '请选择变动时间', trigger: 'change' }]
}
// 获取字典数据
const loadCertificateTypeList = async () => {
try {
const res = await getTeacherCertificateList()
certificateTypeList.value = res.data || []
} catch (err) {
// 获取证书类型列表失败
}
}
const loadEducationTypeList = async () => {
try {
const res = await getAllTypeList()
educationTypeList.value = res.data || []
} catch (err) {
// 获取教育类型列表失败
}
}
const loadQualificationList = async () => {
try {
const res = await getQualificationList()
qualificationList.value = res.data || []
} catch (err) {
// 获取学历列表失败
}
}
const loadDegreeList = async () => {
try {
const res = await getDegreeList()
degreeList.value = res.data || []
} catch (err) {
// 获取学位列表失败
}
}
// Props
/**
* 定义Props
* @param page 分页信息
* @param nowRow 当前行数据
*/
const props = defineProps<{
page: any
nowRow: any
page?: Pagination
nowRow: Record<string, any>
}>()
// Emits
const emit = defineEmits(['getList'])
/**
* 定义Emits
*/
const emit = defineEmits<{
(e: 'getList', page?: Pagination): void
}>()
// 消息提示 hooks
const message = useMessage()
const messageBox = useMessageBox()
// 响应式数据
const educationDialogFromVisible = ref(false)
const waitShenheForm = reactive({
form: {
newDeptCodeList: [] as any[],
deptCodeList: [] as any[]
} as any,
title: '',
a: false,
b: false,
c: false,
d: false,
e: false,
f: false,
g: false
})
const dialogVisible = ref(false)
const materialUrlFrom = reactive({
url: '/professional/file/teacherAboutInfoUpload',
fileListA: [] as any[],
fileListB: [] as any[],
fileListC: [] as any[]
/**
* 等待审核表单
*/
const waitShenheForm = reactive<WaitShenheForm>({
form: {
newDeptCodeList: [],
deptCodeList: []
},
title: '',
isPersonnelTransfer: false,
isPartyTransfer: false
})
const baseInfoAbout = reactive({
stationTypeList: [] as any[],
atStationList: [] as any[],
teacherTypeList: [] as any[],
partBranchList: [] as any[],
employmentNatureList: [] as any[],
stationLevelList: [] as any[],
stationDutyLevelList: [] as any[],
workTypeList: [] as any[],
proTitleList: [] as any[],
majorStationList: [] as any[],
qualificationList: [] as any[]
partBranchList: [] as any[]
})
const secDeptList = ref<any[]>([])
@@ -660,198 +235,85 @@ import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluse
const newSecChildDeptCode = ref('')
const teacherNo = ref('')
// Computed
const headers = computed(() => {
return {
"Authorization": 'Bearer ' + Session.getToken()
}
})
// 方法定义
/**
* 初始化字典数据
*/
const initDicData = async () => {
try {
const response = await getAllInfoAboutList()
const map = response.data
baseInfoAbout.stationTypeList = map['stationTypeList'] || []
baseInfoAbout.atStationList = map['atStationList'] || []
baseInfoAbout.teacherTypeList = map['teacherTypeList'] || []
baseInfoAbout.employmentNatureList = map['employmentNatureList'] || []
baseInfoAbout.stationLevelList = map['stationLevelList'] || []
baseInfoAbout.stationDutyLevelList = map['stationDutyLevelList'] || []
baseInfoAbout.workTypeList = map['workTypeList'] || []
baseInfoAbout.proTitleList = map['proTitleList'] || []
baseInfoAbout.majorStationList = map['majorStationList'] || []
baseInfoAbout.qualificationList = map['qualificationList'] || []
baseInfoAbout.partBranchList = map['partBranchList'] || []
} catch (error) {
// 获取基础信息失败
}
// 加载字典数据
loadCertificateTypeList()
loadEducationTypeList()
loadQualificationList()
loadDegreeList()
const response = await getAllInfoAboutList()
const map = response.data
baseInfoAbout.partBranchList = map['partBranchList'] || []
}
/**
* 初始化对话框
* @param val 表单类型：5-人员调动，6-党员调动
*/
const init = async (val: number) => {
if (val !== FORM_TYPE.PERSONNEL_TRANSFER && val !== FORM_TYPE.PARTY_TRANSFER) {
return
}
await initDicData()
if (val === 5 || val === 6) {
teacherNo.value = props.nowRow.teacherNo
handleWaitExam(val)
} else {
// 重置表单数据
Object.keys(waitShenheForm.form).forEach(key => {
if (key !== 'newDeptCodeList' && key !== 'deptCodeList') {
(waitShenheForm.form as any)[key] = ''
}
})
teacherNo.value = props.nowRow.teacherNo
handleFormType(val)
}
/**
* 处理表单类型显示
* @param val 表单类型
*/
const handleFormType = (val: number) => {
// 重置所有表单状态
waitShenheForm.isPersonnelTransfer = false
waitShenheForm.isPartyTransfer = false
if (val === FORM_TYPE.PERSONNEL_TRANSFER) {
// 人员调动：加载部门数据
waitShenheForm.title = "人员调动"
waitShenheForm.isPersonnelTransfer = true
waitShenheForm.form = { ...props.nowRow }
waitShenheForm.form.newDeptCodeList = []
waitShenheForm.form.deptCodeList = []
materialUrlFrom.fileListA = []
materialUrlFrom.fileListB = []
materialUrlFrom.fileListC = []
materialUrlFrom.url = '/professional/file/teacherAboutInfoUpload'
newSecDeptCode.value = ''
newSecChildDeptCode.value = ''
// 状态码映射
const statusCodeMap: Record<number, string> = {
0: "teacherTitle",
1: "acade",
2: "title",
3: "job",
4: "remix"
}
const statusCode = statusCodeMap[val]
if (statusCode) {
try {
const lockResponse = await checkLocked(statusCode)
if (lockResponse.data) {
message.warning("新增功能已锁定，暂不允许操作")
return
}
const response = await getMyTeacherNo()
teacherNo.value = response.data
handleWaitExam(val)
} catch (error) {
message.error('操作失败')
}
} else {
handleWaitExam(val)
}
}
}
const handleWaitExam = (val: number) => {
materialUrlFrom.url = '/professional/file/teacherAboutInfoUpload'
waitShenheForm.a = false
waitShenheForm.b = false
waitShenheForm.c = false
waitShenheForm.d = false
waitShenheForm.e = false
waitShenheForm.f = false
waitShenheForm.g = false
// 表单类型配置
const formConfig: Record<number, { title: string; field: 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' }> = {
0: { title: "教师资格证", field: 'a' },
1: { title: "学历更新", field: 'b' },
2: { title: "职称更新", field: 'c' },
3: { title: "职业更新", field: 'd' },
4: { title: "综合表彰", field: 'e' },
5: { title: "人员调动", field: 'f' },
6: { title: "党员调动", field: 'g' }
}
const config = formConfig[val]
if (config) {
waitShenheForm.title = config.title
;(waitShenheForm as any)[config.field] = true
// 特殊处理
if (val === 4) {
// 综合表彰：重置相关字段
materialUrlFrom.fileListA = []
waitShenheForm.form.honor = ''
waitShenheForm.form.honorCompany = ''
waitShenheForm.form.year = ''
waitShenheForm.form.attachment = ''
} else if (val === 5) {
// 人员调动：加载部门数据
waitShenheForm.form = { ...props.nowRow }
waitShenheForm.form.newDeptCodeList = []
waitShenheForm.form.deptCodeList = []
newSecDeptCode.value = ''
newSecChildDeptCode.value = ''
getDeptListByLevelTwo().then((res: any) => {
secDeptList.value = res.data
educationDialogFromVisible.value = true
}).catch(() => {
message.error('获取部门列表失败')
})
} else if (val === 6) {
// 党员调动：设置原支部
waitShenheForm.form = { ...props.nowRow }
waitShenheForm.form.oldBranchName = waitShenheForm.form.oldBranchId
}
}
materialUrlFrom.url = `${materialUrlFrom.url}?teacherNo=${teacherNo.value}&type=${val}`
if (val !== 5) {
educationDialogFromVisible.value = true
getDeptListByLevelTwo().then((res: any) => {
secDeptList.value = res.data || []
dialogVisible.value = true
})
} else if (val === FORM_TYPE.PARTY_TRANSFER) {
// 党员调动：设置原支部
waitShenheForm.title = "党员调动"
waitShenheForm.isPartyTransfer = true
waitShenheForm.form = { ...props.nowRow }
waitShenheForm.form.id = ''
waitShenheForm.form.realName = waitShenheForm.form.userName || waitShenheForm.form.realName
waitShenheForm.form.oldBranchName = waitShenheForm.form.oldBranchId
dialogVisible.value = true
}
}
// 证书编号输入处理（只允许英文和数字）
const handleCertificateNumberInput = (value: string) => {
waitShenheForm.form.certificateNumber = value.replace(/[^A-Za-z0-9]/g, '')
}
// 文件上传成功处理
const materiaUploadSuccessA = (response: any) => {
if (response.data?.code === "-1") {
message.error("当前不允许上传文件")
return
}
waitShenheForm.form.mateA = response.data.url
}
const materiaUploadSuccessB = (response: any) => {
if (response.data?.code === "-1") {
message.error("当前不允许上传文件")
return
}
waitShenheForm.form.mateB = response.data.url
}
/**
* 提交表单
* @param val 表单类型：5-人员调动，6-党员调动
*/
const dialogSubmit = async (val: number) => {
waitShenheForm.form.type = val
if (val !== FORM_TYPE.PERSONNEL_TRANSFER && val !== FORM_TYPE.PARTY_TRANSFER) {
return
}
waitShenheForm.form.teacherNo = teacherNo.value
// 表单验证配置
const formRefMap: Record<number, any> = {
0: teacherCertificateFormRef.value,
1: educationFormRef.value,
2: proFormRef.value,
3: workFormRef.value,
4: honorFormRef.value,
5: stationChangeFormRef.value,
6: partChangeFormRef.value
[FORM_TYPE.PERSONNEL_TRANSFER]: stationChangeFormRef.value,
[FORM_TYPE.PARTY_TRANSFER]: partChangeFormRef.value
}
const formRef = formRefMap[val]
// 材料验证
if (val === 0 || val === 2 || val === 3 || val === 4) {
// 需要上传材料A的表单
if (!waitShenheForm.form.mateA) {
message.info("请上传资料")
return
}
} else if (val === 1) {
// 学历：需要上传材料A或材料B
if (!waitShenheForm.form.mateA && !waitShenheForm.form.mateB) {
message.info("请上传学历或学位证书")
return
}
} else if (val === 5) {
// 人员调动：需要选择部门
// 人员调动：需要选择部门
if (val === FORM_TYPE.PERSONNEL_TRANSFER) {
if (!newSecDeptCode.value) {
message.info("请选择要调入的部门")
return
@@ -871,38 +333,42 @@ import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluse
try {
await messageBox.confirm('确认提交?')
let res
if (val === 5) {
let res: any
if (val === FORM_TYPE.PERSONNEL_TRANSFER) {
// 人员调动：使用人员调动接口
res = await addStationChangeObj(waitShenheForm.form)
} else if (val === 6) {
} else if (val === FORM_TYPE.PARTY_TRANSFER) {
// 党员调动：使用党员调动接口
res = await addPartyChangeObj(waitShenheForm.form)
} else {
// 其他类型：走通用“其他信息”更新接口
res = await updateOtherInfo(waitShenheForm.form)
}
if (res.data === '-1') {
if (res && res.data === '-1') {
message.warning("当前不允许提交")
} else {
} else if (res) {
message.success("提交成功")
emit("getList", props.page)
dialogVisible.value = false
}
emit("getList", props.page)
educationDialogFromVisible.value = false
} catch (err) {
// 用户取消
} catch (err: any) {
// 处理业务错误
message.error(err.msg)
}
}
/**
* 获取子部门列表
*/
const getDeptListByParent = async () => {
newSecChildDeptCode.value = ''
newSecChildDeptCodeList.value = []
try {
const res = await getDeptListByParentApi(newSecDeptCode.value)
newSecChildDeptCodeList.value = res.data
} catch (error) {
message.error('获取部门列表失败')
if (!newSecDeptCode.value) {
return
}
const res = await getDeptListByParentApi(newSecDeptCode.value)
newSecChildDeptCodeList.value = res.data || []
}
// 暴露方法
@@ -911,6 +377,3 @@ import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluse
})
</script>
<style scoped>
</style>

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

@@ -1,36 +1,6 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<!-- 操作按钮 -->
<el-row>
<div class="mb15" style="width: 100%;">
<el-button
size="small"
v-if="permissions.professional_salary_import"
type="primary"
@click="handleImportBaseSalary">工资条导入
</el-button>
<el-button
type="primary"
size="small"
v-if="permissions.professional_seach_auth"
@click="canSearch(1)">设置可查询
</el-button>
<el-button
type="primary"
size="small"
v-if="permissions.professional_seach_auth"
@click="canSearch(0)">设置不可查询
</el-button>
<el-button
type="primary"
size="small"
v-if="permissions.professional_professionalsalaries_del"
@click="delbatch">批量删除
</el-button>
</div>
</el-row>
<!-- 搜索表单 -->
<search-form
v-show="showSearch"
@@ -45,7 +15,6 @@
v-model="search.teacherNo"
placeholder="请输入工号"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -54,7 +23,6 @@
v-model="search.realName"
placeholder="请输入姓名"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -63,7 +31,6 @@
v-model="search.idCard"
placeholder="请输入身份证号"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -75,7 +42,6 @@
value-format="YYYY"
placeholder="请选择年份"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -87,7 +53,6 @@
value-format="M"
placeholder="请选择月份"
clearable
style="width: 200px"
/>
</el-form-item>
@@ -97,7 +62,6 @@
filterable
clearable
placeholder="请选择岗位类别"
style="width: 200px"
>
<el-option
v-for="item in stationLevelList"
@@ -109,8 +73,49 @@
</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>
<!-- 操作按钮 -->
<el-row>
<div class="mb15">
<el-button
type="primary"
plain
icon="UploadFilled"
v-if="permissions.professional_salary_import"
@click="handleImportBaseSalary">工资条导入
</el-button>
<el-button
icon="View"
class="ml10"
v-if="permissions.professional_seach_auth"
@click="canSearch(1)">设置可查询
</el-button>
<el-button
icon="Hide"
class="ml10"
v-if="permissions.professional_seach_auth"
@click="canSearch(0)">设置不可查询
</el-button>
<el-button
type="danger"
plain
icon="Delete"
class="ml10"
v-if="permissions.professional_professionalsalaries_del"
@click="delbatch">批量删除
</el-button>
</div>
</el-row>
<!-- 表格 -->
<el-table
ref="tableRef"
@@ -149,7 +154,7 @@
<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' ? '是' : '否' }}
{{ scope.row.normalView === '1' ? '可查询' : '不可查询' }}
</el-tag>
</template>
</el-table-column>
@@ -285,6 +290,20 @@ const handleFilter = () => {
getDataList() // 查询后跳转到第一页
}
// 重置
const resetQuery = () => {
searchFormRef.value?.formRef?.resetFields()
Object.assign(search, {
teacherNo: '',
realName: '',
idCard: '',
nf: '',
yf: '',
stationTypeId: ''
})
handleFilter()
}
// 选择变化
const selectionChange = (selection: any[]) => {
selectList.value = selection
@@ -303,7 +322,7 @@ const handleImportBaseSalary = () => {
// 批量删除
const delbatch = () => {
if (selectList.value.length === 0) {
message.info("请至少选择一名人员")
message.warning("请至少选择一名人员")
return
}
@@ -315,7 +334,7 @@ const delbatch = () => {
if (response.data.code == -1) {
message.error(response.data.data)
} else {
message.info("删除成功")
message.success("删除成功")
getDataList(false) // 删除后保持当前页
}
} catch (error: any) {
@@ -329,7 +348,7 @@ const delbatch = () => {
// 设置可查询/不可查询
const canSearch = (val: number) => {
if (selectList.value.length === 0) {
message.info("请至少选择一名人员")
message.warning("请至少选择一名人员")
return
}

502
src/views/professional/teacherpayslip/salaryInfo.vue
View File

@@ -1,73 +1,78 @@
<template>
<el-dialog v-model="visible" width="100%" v-loading="baseLoading" top="0" :close-on-click-modal="false" destroy-on-close>
<!--基本信息-->
<el-card shadow="hover">
<el-row :span="24">
<el-col>
<el-table
:data="salaryData.baseInfo"
style="width: 100%">
<el-table-column
prop="realName"
label="姓名"
width="80">
</el-table-column>
<el-table-column
prop="idCard"
label="身份证号"
width="200">
</el-table-column>
<el-dialog
v-model="visible"
width="95%"
v-loading="baseLoading"
top="2vh"
:close-on-click-modal="false"
destroy-on-close
class="salary-info-dialog"
>
<div class="salary-info-container">
<!--基本信息-->
<div class="base-info-section">
<div class="base-info-content">
<div class="info-group">
<div class="info-item">
<span class="info-label">姓名：</span>
<el-tag v-if="salaryData.baseInfo[0]?.realName">{{ salaryData.baseInfo[0].realName }}</el-tag>
<span v-else class="info-value">-</span>
</div>
<div class="info-item">
<span class="info-label">身份证号：</span>
<el-tag v-if="salaryData.baseInfo[0]?.idCard">{{ salaryData.baseInfo[0].idCard }}</el-tag>
<span v-else class="info-value">-</span>
</div>
</div>
<el-form :model="nowUser" :inline="true" class="search-form">
<el-form-item label="年份">
<el-date-picker
v-model="nowUser.nf"
type="year"
format="YYYY"
value-format="YYYY"
placeholder="选择年"
style="width: 150px">
</el-date-picker>
</el-form-item>
<el-form-item label="月份">
<el-date-picker
v-model="nowUser.yff"
type="month"
format="M"
value-format="M"
placeholder="选择月"
style="width: 150px">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button @click="searchUserInfo" type="primary" icon="Search">
查询
</el-button>
</el-form-item>
</el-form>
</div>
</div>
<el-table-column
label="年份"
width="300">
<template #default>
<el-date-picker
v-model="nowUser.nf"
type="year"
format="YYYY"
value-format="YYYY"
style="width: 200px"
placeholder="选择年">
</el-date-picker>
</template>
</el-table-column>
<el-table-column
label="月份"
width="300">
<template #default>
<el-date-picker
v-model="nowUser.yff"
type="month"
format="M"
value-format="M"
style="width: 200px"
placeholder="选择月">
</el-date-picker>
</template>
</el-table-column>
<el-table-column
label="操作"
width="200">
<template #default>
<el-button @click="searchUserInfo" type="primary" size="small">搜索</el-button>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</el-card>
<el-card shadow="hover">
<!--应发部分-->
<el-row>
<el-col :span="24">
<el-table
:data="salaryData.baseInfo"
size="small"
border
>
<el-card shadow="hover" class="info-card">
<template #header>
<div class="card-header">
<el-icon><Money /></el-icon>
<span>工资明细</span>
</div>
</template>
<!--应发部分-->
<div class="section-title">
<el-icon><TrendCharts /></el-icon>
<span>应发部分</span>
</div>
<el-table
:data="salaryData.baseInfo"
size="small"
border
class="salary-table"
style="width: 100%"
>
<el-table-column label="应发部分">
<el-table-column prop="baseSalary" label="基础专项绩效" min-width="60" align="center"></el-table-column>
<el-table-column prop="postSalary" label="岗位工资" min-width="60" align="center"></el-table-column>
@@ -97,41 +102,53 @@
<el-table-column label="基础工资应税收入" prop="shouldTaxMoney" min-width="60" align="center"></el-table-column>
</el-table-column>
</el-table>
<el-tag type="danger">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金 </el-tag>
</el-col>
</el-row>
<!--应扣部分-->
<el-row>
<el-col :span="24">
<el-table
size="small"
border
:data="salaryData.baseInfo"
style="width: 100%">
<div class="formula-tag">
<el-tag type="danger" size="small">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金</el-tag>
</div>
<!--应扣部分-->
<div class="section-title">
<el-icon><Remove /></el-icon>
<span>应扣部分</span>
</div>
<el-table
size="small"
border
:data="salaryData.baseInfo"
class="salary-table"
style="width: 100%">
<el-table-column label="应扣部分">
<el-table-column label="住房公积金" width="90" prop="houseFund"></el-table-column>
<el-table-column label="医疗保险金" width="90" prop="medicalInsurance"></el-table-column>
<el-table-column label="失业保险金" width="90" prop="unemployInsurance"></el-table-column>
<el-table-column label="养老保险金" width="90" prop="endowInsurance"></el-table-column>
<el-table-column label="工会费" width="60" prop="unionFee"></el-table-column>
<el-table-column label="儿童统筹" width="90" prop="childrenWhole"></el-table-column>
<el-table-column label="住房公积金" min-width="90" prop="houseFund"></el-table-column>
<el-table-column label="医疗保险金" min-width="90" prop="medicalInsurance"></el-table-column>
<el-table-column label="失业保险金" min-width="90" prop="unemployInsurance"></el-table-column>
<el-table-column label="养老保险金" min-width="90" prop="endowInsurance"></el-table-column>
<el-table-column label="工会费" min-width="60" prop="unionFee"></el-table-column>
<el-table-column label="儿童统筹" min-width="90" prop="childrenWhole"></el-table-column>
<el-table-column label="个人所得税" width="90" prop="personalTax"></el-table-column>
<el-table-column label="其他扣款" width="90" prop="otherDeduction"></el-table-column>
<el-table-column label="病事假扣款" width="90" prop="sickDeduction"></el-table-column>
<el-table-column label="医疗救助基金" width="90" prop="medicalFund"></el-table-column>
<el-table-column label="工伤保险" width="90" prop="inductrialInjury"></el-table-column>
<el-table-column label="个人补缴" width="90" prop="personalPay"></el-table-column>
<el-table-column label="应扣合计" width="90" prop="withhold"></el-table-column>
<el-table-column label="其他扣款" min-width="90" prop="otherDeduction"></el-table-column>
<el-table-column label="病事假扣款" min-width="90" prop="sickDeduction"></el-table-column>
<el-table-column label="医疗救助基金" min-width="90" prop="medicalFund"></el-table-column>
<el-table-column label="工伤保险" min-width="90" prop="inductrialInjury"></el-table-column>
<el-table-column label="个人补缴" min-width="90" prop="personalPay"></el-table-column>
<el-table-column label="应扣合计" min-width="90" prop="withhold"></el-table-column>
</el-table-column>
</el-table>
<el-tag>个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
</el-col>
</el-row>
<div class="formula-tag">
<el-tag size="small">个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
</div>
<!--劳务费-->
<el-row v-if="showAllContent">
<el-col :span="24">
<el-table size="small" border :data="allProjectData">
<!--劳务费-->
<div v-if="showAllContent" class="section-title">
<el-icon><Document /></el-icon>
<span>造单收入清单</span>
</div>
<el-table
v-if="showAllContent"
size="small"
border
:data="allProjectData"
class="salary-table"
style="width: 100%">
<el-table-column label="造单收入清单">
<el-table-column label="造单部门" prop="deptName"></el-table-column>
<el-table-column label="造单人" prop="createName"></el-table-column>
@@ -146,17 +163,19 @@
</el-table-column>
</el-table-column>
</el-table>
</el-col>
</el-row>
<!--专项扣除-->
<el-row v-if="showAllContent">
<el-col :span="24">
<el-table
size="small"
border
:data="salaryExtendData"
style="width: 100%">
<!--专项扣除-->
<div v-if="showAllContent" class="section-title">
<el-icon><DataAnalysis /></el-icon>
<span>个税计算数据</span>
</div>
<el-table
v-if="showAllContent"
size="small"
border
:data="salaryExtendData"
class="salary-table"
style="width: 100%">
<el-table-column label="个税计算数据">
<el-table-column prop="currentIncome" label="应税收入" min-width="60" align="center"></el-table-column>
<el-table-column prop="totalIncome" label="累计收入额" min-width="60" align="center"></el-table-column>
@@ -178,37 +197,46 @@
<el-table-column prop="totalRetrieveTax" label="累计应补(退)税额" min-width="60" align="center"></el-table-column>
</el-table-column>
</el-table>
<el-tag type="warning">应税收入= 基础工资应税收入+造单收入 </el-tag> &nbsp;&nbsp;
<el-tag type="success">累计专项扣除=当年累计个人承担的住房公积金+医疗保险金+失业保险金+养老保险金 </el-tag>
</el-col>
</el-row>
<div v-if="showAllContent" class="formula-tag">
<el-tag type="warning" size="small">应税收入= 基础工资应税收入+造单收入</el-tag>
<el-tag type="success" size="small" class="ml10">累计专项扣除=当年累计个人承担的住房公积金+医疗保险金+失业保险金+养老保险金</el-tag>
</div>
<!--实发合计-->
<el-row>
<el-col :span="24">
<el-table
size="small"
border
:data="[staticsData]"
empty-text=" ">
<!--实发合计-->
<div class="section-title">
<el-icon><Wallet /></el-icon>
<span>实发合计</span>
</div>
<el-table
size="small"
border
:data="[staticsData]"
class="salary-table summary-table"
empty-text=" "
style="width: 100%">
<el-table-column label="小计">
<el-table-column label="应发工资" prop="shouldPay"></el-table-column>
<el-table-column label="应扣合计" prop="shouldDedu"></el-table-column>
<el-table-column label="实发工资" prop="realWage"></el-table-column>
</el-table-column>
</el-table>
<el-tag type="primary">实发工资= 应发工资-应扣合计 </el-tag>
</el-col>
</el-row>
</el-card>
<div class="formula-tag">
<el-tag type="primary" size="small">实发工资= 应发工资-应扣合计</el-tag>
</div>
</el-card>
</div>
</el-dialog>
</template>
<script setup lang="ts">
import { ref, reactive, nextTick } from 'vue'
import { Money, TrendCharts, Remove, Document, DataAnalysis, Wallet, Search } from '@element-plus/icons-vue'
import { useMessage } from '/@/hooks/message'
import { queryUserInfo, queryExtendSalaryInfo } from '/@/api/professional/salaries/teacherpayslip'
import { checkAuth } from '/@/api/professional/salaries/teachersalary'
const message = useMessage()
// 对话框显示状态
const visible = ref(false)
@@ -269,11 +297,25 @@ const queryExtendSalaryInfoMethod = async (row: any) => {
// 搜索用户信息
const searchUserInfo = async () => {
if (!nowUser.value.idCard) {
message.warning('请输入身份证号')
return
}
if (!nowUser.value.nf) {
message.warning('请选择年份')
return
}
if (!nowUser.value.yff) {
message.warning('请选择月份')
return
}
baseLoading.value = true
const data = { idCard: nowUser.value.idCard, nf: nowUser.value.nf, yf: nowUser.value.yff }
try {
const response = await queryUserInfo(data)
if (response.data.data == null) {
message.info('未查询到该时间段的数据')
salaryData.baseInfo = []
const obj: any = {}
obj.realName = nowUser.value.realName
@@ -291,11 +333,15 @@ const searchUserInfo = async () => {
} else {
const resData = response.data.data
resData.realName = nowUser.value.realName
resData.nf = nowUser.value.nf
resData.yf = nowUser.value.yff
resData.teacherNo = nowUser.value.teacherNo
makeUserInfo(resData)
await queryExtendSalaryInfoMethod(resData)
message.success('查询成功')
}
} catch (error) {
// 查询失败
} catch (error: any) {
message.error(error?.msg || '查询失败')
} finally {
baseLoading.value = false
}
@@ -319,5 +365,207 @@ defineExpose({
})
</script>
<style scoped>
<style lang="scss" scoped>
.salary-info-dialog {
:deep(.el-dialog__body) {
padding: 10px !important;
max-height: calc(100vh - 120px);
overflow-y: auto;
}
}
.salary-info-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.section-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #ebeef5;
font-size: 16px;
font-weight: 600;
color: #303133;
.el-icon {
font-size: 18px;
color: var(--el-color-primary);
}
}
.section-header-inline {
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: #303133;
margin-right: 16px;
.el-icon {
font-size: 16px;
color: var(--el-color-primary);
}
}
.info-card {
:deep(.el-card__header) {
padding: 16px 20px;
background: #f5f7fa;
border-bottom: 1px solid #ebeef5;
}
:deep(.el-card__body) {
padding: 20px;
}
}
.base-info-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}
.info-group {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}
.info-item {
display: flex;
// align-items: center;
gap: 6px;
.info-label {
font-weight: 500;
color: #606266;
font-size: 13px;
}
.info-value {
color: #303133;
font-size: 13px;
font-weight: 500;
}
}
.search-form {
margin-left: auto;
margin-bottom: 0;
}
.section-title {
display: flex;
align-items: center;
gap: 8px;
margin: 24px 0 12px 0;
padding-bottom: 8px;
border-bottom: 2px solid #e4e7ed;
font-size: 15px;
font-weight: 600;
color: #303133;
.el-icon {
font-size: 16px;
color: var(--el-color-primary);
}
&:first-child {
margin-top: 0;
}
}
.salary-table {
margin-bottom: 16px;
:deep(.el-table__header) {
th {
background: #f5f7fa;
color: #606266;
font-weight: 600;
}
}
:deep(.el-table__body) {
td {
padding: 8px 0;
}
}
:deep(.el-table__cell) {
padding: 8px 4px;
font-size: 13px;
}
}
.summary-table {
:deep(.el-table__body) {
td {
font-weight: 600;
font-size: 14px;
color: var(--el-color-primary);
}
}
}
.formula-tag {
margin-top: 12px;
margin-bottom: 8px;
line-height: 1.6;
.el-tag {
margin-right: 8px;
padding: 6px 12px;
font-size: 12px;
white-space: normal;
word-break: break-all;
}
.ml10 {
margin-left: 10px;
}
}
// 响应式优化
@media (max-width: 1400px) {
.salary-info-dialog {
:deep(.el-dialog) {
width: 98% !important;
}
}
}
// 滚动条优化
.salary-info-dialog {
:deep(.el-dialog__body) {
&::-webkit-scrollbar {
width: 8px;
height: 8px;
}
&::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
&::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
&:hover {
background: #a8a8a8;
}
}
}
}
</style>

123
src/views/professional/teachersalary/index.vue
View File

@@ -1,48 +1,6 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<!-- 操作按钮 -->
<el-row>
<div class="mb15" style="width: 100%;">
<el-button
size="small"
v-if="permissions.professional_salary_import"
type="primary"
@click="handleImportBaseSalary">人事薪资导入
</el-button>
<el-button
size="small"
v-if="permissions.professional_salary_finance_import"
type="primary"
@click="handleExportSalart">薪资导出
</el-button>
<el-button
size="small"
v-if="permissions.professional_salary_finance_import"
type="primary"
@click="handleImportTaxSalary">税金导入
</el-button>
<el-button
type="primary"
size="small"
v-if="permissions.professional_seach_auth"
@click="canSearch(1)">设置可查询
</el-button>
<el-button
type="primary"
size="small"
v-if="permissions.professional_seach_auth"
@click="canSearch(0)">设置不可查询
</el-button>
<el-button
type="primary"
size="small"
v-if="permissions.professional_professionalsalaries_del"
@click="delbatch">批量删除
</el-button>
</div>
</el-row>
<!-- 搜索表单 -->
<search-form
v-show="showSearch"
@@ -121,8 +79,65 @@
</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>
<!-- 操作按钮 -->
<el-row>
<div class="mb15">
<el-button
type="primary"
plain
icon="UploadFilled"
v-if="permissions.professional_salary_import"
@click="handleImportBaseSalary">人事薪资导入
</el-button>
<el-button
type="warning"
plain
icon="Download"
class="ml10"
v-if="permissions.professional_salary_finance_import"
@click="handleExportSalart">薪资导出
</el-button>
<el-button
type="primary"
plain
icon="UploadFilled"
class="ml10"
v-if="permissions.professional_salary_finance_import"
@click="handleImportTaxSalary">税金导入
</el-button>
<el-button
icon="View"
class="ml10"
v-if="permissions.professional_seach_auth"
@click="canSearch(1)">设置可查询
</el-button>
<el-button
icon="Hide"
class="ml10"
v-if="permissions.professional_seach_auth"
@click="canSearch(0)">设置不可查询
</el-button>
<el-button
type="danger"
plain
icon="Delete"
class="ml10"
v-if="permissions.professional_professionalsalaries_del"
@click="delbatch">批量删除
</el-button>
</div>
</el-row>
<!-- 表格 -->
<el-table
ref="tableRef"
@@ -161,12 +176,12 @@
<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' ? '是' : '否' }}
{{ scope.row.normalView === '1' ? '可查询' : '不可查询' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" min-width="150" align="center" fixed="right">
<el-table-column label="操作" min-width="80" align="center" fixed="right">
<template #default="scope">
<el-button
icon="document"
@@ -299,6 +314,20 @@ const handleFilter = () => {
getDataList() // 查询后跳转到第一页
}
// 重置
const resetQuery = () => {
searchFormRef.value?.formRef?.resetFields()
Object.assign(search, {
teacherNo: '',
realName: '',
idCard: '',
nf: '',
yf: '',
stationTypeId: ''
})
handleFilter()
}
// 选择变化
const selectionChange = (selection: any[]) => {
selectList.value = selection
@@ -327,7 +356,7 @@ const handleExportSalart = () => {
// 批量删除
const delbatch = () => {
if (selectList.value.length === 0) {
message.info("请至少选择一名人员")
message.warning("请至少选择一名人员")
return
}
@@ -339,7 +368,7 @@ const delbatch = () => {
if (response.data.code == -1) {
message.error(response.data.data)
} else {
message.info("删除成功")
message.success("删除成功")
getDataList(false) // 删除后保持当前页
}
} catch (error: any) {
@@ -353,7 +382,7 @@ const delbatch = () => {
// 设置可查询/不可查询
const canSearch = (val: number) => {
if (selectList.value.length === 0) {
message.info("请至少选择一名人员")
message.warning("请至少选择一名人员")
return
}

486
src/views/professional/teachersalary/salaryInfo.vue
View File

@@ -1,73 +1,79 @@
<template>
<el-dialog v-model="visible" width="100%" v-loading="baseLoading" top="0" :close-on-click-modal="false" destroy-on-close>
<!--基本信息-->
<el-card shadow="hover">
<el-row :span="24">
<el-col>
<el-table
:data="salaryData.baseInfo"
style="width: 100%">
<el-table-column
prop="realName"
label="姓名"
width="80">
</el-table-column>
<el-table-column
prop="idCard"
label="身份证号"
width="200">
</el-table-column>
<el-dialog
v-model="visible"
width="95%"
v-loading="baseLoading"
top="2vh"
:close-on-click-modal="false"
destroy-on-close
class="salary-info-dialog"
>
<div class="salary-info-container">
<!--基本信息-->
<div class="base-info-section">
<div class="base-info-content">
<div class="info-group">
<div class="info-item">
<span class="info-label">姓名：</span>
<el-tag v-if="salaryData.baseInfo[0]?.realName">{{ salaryData.baseInfo[0].realName }}</el-tag>
<span v-else class="info-value">-</span>
</div>
<div class="info-item">
<span class="info-label">身份证号：</span>
<el-tag v-if="salaryData.baseInfo[0]?.idCard">{{ salaryData.baseInfo[0].idCard }}</el-tag>
<span v-else class="info-value">-</span>
</div>
</div>
<el-form :model="nowUser" :inline="true" class="search-form">
<el-form-item label="年份">
<el-date-picker
v-model="nowUser.nf"
type="year"
format="YYYY"
value-format="YYYY"
placeholder="选择年"
style="width: 150px">
</el-date-picker>
</el-form-item>
<el-form-item label="月份">
<el-date-picker
v-model="nowUser.yff"
type="month"
format="M"
value-format="M"
placeholder="选择月"
style="width: 150px">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button @click="searchUserInfo" type="primary" icon="Search">
查询
</el-button>
</el-form-item>
</el-form>
</div>
</div>
<el-table-column
label="年份"
width="300">
<template #default>
<el-date-picker
v-model="nowUser.nf"
type="year"
format="YYYY"
value-format="YYYY"
style="width: 200px"
placeholder="选择年">
</el-date-picker>
</template>
</el-table-column>
<el-table-column
label="月份"
width="300">
<template #default>
<el-date-picker
v-model="nowUser.yff"
type="month"
format="M"
value-format="M"
style="width: 200px"
placeholder="选择月">
</el-date-picker>
</template>
</el-table-column>
<el-table-column
label="操作"
width="200">
<template #default>
<el-button @click="searchUserInfo" type="primary" size="small">搜索</el-button>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</el-card>
<el-card shadow="hover">
<!--应发部分-->
<el-row v-if="showAllContent">
<el-col :span="24">
<el-table
:data="salaryData.baseInfo"
size="small"
border
>
<el-card shadow="hover" class="info-card">
<template #header>
<div class="card-header">
<el-icon><Money /></el-icon>
<span>工资明细</span>
</div>
</template>
<!--应发部分-->
<div v-if="showAllContent" class="section-title">
<el-icon><TrendCharts /></el-icon>
<span>应发部分</span>
</div>
<el-table
v-if="showAllContent"
:data="salaryData.baseInfo"
size="small"
border
class="salary-table"
style="width: 100%"
>
<el-table-column label="应发部分">
<el-table-column prop="postSalary" label="岗位工资" min-width="60" align="center"></el-table-column>
<el-table-column prop="payWage" label="薪级工资" min-width="60" align="center"></el-table-column>
@@ -96,41 +102,53 @@
<el-table-column label="基础工资应税收入" prop="shouldTaxMoney" min-width="60" align="center"></el-table-column>
</el-table-column>
</el-table>
<el-tag type="danger">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金 </el-tag>
</el-col>
</el-row>
<!--应扣部分-->
<el-row v-if="showAllContent">
<el-col :span="24">
<el-table
size="small"
border
:data="salaryData.baseInfo"
style="width: 100%">
<div v-if="showAllContent" class="formula-tag">
<el-tag type="danger" size="small">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金</el-tag>
</div>
<!--应扣部分-->
<div v-if="showAllContent" class="section-title">
<el-icon><Remove /></el-icon>
<span>应扣部分</span>
</div>
<el-table
v-if="showAllContent"
size="small"
border
:data="salaryData.baseInfo"
class="salary-table"
style="width: 100%">
<el-table-column label="应扣部分">
<el-table-column label="住房公积金" width="90" prop="houseFund"></el-table-column>
<el-table-column label="医疗保险金" width="90" prop="medicalInsurance"></el-table-column>
<el-table-column label="失业保险金" width="90" prop="unemployInsurance"></el-table-column>
<el-table-column label="养老保险金" width="90" prop="endowInsurance"></el-table-column>
<el-table-column label="工会费" width="60" prop="unionFee"></el-table-column>
<el-table-column label="儿童统筹" width="90" prop="childrenWhole"></el-table-column>
<el-table-column label="住房公积金" min-width="90" prop="houseFund"></el-table-column>
<el-table-column label="医疗保险金" min-width="90" prop="medicalInsurance"></el-table-column>
<el-table-column label="失业保险金" min-width="90" prop="unemployInsurance"></el-table-column>
<el-table-column label="养老保险金" min-width="90" prop="endowInsurance"></el-table-column>
<el-table-column label="工会费" min-width="60" prop="unionFee"></el-table-column>
<el-table-column label="儿童统筹" min-width="90" prop="childrenWhole"></el-table-column>
<el-table-column label="个人所得税" width="90" prop="personalTax"></el-table-column>
<el-table-column label="其他扣款" width="90" prop="otherDeduction"></el-table-column>
<el-table-column label="病事假扣款" width="90" prop="sickDeduction"></el-table-column>
<el-table-column label="医疗救助基金" width="90" prop="medicalFund"></el-table-column>
<el-table-column label="工伤保险" width="90" prop="inductrialInjury"></el-table-column>
<el-table-column label="个人补缴" width="90" prop="personalPay"></el-table-column>
<el-table-column label="应扣合计" width="90" prop="withhold"></el-table-column>
<el-table-column label="其他扣款" min-width="90" prop="otherDeduction"></el-table-column>
<el-table-column label="病事假扣款" min-width="90" prop="sickDeduction"></el-table-column>
<el-table-column label="医疗救助基金" min-width="90" prop="medicalFund"></el-table-column>
<el-table-column label="工伤保险" min-width="90" prop="inductrialInjury"></el-table-column>
<el-table-column label="个人补缴" min-width="90" prop="personalPay"></el-table-column>
<el-table-column label="应扣合计" min-width="90" prop="withhold"></el-table-column>
</el-table-column>
</el-table>
<el-tag>个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
</el-col>
</el-row>
<div v-if="showAllContent" class="formula-tag">
<el-tag size="small">个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
</div>
<!--劳务费-->
<el-row>
<el-col :span="24">
<el-table size="small" border :data="allProjectData" show-summary>
<!--劳务费-->
<div class="section-title">
<el-icon><Document /></el-icon>
<span>造单收入清单</span>
</div>
<el-table
size="small"
border
:data="allProjectData"
class="salary-table"
style="width: 100%">
<el-table-column label="造单收入清单">
<el-table-column label="造单部门" prop="deptName"></el-table-column>
<el-table-column label="造单人" prop="createName"></el-table-column>
@@ -145,17 +163,18 @@
</el-table-column>
</el-table-column>
</el-table>
</el-col>
</el-row>
<!--专项扣除-->
<el-row>
<el-col :span="24">
<el-table
size="small"
border
:data="salaryExtendData"
style="width: 100%">
<!--专项扣除-->
<div class="section-title">
<el-icon><DataAnalysis /></el-icon>
<span>个税计算数据</span>
</div>
<el-table
size="small"
border
:data="salaryExtendData"
class="salary-table"
style="width: 100%">
<el-table-column label="个税计算数据">
<el-table-column prop="currentIncome" label="应税收入" min-width="60" align="center"></el-table-column>
<el-table-column prop="totalIncome" label="累计收入额" min-width="60" align="center"></el-table-column>
@@ -177,17 +196,24 @@
<el-table-column prop="totalRetrieveTax" label="累计应补(退)税额" min-width="60" align="center"></el-table-column>
</el-table-column>
</el-table>
</el-col>
</el-row>
<div class="formula-tag">
<el-tag type="warning" size="small">应税收入= 基础工资应税收入+造单收入</el-tag>
<el-tag type="success" size="small" class="ml10">累计专项扣除=当年累计个人承担的住房公积金+医疗保险金+失业保险金+养老保险金</el-tag>
</div>
<!--实发合计-->
<el-row v-if="showAllContent">
<el-col :span="24">
<el-table
size="small"
border
:data="[staticsData]"
empty-text=" ">
<!--实发合计-->
<div v-if="showAllContent" class="section-title">
<el-icon><Wallet /></el-icon>
<span>实发合计</span>
</div>
<el-table
v-if="showAllContent"
size="small"
border
:data="[staticsData]"
class="salary-table summary-table"
empty-text=" "
style="width: 100%">
<el-table-column label="小计">
<el-table-column label="应发工资" prop="shouldPay"></el-table-column>
<el-table-column label="应扣合计" prop="shouldDedu"></el-table-column>
@@ -195,17 +221,22 @@
<el-table-column label="造单收入" prop="orderMoney"></el-table-column>
</el-table-column>
</el-table>
<el-tag type="primary">实发工资= 应发工资-应扣合计 </el-tag>
</el-col>
</el-row>
</el-card>
<div v-if="showAllContent" class="formula-tag">
<el-tag type="primary" size="small">实发工资= 应发工资-应扣合计</el-tag>
</div>
</el-card>
</div>
</el-dialog>
</template>
<script setup lang="ts">
import { ref, reactive, nextTick } from 'vue'
import { Money, TrendCharts, Remove, Document, DataAnalysis, Wallet } from '@element-plus/icons-vue'
import { useMessage } from '/@/hooks/message'
import { queryUserInfo, queryExtendSalaryInfo, checkAuth } from '/@/api/professional/salaries/teachersalary'
const message = useMessage()
// 对话框显示状态
const visible = ref(false)
@@ -266,11 +297,25 @@ const queryExtendSalaryInfoMethod = async (row: any) => {
// 搜索用户信息
const searchUserInfo = async () => {
if (!nowUser.value.idCard) {
message.warning('请输入身份证号')
return
}
if (!nowUser.value.nf) {
message.warning('请选择年份')
return
}
if (!nowUser.value.yff) {
message.warning('请选择月份')
return
}
baseLoading.value = true
const data = { idCard: nowUser.value.idCard, nf: nowUser.value.nf, yf: nowUser.value.yff }
try {
const response = await queryUserInfo(data)
if (response.data.data == null) {
message.info('未查询到该时间段的数据')
salaryData.baseInfo = []
const obj: any = {}
obj.realName = nowUser.value.realName
@@ -288,11 +333,15 @@ const searchUserInfo = async () => {
} else {
const resData = response.data.data
resData.realName = nowUser.value.realName
resData.nf = nowUser.value.nf
resData.yf = nowUser.value.yff
resData.teacherNo = nowUser.value.teacherNo
makeUserInfo(resData)
await queryExtendSalaryInfoMethod(resData)
message.success('查询成功')
}
} catch (error) {
// 查询失败
} catch (error: any) {
message.error(error?.msg || '查询失败')
} finally {
baseLoading.value = false
}
@@ -316,5 +365,192 @@ defineExpose({
})
</script>
<style scoped>
<style lang="scss" scoped>
.salary-info-dialog {
:deep(.el-dialog__body) {
padding: 10px !important;
max-height: calc(100vh - 120px);
overflow-y: auto;
}
}
.salary-info-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.base-info-section {
padding: 12px 16px;
background: #fff;
border-radius: 4px;
border: 1px solid #ebeef5;
}
.base-info-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}
.info-group {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}
.info-item {
display: flex;
gap: 6px;
.info-label {
font-weight: 500;
color: #606266;
font-size: 13px;
}
.info-value {
color: #303133;
font-size: 13px;
font-weight: 500;
}
}
.search-form {
margin-left: auto;
margin-bottom: 0;
}
.info-card {
:deep(.el-card__header) {
padding: 16px 20px;
background: #f5f7fa;
border-bottom: 1px solid #ebeef5;
}
:deep(.el-card__body) {
padding: 20px;
}
}
.card-header {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 600;
color: #303133;
.el-icon {
font-size: 18px;
color: var(--el-color-primary);
}
}
.section-title {
display: flex;
align-items: center;
gap: 8px;
margin: 24px 0 12px 0;
padding-bottom: 8px;
border-bottom: 2px solid #e4e7ed;
font-size: 15px;
font-weight: 600;
color: #303133;
.el-icon {
font-size: 16px;
color: var(--el-color-primary);
}
&:first-child {
margin-top: 0;
}
}
.salary-table {
margin-bottom: 16px;
:deep(.el-table__header) {
th {
background: #f5f7fa;
color: #606266;
font-weight: 600;
}
}
:deep(.el-table__body) {
td {
padding: 8px 0;
}
}
:deep(.el-table__cell) {
padding: 8px 4px;
font-size: 13px;
}
}
.summary-table {
:deep(.el-table__body) {
td {
font-weight: 600;
font-size: 14px;
color: var(--el-color-primary);
}
}
}
.formula-tag {
margin-top: 12px;
margin-bottom: 8px;
line-height: 1.6;
.el-tag {
margin-right: 8px;
padding: 6px 12px;
font-size: 12px;
white-space: normal;
word-break: break-all;
}
.ml10 {
margin-left: 10px;
}
}
// 响应式优化
@media (max-width: 1400px) {
.salary-info-dialog {
:deep(.el-dialog) {
width: 98% !important;
}
}
}
// 滚动条优化
.salary-info-dialog {
:deep(.el-dialog__body) {
&::-webkit-scrollbar {
width: 8px;
height: 8px;
}
&::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
&::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
&:hover {
background: #a8a8a8;
}
}
}
}
</style>

5
src/views/professional/typeofworkconfig/index.vue
View File

@@ -233,8 +233,9 @@ const handleSubmit = async () => {
}
dialogVisible.value = false
getDataList()
} catch (error) {
// 提交失败
} catch (error: any) {
// 处理业务错误
message.error(error.msg)
} finally {
submitLoading.value = false
}