法律法规和频发问题数据

src/views/FrequencyView.vue

@@ -5,7 +5,7 @@
         <div class="header-title">频发问题</div>
         <div class="header-select">
           <div>
-            <div class="text">类型 :</div>
+            <div class="text">类别 :</div>
             <NewSelect
               class="select-input"
               v-model="typeSelectVal"
@@ -36,7 +36,7 @@
         <div class="query-btn" @click="queryEvent">查询</div>
       </div>
       <div class="center">
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" max-height="600">
           <el-table-column type="index" width="70"> </el-table-column>
           <el-table-column
             prop="createYear"
@@ -82,69 +82,78 @@ export default {
   components: { NewSelect, Pagination },
   data() {
     return {
-      typeSelectVal: "土地资源",
+      typeSelectVal: "1土地资源审计",
       typeOptions: [
         {
-          value: "土地资源",
-          label: "土地资源",
+          value: "1土地资源审计",
+          label: "1土地资源审计",
         },
-      ],
-      streetSelectVal: "全部",
-      streetOptions: [
-        // {
-        //   value: "全部",
-        //   label: "全部街道",
-        // },
-      ],
-      timeSelectVal: "2018",
-      timeOptions: [
-        {
-          value: "2018",
-          label: "2018",
-        },
-      ],
-      tableData: [
         {
-          createYear: "2021",
-          auditTown: "周浦",
-          type: "1土地资源审计",
-          keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
-          problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
-          problemNature: "环保督察问题整改落实不力",
+          value: "2水资源审计",
+          label: "2水资源审计",
         },
         {
-          createYear: "2021",
-          auditTown: "周浦",
-          type: "1土地资源审计",
-          keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
-          problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
-          problemNature: "环保督察问题整改落实不力",
+          value: "3林地资源审计",
+          label: "3林地资源审计",
         },
         {
-          createYear: "2021",
-          auditTown: "周浦",
-          type: "1土地资源审计",
-          keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
-          problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
-          problemNature: "环保督察问题整改落实不力",
+          value: "4生态环境保护政策执行情况审计",
+          label: "4生态环境保护政策执行情况审计",
         },
         {
-          createYear: "2021",
-          auditTown: "周浦",
-          type: "1土地资源审计",
-          keyPoint: "1-4建设用地减量化实施及腾出土地养护情况",
-          problemType: "贯彻执行国家和本市生态文明建设政策规定和决策部署方面",
-          problemNature: "环保督察问题整改落实不力",
+          value: "5相关镇特色资源审计",
+          label: "5相关镇特色资源审计",
         },
       ],
+      streetSelectVal: "全部",
+      streetOptions: [],
+      timeSelectVal: 2019,
+      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: 10,
+      currentPage: 1,
       paginationData: {
         pageSize: 0,
         pagerCount: 5,
         currentPage: 1,
-        pageSizes: [5, 10, 20, 50],
-        total: 200,
+        pageSizes: [5, 10, 20, 30],
+        total: 50,
         currentChange: (val) => {
-          this.handleCurrentChange(val);
+          this.getTableData(val);
         },
         handleSizeChange: (val) => {
           this.handleSizeChange(val);
@@ -154,6 +163,7 @@ export default {
   },
   created() {
     this.streetOptions = [];
+    this.timeOptions = [];
     // 街道下拉框
     for (let key in street) {
       this.streetOptions.push({
@@ -161,6 +171,14 @@ export default {
         label: street[key],
       });
     }
+    // 时间选择
+    for (let i = 1980; i < 2023; i++) {
+      this.timeOptions.unshift({
+        value: i,
+        label: i,
+      });
+    }
+    this.getTableData(1);
   },
   methods: {
     queryEvent() {
@@ -170,13 +188,41 @@ export default {
       console.log("重置");
     },
     // 切换页
-    handleCurrentChange(val) {
+    getTableData(val) {
+      this.tableData = [];
       console.log(`当前页: ${val}`);
-      this.paginationData.currentPage = val;
+      let params = new FormData();
+      params = {
+        columnId: 57,
+        states: 1,
+        pageSize: this.currentPageSize,
+        page: val,
+      };
+
+      this.$Post(this.urlsCollection.selectContentListInfo, params).then(
+        (res) => {
+          if (res.code === 200 && res.content.length > 0) {
+            this.paginationData.currentPage = val;
+            this.tableData = res.content.map((v) => {
+              return {
+                id:v.id||"--",
+                createYear: v.c_years || "--",
+                auditTown: "--",
+                type: "--",
+                keyPoint: v.c_zdsjsx || "--",
+                problemType: v.c_wtfl || "--",
+                problemNature: v.c_wtdx || "--",
+              };
+            });
+          }
+        }
+      );
     },
     // 切换条数
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
+      this.currentPageSize = val;
+      this.getTableData(this.currentPage);
     },
   },
 };
@@ -262,6 +308,7 @@ export default {
     .center {
       height: 77%;
       width: 100%;
+      overflow: auto;
       /deep/.el-table {
         background: rgba(0, 39, 77, 0.6);
         // font-size: 0.95rem;

src/views/LawView.vue

@@ -48,12 +48,17 @@
           style="width: 100%"
           @current-change="handleClick"
         >
-          <el-table-column type="index" width="70" label="序号">
+          <el-table-column type="index" width="150" label="序号" align="center">
           </el-table-column>
           <el-table-column prop="type" label="类别" align="center">
           </el-table-column>
-          <el-table-column prop="title" label="文件名称" align="center" width="150">
-          </el-table-column> 
+          <el-table-column
+            prop="title"
+            label="文件名称"
+            align="center"
+            width="250"
+          >
+          </el-table-column>
           <el-table-column prop="class" label="等级" align="center">
           </el-table-column>
           <el-table-column prop="date" label="日期" align="center">
@@ -86,7 +91,7 @@ export default {
       sortOptions: [],
       typeSelectVal: "",
       typeOptions: [],
-      timeSelectVal: "",
+      timeSelectVal: 2019,
       timeOptions: [],
       tableData: [],
       // tableData: [
@@ -133,12 +138,14 @@ export default {
       //     date: "2018.12.12",
       //   },
       // ],
+      currentPageSize: 10,
+      currentPage: 1,
       paginationData: {
-        pageSize: 0,
+        pageSize: 10,
         pagerCount: 5,
         currentPage: 1,
-        pageSizes: [5, 10, 20, 50],
-        total: 200,
+        pageSizes: [5, 10, 20, 30],
+        total: 30,
         currentChange: (val) => {
           this.getTableData(val);
         },
@@ -149,6 +156,13 @@ export default {
     };
   },
   created() {
+    // 时间选择
+    for (let i = 1980; i < 2023; i++) {
+      this.timeOptions.unshift({
+        value: i,
+        label: i,
+      });
+    }
     this.getTableData(1);
   },
   methods: {
@@ -161,6 +175,7 @@ export default {
     // 切换页
     getTableData(val) {
       console.log(`当前页: ${val}`);
+      this.tableData = [];
 
       let params = new FormData();
       // 新法律法规
@@ -170,7 +185,8 @@ export default {
       params = {
         columnId: 58,
         states: 3,
-        pageSize: 10,
+        pageSize: this.currentPageSize,
+        page: val,
       };
 
       this.$Post(this.urlsCollection.selectContentListInfo, params).then(
@@ -178,7 +194,16 @@ export default {
           if (res.code === 200 && res.content.length > 0) {
             console.log(res.content, "查询到的法律法规相关的数据");
             this.paginationData.currentPage = val;
-            this.tableData = res.content.map((v) => {});
+            this.tableData = res.content.map((v) => {
+              return {
+                id: v.id || "",
+                title: v.c_name || "--",
+                type: v.type || "--",
+                class: v.class || "--",
+                date: v.c_date || "--",
+                address: v.c_pdf || "",
+              };
+            });
           }
         },
         (error) => {
@@ -189,9 +214,11 @@ export default {
     // 切换条数
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
+      this.currentPageSize = val;
+      this.getTableData(this.currentPage);
     },
     handleClick(row) {
-      this.$refs.lawRef.title = row.folder;
+      this.$refs.lawRef.title = row.title;
       this.$refs.lawRef.time = row.date;
       this.$refs.lawRef.lawDetailsPopupShow = true;
     },
@@ -213,7 +240,7 @@ export default {
       width: 100%;
       height: 100%;
       position: absolute;
-      z-index: 9;
+      z-index: 9999;
     }
     .header {
       height: 120px;