product-inventory-management.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,73 @@
			<template>
			<div>
			<el-dialog
			v-model="dialogFormVisible"
			title="è¯¦æ"
			width="70%"
			@close="closeDia"
			>
			<PIMTable
			rowKey="id"
			:column="tableColumn"
			:tableData="tableData"
			:tableLoading="tableLoading"
			height="600"
			></PIMTable>
			<template #footer>
			<div class="dialog-footer">
			<el-button @click="closeDia">åæ¶</el-button>
			</div>
			</template>
			</el-dialog>
			</div>
			</template>

			<script setup>
			import {ref} from "vue";
			import {staffOnJobInfo} from "@/api/personnelManagement/employeeRecord.js";
			const { proxy } = getCurrentInstance()
			const emit = defineEmits(['close'])

			const dialogFormVisible = ref(false);
			const operationType = ref('')
			const tableColumn = ref([
			{
			label: "ååå¹´é",
			prop: "contractTerm",
			},
			{
			label: "ååå¼å§æ¥æ",
			prop: "contractStartTime",
			},
			{
			label: "ååç»ææ¥æ",
			prop: "contractEndTime",
			},
			]);
			const tableData = ref([]);
			const tableLoading = ref(false);

			// æå¼å¼¹æ¡
			const openDialog = (type, row) => {
			operationType.value = type;
			dialogFormVisible.value = true;
			if (operationType.value === 'edit') {
			staffOnJobInfo({staffNo: row.staffNo}).then(res => {
			tableData.value = res.data
			})
			}
			}

			// å³éå¼¹æ¡
			const closeDia = () => {
			dialogFormVisible.value = false;
			emit('close')
			};
			defineExpose({
			openDialog,
			});
			</script>

			<style scoped>

			</style>