style:接收报文查询

@@ -32,6 +32,7 @@ export const constantRoutes = [
  * the routes that need to be dynamically loaded based on user roles
  */
 export const asyncRoutes = [
+  // 系统首页
   {
     path: '/',
     component: Layout,

+<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="xzqmc">
+            <el-input v-model="ruleForm.xzqmc" 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="ywmc">
+            <el-input v-model="ruleForm.ywmc" placeholder="业务名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="操作时间" prop="czsj">
+            <el-date-picker v-model="ruleForm.czsj" 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: '',
+        ywmc: '',
+        czsj: ''
+      },
+      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' }
+        ],
+        czsj: [
+          { 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

 <template>
   <!-- 接收报文查询 -->
   <div class="reportLog from-clues">
+    <!-- 头部搜索 -->
     <div class="from-clues-header">
       <el-form ref="ruleForm" :model="form" label-width="100px">
         <el-row class="marginbtm5">
@@ -55,16 +56,18 @@
               </el-select>
             </el-form-item>
           </el-col>
-
+          <!-- 按钮操作 -->
           <el-col :span="6" class="btnColRight">
             <el-form-item>
               <el-button @click="resetForm('ruleForm')">重置</el-button>
-              <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+              <el-button type="primary" @click="handleSubmit">查询</el-button>
+              <el-button type="primary">入库</el-button>
             </el-form-item>
           </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"
@@ -72,19 +75,20 @@
       </lb-table>
     </div>
     <!-- 编辑 -->
-    <!-- <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" /> -->
+    <edit-dialog v-model="isEdit" />
   </div>
 </template>
 
 <script>
-// 上报日志
+// 接收报文查询
+// 引入表格头部数据
 import data from "./data"
-import journal from '@/api/journal.js'
+// 引入table混入方法
 import tableMixin from '@/mixins/tableMixin.js'
-import dataReporting from '@/api/dataReporting'
-import editDialog from '@/components/dataDetails/edit-dialog.vue'
+// 引入弹框组件
+import editDialog from './components/detailDialog.vue'
 export default {
-  name: "reportLog",
+  name: "jsbwcx",
   mixins: [tableMixin],
   components: {
     editDialog,
@@ -111,19 +115,19 @@ export default {
           }
         }
       },
-      bsmSjsb: '',
-      diaData: {},
+      isEdit: false,
+      // 表格数据
       form: {
-        pcode: '',
-        startTime: '',
-        endTime: '',
-        bdcdyh: '',
-        ywmc: '',
-        // 检查结果
-        jcjg: '',
-        rkjg: '',
+        pcode: '', // 行政区
+        startTime: '',// 开始日期
+        endTime: '',// 结束日期
+        bdcdyh: '',// 不动产单元号
+        ywmc: '',// 业务名称
+        jcjg: '', // 检查结果
+        rkjg: '', //入库结果
         currentPage: 1
       },
+      // 校验规则
       rules: {
         pcode: [
           { required: true, message: '请选择行政区', trigger: 'change' }
@@ -147,7 +151,9 @@ export default {
           { required: true, message: '入库结果', trigger: 'change' }
         ],
       },
+      // 表格数据
       tableData: {
+        // 表格头部
         columns: [{
           label: '序号',
           type: 'index',
@@ -163,27 +169,32 @@ export default {
                   <el-button
                     type="text"
                     size="mini"
-                    icon="el-icon-edit"
-                    style="margin-left: 10px"
                     onClick={() => { this.handleEdit(scope.row) }}
                   >
-                    编辑
+                    详情
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                  >
+                    结果
                   </el-button>
                 </div>
               )
             }
           }
         ]),
+        // 表格列表数据
         data: [{}]
       },
+      // 分页
       pageData: {
         total: 0,
         pageSize: 15,
         current: 1,
       },
       // 业务名称
-      statusOptions: [
-      ],
+      statusOptions: [],
       // 行政区
       xzqOptions: [
         {
@@ -206,19 +217,23 @@ export default {
     }
   },
   methods: {
+    // 重置
     resetForm () {
       this.$refs.ruleForm.resetFields();
     },
     async featchData () {
     },
+    // 详情
     handleEdit (row) {
-
-    },
+      this.isEdit = true
+    }
   }
 }
 </script>
 <style scoped lang="scss">
+// 引入表单整体样式
 @import "~@/styles/public.scss";
+// 引入当前css
 @import "./index.scss";
 </style>