VUE element-ui之table双表头遍历及筛选自动（回车查询）、重置、关闭dialog重置_el-table横向双表头

:visible.sync=“dialogVisible”
:before-close=“detailsCancel”

<el-descriptions class="margin-top" :column="5" size="mini" :label-style="{fontWeight:'bold',color:'#333333'}">
    <el-descriptions-item

v-for=“(eldesc, elindex) in detailroweldescriptions”
:key=“elindex”
:label=“eldesc.label”

     {{ eldesc.value }}
    </el-descriptions-item>
</el-descriptions>
<el-descriptions :column="5" size="mini" :label-style="{fontWeight:'bold',color:'#333333'}">
  <el-descriptions-item label="总数量">{{ totalQuantity }}</el-descriptions-item>
  <el-descriptions-item label="总面积">{{ totalArear }}</el-descriptions-item>
  <el-descriptions-item label="总金额">{{ totalAmount }}元</el-descriptions-item>
</el-descriptions>
<div class="private\_table">
  <el-table

:data=“tableData”
style=“width: 100%;height:528px”
border
height=“528px”
class=“table-content”
:fit=“true”
tooltip-effect=“dark”
id=“tableId”
@sort-change=“sortChange”

      <!-- @sort-change="sortChange" -->
      <el-table-column label="序号" width="60" align="center">
        <!-- eslint-disable vue/no-unused-vars -->
        <el-table-column label="序号" width="60" align="center">
          <template slot="header" slot-scope="scope">
            <div>
              <span class="table-reload-select" @click="selectSearchReset">重置</span>
            </div>
          </template>
          <template slot-scope="scope">
            {{ scope.$index+1 }}
          </template>
        </el-table-column>
      </el-table-column>
      <el-table-column

v-for=“(tableitem, index) in tablelist”
:key=“index”
:prop=“tableitem.prop”
:label=“tableitem.label”
:type=“tableitem.type”
:sortable=“tableitem.sortable”
:width=“tableitem.width”
:align=“tableitem.align”
show-overflow-tooltip

        <el-table-column

:prop=“tableitem.prop”
:label=“tableitem.label”
:width=“tableitem.width”
:align=“tableitem.align”
show-overflow-tooltip

          <!-- eslint-disable vue/no-unused-vars -->
          <template slot="header" slot-scope="scope">
            <div v-if="tableitem.keynum === 0 ? true : false" />
            <div v-if="tableitem.keynum === 1 ? true : false">
              <el-input

v-model=“tableitem.search”
size=“mini”
placeholder=“请输入”
class=“inputstyle”
@change=“tableitem.findData”
/>

<el-select
v-model=“tableitem.search”
placeholder=“请选择”
clearable
class=“inputstyle”
@change=“tableitem.findData”

                <el-option

v-for=“item in tableitem.options”
:key=“item.value”
:label=“item.label”
:value=“item.value”
/>








<el-button type=“primary” @click=“detailsCancel”>确 定