档案

孔祥富

2021-02-27 50fa3c95ed43133d8df0644dcff429f2553ee954

档案

 src/views/user/archivesEdit.vue

@@ -12,7 +12,17 @@
    <div class="conDetails">
      <div class="menu dadetails">
        <div>
          <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1333074204,3035391839&fm=26&gp=0.jpg" class="jbxxImg">
          <el-upload
            class="avatar-uploader"
            action="#"
            :show-file-list="false"
            :on-change="handlePictureCardPreview"
            :auto-upload="false"
          >
            <img v-if="empBaseInfoImageUrl" :src="empBaseInfoImageUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon" />
          </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">
            {{ this.empBaseInfoForm.empNumb }}
          </div>
@@ -1047,8 +1057,39 @@
          </div>
        </div>

        <div ref="jljt" class="jljt">
          <div class="jbxxTitle">
            记录截图
          </div>
          <el-button
            class="filter-item"
            type="primary"
            @click.native.prevent="dialogShow"
          >
            查看并上传
          </el-button>
          <div class="jbxxCon" />
        </div>

        <div ref="xgfj" class="xgfj">
          <div class="jbxxTitle">
            相关附件
          </div>
          <el-button
            class="filter-item"
            type="primary"
            @click.native.prevent="dialogShow"
          >
            查看并上传
          </el-button>
          <div class="jbxxCon" />
        </div>

      </div>
    </div>
    <el-dialog title="附件管理" append-to-body="true" :visible.sync="dialogShowUploadfj" width="80%" class="fjgl-class" top="10px" @close="closeDialog()">
      <uploadfj v-if="dialogShowUploadfj" :rowitem="rowitem" />
    </el-dialog>
    <el-dialog title="工作经历" append-to-body="true" :visible.sync="dialogshowArr[1].show" width="50%">
      <el-form ref="workExperienceForm" :model="workExperienceForm" :rules="workExperienceRules" label-position="right" label-width="120px">
        <el-row>
@@ -2190,6 +2231,8 @@
  },
  data() {
    return {
      rowitem: {},
      dialogShowUploadfj: false,
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
@@ -2241,6 +2284,7 @@
          show: false
        }
      ],
      empBaseInfoImageUrl: '',
      rules: {
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }, {
          max: 20,
@@ -2845,6 +2889,7 @@
      },
      empBaseInfoForm: {
        empId: '',
        imagePath: '',
        customerId: '',
        archivesNumb: '',
        deptId: '',
@@ -2923,7 +2968,7 @@
      depts: [],
      sysConfig: this.initSysConfig(),
      listType: ['jbxx', 'gzjl', 'tjxx', 'htxx', 'tgjl', 'qjjl', 'czsq', 'lzdykq', 'rlzjl', 'syjlq', 'sbsq', 'ywxaj', 'gsaj', 'lzaj',
        'bz', 'jljt', 'xgfj', 'bljl'],
        'bz', 'jljt', 'xgfj', 'bljl', 'jljt', 'xgfj'],
      form: {},
      isAdd: false,
      thisShowIndex: '',
@@ -3187,6 +3232,10 @@
        this.badRecordDatatotal = data.total
        this.badRecordData = data.rows
      })
    },
    dialogShow() {
      this.rowitem = this.empBaseInfoForm
      this.dialogShowUploadfj = true
    },
    initaccidentCasesData(params = {}) {
      params.pageSize = this.pagination.size
@@ -3528,6 +3577,49 @@
      this.unemploymentForm.modifier = ''
      this.unemploymentForm.delFlag = ''
      this.unemploymentForm.version = ''
    },
    handlePictureCardPreview(file) {
      this.empBaseInfoImageUrl = URL.createObjectURL(file.raw) // 获取URL
      // 判断图片大小
      if (file.size < 4400000) {
        // 判断图片格式是否为jpg,png,jepg,gif
        var fileName = file.name
        // var suffixIndex=fileName.lastIndexOf(".")
        // var suffix=fileName.substring(suffixIndex+1).toUpperCase()
        var suffix = fileName.substring(fileName.lastIndexOf('.') + 1).toUpperCase()
        if (suffix === 'JPG' || suffix === 'JPEG' || suffix === 'PNG') {
          this.preView(this.empBaseInfoImageUrl)
        } else {
          this.$message.error('文件类型不正确,请重新上传！')
        }
      } else {
        this.$message.error('图片大小超过4M,请重新上传')
      }
    },
    preView(url) {
      var this_ = this
      const reader = new FileReader()
      this.getImageBlob(url, function(blob) {
        reader.readAsDataURL(blob)
      })
      reader.onload = function(e) {
        // 获取bolb里面数据时,生成预览
        var img = document.createElement('img')
        img.src = e.target.result
        this_.empBaseInfoForm.imagePath = e.target.result
      }
    },
    // 获取图片的Blob值
    getImageBlob(url, cb) {
      var xhr = new XMLHttpRequest()
      xhr.open('get', url, true)
      xhr.responseType = 'blob'
      xhr.onload = function() {
        if (this.status === 200) {
          if (cb) cb(this.response)
        }
      }
      xhr.send()
    },
    putInsurance(formName) {
      this.$refs[formName].validate((valid) => {
@@ -4572,6 +4664,14 @@
        case 'bljl':
          item = 17
          break
        // eslint-disable-next-line no-duplicate-case
        case 'jljt':
          item = 18
          break
        // eslint-disable-next-line no-duplicate-case
        case 'xgfj':
          item = 19
          break
      }
      this.$nextTick(() => {
        this.$refs.boxDetails.scrollTop = item ? this.$refs[this.listType[item]].offsetTop - 100 : 0