epmet-work-pc/src/views/dataBoard/satisfactionEval/potentialPeople/xqwmz.vue

<template>
  <div>
    <Breadcrumb :list="breadcrumbList"/>

    <div class="table">
      <el-table :data="list">
        <el-table-column
            label="序号"
            type="index"
            width="80"/>

        <el-table-column
            prop="demandUserName"
            label="需求人"/>

        <el-table-column
            prop="demandUserMobile"
            label="需求人电话"/>

        <el-table-column
            prop="agencyName"
            label="所属组织">
        </el-table-column>


        <el-table-column
            prop="content"
            show-overflow-tooltip
            label="需求描述"/>

        <el-table-column
            prop="latestProcessingStatus"
            label="最新办理状态"/>

        <el-table-column
            prop="latestProcessingTime"
            sortable
            label="最近办理时间"/>
        <el-table-column
            prop="reportTime"
            sortable
            label="需求提交时间"/>
        <el-table-column
            sortable
            label="详情">
          <template slot-scope="{row}">
            <el-button type="text" @click="handleView(row.id,row.name)">查看</el-button>
          </template>
        </el-table-column>

      </el-table>
    </div>

    <Pagination
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNo"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
    />
  </div>
</template>

<script>
import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
import Title from "@/views/dataBoard/satisfactionEval/components/Title"


export default {
  name: "dissatisfied",
  components: {Breadcrumb, Pagination,Title},
  data() {
    return {
      queryParams: {
        reportUserId: this.$route.query.reportUserId,
        pageNo: 1,
        pageSize: 10,
      },
      total: 0,
      breadcrumbList: [{
        path: '/dataBoard/satisfactionEval/index',
        name: '满意度评价'
      }, {
        path: '/dataBoard/satisfactionEval/potentialPeople',
        name: '潜在不满意数'
      }, {
        path: '',
        name: '需求未满足数'
      }],
      list: []
    }
  },
  activated() {
    this.queryParams.reportUserId = this.$route.query.reportUserId
    this.queryParams.pageNo = 1
    this.getList();
  },
  methods: {
    search() {
      this.queryParams.pageNo = 1
      this.getList();
    },
    getList() {
      this.$http.get('/governance/satisfactionDetailList/getUserDemandUnSolvedByUserId?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => {
        this.list = data.list;
        this.total = data.total;
      })
    },
    handleView({name,id}) {
    }
  }
}
</script>

<style scoped lang="scss">
@import "@/assets/scss/dataBoard/table.scss";

.table {
  margin-top: 40px;
}
</style>