diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js index 418d5d1d..946a134a 100644 --- a/build/webpack.prod.conf.js +++ b/build/webpack.prod.conf.js @@ -9,7 +9,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin') const HtmlWebpackPlugin = require('html-webpack-plugin') const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-plugin') -// const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin') +const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin') const UglifyJsPlugin = require('uglifyjs-webpack-plugin') function resolve(dir) { @@ -140,7 +140,7 @@ const webpackConfig = merge(baseWebpackConfig, { }), // Compress extracted CSS. We are using this plugin so that possible // duplicated CSS from different components can be deduped. - // new OptimizeCSSAssetsPlugin() + new OptimizeCSSAssetsPlugin() ] } }) diff --git a/src/views/table/complexTable.vue b/src/views/table/complexTable.vue index cf7b5e4e..eb355e3b 100644 --- a/src/views/table/complexTable.vue +++ b/src/views/table/complexTable.vue @@ -24,8 +24,9 @@ border fit highlight-current-row - style="width: 100%;"> - + style="width: 100%;" + @sort-change="sortChange"> + @@ -233,6 +234,20 @@ export default { }) row.status = status }, + sortChange(data) { + const { prop, order } = data + if (prop === 'id') { + this.sortByID(order) + } + }, + sortByID(order) { + if (order === 'ascending') { + this.listQuery.sort = '+id' + } else { + this.listQuery.sort = '-id' + } + this.handleFilter() + }, resetTemp() { this.temp = { id: undefined,