联调区县接入内容

 import request from '@/utils/request'
 import SERVER from './config'
 
+// 区县上报分页
+export function getAreaReportPage (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/sjsb/DataReport/getAreaReportPage',
+    method: 'post',
+    data
+  })
+}
+
 // 数据上报分页
 export function getDataReportPage (data) {
   return request({
@@ -13,7 +22,7 @@ export function getDataReportPage (data) {
 // 数据上报分页
 export function getDetail (params) {
   return request({
-    url: SERVER.SERVERAPI + '/sjsb/DataReport/getDetail',
+    url: SERVER.SERVERAPI + '/rest/sjsb/DataReport/getDetail',
     method: 'get',
     params
   })

@@ -3,31 +3,46 @@ class data extends filter {
   constructor() {
     super()
   }
-  columns () {
+  columns() {
     return [
       {
         prop: "areacode",
         label: "行政区代码",
+        width: 100,
       },
       {
-        prop: "areaname",
+        prop: "areaName",
         label: "行政区名称",
+        width: 100,
       },
       {
-        prop: "bdcdyh",
+        prop: "bizMsgid",
+        label: "业务报文ID",
+      },
+      {
+        prop: "createdate",
+        label: "创建时间",
+      },
+      {
+        prop: "recflowid",
+        label: "业务流水号",
+      },
+      {
+        prop: "estatenum",
         label: "不动产单元号",
+        width: 240,
       },
       {
-        prop: "ywmc",
-        label: "业务名称",
+        prop: "rectype",
+        label: "业务编码",
       },
       {
-        prop: "czsj",
-        label: "操作时间",
+        prop: "rectypeName",
+        label: "业务名称",
       },
       {
-        prop: "czsj",
-        label: "操作时间",
+        prop: "createdate",
+        label: "接收时间",
       },
       {
         prop: 'jcjg',

@@ -80,102 +80,93 @@
 <script>
 // 接收报文查询
 // 引入表格头部数据
-import data from "./data"
+import data from "./data";
 // 引入table混入方法
-import tableMixin from '@/mixins/tableMixin.js'
+import tableMixin from "@/mixins/tableMixin.js";
+import { getDataReportPage } from "@/api/sbbwcx.js";
 export default {
   name: "jsbwcx",
   mixins: [tableMixin],
-  data () {
+  data() {
     return {
       // 开始结束日期限制
       pickerOptionsStart: {
         disabledDate: (time) => {
           if (this.form.endTime) {
-            return (
-              time.getTime() >= new Date(this.form.endTime).getTime()
-            );
+            return time.getTime() >= new Date(this.form.endTime).getTime();
           }
-        }
+        },
       },
       // 结束日期限制
       pickerOptionsEnd: {
         disabledDate: (time) => {
           if (this.form.startTime) {
-            return (
-              time.getTime() <= new Date(this.form.startTime).getTime()
-            );
+            return time.getTime() <= new Date(this.form.startTime).getTime();
           }
-        }
+        },
       },
       // 表格数据
       form: {
-        pcode: '', // 行政区
-        startTime: '',// 开始日期
-        endTime: '',// 结束日期
-        bdcdyh: '',// 不动产单元号
-        ywmc: '',// 业务名称
-        jcjg: '', // 检查结果
-        rkjg: '', //入库结果
-        currentPage: 1
+        pcode: "", // 行政区
+        startTime: "", // 开始日期
+        endTime: "", // 结束日期
+        bdcdyh: "", // 不动产单元号
+        ywmc: "", // 业务名称
+        jcjg: "", // 检查结果
+        rkjg: "", //入库结果
+        currentPage: 1,
       },
       // 校验规则
       rules: {
-        pcode: [
-          { required: true, message: '请选择行政区', trigger: 'change' }
-        ],
+        pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
         startTime: [
-          { required: true, message: '请选择开始日期', trigger: 'change' }
+          { required: true, message: "请选择开始日期", trigger: "change" },
         ],
         endTime: [
-          { required: true, message: '请选择结束日期', trigger: 'change' }
+          { required: true, message: "请选择结束日期", trigger: "change" },
         ],
         bdcdyh: [
-          { required: true, message: '不动产单元号', trigger: 'change' }
-        ],
-        ywmc: [
-          { required: true, message: '业务名称', trigger: 'change' }
-        ],
-        jcjg: [
-          { required: true, message: '检查结果', trigger: 'change' }
-        ],
-        rkjg: [
-          { required: true, message: '入库结果', trigger: 'change' }
+          { required: true, message: "不动产单元号", trigger: "change" },
         ],
+        ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
+        jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
+        rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
       },
       // 表格数据
       tableData: {
         // 表格头部
-        columns: [{
-          label: '序号',
-          type: 'index',
-          width: '50',
-          index: this.indexMethod,
-        }].concat(data.columns()).concat([
+        columns: [
           {
-            label: "操作",
-            width: '160',
-            render: (h, scope) => {
-              return (
-                <div>
-                  <el-button
-                    type="primary"
-                    onClick={() => { this.handleEdit(scope.row) }}
-                  >
-                    详情
-                  </el-button>
-                  <el-button
-                    type="primary"
-                  >
-                    结果
-                  </el-button>
-                </div>
-              )
-            }
-          }
-        ]),
+            label: "序号",
+            type: "index",
+            width: "50",
+            index: this.indexMethod,
+          },
+        ]
+          .concat(data.columns())
+          .concat([
+            {
+              label: "操作",
+              width: "160",
+              render: (h, scope) => {
+                return (
+                  <div>
+                    <el-button
+                      type="primary"
+                      onClick={() => {
+                        this.handleEdit(scope.row);
+                      }}
+                    >
+                      详情
+                    </el-button>
+                    <el-button type="primary">结果</el-button>
+                  </div>
+                );
+              },
+            },
+          ]),
         // 表格列表数据
-        data: [{ jcjg: 1 }]
+        data: [{ jcjg: 1 }],
       },
       // 分页
       pageData: {
@@ -188,37 +179,54 @@ export default {
       // 行政区
       xzqOptions: [
         {
-          value: '632321',
-          label: '同仁县'
+          value: "632321",
+          label: "同仁县",
         },
         {
-          value: '632322',
-          label: '尖扎县'
+          value: "632322",
+          label: "尖扎县",
         },
         {
-          value: '632323',
-          label: '泽库县'
+          value: "632323",
+          label: "泽库县",
         },
         {
-          value: '632324',
-          label: '河南县'
-        }
-      ]
-    }
+          value: "632324",
+          label: "河南县",
+        },
+      ],
+    };
   },
   methods: {
+    // 初始化数据
+    queryClick() {
+      getDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
+        if (res.code === 200) {
+          let { total, records } = res.result;
+          this.tableData.total = total;
+          this.tableData.data = records ? records : [];
+        }
+      });
+    },
     // 重置
-    resetForm () {
+    resetForm() {
       this.$refs.ruleForm.resetFields();
     },
-    featchData () {
+    featchData() {
+      this.queryClick();
     },
     // 详情
-    handleEdit () {
-      this.$popupDialog('业务报文', 'components/JsonEditor/index', {}, '50%', '320px')
-    }
-  }
-}
+    handleEdit() {
+      this.$popupDialog(
+        "业务报文",
+        "components/JsonEditor/index",
+        {},
+        "50%",
+        "320px"
+      );
+    },
+  },
+};
 </script>
 <style scoped lang="scss">
 // 引入表单整体样式