<template>
|
<el-dialog :title="modalOptions.title" v-model="visible" @close="close" width="60%">
|
<el-form :model="form" label-width="100px" :rules="formRules" ref="formRef">
|
<el-form-item label="岗位名称" prop="deptPositionId">
|
<el-select v-model="form.deptPositionId" placeholder="请选择" clearable @change="handlePositionChange">
|
<el-option :label="item.name" :value="item.id" v-for="(item,index) in positionOptions" :key="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="进厂日期" prop="factoryDate">
|
<el-date-picker
|
style="width: 100%"
|
v-model="form.factoryDate"
|
format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
type="date"
|
placeholder="请选择日期"
|
clearable
|
/>
|
</el-form-item>
|
<el-form-item label="发放日期" prop="issueDate">
|
<el-date-picker
|
style="width: 100%"
|
v-model="form.issueDate"
|
format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
type="date"
|
placeholder="请选择日期"
|
clearable
|
/>
|
</el-form-item>
|
<el-form-item label="员工名称" prop="staffId">
|
<span>{{ personList.find(p => p.id === form.staffId)?.staffName }}</span>
|
</el-form-item>
|
<el-form-item label="发放数量" prop="num">
|
<el-input-number :step="1" :min="0" style="width: 100%"
|
v-model="form.num"
|
placeholder="请输入"
|
/>
|
</el-form-item>
|
</el-form>
|
<template #footer>
|
<el-button type="primary" @click="sendForm" :loading="loading">{{ modalOptions.confirmText }}</el-button>
|
<el-button @click="closeModal">{{ modalOptions.cancelText }}</el-button>
|
</template>
|
</el-dialog>
|
</template>
|
|
<script setup>
|
import { ref, getCurrentInstance, onMounted, nextTick } from 'vue'
|
import { useModal } from "@/hooks/useModal";
|
import { add, update } from "@/api/lavorissce/ledger";
|
import useFormData from "@/hooks/useFormData";
|
import useUserStore from "@/store/modules/user";
|
import {staffOnJobListPage} from "@/api/personnelManagement/employeeRecord.js";
|
import { getDept } from "@/api/collaborativeApproval/approvalProcess.js";
|
import { deptPositionListPage } from "@/api/lavorissce/issue";
|
import { deepCopySameProperties } from '@/utils/util'
|
import { ElMessage } from "element-plus";
|
|
const { proxy } = getCurrentInstance()
|
|
defineOptions({ name: "收入新增编辑" });
|
const emits = defineEmits(["success"]);
|
|
const formRef = ref(null)
|
const userStore = useUserStore();
|
const { sys_lavor_issue } = proxy.useDict("sys_lavor_issue")
|
|
const productOptions = ref([]);
|
const personList = ref([]);
|
const positionOptions = ref([]);
|
|
const formRules = {
|
deptPositionId: [{ required: true, trigger: "blur", message: "请输入" }],
|
adoptedDate: [{ required: true, trigger: "change", message: "请选择" }],
|
factoryDate: [{ required: true, trigger: "change", message: "请选择" }],
|
issueDate: [{ required: true, trigger: "change", message: "请选择" }],
|
}
|
|
const { form, resetForm } = useFormData({
|
deptPositionId: undefined,
|
dictType: undefined,
|
dictId: undefined,
|
adoptedDate: undefined,
|
factoryDate: undefined,
|
issueDate: undefined,
|
staffId: undefined,
|
num: undefined
|
});
|
|
function getPersonList() {
|
staffOnJobListPage({current: -1, size:-1, staffState: 1}).then(res => { personList.value = res.data.records })
|
}
|
function getProductOptions() {
|
getDept().then(res => { productOptions.value = res.data })
|
}
|
|
function clearValidate() { formRef.value?.clearValidate() }
|
function resetFormAndValidate() {
|
resetForm()
|
clearValidate()
|
getProductOptions()
|
getPersonList()
|
}
|
|
const {
|
id,
|
visible,
|
loading,
|
openModal,
|
modalOptions,
|
closeModal,
|
} = useModal({ title: "劳保台账" });
|
|
function sendForm() {
|
formRef.value?.validate(async valid => {
|
if (!valid) return
|
const payload = { ...form }
|
const { code } = id.value ? await update({ id: id.value, ...payload }) : await add(payload)
|
if (code == 200) {
|
emits("success")
|
ElMessage({ message: "操作成功", type: "success" })
|
close()
|
} else {
|
loading.value = false
|
}
|
})
|
}
|
|
function close() {
|
resetFormAndValidate()
|
closeModal()
|
}
|
|
async function loadForm(row) {
|
openModal(row.id)
|
await nextTick()
|
deepCopySameProperties(row, form)
|
}
|
async function loadPositions() {
|
const res = await deptPositionListPage({pageNum: -1, pageSize:-1})
|
positionOptions.value = res?.data?.records || res?.data || []
|
}
|
|
async function handlePositionChange(deptPositionId) {
|
console.log('选择的岗位ID:', deptPositionId)
|
}
|
|
onMounted(() => {
|
loadPositions()
|
getPersonList()
|
})
|
|
defineExpose({ openModal, loadForm })
|
</script>
|
