feat:上报报文查询

@@ -61,13 +61,13 @@ export const asyncRoutes = [
   },
   // 上报报文查询
   {
-    path: '/reportLog',
+    path: '/sbbwcx',
     component: Layout,
     children: [
       {
         path: 'index',
-        component: () => import('@/views/reportLog/index'),
-        name: 'reportLog',
+        component: () => import('@/views/sbbwcx/index'),
+        name: 'sbbwcx',
         meta: { title: '上报报文查询', icon: 'zsgl' }
       }
     ]

@@ -6,8 +6,8 @@
           <el-col :span="5">
             <el-form-item label="行政区">
               <el-select v-model="form.areacode" filterable placeholder="请选择行政区">
-                <!-- <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
-                </el-option> -->
+                <el-option v-for="item in []" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                </el-option>
               </el-select>
             </el-form-item>
           </el-col>

-import filter from '@/utils/filter.js'
-class data extends filter {
-  constructor() {
-    super()
-  }
-  columns () {
-    return [
-      {
-        label: "行政区",
-        width: 120,
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{scope.row.regorgid || '暂无'}</span>
-            </div>
-          )
-        },
-      },
-      {
-        label: "创建时间",
-        width: 135,
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{scope.row.cjsj}</span>
-            </div>
-          )
-        },
-      },
-      {
-        label: "业务号",
-        width: 150,
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{scope.row.ywh}</span>
-            </div>
-          )
-        },
-      },
-      {
-        label: "接入业务编码",
-        width: 100,
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{scope.row.rectype}</span>
-            </div>
-          )
-        }
-      },
-      {
-        label: "接入业务名称",
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{this.busNameStatus(scope.row.rectype)}</span>
-            </div>
-          )
-        }
-      },
-      {
-        label: "上报时间",
-        width: 135,
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{scope.row.sbsj}</span>
-            </div>
-          )
-        }
-      },
-      {
-        label: "上报状态",
-        width: 120,
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{this.reportingStatus(scope.row.status)}</span>
-            </div>
-          )
-        }
-      },
-      {
-        label: "响应时间",
-        width: 135,
-        render: (h, scope) => {
-          return (
-            <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
-              <span>{scope.row.xysj}</span>
-            </div>
-          )
-        }
-      }
-    ]
-  }
-}
-export default new data()

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        prop: "xzqdm",
+        label: "行政区代码",
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+      },
+      {
+        prop: "xzqmc",
+        label: "行政区名称",
+      },
+      {
+        prop: "ywbm",
+        label: "业务编码",
+      },
+      {
+        prop: "sbsj",
+        label: "上报时间",
+      },
+      {
+        prop: 'sbjg',
+        label: '上报结果',
+        render: (h, scope) => {
+          return (
+            <div>
+              {
+                scope.row.sbjg
+                  ? <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="form" :model="form" label-width="100px">
+      <el-form ref="ruleForm" :model="form" label-width="100px">
         <el-row class="marginbtm5">
           <el-col :span="6">
-            <el-form-item label="不动产单元号">
+            <el-form-item label="不动产单元号" prop="bdcdyh">
               <el-input v-model="form.bdcdyh" class="width100" placeholder="不动产单元号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="开始日期">
+            <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="结束日期">
+            <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="业务号">
-              <el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input>
+            <el-form-item label="业务名称" prop="ywmc">
+              <el-select v-model="form.ywmc" 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-row>
         <el-row>
           <el-col :span="6">
-            <el-form-item label="响应结果">
+            <el-form-item label="响应结果" prop="status">
               <el-select v-model="form.status" class="width100" clearable placeholder="响应结果">
-                <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value">
+                <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="行政区">
+            <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>
@@ -45,6 +48,7 @@
             </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-col>
         </el-row>
@@ -102,11 +106,31 @@ export default {
         bdcdyh: '',
         startTime: '',
         endTime: '',
-        ywh: '',
+        ywmc: '',
         status: '',
         pcode: '',
         currentPage: 1
       },
+      rules: {
+        bdcdyh: [
+          { required: true, message: '不动产单元号', trigger: 'change' }
+        ],
+        startTime: [
+          { required: true, message: '开始日期', trigger: 'change' }
+        ],
+        endTime: [
+          { required: true, message: '结束日期', trigger: 'change' }
+        ],
+        ywmc: [
+          { required: true, message: '业务名称', trigger: 'change' }
+        ],
+        status: [
+          { required: true, message: '响应结果', trigger: 'change' }
+        ],
+        pcode: [
+          { required: true, message: '响应结果', trigger: 'change' }
+        ],
+      },
       tableData: {
         columns: [{
           label: '序号',
@@ -116,8 +140,7 @@ export default {
         }].concat(data.columns()).concat([
           {
             label: "操作",
-            headerAlign: 'center',
-            align: 'right',
+            width: '80',
             render: (h, scope) => {
               return (
                 <div>
@@ -126,7 +149,7 @@ export default {
                     size="mini"
                     icon="el-icon-edit"
                     style="margin-left: 10px"
-                    onClick={() => { this.handleEdit(scope.$index, scope.row) }}
+                    onClick={() => { this.handleEdit(scope.row) }}
                   >
                     编辑
                   </el-button>
@@ -142,9 +165,6 @@ export default {
         pageSize: 15,
         current: 1,
       },
-      // 上报状态
-      statusOptions: [
-      ],
       // 行政区
       xzqOptions: [
         {
@@ -167,6 +187,9 @@ export default {
     }
   },
   methods: {
+    resetForm () {
+      this.$refs.ruleForm.resetFields();
+    },
     async featchData () {
       try {
         this.form = Object.assign(this.form, this.formData)
@@ -186,23 +209,8 @@ export default {
         this.message = error
       }
     },
-    async handleEdit (index, row) {
-      try {
-        let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.msgid)
-        if (res != null) {
-          this.diaData = res
-          this.bsmSjsb = row.msgid
-          this.$store.dispatch('business/setReportLogEdit')
-          this.$refs.editLog.isShow()
-        } else {
-          this.$message(message)
-        }
-      } catch (error) {
-        this.$alert(error, '提示', {
-          confirmButtonText: '确定',
-          type: 'error'
-        })
-      }
+    handleEdit (row) {
+
     }
   }
 }