|
|
@ -5,6 +5,19 @@ |
|
|
|
<el-form-item> |
|
|
|
<el-button v-if="$hasPermission('events:category:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-upload class="upload-demo" |
|
|
|
ref="upload" |
|
|
|
v-loading="dataListLoading" |
|
|
|
:action="uploadUrl" |
|
|
|
:on-preview="handlePreview" |
|
|
|
multiple |
|
|
|
:limit="1" |
|
|
|
:on-success='uploadSuccess' |
|
|
|
:on-error='errorExceed'> |
|
|
|
<el-button type="primary">点击上传</el-button> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;"> |
|
|
|
<table-tree-column prop="categoryName" :label="$t('dept.name')" header-align="center"></table-tree-column> |
|
|
@ -27,6 +40,7 @@ |
|
|
|
import mixinViewModule from '@/mixins/view-module' |
|
|
|
import TableTreeColumn from '@/components/table-tree-column' |
|
|
|
import AddOrUpdate from './category-add-or-update' |
|
|
|
import Cookies from 'js-cookie' |
|
|
|
export default { |
|
|
|
mixins: [mixinViewModule], |
|
|
|
data () { |
|
|
@ -34,12 +48,38 @@ export default { |
|
|
|
mixinViewModuleOptions: { |
|
|
|
getDataListURL: '/events/category/list', |
|
|
|
deleteURL: '/events/category' |
|
|
|
} |
|
|
|
}, |
|
|
|
upLoadUrl: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
|
TableTreeColumn, |
|
|
|
AddOrUpdate |
|
|
|
}, |
|
|
|
created: function () { |
|
|
|
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/events/category/importExcel?token=${Cookies.get('token')}` |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
errorExceed (file, fileList) { |
|
|
|
this.$message.error('上传失败请重试') |
|
|
|
}, |
|
|
|
uploadSuccess (response, file, fileList) { |
|
|
|
this.dataListLoading = false |
|
|
|
this.$refs.upload.clearFiles() |
|
|
|
if (response.data !== null && response.data.length > 0) { |
|
|
|
this.faultDataVisible = true |
|
|
|
this.errordataList = response.data |
|
|
|
return |
|
|
|
} |
|
|
|
this.$message({ |
|
|
|
message: this.$t('prompt.success'), |
|
|
|
type: 'success', |
|
|
|
duration: 500, |
|
|
|
onClose: () => { |
|
|
|
this.getDataList() |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|