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

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

    <div class="table">
      <el-table :data="list"
                v-loading="loading"
                element-loading-text="加载中..."
                element-loading-spinner="el-icon-loading"
                element-loading-background="rgba(0,0,0,0.5)"
      >
        <el-table-column
            label="序号"
            type="index"
            width="80"/>

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

        <el-table-column
            prop="demandUserMobile"
            label="需求人电话">
          <template slot-scope="scope">
            {{ $sensitive(scope.row.demandUserMobile, 3, 7) }}
          </template>
        </el-table-column>

        <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)">查看</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"
    />
    <xqwmz :showDialog="showDialog" :id="rowId" @close="close"/>
  </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"
import xqwmz from "@/views/dataBoard/satisfactionEval/potentialPeople/details/xqwmz.vue"

export default {
  name: "dissatisfied",
  components: {Breadcrumb, Pagination, Title, xqwmz},
  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: [],
      showDialog: false,
      rowId: '',
      loading: true
    }
  },
  activated() {
    this.queryParams.reportUserId = this.$route.query.reportUserId
    this.queryParams.pageNo = 1
    this.getList();
  },
  methods: {
    search() {
      this.queryParams.pageNo = 1
      this.getList();
    },
    getList() {
      this.loading = true
      this.$http.get('/governance/satisfactionDetailList/getUserDemandUnSolvedByUserId?' + this.$paramsFormat(this.queryParams)).then(({data: {data}}) => {
        this.list = data.list;
        this.total = data.total;
        this.loading = false
      })
    },
    handleView({name, id}) {
      this.showDialog = true
      this.rowId = id
    },
    close() {
      this.showDialog = false
    }
  }
}
</script>

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

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