|
|
@@ -1,17 +1,25 @@
|
|
|
<template>
|
|
|
<div class="list-view">
|
|
|
<div class="filters-container">
|
|
|
- <el-input placeholder="输入关键字" v-model="search" clearable class="filter-item"></el-input>
|
|
|
- <el-button @click="getData" type="primary" icon="el-icon-search" class="filter-item">搜索 </el-button>
|
|
|
- <el-button @click="addRow" type="primary" icon="el-icon-plus" class="filter-item">添加 </el-button>
|
|
|
- <el-button
|
|
|
- @click="download"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-download"
|
|
|
- :loading="downloading"
|
|
|
- class="filter-item"
|
|
|
- >导出EXCEL
|
|
|
- </el-button>
|
|
|
+ <el-form :model="form" inline size="mini">
|
|
|
+ <el-form-item label="标题" style="margin-right: 50px">
|
|
|
+ <el-input placeholder="输入标题" v-model="search" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="办理情况">
|
|
|
+ <el-select v-model="situationIsReal" clearable placeholder="请选择">
|
|
|
+ <el-option :value="true" label="属实"></el-option>
|
|
|
+ <el-option :value="false" label="不属实"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <br />
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="getData" type="primary" icon="el-icon-search">搜索 </el-button>
|
|
|
+ <el-button @click="addRow" type="primary" icon="el-icon-plus">添加 </el-button>
|
|
|
+ <!-- <el-button @click="download" type="primary" icon="el-icon-download" :loading="downloading"
|
|
|
+ >导出EXCEL
|
|
|
+ </el-button> -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
@@ -24,34 +32,35 @@
|
|
|
:height="tableHeight"
|
|
|
>
|
|
|
<el-table-column v-if="multipleMode" align="center" type="selection" width="50"> </el-table-column>
|
|
|
- <el-table-column prop="id" label="ID" width="100"> </el-table-column>
|
|
|
- <el-table-column prop="source" label="来源渠道"> </el-table-column>
|
|
|
+ <el-table-column prop="id" label="ID" width="60"> </el-table-column>
|
|
|
+ <el-table-column prop="title" label="标题"> </el-table-column>
|
|
|
<el-table-column prop="complainAt" label="来电时间"> </el-table-column>
|
|
|
- <el-table-column prop="sex" label="性别"> </el-table-column>
|
|
|
+ <el-table-column prop="name" label="联系人"> </el-table-column>
|
|
|
+ <!-- <el-table-column prop="sex" label="性别"> </el-table-column> -->
|
|
|
<el-table-column prop="phone" label="联系方式"> </el-table-column>
|
|
|
- <el-table-column prop="title" label="投诉目的"> </el-table-column>
|
|
|
- <el-table-column prop="content" label="投诉内容"> </el-table-column>
|
|
|
- <el-table-column prop="nature" label="问题性质"> </el-table-column>
|
|
|
- <el-table-column prop="unitType" label="单位类型" :formatter="unitTypeFormatter"> </el-table-column>
|
|
|
- <el-table-column prop="unitName" label="单位名称"> </el-table-column>
|
|
|
- <el-table-column prop="file" label="图片"> </el-table-column>
|
|
|
- <el-table-column prop="processing" label="办理情况"> </el-table-column>
|
|
|
- <el-table-column prop="situationIsReal" label="情况属实">
|
|
|
+ <el-table-column prop="finish" label="状态">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-tag :type="row.situationIsReal ? '' : 'info'">{{ row.situationIsReal }}</el-tag>
|
|
|
+ <span v-if="row.finish">办结</span>
|
|
|
+ <span v-else>未办结</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="reviewFile" label="审查附件"> </el-table-column>
|
|
|
- <el-table-column prop="reviewAt" label="审查时间"> </el-table-column>
|
|
|
- <el-table-column prop="finish" label="办结">
|
|
|
+ <el-table-column prop="situationIsReal" label="办理情况">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-tag :type="row.finish ? '' : 'info'">{{ row.finish }}</el-tag>
|
|
|
+ <span v-if="row.situationIsReal == ''">暂无</span>
|
|
|
+ <span v-if="row.situationIsReal">属实</span>
|
|
|
+ <span v-else>不属实</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+ <!-- <el-table-column prop="nature" label="问题性质"> </el-table-column> -->
|
|
|
+ <!-- <el-table-column prop="unitType" label="单位类型" :formatter="unitTypeFormatter"> </el-table-column> -->
|
|
|
+ <!-- <el-table-column prop="unitName" label="单位名称"> </el-table-column> -->
|
|
|
+ <!-- <el-table-column prop="file" label="附件"> </el-table-column> -->
|
|
|
+ <!-- <el-table-column prop="reviewAt" label="审查时间"> </el-table-column> -->
|
|
|
<el-table-column label="操作" align="center" fixed="right" min-width="150">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
|
|
|
- <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
|
|
|
+ <el-button @click="editRow(row)" type="primary" size="mini" plain>查看</el-button>
|
|
|
+ <el-button @click="editRow(row)" type="primary" size="mini" plain>处理</el-button>
|
|
|
+ <!-- <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button> -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -95,7 +104,8 @@ export default {
|
|
|
{ label: '承办单位', value: 'ORGANIZATION' },
|
|
|
{ label: '考级机构', value: 'GRADING_ORGANIZATION' },
|
|
|
{ label: '考点', value: 'EXAMINATION' }
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ situationIsReal: ''
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -112,7 +122,13 @@ export default {
|
|
|
return '';
|
|
|
},
|
|
|
beforeGetData() {
|
|
|
- return { search: this.search };
|
|
|
+ return {
|
|
|
+ sort: 'createdAt,desc',
|
|
|
+ search: this.search,
|
|
|
+ query: {
|
|
|
+ situationIsReal: this.situationIsReal
|
|
|
+ }
|
|
|
+ };
|
|
|
},
|
|
|
toggleMultipleMode(multipleMode) {
|
|
|
this.multipleMode = multipleMode;
|