From 0d9188b20614e616a31166725bcf37ba229cfe5a Mon Sep 17 00:00:00 2001 From: Pan <panfree23@gmail.com> Date: Thu, 26 Oct 2017 14:21:03 +0800 Subject: [PATCH] refactor: case sensitive --- .../example/table/dynamictable/fixedThead.vue | 58 ------------------- .../example/table/dynamictable/index.vue | 19 ------ .../table/dynamictable/unfixedThead.vue | 47 --------------- 3 files changed, 124 deletions(-) delete mode 100644 src/views/example/table/dynamictable/fixedThead.vue delete mode 100644 src/views/example/table/dynamictable/index.vue delete mode 100644 src/views/example/table/dynamictable/unfixedThead.vue diff --git a/src/views/example/table/dynamictable/fixedThead.vue b/src/views/example/table/dynamictable/fixedThead.vue deleted file mode 100644 index 5c088490..00000000 --- a/src/views/example/table/dynamictable/fixedThead.vue +++ /dev/null @@ -1,58 +0,0 @@ -<template> - <div class="app-container"> - - <div class="filter-container"> - <el-checkbox-group v-model="checkboxVal"> - <el-checkbox label="apple">apple</el-checkbox> - <el-checkbox label="banana">banana</el-checkbox> - <el-checkbox label="orange">orange</el-checkbox> - </el-checkbox-group> - </div> - - <el-table :data="tableData" :key='key' style="width: 100%"> - <el-table-column prop="name" label="fruitName" width="180"></el-table-column> - <el-table-column :key='fruit' v-for='(fruit,index) in formThead' :label="fruit"> - <template scope="scope"> - {{scope.row[fruit]}} - </template> - </el-table-column> - </el-table> - - </div> -</template> - -<script> -const defaultFormThead = ['apple', 'banana'] // 默认选中项 - -export default { - data() { - return { - tableData: [ - { - name: 'fruit-1', - apple: 'apple-10', - banana: 'banana-10', - orange: 'orange-10' - }, - { - name: 'fruit-2', - apple: 'apple-20', - banana: 'banana-20', - orange: 'orange-20' - } - ], - key: 1, // table key - formTheadOptions: ['apple', 'banana', 'orange'], // 可选择表头 - checkboxVal: defaultFormThead, // checkboxVal - formThead: defaultFormThead // 默认表头 - } - }, - watch: { - checkboxVal(valArr) { - this.formThead = this.formTheadOptions.filter(i => valArr.indexOf(i) >= 0) - this.key = this.key + 1// 为了保证table 每次都会重渲 (牺牲性能保证效果,当然也可以不用) - } - } -} -</script> - diff --git a/src/views/example/table/dynamictable/index.vue b/src/views/example/table/dynamictable/index.vue deleted file mode 100644 index 6182f0e7..00000000 --- a/src/views/example/table/dynamictable/index.vue +++ /dev/null @@ -1,19 +0,0 @@ -<template> - <div class="app-container"> - <div style='margin:0 0 5px 20px'>固定表头 按照表头顺序排序</div> - <fixed-thead></fixed-thead> - - <div style='margin:30px 0 5px 20px'>不固定表头 按照点击顺序排序</div> - <unfixed-thead></unfixed-thead> - </div> -</template> - -<script> -import fixedThead from './fixedThead' -import unfixedThead from './unfixedThead' - -export default { - components: { fixedThead, unfixedThead } -} -</script> - diff --git a/src/views/example/table/dynamictable/unfixedThead.vue b/src/views/example/table/dynamictable/unfixedThead.vue deleted file mode 100644 index a5991326..00000000 --- a/src/views/example/table/dynamictable/unfixedThead.vue +++ /dev/null @@ -1,47 +0,0 @@ -<template> - <div class="app-container"> - - <div class="filter-container"> - <el-checkbox-group v-model="formThead"> - <el-checkbox label="apple">apple</el-checkbox> - <el-checkbox label="banana">banana</el-checkbox> - <el-checkbox label="orange">orange</el-checkbox> - </el-checkbox-group> - </div> - - <el-table :data="tableData" style="width: 100%"> - <el-table-column prop="name" label="fruitName" width="180"> - </el-table-column> - <el-table-column :key='fruit' v-for='(fruit,index) in formThead' :label="fruit"> - <template scope="scope"> - {{scope.row[fruit]}} - </template> - </el-table-column> - </el-table> - - </div> -</template> - -<script> -export default { - data() { - return { - tableData: [ - { - name: 'fruit-1', - apple: 'apple-10', - banana: 'banana-10', - orange: 'orange-10' - }, - { - name: 'fruit-2', - apple: 'apple-20', - banana: 'banana-20', - orange: 'orange-20' - } - ], - formThead: ['apple', 'banana'] - } - } -} -</script>