no message
Former-commit-id: 87839e7fb3
Former-commit-id: ef37b8f5be3ec13042dcff318c55c759ef61dfab
Former-commit-id: 40e397e70832bad2b6c9e23e451e72d563987a24
This commit is contained in:
parent
d77b0ad841
commit
8c0d17166d
|
|
@ -50,6 +50,7 @@ export default {
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.col-l {
|
.col-l {
|
||||||
background-color: lighten($color-info, 40%);
|
background-color: lighten($color-info, 40%);
|
||||||
|
|
|
||||||
|
|
@ -5,22 +5,30 @@
|
||||||
title="基本示例"
|
title="基本示例"
|
||||||
url="https://github.com/mholt/PapaParse">
|
url="https://github.com/mholt/PapaParse">
|
||||||
</PageHeader>
|
</PageHeader>
|
||||||
<el-upload
|
<el-row :gutter="10">
|
||||||
:before-upload="handleUpload"
|
<el-col :span="4">
|
||||||
action="default">
|
<div class="mb">
|
||||||
<el-button>选择一个CSV文件</el-button>
|
<el-button @click="download">下载演示CSV</el-button>
|
||||||
</el-upload>
|
</div>
|
||||||
<br>
|
<el-upload
|
||||||
<el-table
|
:before-upload="handleUpload"
|
||||||
v-bind="table"
|
action="default">
|
||||||
style="width: 100%">
|
<el-button type="success">选择本地CSV文件</el-button>
|
||||||
<el-table-column
|
</el-upload>
|
||||||
v-for="(item, index) in table.columns"
|
</el-col>
|
||||||
:key="index"
|
<el-col :span="20">
|
||||||
:prop="item.prop"
|
<el-table
|
||||||
:label="item.label">
|
v-bind="table"
|
||||||
</el-table-column>
|
style="width: 100%">
|
||||||
</el-table>
|
<el-table-column
|
||||||
|
v-for="(item, index) in table.columns"
|
||||||
|
:key="index"
|
||||||
|
:prop="item.prop"
|
||||||
|
:label="item.label">
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</Container>
|
</Container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -52,6 +60,9 @@ export default {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
return false
|
return false
|
||||||
|
},
|
||||||
|
download () {
|
||||||
|
window.location.href='http://fairyever.qiniudn.com/d2admin-vue-demo.csv'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<Container type="ghost" class="demo-plugin-vue-grid-layout-demo">
|
<Container type="ghost" class="body">
|
||||||
<GridLayout
|
<GridLayout
|
||||||
v-bind="layout"
|
v-bind="layout"
|
||||||
@layout-updated="layoutUpdatedHandler">
|
@layout-updated="layoutUpdatedHandler">
|
||||||
|
|
@ -78,11 +78,11 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
@import '~@/assets/style/public.scss';
|
@import '~@/assets/style/public.scss';
|
||||||
.demo-plugin-vue-grid-layout-demo {
|
.body {
|
||||||
.vue-grid-layout {
|
.vue-grid-layout {
|
||||||
margin: -$margin -$margin 0px -$margin;
|
margin: -10px;
|
||||||
.el-card {
|
.el-card {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@extend %unable-select;
|
@extend %unable-select;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue