| | |
| | | </el-upload> |
| | | <!-- <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1333074204,3035391839&fm=26&gp=0.jpg" class="jbxxImg">--> |
| | | <div class="title-da"> |
| | | 编号:{{ empBaseInfoForm.empNumb }} |
| | | 档案号:{{ empBaseInfoForm.archivesNumb }} |
| | | </div> |
| | | </div> |
| | | <ul class="jbxx-ul" style="height: 68vh;overflow: auto"> |
| | |
| | | <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" class="formjbxx" label-width="150px"> |
| | | <el-row style="width: 100%;"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="档案号" prop="archivesNumb"> |
| | | <el-input v-model="empBaseInfoForm.archivesNumb" style="width: 100%;" :disabled="readon ? false : true" /> |
| | | <el-form-item label="编号" prop="empNumb"> |
| | | <el-input v-model="empBaseInfoForm.empNumb" style="width: 100%;" :disabled="readon ? false : true" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="籍贯" prop="nativePlaceName"> |
| | | <el-select v-model="empBaseInfoForm.nativePlace" placeholder="请选择最高学历" :disabled="readon ? false : true"> |
| | | <el-select v-model="empBaseInfoForm.nativePlace" placeholder="请选择籍贯" :disabled="readon ? false : true"> |
| | | <el-option |
| | | v-for="dict in nativePlaceOptions" |
| | | :key="dict.dicItemCode" |
| | |
| | | <el-table-column show-overflow-tooltip="true" fixed="right" label="操作" width="120"> |
| | | <template slot-scope="scope"> |
| | | <span class="table-button" @click="editLeaveInfo(scope.row,5)">编辑</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'onleaveInfoDataselection')">删除</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'leaveInfoDataselection')">删除</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="leaveId" label="" /> |
| | |
| | | <el-table-column show-overflow-tooltip="true" fixed="right" label="操作" width="120"> |
| | | <template slot-scope="scope"> |
| | | <span class="table-button" @click="editResign(scope.row,5)">编辑</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'onresignDataselection')">删除</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'resignDataselection')">删除</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="resignId" label="" /> |
| | |
| | | <el-table-column show-overflow-tooltip="true" fixed="right" label="操作" width="120"> |
| | | <template slot-scope="scope"> |
| | | <span class="table-button" @click="editBadRecord(scope.row,12)">编辑</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'onbadRecordDataselection')">删除</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'badRecordDataselection')">删除</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="badId" label="" /> |
| | |
| | | <!-- >删除--> |
| | | <!-- </el-button>--> |
| | | <span class="table-button" @click="editRemarkInfo(scope.row,13)">编辑</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'onremarkInfoDataselection')">删除</span> |
| | | <span class="table-button" @click="singleDelete(scope.row, 'remarkInfoDataselection')">删除</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="remarkId" label="" /> |
| | |
| | | </div> |
| | | <div class="jbxxCon"> |
| | | <div class="zs-main"> |
| | | <!-- <el-row class="search-title">--> |
| | | <!-- <el-col :span="18" class="title">--> |
| | | <!-- <!– <div class="zs-title">上传附件</div>–>--> |
| | | <!-- <p />--> |
| | | <!-- </el-col>--> |
| | | |
| | | <!-- </el-row>--> |
| | | <el-container style="background-color: #fff;"> |
| | | <el-aside width="210px" style="background-color: #fff;text-align: center;padding-top: 0"> |
| | | <h4 style="margin-top: 0">{{ empBaseInfoForm.empName }}:{{ empBaseInfoForm.deptName }}</h4> |
| | |
| | | <el-main style="background-color: #fff;margin-top: 5%;"> |
| | | <el-row v-for="(data, index) in filesUploadData" :key="index"> |
| | | <template v-for="(node, nodeIndex) in data.node"> |
| | | <el-col v-if="node.isUpload === false" :key="node.filesid" :span="3"> |
| | | <el-col v-if="node.isUpload === false" :key="node.accessoryid" :span="3"> |
| | | <el-card |
| | | shadow="never" |
| | | @click.native="clickCard(index * 8 + nodeIndex)" |
| | | > |
| | | <img |
| | | <el-image |
| | | v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1" |
| | | :src="showFileImg(node.filesformat)" |
| | | class="uploading-image" |
| | | > |
| | | <el-tooltip class="item" effect="dark" :content="node.filesname" placement="bottom"> |
| | | :preview-src-list="srcList" |
| | | @click="clickImg(node)" |
| | | /> |
| | | <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1" class="item" effect="dark" :content="node.filesname" placement="bottom"> |
| | | <div style="padding-top: 14px;text-align: center"> |
| | | <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">{{ node.filesname }}</el-checkbox> |
| | | </div> |
| | | </el-tooltip> |
| | | <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) != -1" class="item" effect="dark" :content="node.filesname" placement="bottom"> |
| | | <div style="padding-top: 14px;"> |
| | | <el-checkbox |
| | | v-model="checkedArr[index * 8 + nodeIndex].isChecked" |
| | | class="myRedCheckBox" |
| | | >{{ node.filesname }} |
| | | <el-image |
| | | style="width: 100px; height: 80px;margin-top: -10px;" |
| | | :src="getImg+node.accessoryid" |
| | | :preview-src-list="srcList" |
| | | @click="clickImg(node)" |
| | | /> |
| | | <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox"> |
| | | |
| | | {{ node.filesname }} |
| | | </el-checkbox> |
| | | </div> |
| | | </el-tooltip> |
| | |
| | | arbitrationTypeOptions: [], |
| | | changeTypeOptions: [], |
| | | dimissionTypeOptions: [], |
| | | sexOptions: [] |
| | | sexOptions: [], |
| | | srcList: [], |
| | | getImg: pages.getAccessoryImage |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | clickImg(node) { |
| | | this.srcList = [] |
| | | if ('tif,bmp,jpg,png,gif'.indexOf(node.filesformat) >= 0) { |
| | | this.srcList.push(this.getImg + node.accessoryid) |
| | | } |
| | | }, |
| | | typeFormat(row, column) { |
| | | return this.selectDictLabel(this.physicalExamTypeOptions, row.physicalExamType) |
| | | }, |
| | |
| | | }, |
| | | showFileImg(type) { |
| | | switch (type) { |
| | | case 'xls': |
| | | return require('../../assets/uploading/xls.png') |
| | | case 'xlsx': |
| | | return require('../../assets/uploading/xls.png') |
| | | case 'txt': |
| | | return require('../../assets/uploading/txt.png') |
| | | case 'apk': |
| | |
| | | certificateList = val.certificateList.split(',') |
| | | val.certificateList = certificateList |
| | | } |
| | | const remarks = '' |
| | | val.remark = remarks |
| | | this.empBaseInfoForm = { ...val } |
| | | this.empBaseInfoImageUrl = pages.getEmpBaseInfoImage + this.empBaseInfoForm.empId |
| | | this.fileDate.empId = this.empBaseInfoForm.empId |
| | |
| | | params.pageNum = this.pagination.num |
| | | params.certificateNumb = this.empBaseInfoForm.certificateNumb |
| | | params.delFlag = '0' |
| | | params.field = 'changeDate' |
| | | params.order = 'ascending' |
| | | this.$get('hr/empJobChange/list', { |
| | | ...params |
| | | }).then((r) => { |
| | |
| | | initdimissionLogData(params = {}) { |
| | | params.pageSize = this.pagination.size |
| | | params.pageNum = this.pagination.num |
| | | params.certificateNumb = this.empBaseInfoForm.certificateNumb |
| | | params.empStatus = this.empBaseInfoForm.empStatus |
| | | params.empId = this.empBaseInfoForm.empId |
| | | params.dimissionType = '' |
| | | params.delFlag = '0' |
| | | params.field = 'entryDate' |
| | | params.order = 'ascending' |
| | | this.$get('hr/empDimissionlog/list', { |
| | | ...params |
| | | }).then((r) => { |
| | |
| | | this.readon = true |
| | | }, |
| | | gzupdate1() { |
| | | const empBaseInfoForm = this.empBaseInfoForm |
| | | if (empBaseInfoForm.imagePath.indexOf('data:image/jpeg') === -1) { |
| | | this.empBaseInfoForm.imagePath = '' |
| | | } |
| | | // const empBaseInfoForm = this.empBaseInfoForm |
| | | // if (empBaseInfoForm.imagePath.indexOf('data:image/jpeg') === -1) { |
| | | // this.empBaseInfoForm.imagePath = '' |
| | | // } |
| | | this.$put('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => { |
| | | this.readon = false |
| | | this.$emit('success') |
| | | this.$message({ |
| | | message: this.$t('tips.updateSuccess'), |
| | | type: 'success' |
| | |
| | | this.remarkInfoForm.version = '' |
| | | }, |
| | | dialogIsShow() { |
| | | debugger |
| | | this.workExperienceModal = false |
| | | this.isAdd = true |
| | | this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex] |
| | |
| | | this.dialogshowArr[13].show = true |
| | | }, |
| | | gzadd(index) { |
| | | debugger |
| | | this.isAdd = true |
| | | this.thisShowIndex = index |
| | | this.dialogshowArr[index].show = true |
| | |
| | | message: this.$t('tips.deleteSuccess'), |
| | | type: 'success' |
| | | }) |
| | | if (selection === 'onremarkInfoDataselection') { |
| | | if (selection === 'remarkInfoDataselection') { |
| | | this.initremarkInfoData() |
| | | } else if (selection === 'onbadRecordDataselection') { |
| | | } else if (selection === 'badRecordDataselection') { |
| | | this.initbadRecordData() |
| | | } else if (selection === 'laborTroubleDataselection') { |
| | | this.initlaborTroubleData() |
| | |
| | | singleDelete(row, names) { |
| | | let ids = '' |
| | | let urls = '' |
| | | if (names === 'onremarkInfoDataselection') { |
| | | if (names === 'remarkInfoDataselection') { |
| | | ids = row.remarkId |
| | | urls = 'empRemarkInfo' |
| | | } else if (names === 'onbadRecordDataselection') { |
| | |
| | | border-color: rgb(64, 158, 255) !important; |
| | | } |
| | | </style> |
| | | |