| | |
| | | </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"> |
| | |
| | | </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': |
| | |
| | | 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' |
| | | this.$get('hr/empDimissionlog/list', { |