<template>
  <div class="app-container">
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column type="index" width="50" label="序号" align="center">
      </el-table-column>
      <el-table-column prop="title" label="标题" :show-overflow-tooltip="true" align="center" width="300px">
      </el-table-column>
      <el-table-column prop="content" label="描述" :show-overflow-tooltip="true" width="300" align="center">
      </el-table-column>
    </el-table>
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
      @pagination="getList" />
  </div>
</template>

<script>
import { userFeedbackGET } from '@/api/orderform/index'
export default {
  data() {
    return {
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      total: 0,
      tableData: [
        {
          title: "不断实现人民对美好生活的向往",
          describe:
            "春日暖阳中，陕西省延安市甘泉县桥镇乡桥镇村村民正忙着大棚升级改造，温室里各种蔬菜青翠欲滴。“人民幸福安康是推动高质量发展的最终目的，总书记的话说到了我们心坎里。”樊九平说，“靠着大力发展特色产业，这些年我们的日子就像种下的山地苹果，越来越红火！春日暖阳中，陕西省延安市甘泉县桥镇乡桥镇村村民正忙着大棚升级改造，温室里各种蔬菜青翠欲滴。“人民幸福安康是推动高质量发展的最终目的，总书记的话说到了我们心坎里。”樊九平说，“靠着大力发展特色产业，这些年我们的日子就像种下的山地苹果，越来越红火”",
        },
      ],
    };
  },
  created() {
    this.getList()
  },
  methods: {
    getList() {
      userFeedbackGET({ ...this.queryParams }).then((res) => {
        this.total = res.total
        this.tableData = res.rows
        console.log(res, 'ppppppppppppppppppppp')
      })
    }
  }
};
</script>

<style lang="scss" scoped></style>
<style lang="css">
.el-tooltip__popper {
  max-width: 30%;
  line-height: 20px;
}
</style>