<template>
  <div class="agreement">
    <div class="title">{{ $t('curriculumVitae:agreement:title') }}</div>
    <div class="fileBox">
      <div class="file_title">
        {{ $t('curriculumVitae:agreement:fileTitle') }}
      </div>
      <template v-if="true">
        <div class="file" v-for="item in [1, 2]" :key="item">
          <div class="name">简历1</div>
          <i
            class="el-icon-view"
            :title="$t('common:button:preview')"
            @click.stop="preview"
          />
          <i class="el-icon-delete" :title="$t('common:button:delete')" />
        </div>
      </template>
      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
      <div class="btnBox">
        <div style="position: relative">
          <el-button
            type="primary"
            size="small"
            :disabled="loading"
            :loading="loading"
          >
            {{ $t('curriculumVitae:agreement:btn:upload') }}
          </el-button>
          <input
            type="file"
            name="file"
            multiple
            ref="upload"
            :title="$t('curriculumVitae:agreement:btn:upload')"
            style="
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              opacity: 0;
              cursor: pointer;
            "
            :accept="faccept.join(',')"
            @change="($event) => beginScanFiles($event)"
          />
        </div>
        <el-button type="text">{{ $t('common:button:downloadTpl') }}</el-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'agreement',
  data() {
    return {
      faccept: ['.pdf'],
      loading: false,
    }
  },
  methods: {
    preview() {
      this.$preview({
        path: '',
        type: '',
        title: '',
      })
    },
    beginScanFiles(e) {
      let files = e.target.files
    },
  },
  data() {
    return {
      faccept: ['.pdf'],
      loading: false,
    }
  },
  methods: {
    preview() {
      this.$preview({
        path: '',
        type: '',
        title: '',
      })
    },
    beginScanFiles(e) {
      let files = e.target.files
    },
  },
}
</script>
<style lang="scss" scoped>
</style>