统计表弹框UI优化；增加点击企业名称缩放至企业；二级表展示功能优化。

XingChuan

2021-05-31 4df0471b7dff0494625ff09969b1a13b5359a26e

 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'
    }
  }
}