|
|
@@ -0,0 +1,694 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <layout>
|
|
|
+ <layout-header>
|
|
|
+ <div class="">
|
|
|
+ <!-- 按钮部分-->
|
|
|
+ <el-form ref="elSearchFormRef" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
|
|
|
+ <el-form-item>
|
|
|
+ <el-input v-model="searchInfo" placeholder="搜索员工编号或员工姓名" clearable style="width: 200px;margin: 5px"></el-input>
|
|
|
+ <el-button type="primary" icon="search" @click="onSubmit" style="margin: 5px">查询</el-button>
|
|
|
+ <el-button type="primary" @click="onAttendance" style="margin: 5px">月度公休记录维护</el-button>
|
|
|
+ <el-button type="primary" icon="edit" @click="cp_gdprintonClick" class="bt" title="打印生产工单" >工单打印</el-button>
|
|
|
+ <el-button disabled type="primary" icon="Download" @click="exportToExcel" style="margin: 5px;float: right;">导出到Excel</el-button>
|
|
|
+ <el-button type="primary" icon="edit" @click="gd_gxclhconClick" class="bt" title="工序产量核查">工序产量核查</el-button>
|
|
|
+ <el-dialog v-model="dialogexportToExcel" disabled title="员工基本资料导出" width="50%">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </layout-header>
|
|
|
+
|
|
|
+
|
|
|
+ <layout>
|
|
|
+ <!-- 左侧树侧形结构-->
|
|
|
+ <layout-sider :resize-directions="['right']" :width="190" style="margin-right: 10px;">
|
|
|
+ <div class="JKWTree-tree" style="height: 200px">
|
|
|
+ <h3>日期</h3>
|
|
|
+ <el-tree :data="treeData" class="treecolor" @node-click="handleNodeClick"></el-tree>
|
|
|
+ </div>
|
|
|
+ </layout-sider>
|
|
|
+
|
|
|
+ <!-- 右侧区域 -->
|
|
|
+ <layout-content >
|
|
|
+ <el-main>
|
|
|
+ <div class="gva-table-box">
|
|
|
+ <!-- 表格数据 -->
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 65vh" tooltip-effect="dark"
|
|
|
+ :row-style="{ height: '20px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
+ :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
+ :data="tableData" border row-key="ID"
|
|
|
+ size="small"
|
|
|
+ highlight-current-row="true" @row-dblclick="updateCompanyFunc"
|
|
|
+ @row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column sortable align="center" label="生产分类" prop="生产分类" width="120" />
|
|
|
+ <el-table-column sortable align="left" label="工单编号" prop="工单编号" width="120"/>
|
|
|
+ <el-table-column sortable align="center" label="印件号" prop="印件号" width="120"/>
|
|
|
+ <el-table-column sortable align="left" label="产品代号" prop="产品代号" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="产品名称" prop="产品名称" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="订单数量" prop="订单数量" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="实际投料" prop="实际投料" width="100" />
|
|
|
+ <el-table-column sortable align="left" label="计量单位" prop="计量单位" width="100" />
|
|
|
+ <el-table-column sortable align="left" label="入仓数量" prop="入仓数量" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="生产公休" prop="生产公休" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="生产周期" prop="生产周期" width="120" />
|
|
|
+ <el-table-column sortable align="left" label="检验公休" prop="检验公休" width="120" />
|
|
|
+ <el-table-column sortable align="left" label="检验周期" prop="检验周期" width="140" />
|
|
|
+ <el-table-column sortable align="left" label="工单公休" prop="工单公休" width="140" />
|
|
|
+ <el-table-column sortable align="left" label="工单周期" prop="工单周期" width="120" />
|
|
|
+ <el-table-column sortable align="left" label="接单日期" prop="接单日期" width="120" />
|
|
|
+ <el-table-column sortable align="left" label="生产开工日期" prop="生产开工日期" width="125" />
|
|
|
+ <el-table-column sortable align="left" label="模切开工日期" prop="模切开工日期" width="125" />
|
|
|
+ <el-table-column sortable align="left" label="检验日期" prop="检验日期" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="入仓完工日期" prop="入仓完工日期" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="目标合格率" prop="目标合格率" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="实际合格率" prop="实际合格率" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="客户代号" prop="客户代号" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="客户名称" prop="客户名称" width="110" />
|
|
|
+ <el-table-column sortable align="left" label="销售订单号" prop="销售订单号" width="110" />
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <!-- 分页 -->
|
|
|
+ <div class="gva-pagination">
|
|
|
+ <el-pagination layout="total" :current-page="page" :page-size="pageSize"
|
|
|
+ :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange" />
|
|
|
+ <!-- <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[10, 30, 50, 100]"-->
|
|
|
+ <!-- :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange" />-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="'修改员工基本资料'" destroy-on-close>
|
|
|
+ <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
+ <div class="form-container">
|
|
|
+ <!-- 左侧部分 -->
|
|
|
+ <div class="form-column" style="width: 36%;">
|
|
|
+ <el-form-item label="员工编号：" prop="employeeId" class="mab" >
|
|
|
+ <el-input v-model="formDataTest['员工编号']" placeholder="" style="width: 190px;"
|
|
|
+ id="员工编号" @keydown="handleKeyDown($event, '员工编号', '在职状态', '性别')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="性别：" prop="gender" class="mab">
|
|
|
+ <el-input v-model="formDataTest['性别']" placeholder="" style="width: 190px;"
|
|
|
+ id="性别" @keydown="handleKeyDown($event, '性别', '员工编号', '身份证号')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证号：" prop="gender" class="mab">
|
|
|
+ <el-input v-model="formDataTest['身份证号']" placeholder="" style="width: 190px;"
|
|
|
+ id="身份证号" @keydown="handleKeyDown($event, '身份证号', '性别', '所在部门')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门名称：" prop="gender" class="mab">
|
|
|
+ <el-input v-model="formDataTest['所在部门']" placeholder="" style="width: 190px;"
|
|
|
+ id="所在部门" @keydown="handleKeyDown($event, '所在部门', '身份证号', '聘用日期')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="入职日期:" prop="joinDate" class="mab">
|
|
|
+ <el-input v-model="formDataTest['聘用日期']" placeholder="" style="width: 190px;"
|
|
|
+ id="聘用日期" @keydown="handleKeyDown($event, '聘用日期', '所在部门', '人员类别')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="人员类别:" prop="joinDate" >
|
|
|
+ <el-select v-model="formDataTest['人员类别']" placeholder="" style="width: 190px;" id="人员类别"
|
|
|
+ @keydown="handleKeyDown($event, '人员类别', '聘用日期', '班次类型')"
|
|
|
+ >
|
|
|
+ <el-option label="生产" value="生产"></el-option>
|
|
|
+ <el-option label="行政" value="行政"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="班次类型:" prop="joinDate" class="mab">
|
|
|
+ <el-input v-model="formDataTest['班次类型']" placeholder="" style="width: 190px;"
|
|
|
+ id="班次类型" @keydown="handleKeyDown($event, '班次类型', '人员类别', '工资表类别')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工资表类别:" prop="joinDate" class="mab">
|
|
|
+ <el-select v-model="formDataTest['工资表类别']" placeholder="" style="width: 190px;"
|
|
|
+ id="工资表类别" @keydown="handleKeyDown($event, '工资表类别', '班次类型', 'U8在职')"
|
|
|
+ >
|
|
|
+ <el-option label="职员级计时工资表" value="职员级计时工资表"></el-option>
|
|
|
+ <el-option label="另发工资" value="另发工资"></el-option>
|
|
|
+ <el-option label="操作级计件工资表" value="操作级计件工资表"></el-option>
|
|
|
+ <el-option label="操作级计时工资表" value="操作级计时工资表"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="U8在职:" prop="joinDate" class="mab">
|
|
|
+ <el-input v-model="formDataTest['U8在职']" placeholder="" style="width: 190px;"
|
|
|
+ id="U8在职" @keydown="handleKeyDown($event, 'U8在职', '工资表类别', '员工姓名')" />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 中间部分 -->
|
|
|
+ <div class="form-column">
|
|
|
+ <el-form-item label="员工姓名:" prop="name" class="mab" label-width="100">
|
|
|
+ <el-input v-model="formDataTest['员工姓名']" placeholder="" style="width: 190px;"
|
|
|
+ id="员工姓名" @keydown="handleKeyDown($event, '员工姓名', 'U8在职', '出生日期')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="出生日期:" prop="birthDate" class="mab" label-width="100">
|
|
|
+ <el-input v-model="formDataTest['出生日期']" placeholder="" style="width: 190px;"
|
|
|
+ id="出生日期" @keydown="handleKeyDown($event, '出生日期', '员工姓名', '职称职务')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职务:" prop="position" class="mab" label-width="100">
|
|
|
+ <el-input v-model="formDataTest['职称职务']" placeholder="" style="width: 190px;"
|
|
|
+ id="职称职务" @keydown="handleKeyDown($event, '职称职务', '出生日期', '部门编码')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门编号:" prop="position" class="mab" label-width="100">
|
|
|
+ <el-input v-model="formDataTest['部门编码']" placeholder="" style="width: 190px;"
|
|
|
+ id="部门编码" @keydown="handleKeyDown($event, '部门编码', '职称职务', '转正日期')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="转正日期:" prop="departmentId" class="mab" label-width="100">
|
|
|
+ <el-input v-model="formDataTest['转正日期']" placeholder="" style="width: 190px;"
|
|
|
+ id="转正日期" @keydown="handleKeyDown($event, '转正日期', '部门编码', '扣减司龄')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="扣减司龄:" prop="departmentId" class="mab" label-width="100">
|
|
|
+ <el-input v-model="formDataTest['扣减司龄']" placeholder="" style="width: 190px;"
|
|
|
+ id="扣减司龄" @keydown="handleKeyDown($event, '扣减司龄', '转正日期', '人员性质')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="人员性质:" prop="departmentId" class="mab" label-width="100">
|
|
|
+ <el-select v-model="formDataTest['人员性质']" placeholder="" style="width: 190px;"
|
|
|
+ id="人员性质" @keydown="handleKeyDown($event, '人员性质', '扣减司龄', '薪酬核算分组')"
|
|
|
+ >
|
|
|
+ <el-option label="退休返聘" value="退休返聘"></el-option>
|
|
|
+ <el-option label="劳动合同工" value="劳动合同工"></el-option>
|
|
|
+ <el-option label="借用" value="借用"></el-option>
|
|
|
+ <el-option label="劳务派遣" value="劳务派遣"></el-option>
|
|
|
+ <el-option label="实习生" value="实习生"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工资核算分组:" prop="joinDate" class="mab" label-width="100" >
|
|
|
+ <el-input v-model="formDataTest['薪酬核算分组']" placeholder="" style="width: 190px;"
|
|
|
+ id="薪酬核算分组" @keydown="handleKeyDown($event, '薪酬核算分组', '人员性质', '在职状态')" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="在职状态:" prop="joinDate" class="mab" label-width="100" >
|
|
|
+ <el-input v-model="formDataTest['在职状态']" placeholder="" style="width: 190px;"
|
|
|
+ id="在职状态" @keydown="handleKeyDown($event, '在职状态', '薪酬核算分组', '员工编号')" />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <!-- 添加编辑页面取消确定按钮 -->
|
|
|
+ <div style="text-align: right; ">
|
|
|
+ <el-button @click="closeDialog">取消</el-button>
|
|
|
+ <el-button type="primary" @click="enterDialog">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog v-model="AttendanceVisible" title="考勤建立" destroy-on-close width="800px" >
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="年月份" prop="id" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-input v-model="Attendancevalue['month']" style="margin-top:0px; margin-bottom: 1px;" id="年月份" @keydown="handleKeyDown($event, '法定天数', 'C类', '法定天数')" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="7" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-form-item label="法定天数" prop="id" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-input v-model="Attendancevalue['day']" style="margin-top:0px; margin-bottom: 1px;" @blur="getdays()" id="法定天数" @keydown="handleKeyDown($event, '法定天数', '年月份', 'A类')" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-row :gutter="24">
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="7" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-form-item label="A类(双休版)" prop="id" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-input v-model="Attendancevalue['typeA']" id="A类" @keydown="handleKeyDown($event, 'A类', '法定天数', 'B类')" style="margin-top:0px; margin-bottom: 1px;" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+
|
|
|
+ <el-row :gutter="24">
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="7" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-form-item label="B类(7.5小时班)" prop="id" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-input v-model="Attendancevalue['typeB']" id="B类" @keydown="handleKeyDown($event, 'B类', 'A类', 'C类')" style="margin-top:0px; margin-bottom: 1px;" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+
|
|
|
+ <el-row :gutter="24">
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="7" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-form-item label="C类(11小时班)" prop="id" style="margin-top:0px; margin-bottom: 1px;">
|
|
|
+ <el-input v-model="Attendancevalue['typeC']" id="C类" @keydown="handleKeyDown($event, 'C类', 'B类', '年月份')" style="margin-top:0px; margin-bottom: 1px;" placeholder="" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button @click="closeDialog">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="AttendanceDialog">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ </el-main>
|
|
|
+ </layout-content>
|
|
|
+ </layout>
|
|
|
+ </layout>
|
|
|
+ <!-- 工单打印 -->
|
|
|
+ <PrintPage ref="printPageRef" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogFormVisible: false,
|
|
|
+ formDataTest: {
|
|
|
+ imageUrl: '' // 添加一个字段来保存上传的图片路径
|
|
|
+ },
|
|
|
+ rule: {} // 初始化rule对象
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleKeyDown(event, currentId, prevId, nextId) {
|
|
|
+ const currentElement = document.getElementById(currentId);
|
|
|
+ const isEmpty = currentElement.value === '';
|
|
|
+ const atStart = currentElement.selectionStart === 0;
|
|
|
+ const atEnd = currentElement.selectionStart === currentElement.value.length;
|
|
|
+ switch (event.keyCode) {
|
|
|
+ case 13: // Enter
|
|
|
+ case 40: // 向下箭头
|
|
|
+ if (nextId) {
|
|
|
+ document.getElementById(nextId).focus();
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 38: // 向上箭头
|
|
|
+ if (prevId) {
|
|
|
+ document.getElementById(prevId).focus();
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 8: // 删除键
|
|
|
+ if (prevId && (isEmpty || atStart)) {
|
|
|
+ document.getElementById(prevId).focus();
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 37: // 向左箭头
|
|
|
+ if (prevId && atStart) {
|
|
|
+ document.getElementById(prevId).focus();
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 39: // 向右箭头
|
|
|
+ if (nextId && atEnd) {
|
|
|
+ document.getElementById(nextId).focus();
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeDialog() {
|
|
|
+ // 关闭对话框的逻辑
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ },
|
|
|
+ enterDialog() {
|
|
|
+ // 确定按钮的逻辑
|
|
|
+ // 在这里可以执行提交表单的逻辑
|
|
|
+ },
|
|
|
+ handleFileUpload(event) {
|
|
|
+ // 处理文件上传逻辑
|
|
|
+ const file = event.target.files[0];
|
|
|
+ console.log(file)
|
|
|
+ // 模拟上传并保存文件路径
|
|
|
+ // 在实际应用中，您需要将文件上传到服务器并保存路径
|
|
|
+ this.formDataTest.imageUrl = URL.createObjectURL(file);
|
|
|
+ // 手动触发Vue的更新
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ </script>
|
|
|
+ <script setup>
|
|
|
+ // 全量引入格式化工具 请按需保留
|
|
|
+ import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
|
|
|
+
|
|
|
+ import {ref, reactive} from 'vue'
|
|
|
+ import {getCustom, getDepartment, getProductData,getStaffInfo, getStaffList, ygjbzledit,clockUpdate} from '@/api/yunyin/yunying'
|
|
|
+ import {ElMessage} from "element-plus";
|
|
|
+ defineOptions({name: 'Company'})
|
|
|
+
|
|
|
+
|
|
|
+//=========工单打印===========
|
|
|
+const printPageRef = ref()
|
|
|
+const cp_gdprintonClick = () => {
|
|
|
+ printPageRef.value.open(_Gd_gdbh.value)
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+ // =========== 导出Excel表格 ===========
|
|
|
+ const exportToExcel = () => {
|
|
|
+ console.log('点击了导出按钮')
|
|
|
+ dialogexportToExcel.value = true;
|
|
|
+ }
|
|
|
+ // 导出Excel弹窗
|
|
|
+ const dialogexportToExcel = ref(false)
|
|
|
+
|
|
|
+
|
|
|
+ //=========工序产量核查===========
|
|
|
+
|
|
|
+
|
|
|
+ // 工序产量核查按钮
|
|
|
+const gd_gxclhconClick = async () => {
|
|
|
+ // if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
|
|
|
+ // ElMessage({type: 'warning',message: '请选择具体的工单，在进行操作'})
|
|
|
+ // return false;
|
|
|
+ // }
|
|
|
+ // gxclhcformData['gdbh'] = _Gd_gdbh.value;
|
|
|
+ // gxclhcformData['yjno'] = 1;
|
|
|
+ // gd_gxclhclist.value = true;
|
|
|
+ // const response = await PrintDetailList ({workOrder:_Gd_gdbh.value});
|
|
|
+ // console.log(response)
|
|
|
+ // gdwhformData.yjno = response.data[0].no
|
|
|
+ // inputCpmc.value = response.data[0].name
|
|
|
+ // if (response.code === 0) {
|
|
|
+ // const noFields = response.data.map(item => item.no);
|
|
|
+ // gdwhformData.yinjian = noFields
|
|
|
+ // } else {
|
|
|
+ // console.error('查询失败:', response.msg);
|
|
|
+ // }
|
|
|
+ // _getOrderProcessCount();
|
|
|
+};
|
|
|
+ // =========== 获取左侧树侧形结构 ===========
|
|
|
+
|
|
|
+ const AttendanceVisible=ref(false)
|
|
|
+ const treeData = ref({})
|
|
|
+ const _department_code = ref(null)
|
|
|
+
|
|
|
+ //左侧日期数据接口
|
|
|
+// const getDepartmentdata = async () => {
|
|
|
+// try {
|
|
|
+// const data = await getDepartment();
|
|
|
+// console.log(data)
|
|
|
+// treeData.value = data.data;
|
|
|
+// } catch (error) {
|
|
|
+// console.error(error)
|
|
|
+// }
|
|
|
+// }
|
|
|
+// getDepartmentdata();
|
|
|
+
|
|
|
+ //点击左侧树形 获取右侧table列表
|
|
|
+ const tableData = reactive([]);
|
|
|
+ const _u8 = ref(null); // U8系统的值
|
|
|
+ const _mes = ref(null); // MES系统的值
|
|
|
+
|
|
|
+ //点击左侧树形图
|
|
|
+// const handleNodeClick = async (node) => {
|
|
|
+// // 如果节点名称为 '离职工资结算中'
|
|
|
+// if (node['名称'] === '离职工资结算中') {
|
|
|
+// _u8.value = 1;
|
|
|
+// _mes.value = 2;
|
|
|
+// _department_code.value = '';
|
|
|
+// }
|
|
|
+// // 如果节点名称为 '离职清单'
|
|
|
+// else if (node['名称'] === '离职清单') {
|
|
|
+// _u8.value = 2;
|
|
|
+// _mes.value = 2;
|
|
|
+// _department_code.value = '';
|
|
|
+// }
|
|
|
+// // 对于其他情况
|
|
|
+// else {
|
|
|
+// _department_code.value = node['编号']; // 设置部门编号
|
|
|
+// _u8.value = 1; // 设置U8系统的值
|
|
|
+// _mes.value = 1; // 设置MES系统的值
|
|
|
+// }
|
|
|
+
|
|
|
+// searchInfo.value = ''; // 清空搜索信息
|
|
|
+// _getStaffList(); // 执行获取员工列表的函数
|
|
|
+// };
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ // 搜索
|
|
|
+ const searchInfo = ref('')
|
|
|
+ //点击【查询】按钮
|
|
|
+ const onSubmit = () => {
|
|
|
+ _department_code.value = '';
|
|
|
+ if(searchInfo.value === ''){
|
|
|
+ tableData.length = 0;
|
|
|
+ }else{
|
|
|
+ _getStaffList();
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ //获取右侧表格列表
|
|
|
+ const _getStaffList = async ()=>{
|
|
|
+ // let params = {}
|
|
|
+ // params.search = searchInfo.value;
|
|
|
+ // params.department_code = _department_code.value;
|
|
|
+ // params.mes_online = _u8.value;
|
|
|
+ // params.u8_online = _mes.value ;
|
|
|
+ // params.limit = 200;
|
|
|
+ // params.page = 1;
|
|
|
+ // // console.log(params)
|
|
|
+ // try {
|
|
|
+ // const WorkListdata = await getStaffList(params);
|
|
|
+ // // console.log(WorkListdata)
|
|
|
+ // tableData.splice(0,tableData.length,...WorkListdata.data.list);
|
|
|
+ // total.value = WorkListdata.data.total;
|
|
|
+ // } catch (error) {
|
|
|
+ // console.error(error);
|
|
|
+ // }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 分页相关的响应式变量
|
|
|
+ const page = ref(1)
|
|
|
+ const total = ref(0)
|
|
|
+ const pageSize = ref(10)
|
|
|
+ // 分页
|
|
|
+ const handleCurrentChange = (val) => {
|
|
|
+ page.value = val;
|
|
|
+ _getStaffList();
|
|
|
+ };
|
|
|
+
|
|
|
+ // 修改页面容量 点击多少条/页
|
|
|
+ const handleSizeChange = (val) => {
|
|
|
+ page.value = 10;//默认显示
|
|
|
+ pageSize.value = val;
|
|
|
+ _getStaffList();
|
|
|
+ };
|
|
|
+
|
|
|
+ // 弹窗控制标记
|
|
|
+ const dialogFormVisible = ref(false)
|
|
|
+ //修改
|
|
|
+ const formDataTest = ref({})
|
|
|
+
|
|
|
+ const updateCompanyFunc = async (row) => {
|
|
|
+ let code = row['员工编号'];
|
|
|
+ const getStaffInfo_data = await getStaffInfo({code:code});
|
|
|
+ formDataTest.value = getStaffInfo_data.data;
|
|
|
+ dialogFormVisible.value = true;
|
|
|
+ };
|
|
|
+ const Attendancevalue = ref({})
|
|
|
+ //考勤建立弹窗确定
|
|
|
+ const AttendanceDialog = async () => {
|
|
|
+ _clockUpdate()
|
|
|
+ }
|
|
|
+ //设置法定天数
|
|
|
+ const _clockUpdate = async ()=>{
|
|
|
+ const formattedData = {
|
|
|
+ month:Attendancevalue.value['month'],
|
|
|
+ number:Attendancevalue.value['day'],
|
|
|
+ typeA:Attendancevalue.value['typeA'],
|
|
|
+ typeB:Attendancevalue.value['typeB'],
|
|
|
+ typeC:Attendancevalue.value['typeC'],
|
|
|
+ sys_id:'[1010/郑梅芳]'
|
|
|
+ };
|
|
|
+ console.log(formattedData)
|
|
|
+ const response = await clockUpdate(formattedData);
|
|
|
+ if (response.code === 0) {
|
|
|
+ ElMessage({
|
|
|
+ type: 'success',
|
|
|
+ message: '成功'
|
|
|
+ })
|
|
|
+ AttendanceVisible.value=false
|
|
|
+ }else{
|
|
|
+ ElMessage({
|
|
|
+ type: 'error',
|
|
|
+ message: '失败'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //获取小时数
|
|
|
+ const getdays = () => {
|
|
|
+ console.log(Attendancevalue.value['day'])
|
|
|
+ if(Attendancevalue.value['day']!=''){
|
|
|
+ Attendancevalue.value['typeA']=Attendancevalue.value['day']*7.5
|
|
|
+ Attendancevalue.value['typeB']=Attendancevalue.value['day']*8
|
|
|
+ Attendancevalue.value['typeC']=Attendancevalue.value['day']*8
|
|
|
+ }else{
|
|
|
+ ElMessage({
|
|
|
+ type: 'error',
|
|
|
+ message: '请输入法定天数'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 修改关闭弹窗
|
|
|
+ const closeDialog = () => {dialogFormVisible.value = false,AttendanceVisible.value=false}
|
|
|
+
|
|
|
+ // 弹窗确定
|
|
|
+ const enterDialog = async () => {
|
|
|
+ console.log(formDataTest.value['出生日期'])
|
|
|
+ if(formDataTest.value['出生日期'] === '' || formDataTest.value['出生日期'] === null){
|
|
|
+ ElMessage({
|
|
|
+ type: 'error',
|
|
|
+ message: '出生日期不能为空'
|
|
|
+ })
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if(formDataTest.value['身份证号'] === '' || formDataTest.value['身份证号'] === null){
|
|
|
+ ElMessage({
|
|
|
+ type: 'error',
|
|
|
+ message: '身份证号不能为空'
|
|
|
+ })
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ _ygjbzledit();
|
|
|
+ }
|
|
|
+ //修改员工资料
|
|
|
+ const _ygjbzledit = async ()=>{
|
|
|
+ const formattedData = {
|
|
|
+ '员工编号': formDataTest.value['员工编号'],
|
|
|
+ '员工姓名': formDataTest.value['员工姓名'],
|
|
|
+ '性别': formDataTest.value['性别'],
|
|
|
+ '出生日期': formDataTest.value['出生日期'],
|
|
|
+ '身份证号': formDataTest.value['身份证号'],
|
|
|
+ '职称职务': formDataTest.value['职称职务'],
|
|
|
+ '所在部门': formDataTest.value['所在部门'],
|
|
|
+ '聘用日期': formDataTest.value['聘用日期'],
|
|
|
+ '转正日期': formDataTest.value['转正日期'],
|
|
|
+ '扣减司龄': formDataTest.value['扣减司龄'] ? formDataTest.value['扣减司龄'] : '0',
|
|
|
+ '人员类别': formDataTest.value['人员类别'],
|
|
|
+ '人员性质': formDataTest.value['人员性质'],
|
|
|
+ '班次类型': formDataTest.value['班次类型'],
|
|
|
+ '薪酬核算分组': formDataTest.value['薪酬核算分组'],
|
|
|
+ '工资表类别': formDataTest.value['工资表类别'],
|
|
|
+ 'U8在职': formDataTest.value['U8在职'],
|
|
|
+ '在职状态': formDataTest.value['在职状态'],
|
|
|
+ '部门编码': formDataTest.value['部门编码'],
|
|
|
+ };
|
|
|
+ try {
|
|
|
+ const ygjbzledit_eddt = await ygjbzledit(formattedData);
|
|
|
+ if (ygjbzledit_eddt .code === 0) {
|
|
|
+ dialogFormVisible.value = false;
|
|
|
+ ElMessage({type: 'success',message: '更新成功'})
|
|
|
+ } else {
|
|
|
+ console.log(ygjbzledit_eddt);
|
|
|
+ ElMessage({ type: 'error',message: '更新失败'})
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <style scoped>
|
|
|
+ .form-container {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .form-column {
|
|
|
+ /*flex: 1;*/
|
|
|
+ margin-right: 15px; /* 调整列之间的间距 */
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 左侧输入框宽度调整 */
|
|
|
+ .form-column .el-form-item .el-input {
|
|
|
+ width: 150px; /* 调整左侧输入框的宽度 */
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 媒体查询，根据需要调整断点 */
|
|
|
+ @media screen and (max-width: 768px) {
|
|
|
+ .form-column {
|
|
|
+ flex: 1 0 100%; /* 在小屏幕下变成单列布局 */
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /*:deep(.el-table td .cell) {*/
|
|
|
+ /* line-height: 30px !important;*/
|
|
|
+ /*}*/
|
|
|
+ .JKWTree-container {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .JKWTree-tree {
|
|
|
+ /*width: 300px;*/
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .JKWTree-tree h3 {
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 700;
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
+ .JKWTree-content {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ /* 图片上传 */
|
|
|
+ .upload-box {
|
|
|
+ width: 200px;
|
|
|
+ height: 200px;
|
|
|
+ border: 2px dashed #e2e2e2;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .uploaded-image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+ }
|
|
|
+ .upload-icon {
|
|
|
+ font-size: 40px;
|
|
|
+ color: #c0c4cc;
|
|
|
+ }
|
|
|
+ .file-input {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .el-table .warning-row {
|
|
|
+ background: oldlace;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 选中某行时的背景色 */
|
|
|
+ :deep(.el-table__body tr.current-row) > td {
|
|
|
+ background: #ff80ff !important;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <style scoped>
|
|
|
+ :deep(.el-table td .cell) {
|
|
|
+ line-height: 20px !important;
|
|
|
+ }
|
|
|
+ :deep(.el-tabs__header){
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ .search{
|
|
|
+ margin-left: 0px !important;
|
|
|
+ margin-right: 10px !important;
|
|
|
+ }
|
|
|
+ .bt{
|
|
|
+ margin-left: 2px !important;
|
|
|
+ padding: 3px !important;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .el-tabs__header{
|
|
|
+ margin: 0px !important;
|
|
|
+ }
|
|
|
+ .gva-table-box{
|
|
|
+ padding: 0px !important;
|
|
|
+ }
|
|
|
+ .mab{
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
