|
@@ -3,7 +3,7 @@
|
|
|
<div class="filters-container">
|
|
<div class="filters-container">
|
|
|
<!-- <el-input placeholder="输入关键字" v-model="search" clearable class="filter-item"></el-input>
|
|
<!-- <el-input placeholder="输入关键字" v-model="search" clearable class="filter-item"></el-input>
|
|
|
<el-button @click="addRow" type="primary" icon="el-icon-plus" class="filter-item">创建申请 </el-button> -->
|
|
<el-button @click="addRow" type="primary" icon="el-icon-plus" class="filter-item">创建申请 </el-button> -->
|
|
|
- <el-button
|
|
|
|
|
|
|
+ <!-- <el-button
|
|
|
@click="download"
|
|
@click="download"
|
|
|
type="primary"
|
|
type="primary"
|
|
|
icon="el-icon-download"
|
|
icon="el-icon-download"
|
|
@@ -12,7 +12,17 @@
|
|
|
:disabled="totalElements <= 0"
|
|
:disabled="totalElements <= 0"
|
|
|
>导出EXCEL
|
|
>导出EXCEL
|
|
|
</el-button>
|
|
</el-button>
|
|
|
- <el-select class="filter-item" placeholder="请选择考级机构"> </el-select>
|
|
|
|
|
|
|
+ <el-select v-model="year" placeholder="请选择年度" class="filter-item" clearable>
|
|
|
|
|
+ <el-option v-for="item in years" :key="item" :value="item" :label="item + '年'"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ <el-select v-model="agency" placeholder="所属考级机构" multiple class="filter-item">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="(item, index) in examination"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ :value="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ ></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
<el-input
|
|
<el-input
|
|
|
placeholder="输入承办单位名称"
|
|
placeholder="输入承办单位名称"
|
|
|
v-model="search"
|
|
v-model="search"
|
|
@@ -51,64 +61,131 @@
|
|
|
:label="item.label"
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
:value="item.value"
|
|
|
></el-option>
|
|
></el-option>
|
|
|
- </el-select>
|
|
|
|
|
|
|
+ </el-select> -->
|
|
|
<!-- <el-button @click="getData" type="primary" icon="el-icon-search" class="filter-item">搜索 </el-button> -->
|
|
<!-- <el-button @click="getData" type="primary" icon="el-icon-search" class="filter-item">搜索 </el-button> -->
|
|
|
- <!-- <div>
|
|
|
|
|
- <span class="span-width">
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <el-col :span="7">
|
|
|
|
|
+ <span class="span-size">申请年度</span>
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="year"
|
|
|
|
|
+ placeholder="请选择年度"
|
|
|
|
|
+ class="filter-item"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ style="width: 220px"
|
|
|
|
|
+ @change="getData"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option v-for="item in years" :key="item" :value="item" :label="item + '年'"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="7">
|
|
|
<span class="span-size">承办单位名称</span>
|
|
<span class="span-size">承办单位名称</span>
|
|
|
- <el-input placeholder="输入承办单位名称" v-model="search" clearable class="filter-item"></el-input>
|
|
|
|
|
- </span>
|
|
|
|
|
- <span class="span-width">
|
|
|
|
|
- <span class="span-size">考级机构名称</span>
|
|
|
|
|
- <el-input placeholder="输入考级机构名称" v-model="agency" clearable class="filter-item"></el-input>
|
|
|
|
|
- </span>
|
|
|
|
|
- <span class="span-width2">
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ placeholder="输入承办单位名称"
|
|
|
|
|
+ v-model="search"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ class="filter-item"
|
|
|
|
|
+ style="width: 220px"
|
|
|
|
|
+ @change="getData"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="10">
|
|
|
<label class="span-size">申请时间</label>
|
|
<label class="span-size">申请时间</label>
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
|
v-model="dateRange"
|
|
v-model="dateRange"
|
|
|
type="daterange"
|
|
type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
start-placeholder="请选择开始时间"
|
|
start-placeholder="请选择开始时间"
|
|
|
end-placeholder="请选择结束时间"
|
|
end-placeholder="请选择结束时间"
|
|
|
range-separator="至"
|
|
range-separator="至"
|
|
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
class="filter-item"
|
|
class="filter-item"
|
|
|
|
|
+ @change="getData"
|
|
|
>
|
|
>
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
- </span>
|
|
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <!-- <el-col :span="8">
|
|
|
|
|
+ <span class="span-size">考级机构</span>
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="agency"
|
|
|
|
|
+ placeholder="所属考级机构"
|
|
|
|
|
+ multiple
|
|
|
|
|
+ class="filter-item"
|
|
|
|
|
+ style="width: 220px"
|
|
|
|
|
+ @change="getData"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="(item, index) in examination"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ :value="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ ></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-col> -->
|
|
|
</div>
|
|
</div>
|
|
|
- <div style="padding-left: 70px">
|
|
|
|
|
- <label class="span-size">地址</label>
|
|
|
|
|
- <district-choose style="width: 202px"></district-choose>
|
|
|
|
|
- <span class="span-width" style="padding-left: 10px">
|
|
|
|
|
- <label class="span-size">状态</label>
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <el-col :span="7">
|
|
|
|
|
+ <label class="span-size">申请状态</label>
|
|
|
<el-select
|
|
<el-select
|
|
|
class="filter-item"
|
|
class="filter-item"
|
|
|
v-model="status"
|
|
v-model="status"
|
|
|
clearable
|
|
clearable
|
|
|
placeholder="请选择状态"
|
|
placeholder="请选择状态"
|
|
|
- style="width: 200px"
|
|
|
|
|
|
|
+ style="width: 220px"
|
|
|
|
|
+ @change="getData"
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in statusOptions"
|
|
|
|
|
|
|
+ v-for="item in statusOptions2"
|
|
|
:key="item.value"
|
|
:key="item.value"
|
|
|
:value="item.value"
|
|
:value="item.value"
|
|
|
:label="item.label"
|
|
:label="item.label"
|
|
|
></el-option>
|
|
></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
- </span>
|
|
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="7">
|
|
|
|
|
+ <label class="span-size">承办单位地址</label>
|
|
|
|
|
+ <el-select v-model="district" style="width: 220px" @change="getData" clearable>
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in districts"
|
|
|
|
|
+ :key="item.id"
|
|
|
|
|
+ :value="item.name"
|
|
|
|
|
+ :label="item.name"
|
|
|
|
|
+ ></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="7">
|
|
|
|
|
+ <label class="span-size">评定等级</label>
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ style="width: 220px"
|
|
|
|
|
+ v-model="grade"
|
|
|
|
|
+ placeholder="请选择的等级"
|
|
|
|
|
+ class="filter-item"
|
|
|
|
|
+ multiple
|
|
|
|
|
+ clearable
|
|
|
|
|
+ @change="getData"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in gradeOptions"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value"
|
|
|
|
|
+ ></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="padding-left: 10px">
|
|
|
|
|
+ <!-- <el-button @click="getData" type="primary" icon="el-icon-search" class="filter-item">查询 </el-button> -->
|
|
|
|
|
+ <el-col :span="24">
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ @click="download"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="el-icon-download"
|
|
|
|
|
+ :loading="downloading"
|
|
|
|
|
+ class="filter-item"
|
|
|
|
|
+ :disabled="totalElements <= 0"
|
|
|
|
|
+ >导出EXCEL
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </el-col>
|
|
|
</div>
|
|
</div>
|
|
|
- <div style="padding-left: 20px">
|
|
|
|
|
- <el-button @click="getData" type="primary" icon="el-icon-search" class="filter-item">查询 </el-button>
|
|
|
|
|
- <el-button
|
|
|
|
|
- @click="download"
|
|
|
|
|
- type="primary"
|
|
|
|
|
- icon="el-icon-download"
|
|
|
|
|
- :loading="downloading"
|
|
|
|
|
- class="filter-item"
|
|
|
|
|
- :disabled="totalElements <= 0"
|
|
|
|
|
- >导出EXCEL
|
|
|
|
|
- </el-button>
|
|
|
|
|
- </div> -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<el-table
|
|
<el-table
|
|
|
:data="tableData"
|
|
:data="tableData"
|
|
@@ -148,18 +225,13 @@
|
|
|
<span v-else><el-link :underline="false" type="info">暂无</el-link></span>
|
|
<span v-else><el-link :underline="false" type="info">暂无</el-link></span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="right" fixed="right" min-width="150">
|
|
|
|
|
|
|
+ <el-table-column label="操作" align="right" fixed="right" min-width="200">
|
|
|
<template slot-scope="{ row }">
|
|
<template slot-scope="{ row }">
|
|
|
- <!-- <el-button
|
|
|
|
|
- v-if="row.status === 'FIRST_REVIEW_PENDING'"
|
|
|
|
|
- :loading="row.loading"
|
|
|
|
|
- @click="audit(row, 'ASSIGN_EXPERT', '通过')"
|
|
|
|
|
- type="success"
|
|
|
|
|
- size="mini"
|
|
|
|
|
- plain
|
|
|
|
|
- >
|
|
|
|
|
- 同意上报
|
|
|
|
|
- </el-button> -->
|
|
|
|
|
|
|
+ <el-button @click="editRow(row)" type="primary" size="mini" plain>
|
|
|
|
|
+ <span v-if="row.status == 'ASSIGN_EXPERT'">审核材料</span>
|
|
|
|
|
+ <span v-else-if="row.status == 'SUBMIT_GRADE'">最终评审</span>
|
|
|
|
|
+ <span v-else>查看材料</span>
|
|
|
|
|
+ </el-button>
|
|
|
<el-button
|
|
<el-button
|
|
|
@click="supervision(row.id)"
|
|
@click="supervision(row.id)"
|
|
|
type="success"
|
|
type="success"
|
|
@@ -176,7 +248,7 @@
|
|
|
size="mini"
|
|
size="mini"
|
|
|
plain
|
|
plain
|
|
|
>
|
|
>
|
|
|
- 退回
|
|
|
|
|
|
|
+ 退回申请
|
|
|
</el-button>
|
|
</el-button>
|
|
|
<el-button
|
|
<el-button
|
|
|
v-if="row.status === 'COLLECT_PAPER_MATERIALS'"
|
|
v-if="row.status === 'COLLECT_PAPER_MATERIALS'"
|
|
@@ -186,11 +258,6 @@
|
|
|
@click="saveComplete(row)"
|
|
@click="saveComplete(row)"
|
|
|
>收取纸质材料</el-button
|
|
>收取纸质材料</el-button
|
|
|
>
|
|
>
|
|
|
- <el-button @click="editRow(row)" type="primary" size="mini" plain>
|
|
|
|
|
- <span v-if="row.status == 'ASSIGN_EXPERT'">审核材料</span>
|
|
|
|
|
- <span v-else-if="row.status == 'SUBMIT_GRADE'">最终评审</span>
|
|
|
|
|
- <span v-else>查看材料</span>
|
|
|
|
|
- </el-button>
|
|
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
@@ -229,33 +296,6 @@
|
|
|
</el-table>
|
|
</el-table>
|
|
|
</div>
|
|
</div>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog title="填写分数等级" :visible.sync="dialogScore" width="400px" center>
|
|
|
|
|
- <el-form :model="scoreInfo" style="width: 400px;" label-width="70px">
|
|
|
|
|
- <el-form-item
|
|
|
|
|
- label="总分"
|
|
|
|
|
- prop="score"
|
|
|
|
|
- :rules="{ required: true, message: '请输入分数', trigger: 'blur' }"
|
|
|
|
|
- >
|
|
|
|
|
- <el-input-number type="number" v-model="scoreInfo.score" placeholder="分数" style="width: 220px;">
|
|
|
|
|
- </el-input-number>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item
|
|
|
|
|
- label="等级"
|
|
|
|
|
- prop="grade"
|
|
|
|
|
- :rules="{ required: true, message: '请输入等级', trigger: 'blur' }"
|
|
|
|
|
- >
|
|
|
|
|
- <el-select style="width: 220px" v-model="scoreInfo.grade" placeholder="请选择的等级">
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in gradeOptions"
|
|
|
|
|
- :key="item.value"
|
|
|
|
|
- :label="item.label"
|
|
|
|
|
- :value="item.value"
|
|
|
|
|
- ></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item><el-button type="primary" size="mini" @click="saveScore()">提交</el-button></el-form-item>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
<el-dialog title="退回缘由" :visible.sync="dialogDismiss" width="500px" center>
|
|
<el-dialog title="退回缘由" :visible.sync="dialogDismiss" width="500px" center>
|
|
|
<div style="height: 150px;width:400px;margin:2px auto">
|
|
<div style="height: 150px;width:400px;margin:2px auto">
|
|
|
<el-input
|
|
<el-input
|
|
@@ -274,10 +314,11 @@
|
|
|
<script>
|
|
<script>
|
|
|
import { mapState } from 'vuex';
|
|
import { mapState } from 'vuex';
|
|
|
import pageableTable from '@/mixins/pageableTable';
|
|
import pageableTable from '@/mixins/pageableTable';
|
|
|
|
|
+import rateStatus from '@/mixins/rateStatus';
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'RateList',
|
|
name: 'RateList',
|
|
|
- mixins: [pageableTable],
|
|
|
|
|
|
|
+ mixins: [pageableTable, rateStatus],
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
multipleMode: false,
|
|
multipleMode: false,
|
|
@@ -294,26 +335,45 @@ export default {
|
|
|
{ label: '合格', value: 'ELIGIBLE' },
|
|
{ label: '合格', value: 'ELIGIBLE' },
|
|
|
{ label: '不合格', value: 'NOT_ELIGIBLE' }
|
|
{ label: '不合格', value: 'NOT_ELIGIBLE' }
|
|
|
],
|
|
],
|
|
|
- scoreInfo: {
|
|
|
|
|
- score: 0,
|
|
|
|
|
- grade: ''
|
|
|
|
|
- },
|
|
|
|
|
dialogDismiss: false,
|
|
dialogDismiss: false,
|
|
|
reason: '',
|
|
reason: '',
|
|
|
dismissReason: ['资料不全', '缺少附件', '无资格'],
|
|
dismissReason: ['资料不全', '缺少附件', '无资格'],
|
|
|
form: {},
|
|
form: {},
|
|
|
grade: '',
|
|
grade: '',
|
|
|
status: [],
|
|
status: [],
|
|
|
- statusOptions: [
|
|
|
|
|
- { label: '区县已上报', value: 'ASSIGN_EXPERT' },
|
|
|
|
|
- { label: '待线下考察', value: 'REVIEW_PENDING' },
|
|
|
|
|
- { label: '待最终评审', value: 'SUBMIT_GRADE' },
|
|
|
|
|
- { label: '待承办单位提交材料', value: 'SUBMIT_PAPER_MATERIALS' },
|
|
|
|
|
- { label: '待区县提交材料', value: 'COLLECT_PAPER_MATERIALS' },
|
|
|
|
|
- { label: '完成', value: 'COMPLETE' }
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ years: [2021, 2022, 2023, 2024, 2025],
|
|
|
|
|
+ year: '',
|
|
|
|
|
+ districts: [],
|
|
|
|
|
+ district: '',
|
|
|
|
|
+ dateRange: ''
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
+ created() {
|
|
|
|
|
+ // this.$http
|
|
|
|
|
+ // .post('/gradingOrganization/all', { size: 1000 }, { body: 'json' })
|
|
|
|
|
+ // .then(res => {
|
|
|
|
|
+ // if (res.content.length > 0) {
|
|
|
|
|
+ // res.content.forEach(item => {
|
|
|
|
|
+ // this.examination.push({
|
|
|
|
|
+ // label: item.name,
|
|
|
|
|
+ // value: item.id
|
|
|
|
|
+ // });
|
|
|
|
|
+ // });
|
|
|
|
|
+ // }
|
|
|
|
|
+ // })
|
|
|
|
|
+ // .catch(e => {
|
|
|
|
|
+ // console.log(e);
|
|
|
|
|
+ // });
|
|
|
|
|
+ this.$http
|
|
|
|
|
+ .post('/setting/byFlag', { flag: 2 })
|
|
|
|
|
+ .then(res => {
|
|
|
|
|
+ this.districts = res;
|
|
|
|
|
+ })
|
|
|
|
|
+ .catch(e => {
|
|
|
|
|
+ console.log(e);
|
|
|
|
|
+ this.$message.error(e.error);
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
computed: {
|
|
computed: {
|
|
|
selection() {
|
|
selection() {
|
|
|
return this.$refs.table.selection.map(i => i.id);
|
|
return this.$refs.table.selection.map(i => i.id);
|
|
@@ -364,6 +424,15 @@ export default {
|
|
|
if (this.grade) {
|
|
if (this.grade) {
|
|
|
data.query.grade = this.grade;
|
|
data.query.grade = this.grade;
|
|
|
}
|
|
}
|
|
|
|
|
+ if (this.year) {
|
|
|
|
|
+ data.query.year = this.year;
|
|
|
|
|
+ }
|
|
|
|
|
+ if (this.district) {
|
|
|
|
|
+ data.query.district = this.district;
|
|
|
|
|
+ }
|
|
|
|
|
+ if (this.dateRange && this.dateRange.length > 0) {
|
|
|
|
|
+ data.query.createdAt = this.dateRange[0] + ',' + this.dateRange[1];
|
|
|
|
|
+ }
|
|
|
return data;
|
|
return data;
|
|
|
},
|
|
},
|
|
|
toggleMultipleMode(multipleMode) {
|
|
toggleMultipleMode(multipleMode) {
|
|
@@ -626,6 +695,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.span-width {
|
|
.span-width {
|
|
|
width: 330px;
|
|
width: 330px;
|
|
|
|
|
+ // width: 80%;
|
|
|
display: inline-block;
|
|
display: inline-block;
|
|
|
text-align: right;
|
|
text-align: right;
|
|
|
}
|
|
}
|