You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1041 lines
31 KiB
1041 lines
31 KiB
<template> |
|
<basic-container> |
|
<!-- 上岗证台账 --> |
|
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud" |
|
@row-del="rowDel" @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange" |
|
@current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad" |
|
:span-method="spanMethod"> |
|
<template #menu-left> |
|
<el-button type="danger" icon="el-icon-delete" @click="handleDeletes">删除</el-button> |
|
<el-button type="success" icon="el-icon-upload" @click="handleImport">导入</el-button> |
|
<el-button type="primary" icon="el-icon-setting" @click="handleMaintain">证书维护</el-button> |
|
<el-button type="primary" icon="el-icon-setting" @click="handleType">证书类型维护</el-button> |
|
<!-- <el-button type="primary" icon="el-icon-operation" @click="handleCertificate">批量发证</el-button> |
|
<el-button type="primary" icon="el-icon-setting" @click="handleIndate">设置有效期</el-button> --> |
|
</template> |
|
<template #menu="scope"> |
|
<el-button type="text" @click="setDevice(scope.row)">设备维护</el-button> |
|
</template> |
|
</avue-crud> |
|
|
|
<el-dialog append-to-body title="批量发证" v-model="ccieDialog" width="80%"> |
|
<div style="display: flex;margin-bottom: 10px;"> |
|
<el-button plain type="danger" @click="remove">删除选择行</el-button> |
|
<el-select style="width: 240px;margin: 0 10px;" v-model="selectValue" placeholder="请选择"> |
|
<el-option v-for="item in ccieOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
</el-select> |
|
<el-date-picker v-model="dateNum" type="date" placeholder="选择日期" /> |
|
<el-button type="primary" style="margin: 0 10px;">批量设置</el-button> |
|
<el-button type="primary">保存</el-button> |
|
</div> |
|
<el-table :data="selectionArr"> |
|
<el-table-column type="selection"></el-table-column> |
|
<el-table-column align="center" label="上岗证日期" prop="wlTime"></el-table-column> |
|
<el-table-column align="center" label="适航日期" prop="seaTime"></el-table-column> |
|
<el-table-column align="center" label="宇航日期" prop="astrTime"></el-table-column> |
|
<el-table-column align="center" label="设备日期" prop="deviceTime"></el-table-column> |
|
</el-table> |
|
</el-dialog> |
|
<el-dialog append-to-body title="设置有效期" v-model="indateDialog" width="80%"> |
|
<div style="display: flex;margin-bottom: 10px;"> |
|
<el-button plain type="danger" @click="remove">删除选择行</el-button> |
|
<el-select style="width: 240px;margin: 0 10px;" v-model="selectValue" placeholder="请选择"> |
|
<el-option v-for="item in inDateOptions" :key="item.value" :label="item.label" |
|
:value="item.value"></el-option> |
|
</el-select> |
|
<el-date-picker v-model="dateNum" type="date" placeholder="选择日期" /> |
|
<el-button type="primary" style="margin: 0 10px;">批量设置</el-button> |
|
<el-button type="primary">保存</el-button> |
|
</div> |
|
<el-table :data="inDateArr"> |
|
<el-table-column type="selection"></el-table-column> |
|
<el-table-column align="center" label="上岗证日期" prop="wlTime"></el-table-column> |
|
<el-table-column align="center" label="上岗证有效期(年)" prop="wlLifespan"></el-table-column> |
|
<el-table-column align="center" label="适航日期" prop="seaTime"></el-table-column> |
|
<el-table-column align="center" label="适航有效期(年)" prop="seaLifespan"></el-table-column> |
|
<el-table-column align="center" label="宇航日期" prop="astrTime"></el-table-column> |
|
<el-table-column align="center" label="宇航有效期(年)" prop="astrLifespan"></el-table-column> |
|
<el-table-column align="center" label="设备日期" prop="deviceTime"></el-table-column> |
|
<el-table-column align="center" label="设备有效期(年)" prop="deviceTime"></el-table-column> |
|
</el-table> |
|
</el-dialog> |
|
<el-dialog append-to-body title="设置上岗证编号" v-model="setDialog"> |
|
<el-form :model="setForm" :rules="setRules"> |
|
<el-form-item label="编号"> |
|
<el-input placeholder="请输入编号" v-model="setForm.wlCode"></el-input> |
|
</el-form-item> |
|
</el-form> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="setDialog = false">取 消</el-button> |
|
<el-button type="primary" @click="setDialog = false">确 定</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
<el-dialog append-to-body title="设备维护" v-model="deviceDialog" width="80%"> |
|
<div style="display: flex;margin-bottom: 10px;align-items: center;"> |
|
<div>设备时间：</div> |
|
<el-date-picker v-model="deviceTime" type="date" placeholder="选择日期" /> |
|
<div style="margin-left: 10px;">设备有效期：</div> |
|
<el-input-number v-model="deviceLifespan" controls-position="right"></el-input-number> |
|
<el-button type="primary" style="margin: 0 10px;" @click="handleSet">批量设置</el-button> |
|
<el-button type="primary" @click="saveDevice">保存</el-button> |
|
<el-button type="primary" icon="el-icon-plus" @click="insertDevice()">插入一行</el-button> |
|
<el-button plain type="danger" @click="remove">删除选择行</el-button> |
|
</div> |
|
<el-table :data="deviceData"> |
|
<el-table-column type="selection"></el-table-column> |
|
<el-table-column label="设备编号" prop="deviceCode"> |
|
<template #default="scope"> |
|
<el-select v-model="scope.row.deviceCode" @change="(val) => changeDevice(val, scope.$index)"> |
|
<el-option v-for="item in deviceList" :label="item.value" :key="item.value" |
|
:value="item.value"></el-option> |
|
</el-select> |
|
</template> |
|
</el-table-column> |
|
<el-table-column label="设备名称" prop="deviceName"></el-table-column> |
|
<el-table-column label="设备时间" prop="deviceTime"> |
|
<template #default="scope"> |
|
<el-date-picker style="width: 100%;" v-model="scope.row.deviceTime" type="date" placeholder="选择日期"> |
|
</el-date-picker> |
|
</template> |
|
</el-table-column> |
|
<el-table-column label="设备有效期" prop="deviceLifespan"> |
|
<template #default="scope"> |
|
<el-input-number v-model="scope.row.deviceLifespan" controls-position="right"></el-input-number> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
</el-dialog> |
|
<!-- 证书维护 --> |
|
<maintain-dialog :show-maintain="showMaintain" @closeDialog="closeDialog" |
|
:maintain-list="maintainList"></maintain-dialog> |
|
<!-- 证书类型维护 --> |
|
<credential-dialog :show-type="showType" @closeDialog="closeDialog"></credential-dialog> |
|
</basic-container> |
|
</template> |
|
|
|
<script> |
|
import maintainDialog from './components/maintainDialog.vue'; |
|
import credentialDialog from './components/credentialDialog.vue'; |
|
export default { |
|
components: { |
|
maintainDialog, |
|
credentialDialog |
|
}, |
|
data() { |
|
return { |
|
ccieDialog: false, |
|
indateDialog: false, |
|
deviceDialog: false, |
|
showMaintain: false, |
|
maintainList: [], |
|
deviceTime: "", |
|
showType: false, |
|
deviceLifespan: '', |
|
selectValue: '', |
|
dateNum: '', |
|
loading: false, |
|
setDialog: false, |
|
setForm: {}, |
|
setRules: {}, |
|
data: [], |
|
inDateArr: [], |
|
form: {}, |
|
deviceData: [], |
|
deviceList: [ |
|
{ label: '设备名称一', value: '1' }, |
|
{ label: '设备名称二', value: '2' }, |
|
{ label: '设备名称三', value: '3' }, |
|
{ label: '设备名称四', value: '4' }, |
|
], |
|
page: { |
|
pageSize: 10, |
|
currentPage: 1, |
|
total: 0, |
|
}, |
|
ccieOptions: [ |
|
{ |
|
value: 1, |
|
label: '上岗证日期' |
|
}, |
|
{ |
|
value: 2, |
|
label: '适航日期' |
|
}, |
|
{ |
|
value: 3, |
|
label: '宇航日期' |
|
}, |
|
{ |
|
value: 4, |
|
label: '设备日期' |
|
} |
|
], |
|
inDateOptions: [ |
|
{ |
|
value: 1, |
|
label: '上岗证有效期' |
|
}, |
|
{ |
|
value: 2, |
|
label: '适航有效期' |
|
}, |
|
{ |
|
value: 3, |
|
label: '宇航有效期' |
|
}, |
|
{ |
|
value: 4, |
|
label: '设备有效期' |
|
} |
|
], |
|
selectionList: [], |
|
spanArr: [ |
|
{ prop: 'userName', span: [] }, |
|
{ prop: 'deptName', span: [] }, |
|
{ prop: 'station', span: [] }, |
|
{ prop: 'skillTitle', span: [] }, |
|
{ prop: 'userSex', span: [] }, |
|
{ prop: 'education', span: [] }, |
|
{ prop: 'dataBirth', span: [] }, |
|
{ prop: 'wlCode', span: [] }, |
|
{ prop: 'toNewJobDueDate', span: [] }, |
|
{ prop: 'wlTime', span: [] }, |
|
{ prop: 'wlLifespan', span: [] }, |
|
{ prop: 'wlDueDate', span: [] }, |
|
{ prop: 'seaTime', span: [] }, |
|
{ prop: 'seaLifespan', span: [] }, |
|
{ prop: 'seaDueDate', span: [] }, |
|
{ prop: 'astrTime', span: [] }, |
|
{ prop: 'astrLifespan', span: [] }, |
|
{ prop: 'astrdueDate', span: [] }, |
|
], |
|
option: { |
|
columnSort: true, |
|
tip: false, |
|
height: 'auto', |
|
align: 'center', |
|
calcHeight: 32, |
|
simplePage: false, |
|
searchShow: true, |
|
searchMenuSpan: 6, |
|
searchIcon: true, |
|
searchIndex: 3, |
|
tree: false, |
|
border: true, |
|
index: false, |
|
selection: true, |
|
viewBtn: false, |
|
delBtn: false, |
|
editBtn: false, |
|
addBtnIcon: ' ', |
|
viewBtnIcon: ' ', |
|
delBtnIcon: ' ', |
|
editBtnIcon: ' ', |
|
addBtn: false, |
|
labelWidth: 120, |
|
searchLabelWidth: 120, |
|
menu: true, |
|
menuWidth: 200, |
|
dialogWidth: 600, |
|
dialogClickModal: false, |
|
searchEnter: true, |
|
excelBtn: true, |
|
gridBtn: false, |
|
searchShowBtn: false, |
|
showOverflowTooltip: true, |
|
searchLabelPosition:'left', |
|
searchLabelPosition:'left', |
|
searchGutter:24, |
|
searchSpan:6, |
|
menuAlign: 'left', |
|
gridBtn:false, |
|
searchMenuPosition:'right', |
|
searchShowBtn:false, |
|
column: [ |
|
{ |
|
label: '姓名', |
|
prop: 'userName', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入姓名', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '所属班组', |
|
prop: 'deptName', |
|
type: 'select', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入所属班组', |
|
trigger: 'blur', |
|
}, |
|
], |
|
props: { |
|
label: 'deptName', |
|
value: 'deptId' |
|
}, |
|
dicData: [ |
|
{ |
|
"appLink": null, |
|
"createTime": "2022-08-31", |
|
"deleted": false, |
|
"deptCode": "001", |
|
"deptId": 1, |
|
"deptName": "MES开发部", |
|
"deptType": 1, |
|
"deptTypeTitle": "厂", |
|
"keyValue": 1, |
|
"memo": null, |
|
"orders": "00", |
|
"parentDeptId": null, |
|
"parentPath": null, |
|
"ucDeptId": null, |
|
"updateTime": "2022-08-31 16:32:46" |
|
}, |
|
{ |
|
"appLink": null, |
|
"createTime": "2023-02-06", |
|
"deleted": false, |
|
"deptCode": "3400", |
|
"deptId": 41, |
|
"deptName": "热表分厂", |
|
"deptType": 1, |
|
"deptTypeTitle": "厂", |
|
"keyValue": 41, |
|
"memo": null, |
|
"orders": "1", |
|
"parentDeptId": null, |
|
"parentPath": null, |
|
"ucDeptId": null, |
|
"updateTime": "2023-02-06 10:25:08" |
|
}, |
|
{ |
|
"appLink": null, |
|
"createTime": "2023-02-06", |
|
"deleted": false, |
|
"deptCode": "01", |
|
"deptId": 42, |
|
"deptName": "化学镀镍", |
|
"deptType": 1, |
|
"deptTypeTitle": "厂", |
|
"keyValue": 42, |
|
"memo": null, |
|
"orders": "1", |
|
"parentDeptId": 41, |
|
"parentPath": null, |
|
"ucDeptId": null, |
|
"updateTime": "2023-02-06 10:26:13" |
|
}, |
|
] |
|
}, |
|
{ |
|
label: '所属岗位', |
|
prop: 'station', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入所属岗位', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '技能等级', |
|
prop: 'skillTitle', |
|
type: 'select', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入技能等级', |
|
trigger: 'blur', |
|
}, |
|
], |
|
dicData: [ |
|
{ |
|
value: 1, |
|
label: '中级' |
|
}, { |
|
value: 2, |
|
label: '高级' |
|
}, { |
|
value: 3, |
|
label: '技师' |
|
} |
|
] |
|
}, |
|
{ |
|
label: '性别', |
|
prop: 'userSex', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入性别', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '最高学历', |
|
prop: 'education', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入最高学历', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '出生年月', |
|
prop: 'dataBirth', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入出生年月', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '证书类型', |
|
prop: 'wlType', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入证书类型', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '证书编号', |
|
prop: 'wlCode', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入证书编号', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '从事本岗位或工种时间', |
|
prop: 'toNewJobDueDate', |
|
span: 24, |
|
width: 200, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入从事本岗位或工种时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '上岗证日期', |
|
prop: 'wlTime', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入上岗证日期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '上岗证有效期(年)', |
|
prop: 'wlLifespan', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入上岗证有效期(年)', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '到期日期', |
|
prop: 'wlDueDate', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入到期日期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '适航日期', |
|
prop: 'seaTime', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入适航日期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '适航有效期(年)', |
|
prop: 'seaLifespan', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入适航有效期(年)', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '到期日期', |
|
prop: 'seaDueDate', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入到期日期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '宇航日期', |
|
prop: 'astrTime', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入宇航日期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '宇航有效期', |
|
prop: 'astrLifespan', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入宇航有效期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '到期日期', |
|
prop: 'astrdueDate', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入到期日期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '设备型号', |
|
prop: 'deviceModel', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入设备型号', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '设备名称', |
|
prop: 'deviceName', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入设备名称', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '设备时间', |
|
prop: 'deviceTime', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入设备时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '设备有效期', |
|
prop: 'deviceLifespan', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入设备有效期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '到期日期', |
|
prop: 'deviceDueDate', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
search: false, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入到期日期', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '状态', |
|
prop: 'wlStatusTitle', |
|
type: 'select', |
|
span: 24, |
|
width: 150, |
|
labelWidth: 140, |
|
overflow: true, |
|
fixed: 'right', |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入状态', |
|
trigger: 'blur', |
|
}, |
|
], |
|
dicData: [ |
|
{ |
|
value: 1, |
|
label: '正常' |
|
}, { |
|
value: 2, |
|
label: '过期' |
|
}, { |
|
value: 3, |
|
label: '离职' |
|
} |
|
] |
|
}, |
|
] |
|
}, |
|
} |
|
}, |
|
mounted() { |
|
this.rowSort() |
|
this.rowCalc(); |
|
}, |
|
methods: { |
|
changeDevice(val, index) { |
|
let tmp = this.deviceList.find(item => item.value == val) |
|
this.deviceData[index].deviceName = tmp.label |
|
}, |
|
rowCalc() { |
|
this.spanArr.forEach((ele, index) => { |
|
let parent |
|
if (index !== 0) parent = this.spanArr[ele.parent || index - 1].span |
|
ele.span = this.rowSpan(ele.prop, parent) |
|
}) |
|
}, |
|
rowSort(list) { |
|
let propList = this.spanArr.map(ele => ele.prop) |
|
this.spanArr.forEach((ele, index) => { |
|
let key = ele.prop |
|
this.data = this.data.sort((a, b) => { |
|
let flag = true; |
|
for (let i = 0; i < index; i++) { |
|
let prop = this.spanArr[i].prop |
|
flag = flag && a[prop] == b[prop] |
|
} |
|
if (flag) { |
|
if (a[key] < b[key]) { return 1; } |
|
else if (a[key] > b[key]) { return -1; } |
|
return 0; |
|
} |
|
return 0; |
|
}) |
|
}) |
|
}, |
|
// 关闭弹窗 |
|
closeDialog() { |
|
this.showMaintain = false |
|
this.showType = false |
|
}, |
|
handleSet() { |
|
if (this.deviceTime !== '') { |
|
this.deviceData.map(item => { |
|
item.deviceTime = this.deviceTime |
|
}) |
|
} |
|
if (this.deviceLifespan !== '') { |
|
this.deviceData.map(item => { |
|
item.deviceLifespan = this.deviceLifespan |
|
}) |
|
} |
|
}, |
|
saveDevice() { |
|
this.deviceDialog = false |
|
}, |
|
|
|
rowSpan(key, parent) { |
|
let list = []; |
|
let position = 0; |
|
this.data.forEach((item, index) => { |
|
if (index === 0) { |
|
list.push(1) |
|
let position = 0; |
|
} else { |
|
if (this.data[index][key] === this.data[index - 1][key]) { |
|
if (parent && parent[index] !== 0) { |
|
list.push(1) |
|
position = index |
|
} else { |
|
list[position] += 1; |
|
list.push(0) |
|
} |
|
} else { |
|
list.push(1) |
|
position = index |
|
} |
|
} |
|
}) |
|
return list |
|
}, |
|
spanMethod({ row, column, rowIndex, columnIndex }) { |
|
for (let i = 0; i < this.spanArr.length; i++) { |
|
const ele = this.spanArr[i] |
|
if (column.property == ele.prop) { |
|
const _row = ele.span[rowIndex]; |
|
const _col = _row > 0 ? 1 : 0; |
|
return { |
|
rowspan: _row, |
|
colspan: _col |
|
} |
|
} else if (columnIndex == 0) { |
|
const _row = ele.span[rowIndex]; |
|
const _col = _row > 0 ? 1 : 0; |
|
return { |
|
rowspan: _row, |
|
colspan: _col |
|
} |
|
} else if (columnIndex == 25) { |
|
const _row = ele.span[rowIndex]; |
|
const _col = _row > 0 ? 1 : 0; |
|
return { |
|
rowspan: _row, |
|
colspan: _col |
|
} |
|
} |
|
} |
|
|
|
}, |
|
setCode() { |
|
this.setDialog = true |
|
}, |
|
insertDevice() { |
|
const record = { _select: false } |
|
this.deviceData.push(record) |
|
}, |
|
setDevice(row) { |
|
let tmpArr = this.data.filter(item => item.userName == row.userName) |
|
this.deviceData = [] |
|
if (tmpArr.length > 0) { |
|
tmpArr.map(item => { |
|
item._select = false |
|
}) |
|
} |
|
this.deviceData = tmpArr |
|
this.deviceDialog = true |
|
}, |
|
// 批量发证 |
|
handleCertificate() { |
|
this.ccieDialog = true |
|
}, |
|
// 有效期 |
|
handleIndate() { |
|
this.indateDialog = true |
|
}, |
|
// 多选 |
|
selectionChange(val) { |
|
this.selectionList = val |
|
}, |
|
// 批量删除 |
|
handleDeletes() { |
|
if (this.selectionList.length == 0) { |
|
this.$message.error('请至少选择一条数据') |
|
} else { |
|
|
|
} |
|
}, |
|
handleMaintain() { |
|
if (this.selectionList.length == 0) { |
|
this.$message.error('请先选择数据') |
|
} else { |
|
let tmp = this.data.filter(item1 => |
|
this.selectionList.some(item2 => item2.userName === item1.userName) |
|
) |
|
let tmp1 = Array.from(new Set(tmp.map(item => item.wlCode))).map(wlCode => { |
|
return tmp.find(item => item.wlCode === wlCode); |
|
}); |
|
this.maintainList = tmp1 |
|
this.showMaintain = true |
|
} |
|
}, |
|
handleType() { |
|
this.showType = true |
|
}, |
|
// 导入 |
|
handleImport() { |
|
|
|
}, |
|
currentChange(currentPage) { |
|
this.page.currentPage = currentPage; |
|
}, |
|
sizeChange(pageSize) { |
|
this.page.pageSize = pageSize; |
|
}, |
|
refreshChange() { |
|
this.onLoad(this.page, this.query); |
|
}, |
|
searchReset() { |
|
this.query = {}; |
|
this.treeDeptId = ''; |
|
this.onLoad(this.page); |
|
}, |
|
searchChange(params, done) { |
|
this.query = params; |
|
this.page.currentPage = 1; |
|
this.onLoad(this.page, params); |
|
done(); |
|
}, |
|
selectionChange(list) { |
|
this.selectionList = list; |
|
}, |
|
selectionClear() { |
|
this.selectionList = []; |
|
this.$refs.crud.toggleSelection(); |
|
}, |
|
onLoad() { |
|
this.data = [ |
|
{ |
|
id: 1, |
|
userName: "张三", |
|
// jtPostHandle: { |
|
// personnel: { |
|
userName: "张三", |
|
userSex: "男", |
|
// }, |
|
// dept: { |
|
deptName: "班组一", |
|
// }, |
|
station: '试验员', |
|
skillTitle: '初级', |
|
education: '本科', |
|
dataBirth: '1992-11-20', |
|
// }, |
|
wlTypeTitle: '上岗证', |
|
wlType: 1, |
|
wlCode: '0010', toNewJobDueDate: '2年', wlTime: '2023-10-28', wlLifespan: '2年', wlDueDate: '2025-10-28', |
|
seaTime: '2023-10-11', seaLifespan: '3年', seaDueDate: '2026-10-11', astrTime: '2023-10-31', astrLifespan: '3年', |
|
astrdueDate: '2026-10-31', deviceTime: '2023-10-11', deviceLifespan: 3, deviceDueDate: '2026-10-11', |
|
wlStatusTitle: '过期', deviceModel: '型号一', deviceName: '设备名称一', deviceCode: '1' |
|
}, |
|
{ |
|
id: 2, |
|
userName: "张三", |
|
// jtPostHandle: { |
|
// personnel: { |
|
userName: "张三", |
|
userSex: "男", |
|
// }, |
|
// dept: { |
|
deptName: "班组一", |
|
// }, |
|
station: '试验员', |
|
skillTitle: '初级', |
|
education: '本科', |
|
dataBirth: '1992-11-20', |
|
// }, |
|
wlTypeTitle: '上岗证', |
|
wlType: 1, |
|
wlCode: '0010', toNewJobDueDate: '2年', wlTime: '2023-10-28', wlLifespan: '2年', wlDueDate: '2025-10-28', |
|
seaTime: '2023-10-11', seaLifespan: '3年', seaDueDate: '2026-10-11', astrTime: '2023-10-31', astrLifespan: '3年', |
|
astrdueDate: '2026-10-31', deviceTime: '2023-10-11', deviceLifespan: 3, deviceDueDate: '2026-10-11', |
|
wlStatusTitle: '过期', deviceModel: '型号一', deviceName: '设备名称一', deviceCode: '1' |
|
}, |
|
{ |
|
id: 3, |
|
userName: "张三", |
|
// jtPostHandle: { |
|
// personnel: { |
|
userName: "张三", |
|
userSex: "男", |
|
// }, |
|
// dept: { |
|
deptName: "班组一", |
|
// }, |
|
station: '试验员', |
|
skillTitle: '初级', |
|
education: '本科', |
|
dataBirth: '1992-11-20', |
|
// }, |
|
wlTypeTitle: '使用证', |
|
wlType: 2, |
|
wlCode: '0020', toNewJobDueDate: '2年', wlTime: '2023-10-31', wlLifespan: '2年', wlDueDate: '2025-10-31', |
|
seaTime: '2023-10-11', seaLifespan: '3年', seaDueDate: '2026-10-11', astrTime: '2023-10-31', astrLifespan: '3年', |
|
astrdueDate: '2026-10-31', deviceTime: '2023-10-11', deviceLifespan: 3, deviceDueDate: '2026-10-11', |
|
wlStatusTitle: '过期', deviceModel: '型号一', deviceName: '设备名称二', deviceCode: '2' |
|
}, |
|
{ |
|
id: 4, |
|
userName: "李四", |
|
// jtPostHandle: { |
|
// personnel: { |
|
userName: "李四", |
|
userSex: "男", |
|
// }, |
|
// dept: { |
|
deptName: "班组一", |
|
// }, |
|
station: '试验员', |
|
skillTitle: '初级', |
|
education: '本科', |
|
dataBirth: '1992-11-20', |
|
// }, |
|
wlTypeTitle: '上岗证', |
|
wlType: 1, |
|
wlCode: '0030', toNewJobDueDate: '2年', wlTime: '2023-10-31', wlLifespan: '2年', wlDueDate: '2025-10-31', |
|
seaTime: '2023-10-11', seaLifespan: '3年', seaDueDate: '2026-10-11', astrTime: '2023-10-31', astrLifespan: '3年', |
|
astrdueDate: '2026-10-31', deviceTime: '2023-10-11', deviceLifespan: 3, deviceDueDate: '2026-10-11', |
|
wlStatusTitle: '过期', deviceModel: '型号一', deviceName: '设备名称三', deviceCode: '3' |
|
}, |
|
] |
|
this.page.total = this.data.length |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style></style> |