lisang
/
iview-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整缩进格式

This commit is contained in:
madlight-du 2018-08-02 23:11:28 +08:00
parent a76241694c
commit 38acea8089
2 changed files with 39 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/view/excel/export-excel.vue
View File

@ -2,16 +2,16 @@
@import "./excel.less";
</style>
<template>
<div>
<div>
<Card title="导出EXCEL">
<Row>
<Button icon="md-download" :loading="exportLoading" @click="exportExcel">导出文件</Button>
</Row>
<Row>
<Button icon="md-download" :loading="exportLoading" @click="exportExcel">导出文件</Button>
</Row>
</Card>
<Row class="margin-top-10">
<Table :columns="tableTitle" :data="tableData"></Table>
<Table :columns="tableTitle" :data="tableData"></Table>
</Row>
</div>
</div>
</template>
<script>
export default {

66
src/view/excel/upload-excel.vue
View File

@ -2,35 +2,35 @@
@import "./excel.less";
</style>
<template>
<div>
<div>
<Card title="导入EXCEL">
<Row>
<Upload action="" :before-upload="handleBeforeUpload" accept=".xls, .xlsx">
<Button icon="ios-cloud-upload-outline" :loading="uploadLoading" @click="handleUploadFile">上传文件</Button>
</Upload>
</Row>
<Row>
<div class="ivu-upload-list-file" v-if="file !== null">
<Icon type="ios-stats"></Icon>
{{ file.name }}
<Icon v-show="showRemoveFile" type="ios-close" class="ivu-upload-list-remove" @click.native="handleRemove()"></Icon>
<Row>
<Upload action="" :before-upload="handleBeforeUpload" accept=".xls, .xlsx">
<Button icon="ios-cloud-upload-outline" :loading="uploadLoading" @click="handleUploadFile">上传文件</Button>
</Upload>
</Row>
<Row>
<div class="ivu-upload-list-file" v-if="file !== null">
<Icon type="ios-stats"></Icon>
{{ file.name }}
<Icon v-show="showRemoveFile" type="ios-close" class="ivu-upload-list-remove" @click.native="handleRemove()"></Icon>
</div>
</Row>
<Row>
<transition name="fade">
<Progress v-if="showProgress" :percent="progressPercent" :stroke-width="2">
<div v-if="progressPercent == 100">
<Icon type="ios-checkmark-circle"></Icon>
<span>成功</span>
</div>
</Row>
<Row>
<transition name="fade">
<Progress v-if="showProgress" :percent="progressPercent" :stroke-width="2">
<div v-if="progressPercent == 100">
<Icon type="ios-checkmark-circle"></Icon>
<span>成功</span>
</div>
</Progress>
</transition>
</Row>
</Progress>
</transition>
</Row>
</Card>
<Row class="margin-top-10">
<Table :columns="tableTitle" :data="tableData" :loading="tableLoading"></Table>
<Table :columns="tableTitle" :data="tableData" :loading="tableLoading"></Table>
</Row>
</div>
</div>
</template>
<script>
export default {
@ -93,15 +93,15 @@ export default {
reader.onload = e => {
this.$Message.info('文件读取成功')
const data = e.target.result
import('@/libs/excel').then(excel => {
const {header, results} = excel.read(data, 'array')
const tableTitle = header.map(item => { return { title: item, key: item } })
this.tableData = results
this.tableTitle = tableTitle
this.uploadLoading = false
this.tableLoading = false
this.showRemoveFile = true
})
import('@/libs/excel').then(excel => {
const {header, results} = excel.read(data, 'array')
const tableTitle = header.map(item => { return { title: item, key: item } })
this.tableData = results
this.tableTitle = tableTitle
this.uploadLoading = false
this.tableLoading = false
this.showRemoveFile = true
})
}
}
},