|
|
@@ -6,66 +6,35 @@
|
|
|
<div class="JKWTree-tree" style="height: 746px">
|
|
|
<h3>组织架构</h3>
|
|
|
<el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick" @node-expand="handleNodeExpand">
|
|
|
- <template #default="{node,data}">
|
|
|
- {{data['名称']}}<{{data['num']}}人>
|
|
|
- </template>
|
|
|
+ <template #default="{node,data}">{{data['名称']}}<{{data['num']}}人></template>
|
|
|
</el-tree>
|
|
|
</div>
|
|
|
</el-aside>
|
|
|
|
|
|
- <!-- 右侧内容区域 -->
|
|
|
+ <!-- 右侧区域 -->
|
|
|
<el-container>
|
|
|
<el-main>
|
|
|
- <!-- 搜索框 -->
|
|
|
+<!-- 按钮 搜索 部分-->
|
|
|
<div class="gva-search-box">
|
|
|
- <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
|
|
|
- <!-- 左侧查询输入框 -->
|
|
|
- <el-form-item>
|
|
|
- <el-input v-model="searchInfo.ke" placeholder="搜索员工编号或员工姓名" clearable style="width: 200px;" @input="onSubmit"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <!-- 右侧查询和重置按钮 -->
|
|
|
+ <el-form ref="elSearchFormRef" :inline="true" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
|
|
|
- <!-- <el-button icon="refresh" @click="onReset">重置</el-button>-->
|
|
|
- <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
|
|
|
- <el-button type="primary" icon="Download" @click="exportToExcel" style="float: right;">导出到Excel</el-button>
|
|
|
+ <el-input v-model="searchInfo" placeholder="搜索员工编号或员工姓名" clearable style="width: 200px;"></el-input>
|
|
|
+ <el-button type="primary" icon="search" @click="onSubmit" style="margin-left: 10px">查询</el-button>
|
|
|
+ <el-button disabled type="primary" icon="Download" @click="exportToExcel" style="float: right;">导出到Excel</el-button>
|
|
|
<el-dialog v-model="dialogexportToExcel" disabled title="员工基本资料导出" width="50%">
|
|
|
-
|
|
|
</el-dialog>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
|
|
|
- <!-- 表格及操作按钮 -->
|
|
|
<div class="gva-table-box">
|
|
|
-
|
|
|
- <!-- 导出字段选择对话框 -->
|
|
|
- <el-dialog title="选择导出字段" :visible.sync="exportDialogVisible" width="30%">
|
|
|
- <el-checkbox-group v-model="selectedExportFields">
|
|
|
- <el-checkbox label="employeenumber">员工编号</el-checkbox>
|
|
|
- <el-checkbox label="employeename">员工姓名</el-checkbox>
|
|
|
- <el-checkbox label="gender">性别</el-checkbox>
|
|
|
- <!-- 添加更多字段选项 -->
|
|
|
- </el-checkbox-group>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="exportDialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="exportSelectedFields">确 定</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
- <!-- 表格 -->
|
|
|
- <el-table ref="multipleTable"
|
|
|
- style="width: 100%;height: 580px"
|
|
|
- tooltip-effect="dark"
|
|
|
- :row-style="{ height: '20px' }"
|
|
|
+ <!-- 表格数据 -->
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 580px" tooltip-effect="dark"
|
|
|
+ :row-style="{ height: '20px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
:cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
- :header-cell-style="{ padding: '0px' }"
|
|
|
- :data="tableData"
|
|
|
- border
|
|
|
- row-key="ID"
|
|
|
- highlight-current-row="true"
|
|
|
- @row-dblclick="updateCompanyFunc"
|
|
|
- @row-click="tableRowClick"
|
|
|
+ :data="tableData" border row-key="ID"
|
|
|
+ highlight-current-row="true" @row-dblclick="updateCompanyFunc"
|
|
|
+ @row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
|
@selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" />
|
|
|
<el-table-column align="left" label="员工编号" prop="员工编号" width="100" />
|
|
|
@@ -89,125 +58,161 @@
|
|
|
<el-table-column align="left" label="创建时间" prop="sys_rq" width="160" />
|
|
|
<el-table-column align="left" label="修改时间" prop="mod_rq" width="160" />
|
|
|
</el-table>
|
|
|
+
|
|
|
<!-- 分页 -->
|
|
|
<div class="gva-pagination">
|
|
|
- <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" />
|
|
|
+ <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="type==='create'?'添加员工基本资料':'修改员工基本资料'"
|
|
|
- destroy-on-close
|
|
|
- >
|
|
|
- <el-row>
|
|
|
- <!-- 左侧表单 -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-scrollbar height="500px">
|
|
|
- <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
- <el-form-item label="员工编号:" prop="address">
|
|
|
- <el-input v-model="formDataTest['员工编号']" :clearable="true" placeholder="请输入员工编号" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="性别:" prop="gender">
|
|
|
- <el-input v-model="formDataTest['性别']" :clearable="true" placeholder="请输入性别" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证号:" prop="idCard">
|
|
|
- <el-input v-model="formDataTest['身份证号']" :clearable="true" placeholder="请输入身份证" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="部门名称:" prop="department">
|
|
|
- <el-input v-model="formDataTest['所在部门']" :clearable="true" placeholder="请输入部门名称" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="入职日期:" prop="joinDate">
|
|
|
- <el-input v-model="formDataTest['聘用日期']" :clearable="true" placeholder="请输入入职日期" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="人员类别:" prop="joinDate">
|
|
|
- <el-select v-model="formDataTest['人员类别']" placeholder="请选择人员类别" style="width: 180px;">
|
|
|
- <el-option label="生产" value="生产"></el-option>
|
|
|
- <el-option label="行政" value="行政"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="班次类型:" prop="joinDate">
|
|
|
- <el-input v-model="formDataTest['班次类型']" :clearable="true" placeholder="请输入班次类型" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工资表类别:" prop="joinDate">
|
|
|
- <el-select v-model="formDataTest['工资表类别']" placeholder="请选择工资表类别" style="width: 180px;">
|
|
|
- <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-dialog v-model="dialogFormVisible" :before-close="closeDialog" width="900px" style="height: 600px;" :title="'修改员工基本资料'" destroy-on-close>
|
|
|
+ <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
+ <div>
|
|
|
+ <div style="float: left; width: 34%;">
|
|
|
+ <!-- 左侧部分 -->
|
|
|
+ <el-form-item label="员工编号:" prop="employeeId">
|
|
|
+ <el-input v-model="formDataTest['员工编号']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="性别:" prop="gender">
|
|
|
+ <el-input v-model="formDataTest['性别']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证号:" prop="gender">
|
|
|
+ <el-input v-model="formDataTest['身份证号']" placeholder="" style="width: 200px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门名称:" prop="gender">
|
|
|
+ <el-input v-model="formDataTest['所在部门']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="入职日期:" prop="joinDate">
|
|
|
+ <el-input v-model="formDataTest['聘用日期']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="人员类别:" prop="joinDate">
|
|
|
+ <el-select v-model="formDataTest['人员类别']" placeholder="" style="width: 190px;">
|
|
|
+ <el-option label="生产" value="生产"></el-option>
|
|
|
+ <el-option label="行政" value="行政"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="班次类型:" prop="joinDate">
|
|
|
+ <el-input v-model="formDataTest['班次类型']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工资表类别:" prop="joinDate">
|
|
|
+ <el-select v-model="formDataTest['工资表类别']" placeholder="" style="width: 190px;">
|
|
|
+ <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">
|
|
|
+ <el-input v-model="formDataTest['U8在职']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="float: left; width: 33%;margin-left: 50px">
|
|
|
+ <!-- 中间部分 -->
|
|
|
+ <el-form-item label="员工姓名:" prop="name">
|
|
|
+ <el-input v-model="formDataTest['员工姓名']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="出生日期:" prop="birthDate">
|
|
|
+ <el-input v-model="formDataTest['出生日期']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职务:" prop="position">
|
|
|
+ <el-input v-model="formDataTest['职称职务']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门编号:" prop="position">
|
|
|
+ <el-input v-model="formDataTest['部门编号']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="转正日期:" prop="departmentId">
|
|
|
+ <el-input v-model="formDataTest['转正日期']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="扣减司龄:" prop="departmentId">
|
|
|
+ <el-input v-model="formDataTest['扣减司龄']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="人员性质:" prop="departmentId">
|
|
|
+ <el-select v-model="formDataTest['人员性质']" placeholder="" style="width: 190px;">
|
|
|
+ <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">
|
|
|
+ <el-input v-model="formDataTest['薪酬核算分组']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="在职状态:" prop="joinDate">
|
|
|
+ <el-input v-model="formDataTest['在职状态']" placeholder="" style="width: 190px;" />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
|
|
|
- </el-form>
|
|
|
- </el-scrollbar>
|
|
|
- </el-col>
|
|
|
- <!-- 中间表单 -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-scrollbar height="500px">
|
|
|
- <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
|
|
|
- <el-form-item label="员工姓名:" prop="name">
|
|
|
- <el-input v-model="formDataTest['员工姓名']" :clearable="true" placeholder="请输入姓名" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="出生日期:" prop="birthDate">
|
|
|
- <el-input v-model="formDataTest['出生日期']" :clearable="true" placeholder="" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="职务:" prop="position">
|
|
|
- <el-input v-model="formDataTest['职称职务']" :clearable="true" placeholder="请输入职务" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item label="部门编号:" prop="departmentId">-->
|
|
|
- <!-- <el-input v-model="formDataTest['部门编号']" :clearable="true" placeholder="请输入部门编号" style="width: 180px;" />-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
- <el-form-item label="转正日期:" prop="departmentId">
|
|
|
- <el-input v-model="formDataTest['转正日期']" :clearable="true" placeholder="请输入转正日期" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="扣减司龄:" prop="departmentId">
|
|
|
- <el-input v-model="formDataTest['扣减司龄']" :clearable="true" placeholder="" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="人员性质:" prop="departmentId">
|
|
|
- <el-select v-model="formDataTest['人员性质']" placeholder="请选择人员性质" style="width: 180px;">
|
|
|
- <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="U8状态:" prop="joinDate">
|
|
|
- <el-input v-model="formDataTest['U8在职']" :clearable="true" placeholder="" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="在职状态:" prop="joinDate">
|
|
|
- <el-input v-model="formDataTest['在职状态']" :clearable="true" placeholder="" style="width: 180px;" />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-scrollbar>
|
|
|
- </el-col>
|
|
|
- <!-- 右侧图片 -->
|
|
|
- </el-row>
|
|
|
- <!-- 添加 编辑页面 取消 确定 -->
|
|
|
+ <div style="float: left; text-align: center; margin-left: 50px;">
|
|
|
+ <!-- 右侧图片 -->
|
|
|
+ <div style="height: 200px; width: 160px; background-color: #eee; position: relative;">
|
|
|
+ <!-- 上传按钮 -->
|
|
|
+ <input type="file" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;"
|
|
|
+ @change="handleFileUpload">
|
|
|
+ <!-- 显示上传的图片 -->
|
|
|
+ <img v-if="formDataTest.imageUrl" :src="formDataTest.imageUrl" alt="Uploaded Image" style="max-width: 100%; max-height: 100%;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <!-- 添加编辑页面取消确定按钮 -->
|
|
|
<template #footer>
|
|
|
- <div class="dialog-footer">
|
|
|
- <el-button @click="closeDialog">取 消</el-button>
|
|
|
- <el-button type="primary" @click="enterDialog">确 定</el-button>
|
|
|
+ <div class="dialog-footer" style="text-align: center; position: absolute; bottom: 20px; width: 90%;">
|
|
|
+ <el-button @click="closeDialog">取消</el-button>
|
|
|
+ <el-button type="primary" @click="enterDialog">确定</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
+
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
</el-container>
|
|
|
</div>
|
|
|
</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogFormVisible: false,
|
|
|
+ formDataTest: {
|
|
|
+ imageUrl: '' // 添加一个字段来保存上传的图片路径
|
|
|
+ },
|
|
|
+ rule: {} // 初始化rule对象
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ 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 {createCompany, deleteCompany, deleteCompanyByIds, updateCompany, findCompany, getCompanyList} from '@/api/company'
|
|
|
-import {getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile} from '@/utils/format'
|
|
|
-import {ElMessage, ElMessageBox} from 'element-plus'
|
|
|
import {ref, reactive} from 'vue'
|
|
|
import {getCustom, getDepartment, getProductData, getStaffList, ygjbzledit} from '@/api/yunyin/yunying'
|
|
|
+import {ElMessage} from "element-plus";
|
|
|
defineOptions({name: 'Company'})
|
|
|
// =========== 导出Excel表格 ===========
|
|
|
const exportToExcel = () => {
|
|
|
@@ -219,51 +224,55 @@ const dialogexportToExcel = ref(false)
|
|
|
|
|
|
// =========== 获取左侧树侧形结构 ===========
|
|
|
const treeData = ref({})
|
|
|
-// const defaultProps = {
|
|
|
-// children: 'children',
|
|
|
-// label: '名称' // 将label设置为中文名称对应的字段名
|
|
|
-// };
|
|
|
const _department_code = ref(null)
|
|
|
const getDepartmentdata = async () => {
|
|
|
try {
|
|
|
- const data = await getDepartment() //接口调用函数
|
|
|
+ const data = await getDepartment();
|
|
|
treeData.value = data.data;
|
|
|
} catch (error) {
|
|
|
console.error(error)
|
|
|
}
|
|
|
}
|
|
|
getDepartmentdata();
|
|
|
-const numTime = 0
|
|
|
|
|
|
//点击左侧树形 获取右侧table列表
|
|
|
-const tableData = reactive([])
|
|
|
+const tableData = reactive([]);
|
|
|
const handleNodeClick = async (node) => {
|
|
|
_department_code.value = node['编号'];
|
|
|
- console.log(node['编号'])
|
|
|
- // _getStaffList()
|
|
|
+ searchInfo.value = '';
|
|
|
+ _getStaffList()
|
|
|
+};
|
|
|
+
|
|
|
+//点击管理中心 显示部门的全部数据
|
|
|
+const handleNodeExpand = async (node) => {
|
|
|
+ _department_code.value = node['编号'];
|
|
|
+ searchInfo.value = '';
|
|
|
+ _getStaffList()
|
|
|
+}
|
|
|
+
|
|
|
+// 搜索
|
|
|
+const searchInfo = ref('')
|
|
|
+//点击【查询】按钮
|
|
|
+const onSubmit = () => {
|
|
|
+ _department_code.value = '';
|
|
|
+ _getStaffList();
|
|
|
};
|
|
|
-// 点击管理中心 显示全部数据
|
|
|
-// const handleNodeExpand = async (node) => {
|
|
|
-// // console.log(node)
|
|
|
-// _department_code.value = node['编号'];
|
|
|
-// _getStaffList()
|
|
|
-// }
|
|
|
|
|
|
-//封装的方法
|
|
|
+//获取员工信息列表
|
|
|
const _getStaffList = async ()=>{
|
|
|
let params = {}
|
|
|
+ params.search = searchInfo.value;
|
|
|
params.department_code = _department_code.value;
|
|
|
- params.search = _searchValue.value;
|
|
|
params.mes_online = 1;
|
|
|
params.u8_online = 1;
|
|
|
- params.limit = pageSize.value;
|
|
|
- params.page = page.value;
|
|
|
+ params.limit = 100;
|
|
|
+ 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;
|
|
|
+ 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);
|
|
|
}
|
|
|
@@ -286,117 +295,63 @@ const handleSizeChange = (val) => {
|
|
|
_getStaffList();
|
|
|
};
|
|
|
|
|
|
-const _searchValue = ref(null)
|
|
|
-// 搜索
|
|
|
-const onSubmit = () => {
|
|
|
- // const searchValue = searchInfo._rawValue.ke; // 获取搜索框输入的值
|
|
|
- // _searchValue.value = searchInfo._rawValue.ke;
|
|
|
- // console.log(_searchValue);
|
|
|
- _getStaffList()
|
|
|
-};
|
|
|
-
|
|
|
-// 查询
|
|
|
-const getTableData = async () => {
|
|
|
- // console.log(table)
|
|
|
-}
|
|
|
-getTableData()
|
|
|
-
|
|
|
-// 自动化生成的字典(可能为空)以及字段
|
|
|
-const formData = ref({
|
|
|
- address: '',
|
|
|
- image: '',
|
|
|
- name: '',
|
|
|
-})
|
|
|
-let formDataTest = reactive({})
|
|
|
-
|
|
|
-// 验证规则
|
|
|
-const rule = reactive({})
|
|
|
-const searchRule = reactive({
|
|
|
- createdAt: [{
|
|
|
- validator: (rule, value, callback) => {
|
|
|
- if (searchInfo.value.startCreatedAt && !searchInfo.value.endCreatedAt) {
|
|
|
- callback(new Error('请填写结束日期'))
|
|
|
- } else if (!searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt) {
|
|
|
- callback(new Error('请填写开始日期'))
|
|
|
- } else if (searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt && (
|
|
|
- searchInfo.value.startCreatedAt.getTime() === searchInfo.value.endCreatedAt
|
|
|
- .getTime() || searchInfo.value.startCreatedAt.getTime() > searchInfo.value
|
|
|
- .endCreatedAt.getTime())) {
|
|
|
- callback(new Error('开始日期应当早于结束日期'))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
- },
|
|
|
- trigger: 'change'
|
|
|
- }],
|
|
|
-})
|
|
|
-const elFormRef = ref()
|
|
|
-const elSearchFormRef = ref()
|
|
|
-const searchInfo = ref({})
|
|
|
-
|
|
|
-// 重置
|
|
|
-const onReset = () => {
|
|
|
- searchInfo.value = {}
|
|
|
- getTableData()
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-// 行为控制标记(弹窗内部需要增还是改)
|
|
|
-const type = ref('')
|
|
|
-
|
|
|
+// 弹窗控制标记
|
|
|
+const dialogFormVisible = ref(false)
|
|
|
//修改
|
|
|
+let formDataTest = reactive({})
|
|
|
const updateCompanyFunc = async (row) => {
|
|
|
- const product_code = row.员工编号;
|
|
|
- formDataTest = row;
|
|
|
- // console.log(row);
|
|
|
- // const response = await ygjbzledit({ product_code: product_code });
|
|
|
- // console.log(response);
|
|
|
+ Object.assign(formDataTest,row);
|
|
|
+ // formDataTest['部门编号'] = _department_code.value;
|
|
|
+ // 判断是否为 undefined,建议使用 typeof
|
|
|
+ if (typeof formDataTest['扣减司龄'] === "undefined") {
|
|
|
+ formDataTest['扣减司龄'] = "0";
|
|
|
+ }
|
|
|
dialogFormVisible.value = true;
|
|
|
};
|
|
|
-// 弹窗控制标记
|
|
|
-const dialogFormVisible = ref(false)
|
|
|
|
|
|
-// 打开弹窗
|
|
|
-const openDialog = () => {
|
|
|
- type.value = 'create'
|
|
|
- dialogFormVisible.value = true
|
|
|
-}
|
|
|
+// 修改关闭弹窗
|
|
|
+const closeDialog = () => {dialogFormVisible.value = false}
|
|
|
|
|
|
-// 关闭弹窗
|
|
|
-const closeDialog = () => {
|
|
|
- dialogFormVisible.value = false
|
|
|
- formData.value = {
|
|
|
- address: '',
|
|
|
- image: '',
|
|
|
- name: '',
|
|
|
- }
|
|
|
-}
|
|
|
// 弹窗确定
|
|
|
const enterDialog = async () => {
|
|
|
- elFormRef.value?.validate(async (valid) => {
|
|
|
- if (!valid) return
|
|
|
- let res
|
|
|
- switch (type.value) {
|
|
|
- case 'create':
|
|
|
- res = await createCompany(formData.value)
|
|
|
- break
|
|
|
- case 'update':
|
|
|
- res = await updateCompany(formData.value)
|
|
|
- break
|
|
|
- default:
|
|
|
- res = await createCompany(formData.value)
|
|
|
- break
|
|
|
- }
|
|
|
- if (res.code === 0) {
|
|
|
- ElMessage({
|
|
|
- type: 'success',
|
|
|
- message: '创建/更改成功'
|
|
|
- })
|
|
|
- closeDialog()
|
|
|
- getTableData()
|
|
|
- }
|
|
|
- })
|
|
|
+ _ygjbzledit();
|
|
|
}
|
|
|
+//修改员工资料
|
|
|
+const _ygjbzledit = async ()=>{
|
|
|
+ const formattedData = {
|
|
|
+ '员工编号': formDataTest['员工编号'],
|
|
|
+ '员工姓名': formDataTest['员工姓名'],
|
|
|
+ '性别': formDataTest['性别'],
|
|
|
+ '出生日期': formDataTest['出生日期'],
|
|
|
+ '身份证': formDataTest['身份证号'],
|
|
|
+ '职称职务': formDataTest['职称职务'],
|
|
|
+ '所在部门': formDataTest['所在部门'],
|
|
|
+ '部门编号': formDataTest['部门编号'],
|
|
|
+ '入职日期': formDataTest['聘用日期'],
|
|
|
+ '转正日期': formDataTest['转正日期'],
|
|
|
+ '扣减司龄': formDataTest['扣减司龄'],
|
|
|
+ '人员类别': formDataTest['人员类别'],
|
|
|
+ '人员性质': formDataTest['人员性质'],
|
|
|
+ '班次类型': formDataTest['班次类型'],
|
|
|
+ '工资核算分组': formDataTest['薪酬核算分组'],
|
|
|
+ '工资表类别': formDataTest['工资表类别'],
|
|
|
+ 'U8在职': formDataTest['U8在职'],
|
|
|
+ '在职状态': formDataTest['在职状态'],
|
|
|
+ };
|
|
|
+ console.log(formattedData);
|
|
|
+ try {
|
|
|
+ // const ygjbzleditdata = await ygjbzledit(formattedData);
|
|
|
+ // console.log(ygjbzleditdata);
|
|
|
+ // if (ygjbzleditdata.code === 0) {
|
|
|
+ // ElMessage({type: 'success',message: '更新成功'})
|
|
|
+ // } else {
|
|
|
+ // ElMessage({ type: 'error',message: '更新失败'})
|
|
|
+ // }
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
<style>
|