style:接收报文查询

@@ -46,7 +46,20 @@ export const asyncRoutes = [
       }
       }
     ]
     ]
   },
   },
-  // 上报日志
+  // 接收报文查询
+  {
+    path: '/jsbwcx',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/jsbwcx/index'),
+        name: 'jsbwcx',
+        meta: { title: '接收报文查询', icon: 'zsgl' }
+      }
+    ]
+  },
+  // 上报报文查询
   {
   {
     path: '/reportLog',
     path: '/reportLog',
     component: Layout,
     component: Layout,

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        prop: "areacode",
+        label: "行政区代码",
+      },
+      {
+        prop: "areaname",
+        label: "行政区名称",
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+      },
+      {
+        prop: "ywmc",
+        label: "业务名称",
+      },
+      {
+        prop: "czsj",
+        label: "操作时间",
+      },
+      {
+        prop: "czsj",
+        label: "操作时间",
+      },
+      {
+        prop: 'jcjg',
+        label: '检查结果',
+        render: (h, scope) => {
+          return (
+            <div>
+              {
+                scope.row.jcjg
+                  ? <el-tag type='success'>通过</el-tag>
+                  : <el-tag type='primary'>通过1</el-tag>
+              }
+            </div>
+          )
+        }
+      },
+      {
+        prop: 'rkjg',
+        label: '入库结果',
+        render: (h, scope) => {
+          return (
+            <div>
+              {
+                scope.row.jcjg
+                  ? <el-tag type='success'>入库</el-tag>
+                  : <el-tag type='primary'>入库1</el-tag>
+              }
+            </div>
+          )
+        }
+      },
+    ]
+  }
+}
+export default new data()

+<template>
+  <!-- 接收报文查询 -->
+  <div class="reportLog from-clues">
+    <div class="from-clues-header">
+      <el-form ref="ruleForm" :model="form" label-width="100px">
+        <el-row class="marginbtm5">
+          <el-col :span="6">
+            <el-form-item label="行政区" prop="pcode">
+              <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
+                <el-option v-for="item in xzqOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="开始日期" prop="startTime">
+              <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
+                clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="结束日期" prop="endTime">
+              <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
+                clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="不动产单元号" prop="bdcdyh">
+              <el-input v-model="form.bdcdyh" class="width100" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="业务名称" prop="ywmc">
+              <el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称">
+                <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="检查结果" prop="jcjg">
+              <el-select v-model="form.jcjg" class="width100" clearable placeholder="检查结果">
+                <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="入库结果" prop="rkjg">
+              <el-select v-model="form.rkjg" class="width100" clearable placeholder="入库结果">
+                <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </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-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"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+    </div>
+    <!-- 编辑 -->
+    <!-- <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" /> -->
+  </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'
+export default {
+  name: "reportLog",
+  mixins: [tableMixin],
+  components: {
+    editDialog,
+  },
+  data () {
+    return {
+      // 开始结束日期限制
+      pickerOptionsStart: {
+        disabledDate: (time) => {
+          if (this.form.endTime) {
+            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()
+            );
+          }
+        }
+      },
+      bsmSjsb: '',
+      diaData: {},
+      form: {
+        pcode: '',
+        startTime: '',
+        endTime: '',
+        bdcdyh: '',
+        ywmc: '',
+        // 检查结果
+        jcjg: '',
+        rkjg: '',
+        currentPage: 1
+      },
+      rules: {
+        pcode: [
+          { required: true, message: '请选择行政区', trigger: 'change' }
+        ],
+        startTime: [
+          { required: true, message: '请选择开始日期', trigger: 'change' }
+        ],
+        endTime: [
+          { 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' }
+        ],
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: '80',
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-edit"
+                    style="margin-left: 10px"
+                    onClick={() => { this.handleEdit(scope.row) }}
+                  >
+                    编辑
+                  </el-button>
+                </div>
+              )
+            }
+          }
+        ]),
+        data: [{}]
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      // 业务名称
+      statusOptions: [
+      ],
+      // 行政区
+      xzqOptions: [
+        {
+          value: '632321',
+          label: '同仁县'
+        },
+        {
+          value: '632322',
+          label: '尖扎县'
+        },
+        {
+          value: '632323',
+          label: '泽库县'
+        },
+        {
+          value: '632324',
+          label: '河南县'
+        }
+      ]
+    }
+  },
+  methods: {
+    resetForm () {
+      this.$refs.ruleForm.resetFields();
+    },
+    async featchData () {
+    },
+    handleEdit (row) {
+
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+@import "./index.scss";
+</style>
+