From 4df0471b7dff0494625ff09969b1a13b5359a26e Mon Sep 17 00:00:00 2001 From: XingChuan <m17600301067@163.com> Date: 星期一, 31 五月 2021 22:41:47 +0800 Subject: [PATCH] 统计表弹框UI优化;增加点击企业名称缩放至企业;二级表展示功能优化。 --- src/components/table/components/IndexStatistics.vue | 34 ++++++++++------------------------ 1 files changed, 10 insertions(+), 24 deletions(-) diff --git a/src/components/table/components/IndexStatistics.vue b/src/components/table/components/IndexStatistics.vue index ef47519..9dbcd45 100644 --- a/src/components/table/components/IndexStatistics.vue +++ b/src/components/table/components/IndexStatistics.vue @@ -1,7 +1,7 @@ <template> <div> <el-tabs v-model="activeName"> - <el-tab-pane label="鎸囨爣缁熻" name="first"> + <el-tab-pane label="鎸囨爣缁熻" name="first" :cell-style="rowClass"> <el-table :data="tableData" :lock-scroll="true" class="scroll"> <el-table-column type="index" label="搴忓彿"></el-table-column> <el-table-column prop="date" label="鍗曚綅鍚嶇О"></el-table-column> @@ -66,40 +66,26 @@ </template> <script> - +import mapApi from '@/api/mapApi' export default { name: 'IndexStatistics', data () { return { titleProp: '', activeName: 'first', - tableData: [{ - date: '闆嗗洟鍏徃', - name: '35', - province: '23', - city: '11', - address: 235, - zip: 23 - }, { - date: '澶╂触鐭冲寲', - name: 32, - province: 33, - city: 44, - address: 53, - zip: 200333 - }, { - date: '娴庡崡鐐煎寲', - name: 35, - province: 13, - city: 33, - address: 44, - zip: 200333 - }] + tableData: null } + }, + async mounted () { + this.tableData = await mapApi.getIndexStatistics() }, methods: { refsDatatitle (item) { this.titleProp = item + }, + // 琛ㄥご鏍峰紡璁剧疆 + rowClass () { + return 'height:.3rem' } } } -- Gitblit v1.8.0