|
|
@@ -7,6 +7,7 @@
|
|
|
<div>
|
|
|
<div class="text">类别 :</div>
|
|
|
<NewSelect
|
|
|
+ ref="auditTypeRef"
|
|
|
:placeholder="'请选择类别'"
|
|
|
class="select-input"
|
|
|
v-model="typeSelectVal"
|
|
|
@@ -17,16 +18,19 @@
|
|
|
<div>
|
|
|
<div class="text">被审计街镇 :</div>
|
|
|
<NewSelect
|
|
|
+ ref="townTypeRef"
|
|
|
:placeholder="'请选择街镇'"
|
|
|
class="select-input"
|
|
|
- v-model="streetSelectVal"
|
|
|
- :options="streetOptions"
|
|
|
- :value="streetSelectVal"
|
|
|
+ v-model="townSelectVal"
|
|
|
+ :options="townOptions"
|
|
|
+ :value="townSelectVal"
|
|
|
/>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="text">立项年度 :</div>
|
|
|
<NewSelect
|
|
|
+ ref="timeRef"
|
|
|
+ :placeholder="'立项年度'"
|
|
|
class="select-input"
|
|
|
v-model="timeSelectVal"
|
|
|
:options="timeOptions"
|
|
|
@@ -34,8 +38,8 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="query-btn" @click="getTableData(1)">查询</div>
|
|
|
<div class="reset-btn" @click="resetEvent">重置</div>
|
|
|
- <div class="query-btn" @click="queryEvent">查询</div>
|
|
|
</div>
|
|
|
<div class="center">
|
|
|
<el-table :data="tableData" style="width: 100%" max-height="600">
|
|
|
@@ -73,7 +77,6 @@
|
|
|
<script>
|
|
|
import NewSelect from "@/components/common/NewSelect.vue";
|
|
|
import Pagination from "@/components/common/Pagination.vue";
|
|
|
-import { street } from "@/config/common";
|
|
|
/**
|
|
|
* 频发问题 dialog -- 智能辅助
|
|
|
* @author: Gao Lu
|
|
|
@@ -84,69 +87,15 @@ export default {
|
|
|
components: { NewSelect, Pagination },
|
|
|
data() {
|
|
|
return {
|
|
|
+ // 数据字典暂存对象
|
|
|
+ classDictMap: {},
|
|
|
typeSelectVal: "",
|
|
|
- typeOptions: [
|
|
|
- {
|
|
|
- value: "1土地资源审计",
|
|
|
- label: "1土地资源审计",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "2水资源审计",
|
|
|
- label: "2水资源审计",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "3林地资源审计",
|
|
|
- label: "3林地资源审计",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "4生态环境保护政策执行情况审计",
|
|
|
- label: "4生态环境保护政策执行情况审计",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "5相关镇特色资源审计",
|
|
|
- label: "5相关镇特色资源审计",
|
|
|
- },
|
|
|
- ],
|
|
|
- streetSelectVal: "全部",
|
|
|
- streetOptions: [],
|
|
|
- timeSelectVal: 2019,
|
|
|
+ typeOptions: [],
|
|
|
+ townSelectVal: "",
|
|
|
+ townOptions: [],
|
|
|
+ timeSelectVal: "",
|
|
|
timeOptions: [],
|
|
|
tableData: [],
|
|
|
- // tableData: [
|
|
|
- // {
|
|
|
- // createYear: "2021",
|
|
|
- // auditTown: "周浦",
|
|
|
- // type: "1土地资源审计",
|
|
|
- // keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
|
|
|
- // problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
|
|
|
- // problemNature: "环保督察问题整改落实不力",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // createYear: "2021",
|
|
|
- // auditTown: "周浦",
|
|
|
- // type: "1土地资源审计",
|
|
|
- // keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
|
|
|
- // problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
|
|
|
- // problemNature: "环保督察问题整改落实不力",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // createYear: "2021",
|
|
|
- // auditTown: "周浦",
|
|
|
- // type: "1土地资源审计",
|
|
|
- // keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
|
|
|
- // problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
|
|
|
- // problemNature: "环保督察问题整改落实不力",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // createYear: "2021",
|
|
|
- // auditTown: "周浦",
|
|
|
- // type: "1土地资源审计",
|
|
|
- // keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
|
|
|
- // problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
|
|
|
- // problemNature: "环保督察问题整改落实不力",
|
|
|
- // },
|
|
|
- // ],
|
|
|
- currentPageSize: 5,
|
|
|
currentPage: 1,
|
|
|
paginationData: {
|
|
|
pageSize: 0,
|
|
|
@@ -164,15 +113,16 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
- this.streetOptions = [];
|
|
|
+ this.townOptions = [];
|
|
|
this.timeOptions = [];
|
|
|
+ this.typeOptions = [];
|
|
|
// 街道下拉框
|
|
|
- for (let key in street) {
|
|
|
- this.streetOptions.push({
|
|
|
- value: street[key],
|
|
|
- label: street[key],
|
|
|
- });
|
|
|
- }
|
|
|
+ // for (let key in town) {
|
|
|
+ // this.townOptions.push({
|
|
|
+ // value: town[key],
|
|
|
+ // label: town[key],
|
|
|
+ // });
|
|
|
+ // }
|
|
|
// 时间选择
|
|
|
for (let i = 1980; i < 2023; i++) {
|
|
|
this.timeOptions.unshift({
|
|
|
@@ -180,46 +130,126 @@ export default {
|
|
|
label: i,
|
|
|
});
|
|
|
}
|
|
|
+ // 获取数据字典中下拉框数据
|
|
|
+ this.classDictQuery("0", "审计类别", "审计类别");
|
|
|
+ this.classDictQuery("0", "浦东新区行政区划", "浦东新区行政区划");
|
|
|
this.getTableData(1);
|
|
|
},
|
|
|
methods: {
|
|
|
- queryEvent() {
|
|
|
- console.log("查询");
|
|
|
+ // 数据字典查询 -- 获取所需类别
|
|
|
+ classDictQuery(type, cName, keyName) {
|
|
|
+ let params = new FormData();
|
|
|
+ params = {
|
|
|
+ type: type,
|
|
|
+ cName: cName,
|
|
|
+ };
|
|
|
+
|
|
|
+ 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) => {
|
|
|
+ this.classDictMap[keyName].set(v.index + "", v.name);
|
|
|
+ });
|
|
|
+
|
|
|
+ if (keyName === "浦东新区行政区划") {
|
|
|
+ this.classDictMap[keyName].forEach((v, i) => {
|
|
|
+ this.townOptions.push({
|
|
|
+ value: i,
|
|
|
+ label: v,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (keyName === "审计类别") {
|
|
|
+ this.classDictMap[keyName].forEach((v, i) => {
|
|
|
+ this.typeOptions.push({
|
|
|
+ value: i,
|
|
|
+ label: v,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
resetEvent() {
|
|
|
+ this.typeSelectVal = "";
|
|
|
+ this.townSelectVal = "";
|
|
|
+ this.timeSelectVal = "";
|
|
|
+ this.$refs.auditTypeRef.imgValue = "";
|
|
|
+ this.$refs.townTypeRef.imgValue = "";
|
|
|
+ this.$refs.timeRef.imgValue = "";
|
|
|
+ this.getTableData(1);
|
|
|
console.log("重置");
|
|
|
},
|
|
|
// 切换页
|
|
|
getTableData(val) {
|
|
|
this.tableData = [];
|
|
|
console.log(`当前页: ${val}`);
|
|
|
+
|
|
|
+ let searchParam = [];
|
|
|
+ // 类别
|
|
|
+ if (this.typeSelectVal) {
|
|
|
+ let paramType = {
|
|
|
+ field: "sj_select",
|
|
|
+ // 等值查询
|
|
|
+ searchType: "1",
|
|
|
+ content: {
|
|
|
+ value: this.typeSelectVal,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ searchParam.push(paramType);
|
|
|
+ }
|
|
|
+ // 被审计街镇
|
|
|
+ if (this.townSelectVal) {
|
|
|
+ let paramTown = {
|
|
|
+ field: "bsjz",
|
|
|
+ // 等值查询
|
|
|
+ searchType: "1",
|
|
|
+ content: {
|
|
|
+ value: this.townSelectVal,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ searchParam.push(paramTown);
|
|
|
+ }
|
|
|
+ // 立项年度
|
|
|
+ if (this.timeSelectVal) {
|
|
|
+ let paramTime = {
|
|
|
+ field: "c_years",
|
|
|
+ // 等值查询
|
|
|
+ searchType: "1",
|
|
|
+ content: {
|
|
|
+ value: this.timeSelectVal,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ searchParam.push(paramTime);
|
|
|
+ }
|
|
|
let params = new FormData();
|
|
|
params = {
|
|
|
columnId: 57,
|
|
|
states: 3,
|
|
|
pageSize: this.currentPageSize,
|
|
|
page: val - 1,
|
|
|
+ search: JSON.stringify(searchParam),
|
|
|
};
|
|
|
|
|
|
- this.$Post(this.urlsCollection.selectContentList, params).then(
|
|
|
- (res) => {
|
|
|
- if (res.code === 200 && res.content.data.length > 0) {
|
|
|
- this.paginationData.currentPage = val;
|
|
|
- this.paginationData.total = res.content.count
|
|
|
- this.tableData = res.content.data.map((v) => {
|
|
|
- return {
|
|
|
- id: v.id || "--",
|
|
|
- createYear: v.c_years || "--",
|
|
|
- auditTown: "--",
|
|
|
- type: "--",
|
|
|
- keyPoint: v.c_zdsjsx || "--",
|
|
|
- problemType: v.c_wtfl || "--",
|
|
|
- problemNature: v.c_wtdx || "--",
|
|
|
- };
|
|
|
- });
|
|
|
- }
|
|
|
+ this.$Post(this.urlsCollection.selectContentList, params).then((res) => {
|
|
|
+ if (res.code === 200 && res.content.data.length > 0) {
|
|
|
+ this.paginationData.currentPage = val;
|
|
|
+ this.paginationData.total = res.content.count;
|
|
|
+ this.tableData = res.content.data.map((v) => {
|
|
|
+ return {
|
|
|
+ id: v.id || "--",
|
|
|
+ createYear: v.c_years || "--",
|
|
|
+ auditTown:
|
|
|
+ this.classDictMap["浦东新区行政区划"].get(v.bsjz) || "--",
|
|
|
+ type: this.classDictMap["审计类别"].get(v.sj_select) || "--",
|
|
|
+ keyPoint: v.c_zdsjsx || "--",
|
|
|
+ problemType: v.c_wtfl || "--",
|
|
|
+ problemNature: v.c_wtdx || "--",
|
|
|
+ };
|
|
|
+ });
|
|
|
}
|
|
|
- );
|
|
|
+ });
|
|
|
},
|
|
|
// 切换条数
|
|
|
handleSizeChange(val) {
|
|
|
@@ -296,11 +326,11 @@ export default {
|
|
|
top: 15px;
|
|
|
}
|
|
|
.reset-btn {
|
|
|
- right: 110px;
|
|
|
+ right: 30px;
|
|
|
background: rgba(129, 140, 164, 1);
|
|
|
}
|
|
|
.query-btn {
|
|
|
- right: 30px;
|
|
|
+ right: 110px;
|
|
|
background-image: linear-gradient(
|
|
|
to top,
|
|
|
rgba(79, 172, 254, 1),
|
Bella