|
|
@@ -14,7 +14,9 @@
|
|
|
<div class="dialog_title_info">
|
|
|
<div>
|
|
|
立项年度：{{
|
|
|
- formData[activeRowIndex] && formData[activeRowIndex].c_lxndwt ? formData[activeRowIndex].c_lxndwt : "--"
|
|
|
+ formData[activeRowIndex] && formData[activeRowIndex].c_lxndwt
|
|
|
+ ? formData[activeRowIndex].c_lxndwt
|
|
|
+ : "--"
|
|
|
}}
|
|
|
</div>
|
|
|
<div>
|
|
|
@@ -30,15 +32,22 @@
|
|
|
</div>
|
|
|
<div class="dialog_title_info">
|
|
|
问题金额（万元）：{{
|
|
|
- formData[activeRowIndex] && formData[activeRowIndex].c_wtjewt ? formData[activeRowIndex].c_wtjewt : "--"
|
|
|
+ formData[activeRowIndex] && formData[activeRowIndex].c_wtjewt
|
|
|
+ ? formData[activeRowIndex].c_wtjewt
|
|
|
+ : "--"
|
|
|
}}
|
|
|
</div>
|
|
|
<div class="dialog_title">审计报告中的问题反映情况</div>
|
|
|
- <div v-for="(item, index) in dialogData" :key="index" class="dialog_table">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in dialogData"
|
|
|
+ :key="index"
|
|
|
+ class="dialog_table"
|
|
|
+ >
|
|
|
<div>{{ item.title }}</div>
|
|
|
<div>
|
|
|
{{
|
|
|
- formData[activeRowIndex] && formData[activeRowIndex][item.columnName]
|
|
|
+ formData[activeRowIndex] &&
|
|
|
+ formData[activeRowIndex][item.columnName]
|
|
|
? formData[activeRowIndex][item.columnName]
|
|
|
: "--"
|
|
|
}}
|
|
|
@@ -50,17 +59,33 @@
|
|
|
<div class="header">
|
|
|
<div class="header-select">
|
|
|
<div class="header-title">历史问题</div>
|
|
|
- <div>
|
|
|
- <el-input style="width: 300px; margin-right: 10px" v-model="allSearchColumn" clearable placeholder="请输入关键词">
|
|
|
- <i class="el-icon-search" style="cursor: pointer" @click="getContentInfoWhere(1)" slot="append"></i>
|
|
|
+ <div class="header-search">
|
|
|
+ <el-input
|
|
|
+ style="width:300px;"
|
|
|
+ v-model="allSearchColumn"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入关键词"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ class="el-icon-search"
|
|
|
+ style="cursor: pointer"
|
|
|
+ @click="getContentInfoWhere(1)"
|
|
|
+ slot="append"
|
|
|
+ ></i>
|
|
|
</el-input>
|
|
|
<el-button @click="resetEvent()">重置</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="center" v-if="reStart">
|
|
|
- <el-table :data="tableData" style="width: 100%" max-height="600" @row-click="rowClick">
|
|
|
- <el-table-column type="index" width="70" align="center" label="序号"> </el-table-column>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%"
|
|
|
+ max-height="600"
|
|
|
+ @row-click="rowClick"
|
|
|
+ >
|
|
|
+ <el-table-column type="index" width="70" align="center" label="序号">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="createYear"
|
|
|
label="立项年度"
|
|
|
@@ -111,7 +136,7 @@
|
|
|
</el-table>
|
|
|
</div>
|
|
|
<div class="footer">
|
|
|
- <Pagination class="pagination-style" :paginationData="paginationData" />
|
|
|
+ <Pagination :paginationData="paginationData" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -153,7 +178,7 @@ export default {
|
|
|
auditTownFilters: [],
|
|
|
typeFilters: [],
|
|
|
keyPointFilters: [],
|
|
|
- problemTypeFilters: []
|
|
|
+ problemTypeFilters: [],
|
|
|
},
|
|
|
// 整改中的查看详情弹窗状态
|
|
|
dialogVisible: false,
|
|
|
@@ -163,7 +188,7 @@ export default {
|
|
|
{ title: "问题定性二级", columnName: "c_wtdx2wt", info: "--" },
|
|
|
{ title: "问题事项", columnName: "c_wtsxwt", info: "--" },
|
|
|
{ title: "使用法条", columnName: "c_syftwt", info: "--" },
|
|
|
- { title: "边审边改情况", columnName: "c_bsbgqkwt", info: "--" }
|
|
|
+ { title: "边审边改情况", columnName: "c_bsbgqkwt", info: "--" },
|
|
|
],
|
|
|
// 暂存全部数据
|
|
|
formData: [],
|
|
|
@@ -175,19 +200,25 @@ export default {
|
|
|
currentPage: 1,
|
|
|
pageSizes: [5, 10, 20, 30],
|
|
|
total: 50,
|
|
|
- currentChange: val => {
|
|
|
+ currentChange: (val) => {
|
|
|
this.getTableData(val);
|
|
|
},
|
|
|
- handleSizeChange: val => {
|
|
|
+ handleSizeChange: (val) => {
|
|
|
this.handleSizeChange(val);
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
filteredValues() {
|
|
|
- return this.timeSelectVal[0] + this.townSelectVal[0] + this.typeSelectVal[0] + this.keyPoint[0] + this.problemType[0];
|
|
|
- }
|
|
|
+ return (
|
|
|
+ this.timeSelectVal[0] +
|
|
|
+ this.townSelectVal[0] +
|
|
|
+ this.typeSelectVal[0] +
|
|
|
+ this.keyPoint[0] +
|
|
|
+ this.problemType[0]
|
|
|
+ );
|
|
|
+ },
|
|
|
},
|
|
|
created() {
|
|
|
this.townOptions = [];
|
|
|
@@ -207,13 +238,13 @@ export default {
|
|
|
let params = new FormData();
|
|
|
params = {
|
|
|
type: type,
|
|
|
- cName: cName
|
|
|
+ cName: cName,
|
|
|
};
|
|
|
|
|
|
- this.$Post(this.urlsCollection.selectByCNameAType, params).then(res => {
|
|
|
+ this.$Post(this.urlsCollection.selectByCNameAType, params).then((res) => {
|
|
|
if (res.code === 200 && res.content.length > 0) {
|
|
|
this.classDictMap[keyName] = new Map();
|
|
|
- res.content.forEach(v => {
|
|
|
+ res.content.forEach((v) => {
|
|
|
this.classDictMap[keyName].set(v.index + "", v.name);
|
|
|
});
|
|
|
|
|
|
@@ -221,13 +252,13 @@ export default {
|
|
|
this.classDictMap[keyName].forEach((v, i) => {
|
|
|
this.townOptions.push({
|
|
|
value: i,
|
|
|
- label: v
|
|
|
+ label: v,
|
|
|
});
|
|
|
this.unTownOptions[i] = v;
|
|
|
});
|
|
|
this.townOptions.unshift({
|
|
|
value: "全部",
|
|
|
- label: "全部"
|
|
|
+ label: "全部",
|
|
|
});
|
|
|
}
|
|
|
|
|
|
@@ -235,7 +266,7 @@ export default {
|
|
|
this.classDictMap[keyName].forEach((v, i) => {
|
|
|
this.typeOptions.push({
|
|
|
value: i,
|
|
|
- label: v
|
|
|
+ label: v,
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
@@ -306,7 +337,13 @@ export default {
|
|
|
// 创建搜索条件对象
|
|
|
this.whereStr = "";
|
|
|
// 存在明确条件时
|
|
|
- if (this.keyPoint[0] || this.problemType[0] || this.timeSelectVal[0] || this.townSelectVal[0] || this.typeSelectVal[0]) {
|
|
|
+ if (
|
|
|
+ this.keyPoint[0] ||
|
|
|
+ this.problemType[0] ||
|
|
|
+ this.timeSelectVal[0] ||
|
|
|
+ this.townSelectVal[0] ||
|
|
|
+ this.typeSelectVal[0]
|
|
|
+ ) {
|
|
|
// 存在明确条件又存在模糊条件时
|
|
|
let andWhereStr = "";
|
|
|
let orWhereStr = "";
|
|
|
@@ -361,7 +398,8 @@ export default {
|
|
|
if (orWhereStr) {
|
|
|
this.whereStr = "where ";
|
|
|
this.whereStr += andWhereStr.substring(3, andWhereStr.length);
|
|
|
- this.whereStr += " and(" + orWhereStr.substring(2, orWhereStr.length) + ") ";
|
|
|
+ this.whereStr +=
|
|
|
+ " and(" + orWhereStr.substring(2, orWhereStr.length) + ") ";
|
|
|
} else {
|
|
|
this.whereStr = "where ";
|
|
|
this.whereStr += andWhereStr.substring(3, andWhereStr.length);
|
|
|
@@ -400,97 +438,114 @@ export default {
|
|
|
let params = new FormData();
|
|
|
params = {
|
|
|
columnId: 1127,
|
|
|
- whereStr: this.whereStr
|
|
|
+ whereStr: this.whereStr,
|
|
|
};
|
|
|
// 开始查询
|
|
|
- this.$Post(this.urlsCollection.getContentInfoWhere, params).then(res => {
|
|
|
- if (res.code === 200 && res.content && res.content.length > 0) {
|
|
|
- // 当前页数
|
|
|
- this.paginationData.currentPage = val;
|
|
|
- // 总数
|
|
|
- this.paginationData.total = res.content.length;
|
|
|
- // 每页显示数据个数
|
|
|
- // this.currentPageSize;
|
|
|
- this.formData = res.content.slice(
|
|
|
- (this.paginationData.currentPage - 1) * this.currentPageSize,
|
|
|
- this.paginationData.currentPage * this.currentPageSize > this.paginationData.total
|
|
|
- ? this.paginationData.total
|
|
|
- : this.paginationData.currentPage * this.currentPageSize
|
|
|
- );
|
|
|
+ this.$Post(this.urlsCollection.getContentInfoWhere, params).then(
|
|
|
+ (res) => {
|
|
|
+ if (res.code === 200 && res.content && res.content.length > 0) {
|
|
|
+ // 当前页数
|
|
|
+ this.paginationData.currentPage = val;
|
|
|
+ // 总数
|
|
|
+ this.paginationData.total = res.content.length;
|
|
|
+ // 每页显示数据个数
|
|
|
+ // this.currentPageSize;
|
|
|
+ this.formData = res.content.slice(
|
|
|
+ (this.paginationData.currentPage - 1) * this.currentPageSize,
|
|
|
+ this.paginationData.currentPage * this.currentPageSize >
|
|
|
+ this.paginationData.total
|
|
|
+ ? this.paginationData.total
|
|
|
+ : this.paginationData.currentPage * this.currentPageSize
|
|
|
+ );
|
|
|
|
|
|
- this.filters = {
|
|
|
- createYearFilters: [],
|
|
|
- auditTownFilters: [],
|
|
|
- typeFilters: [],
|
|
|
- keyPointFilters: [],
|
|
|
- problemTypeFilters: []
|
|
|
- };
|
|
|
- let auditTownFilters = [];
|
|
|
- let createYearFilters = [];
|
|
|
- let typeFilters = [];
|
|
|
- let problemTypeFilters = [];
|
|
|
- let keyPointFilters = [];
|
|
|
- res.content.forEach(item => {
|
|
|
- if (auditTownFilters.indexOf(item.c_bsjzwt) == -1) {
|
|
|
- auditTownFilters.push(item.c_bsjzwt);
|
|
|
- }
|
|
|
- if (createYearFilters.indexOf(item.c_lxndwt) == -1) {
|
|
|
- createYearFilters.push(Number(item.c_lxndwt));
|
|
|
- }
|
|
|
- if (typeFilters.indexOf(item.c_sjlbwt) == -1) {
|
|
|
- typeFilters.push(item.c_sjlbwt);
|
|
|
- }
|
|
|
- if (problemTypeFilters.indexOf(item.c_ckwtdxwt) == -1) {
|
|
|
- problemTypeFilters.push(item.c_ckwtdxwt);
|
|
|
- }
|
|
|
- if (keyPointFilters.indexOf(item.c_zdsjsxwt) == -1) {
|
|
|
- keyPointFilters.push(item.c_zdsjsxwt);
|
|
|
- }
|
|
|
- });
|
|
|
- auditTownFilters.forEach(item => {
|
|
|
- this.filters.auditTownFilters.push({ text: this.classDictMap["浦东新区行政区划"].get(item), value: item });
|
|
|
- });
|
|
|
- for (let index = 0; index < createYearFilters.length; index++) {
|
|
|
- for (let index2 = index; index2 < createYearFilters.length; index2++) {
|
|
|
- let syearsList = createYearFilters[index];
|
|
|
- let eyearsList = createYearFilters[index2];
|
|
|
- if (syearsList > eyearsList) {
|
|
|
- createYearFilters[index] = eyearsList;
|
|
|
- createYearFilters[index2] = syearsList;
|
|
|
+ this.filters = {
|
|
|
+ createYearFilters: [],
|
|
|
+ auditTownFilters: [],
|
|
|
+ typeFilters: [],
|
|
|
+ keyPointFilters: [],
|
|
|
+ problemTypeFilters: [],
|
|
|
+ };
|
|
|
+ let auditTownFilters = [];
|
|
|
+ let createYearFilters = [];
|
|
|
+ let typeFilters = [];
|
|
|
+ let problemTypeFilters = [];
|
|
|
+ let keyPointFilters = [];
|
|
|
+ res.content.forEach((item) => {
|
|
|
+ if (auditTownFilters.indexOf(item.c_bsjzwt) == -1) {
|
|
|
+ auditTownFilters.push(item.c_bsjzwt);
|
|
|
+ }
|
|
|
+ if (createYearFilters.indexOf(item.c_lxndwt) == -1) {
|
|
|
+ createYearFilters.push(Number(item.c_lxndwt));
|
|
|
+ }
|
|
|
+ if (typeFilters.indexOf(item.c_sjlbwt) == -1) {
|
|
|
+ typeFilters.push(item.c_sjlbwt);
|
|
|
+ }
|
|
|
+ if (problemTypeFilters.indexOf(item.c_ckwtdxwt) == -1) {
|
|
|
+ problemTypeFilters.push(item.c_ckwtdxwt);
|
|
|
+ }
|
|
|
+ if (keyPointFilters.indexOf(item.c_zdsjsxwt) == -1) {
|
|
|
+ keyPointFilters.push(item.c_zdsjsxwt);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ auditTownFilters.forEach((item) => {
|
|
|
+ this.filters.auditTownFilters.push({
|
|
|
+ text: this.classDictMap["浦东新区行政区划"].get(item),
|
|
|
+ value: item,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ for (let index = 0; index < createYearFilters.length; index++) {
|
|
|
+ for (
|
|
|
+ let index2 = index;
|
|
|
+ index2 < createYearFilters.length;
|
|
|
+ index2++
|
|
|
+ ) {
|
|
|
+ let syearsList = createYearFilters[index];
|
|
|
+ let eyearsList = createYearFilters[index2];
|
|
|
+ if (syearsList > eyearsList) {
|
|
|
+ createYearFilters[index] = eyearsList;
|
|
|
+ createYearFilters[index2] = syearsList;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+ createYearFilters.forEach((item) => {
|
|
|
+ this.filters.createYearFilters.push({
|
|
|
+ text: Number(item),
|
|
|
+ value: Number(item),
|
|
|
+ });
|
|
|
+ });
|
|
|
+ typeFilters.forEach((item) => {
|
|
|
+ this.filters.typeFilters.push({
|
|
|
+ text: this.classDictMap["审计类别"].get(item),
|
|
|
+ value: item,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ problemTypeFilters.forEach((item) => {
|
|
|
+ this.filters.problemTypeFilters.push({ text: item, value: item });
|
|
|
+ });
|
|
|
+ keyPointFilters.forEach((item) => {
|
|
|
+ this.filters.keyPointFilters.push({ text: item, value: item });
|
|
|
+ });
|
|
|
+ let rowIndex = 0;
|
|
|
+ this.tableData = this.formData.map((v) => {
|
|
|
+ rowIndex++;
|
|
|
+ return {
|
|
|
+ rowIndex: rowIndex,
|
|
|
+ id: v.id || "--",
|
|
|
+ createYear: v.c_lxndwt || "--",
|
|
|
+ auditTown:
|
|
|
+ this.classDictMap["浦东新区行政区划"].get(v.c_bsjzwt) || "--",
|
|
|
+ type: this.classDictMap["审计类别"].get(v.c_sjlbwt) || "--",
|
|
|
+ keyPoint: v.c_zdsjsxwt || "--",
|
|
|
+ problemType: v.c_ckwtdxwt || "--",
|
|
|
+ problemNature: v.c_wtdx1wt || "--",
|
|
|
+ };
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.paginationData.total = 0;
|
|
|
+ this.tableData = [];
|
|
|
}
|
|
|
- createYearFilters.forEach(item => {
|
|
|
- this.filters.createYearFilters.push({ text: Number(item), value: Number(item) });
|
|
|
- });
|
|
|
- typeFilters.forEach(item => {
|
|
|
- this.filters.typeFilters.push({ text: this.classDictMap["审计类别"].get(item), value: item });
|
|
|
- });
|
|
|
- problemTypeFilters.forEach(item => {
|
|
|
- this.filters.problemTypeFilters.push({ text: item, value: item });
|
|
|
- });
|
|
|
- keyPointFilters.forEach(item => {
|
|
|
- this.filters.keyPointFilters.push({ text: item, value: item });
|
|
|
- });
|
|
|
- let rowIndex = 0;
|
|
|
- this.tableData = this.formData.map(v => {
|
|
|
- rowIndex++;
|
|
|
- return {
|
|
|
- rowIndex: rowIndex,
|
|
|
- id: v.id || "--",
|
|
|
- createYear: v.c_lxndwt || "--",
|
|
|
- auditTown: this.classDictMap["浦东新区行政区划"].get(v.c_bsjzwt) || "--",
|
|
|
- type: this.classDictMap["审计类别"].get(v.c_sjlbwt) || "--",
|
|
|
- keyPoint: v.c_zdsjsxwt || "--",
|
|
|
- problemType: v.c_ckwtdxwt || "--",
|
|
|
- problemNature: v.c_wtdx1wt || "--"
|
|
|
- };
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.paginationData.total = 0;
|
|
|
- this.tableData = [];
|
|
|
}
|
|
|
- });
|
|
|
+ );
|
|
|
},
|
|
|
// 切换页
|
|
|
getTableData(val) {
|
|
|
@@ -501,13 +556,13 @@ export default {
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
this.currentPageSize = val;
|
|
|
this.getTableData(this.currentPage);
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
filteredValues() {
|
|
|
this.getTableData(this.currentPage);
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
@@ -518,11 +573,21 @@ export default {
|
|
|
&-inner {
|
|
|
width: 98%;
|
|
|
height: 97%;
|
|
|
- // background: rgba(0, 39, 77, 0.5);
|
|
|
+ background: rgba(0, 39, 77, 0.5);
|
|
|
.header {
|
|
|
- height: 13%;
|
|
|
+ height: 120px;
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
+ &-search{
|
|
|
+ width: 400px;
|
|
|
+ height: 50px;
|
|
|
+ position: absolute;
|
|
|
+ top: 25px;
|
|
|
+ right: 10px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
&-title {
|
|
|
width: 84px;
|
|
|
height: 20px;
|
|
|
@@ -531,6 +596,9 @@ export default {
|
|
|
font-weight: bold;
|
|
|
color: #4dc3ff;
|
|
|
line-height: 30px;
|
|
|
+ position: absolute;
|
|
|
+ top: 8px;
|
|
|
+ left: 15px;
|
|
|
}
|
|
|
&-select {
|
|
|
height: 40px;
|
|
|
@@ -560,11 +628,15 @@ export default {
|
|
|
}
|
|
|
.query-btn {
|
|
|
right: 110px;
|
|
|
- background-image: linear-gradient(to top, rgba(79, 172, 254, 1), rgba(0, 242, 254, 1));
|
|
|
+ background-image: linear-gradient(
|
|
|
+ to top,
|
|
|
+ rgba(79, 172, 254, 1),
|
|
|
+ rgba(0, 242, 254, 1)
|
|
|
+ );
|
|
|
}
|
|
|
}
|
|
|
.center {
|
|
|
- height: 77%;
|
|
|
+ height: calc(90% - 120px);
|
|
|
width: 100%;
|
|
|
overflow: auto;
|
|
|
/deep/.el-table {
|
|
|
@@ -579,13 +651,9 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.footer {
|
|
|
- height: 10%;
|
|
|
- width: 100%;
|
|
|
position: absolute;
|
|
|
- .pagination-style {
|
|
|
- position: absolute;
|
|
|
- right: 50px;
|
|
|
- }
|
|
|
+ right: 50px;
|
|
|
+ bottom: 30px;
|
|
|
}
|
|
|
}
|
|
|
}
|
Bella