96 lines
2.2 KiB
Vue
96 lines
2.2 KiB
Vue
<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> |