feat:上报报文查询

+<template>
+  <!-- 编辑 -->
+  <dialogBox title="详情" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="行政区代码" prop="xzqdm">
+            <el-input v-model="ruleForm.xzqdm" placeholder="行政区代码"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="不动产单元号" prop="bdcdyh">
+            <el-input v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="行政区名称" prop="xzqmc">
+            <el-input v-model="ruleForm.xzqmc" placeholder="行政区名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-form-item label="业务编码" prop="ywbm">
+            <el-input v-model="ruleForm.ywbm" placeholder="业务编码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="上报时间" prop="sbsj">
+            <el-date-picker v-model="ruleForm.sbsj" class="width100" type="datetime" placeholder="操作时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </dialogBox>
+</template>
+
+<script>
+export default {
+  props: {
+    value: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+      myValue: this.value,
+      ruleForm: {
+        xzqdm: '',
+        xzqmc: '',
+        bdcdyh: '',
+        ywbm: '',
+        sbsj: ''
+      },
+      rules: {
+        xzqdm: [
+          { required: true, message: '行政区代码', trigger: 'blur' }
+        ],
+        xzqmc: [
+          { required: true, message: '行政区名称', trigger: 'blur' }
+        ],
+        bdcdyh: [
+          { required: true, message: '不动产单元号', trigger: 'blur' }
+        ],
+        ywmc: [
+          { required: true, message: '业务名称', trigger: 'blur' }
+        ],
+        sbsj: [
+          { required: true, message: '上报时间', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  watch: {
+    value (val) {
+      this.myValue = val
+    }
+  },
+  methods: {
+    closeDialog () {
+      this.$emit('input', false)
+    },
+    handleSubmit () {
+      this.$emit('input', false)
+    }
+  }
+}
+</script>
\ No newline at end of file

@@ -6,6 +6,9 @@ class data extends filter {
   columns () {
     return [
       {
+        type: 'selection'
+      },
+      {
         prop: "xzqdm",
         label: "行政区代码",
       },

 <template>
-  <div class="reportLog from-clues">
+  <!-- 上报报文查询 -->
+  <div class="from-clues">
+    <!-- 头部搜索 -->
     <div class="from-clues-header">
       <el-form ref="ruleForm" :model="form" label-width="100px">
         <el-row class="marginbtm5">
@@ -38,7 +40,6 @@
               </el-select>
             </el-form-item>
           </el-col>
-
           <el-col :span="6">
             <el-form-item label="行政区" prop="pcode">
               <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
@@ -47,39 +48,45 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <!-- 操作按钮 -->
           <el-col :span="12" class="btnColRight">
             <el-button @click="resetForm('ruleForm')">重置</el-button>
-            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+            <el-button type="primary" @click="featchData">查询结果</el-button>
+            <el-button type="primary" @click="handleEscalation">上报</el-button>
           </el-col>
         </el-row>
       </el-form>
     </div>
+    <!-- 列表 -->
     <div class="from-clues-content">
-      <lb-table ref="table" :heightNum="300" :page-size="pageData.size" :current-page.sync="pageData.current"
-        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-        :column="tableData.columns" :data="tableData.data">
+      <lb-table ref="table" :heightNum="300" @selection-change="handleSelectionChange" :page-size="pageData.size"
+        :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
-    <!-- 编辑 -->
-    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+    <!-- 引入详情组件 -->
+    <detailDialog v-model="isShow" />
   </div>
 </template>
 
 <script>
-// 上报日志
+// 上报报文查询
+// 引入表头数据
 import data from "./data"
-import journal from '@/api/journal.js'
+// 引入表格混入方法
 import tableMixin from '@/mixins/tableMixin.js'
-import dataReporting from '@/api/dataReporting'
-import editDialog from '@/components/dataDetails/edit-dialog.vue'
+// 引入详情弹框
+import detailDialog from './components/detailDialog'
 export default {
-  name: "reportLog",
+  name: "sbbwcx",
   mixins: [tableMixin],
+  // 注册组件
   components: {
-    editDialog,
+    detailDialog
   },
   data () {
     return {
+      isShow: false,
       // 开始结束日期限制
       pickerOptionsStart: {
         disabledDate: (time) => {
@@ -100,8 +107,7 @@ export default {
           }
         }
       },
-      bsmSjsb: '',
-      diaData: [],
+      // 头部搜索
       form: {
         bdcdyh: '',
         startTime: '',
@@ -111,6 +117,7 @@ export default {
         pcode: '',
         currentPage: 1
       },
+      // 表单验证
       rules: {
         bdcdyh: [
           { required: true, message: '不动产单元号', trigger: 'change' }
@@ -131,13 +138,10 @@ export default {
           { required: true, message: '响应结果', trigger: 'change' }
         ],
       },
+      // table数据
       tableData: {
-        columns: [{
-          label: '序号',
-          type: 'index',
-          width: '50',
-          index: this.indexMethod,
-        }].concat(data.columns()).concat([
+        // 表头数据
+        columns: data.columns().concat([
           {
             label: "操作",
             width: '80',
@@ -147,19 +151,19 @@ export default {
                   <el-button
                     type="text"
                     size="mini"
-                    icon="el-icon-edit"
-                    style="margin-left: 10px"
-                    onClick={() => { this.handleEdit(scope.row) }}
+                    onClick={() => { this.handleDetail(scope.row) }}
                   >
-                    编辑
+                    详情
                   </el-button>
                 </div>
               )
             }
           }
         ]),
-        data: []
+        // 列表数据
+        data: [{}]
       },
+      // 分页
       pageData: {
         total: 0,
         pageSize: 15,
@@ -187,35 +191,28 @@ export default {
     }
   },
   methods: {
+    // 重置表单
     resetForm () {
       this.$refs.ruleForm.resetFields();
     },
+    // 初始化数据
     async featchData () {
-      try {
-        this.form = Object.assign(this.form, this.formData)
-        let { result: { list, total, pages: pageSize, pageNum: current }
-        } = await journal.querySjsbTask(this.form)
-        if (this.$store.state.dictionaries.addDic) {
-          this.tableData.data = list
-          this.pageData = {
-            pageSize,
-            current,
-            total
-          }
-        } else {
-          this.featchData()
-        }
-      } catch (error) {
-        this.message = error
-      }
     },
-    handleEdit (row) {
+    // 多选
+    handleSelectionChange (val) {
 
+    },
+    // 上报
+    handleEscalation () { },
+    // 详情
+    handleDetail (row) {
+      this.isShow = true
     }
   }
 }
 </script>
 <style scoped lang="scss">
+// 引入页面公共样式
 @import "~@/styles/public.scss";
 @import "./index.scss";
 </style>