Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
e3b8dd32 by 任超
Options

feat:上报报文查询

1 parent 5ba14272
Inline Side-by-side
Showing 6 changed files with 92 additions and 136 deletions
...@@ -61,13 +61,13 @@ export const asyncRoutes = [ ...@@ -61,13 +61,13 @@ export const asyncRoutes = [
61 }, 61 },
62 // 上报报文查询 62 // 上报报文查询
63 { 63 {
64 path: '/reportLog', 64 path: '/sbbwcx',
65 component: Layout, 65 component: Layout,
66 children: [ 66 children: [
67 { 67 {
68 path: 'index', 68 path: 'index',
69 component: () => import('@/views/reportLog/index'), 69 component: () => import('@/views/sbbwcx/index'),
70 name: 'reportLog', 70 name: 'sbbwcx',
71 meta: { title: '上报报文查询', icon: 'zsgl' } 71 meta: { title: '上报报文查询', icon: 'zsgl' }
72 } 72 }
73 ] 73 ]
......
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
6 <el-col :span="5"> 6 <el-col :span="5">
7 <el-form-item label="行政区"> 7 <el-form-item label="行政区">
8 <el-select v-model="form.areacode" filterable placeholder="请选择行政区"> 8 <el-select v-model="form.areacode" filterable placeholder="请选择行政区">
9 <!-- <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 9 <el-option v-for="item in []" :key="item.dcode" :label="item.dname" :value="item.dcode">
10 </el-option> --> 10 </el-option>
11 </el-select> 11 </el-select>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
......
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 label: "行政区",
10 width: 120,
11 render: (h, scope) => {
12 return (
13 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
14 <span>{scope.row.regorgid || '暂无'}</span>
15 </div>
16 )
17 },
18 },
19 {
20 label: "创建时间",
21 width: 135,
22 render: (h, scope) => {
23 return (
24 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
25 <span>{scope.row.cjsj}</span>
26 </div>
27 )
28 },
29 },
30 {
31 label: "业务号",
32 width: 150,
33 render: (h, scope) => {
34 return (
35 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
36 <span>{scope.row.ywh}</span>
37 </div>
38 )
39 },
40 },
41 {
42 label: "接入业务编码",
43 width: 100,
44 render: (h, scope) => {
45 return (
46 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
47 <span>{scope.row.rectype}</span>
48 </div>
49 )
50 }
51 },
52 {
53 label: "接入业务名称",
54 render: (h, scope) => {
55 return (
56 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
57 <span>{this.busNameStatus(scope.row.rectype)}</span>
58 </div>
59 )
60 }
61 },
62 {
63 label: "上报时间",
64 width: 135,
65 render: (h, scope) => {
66 return (
67 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
68 <span>{scope.row.sbsj}</span>
69 </div>
70 )
71 }
72 },
73 {
74 label: "上报状态",
75 width: 120,
76 render: (h, scope) => {
77 return (
78 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
79 <span>{this.reportingStatus(scope.row.status)}</span>
80 </div>
81 )
82 }
83 },
84 {
85 label: "响应时间",
86 width: 135,
87 render: (h, scope) => {
88 return (
89 <div class={{ 'warning': scope.row.status == 6, 'bad': (scope.row.status == 2 || scope.row.status == 3 || scope.row.status == 5) }}>
90 <span>{scope.row.xysj}</span>
91 </div>
92 )
93 }
94 }
95 ]
96 }
97 }
98 export default new data()
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "xzqdm",
10 label: "行政区代码",
11 },
12 {
13 prop: "bdcdyh",
14 label: "不动产单元号",
15 },
16 {
17 prop: "xzqmc",
18 label: "行政区名称",
19 },
20 {
21 prop: "ywbm",
22 label: "业务编码",
23 },
24 {
25 prop: "sbsj",
26 label: "上报时间",
27 },
28 {
29 prop: 'sbjg',
30 label: '上报结果',
31 render: (h, scope) => {
32 return (
33 <div>
34 {
35 scope.row.sbjg
36 ? <el-tag type='success'>通过</el-tag>
37 : <el-tag type='primary'>通过1</el-tag>
38 }
39 </div>
40 )
41 }
42 },
43 ]
44 }
45 }
46 export default new data()
1 <template> 1 <template>
2 <div class="reportLog from-clues"> 2 <div class="reportLog from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-row class="marginbtm5"> 5 <el-row class="marginbtm5">
6 <el-col :span="6"> 6 <el-col :span="6">
7 <el-form-item label="不动产单元号"> 7 <el-form-item label="不动产单元号" prop="bdcdyh">
8 <el-input v-model="form.bdcdyh" class="width100" placeholder="不动产单元号"></el-input> 8 <el-input v-model="form.bdcdyh" class="width100" placeholder="不动产单元号"></el-input>
9 </el-form-item> 9 </el-form-item>
10 </el-col> 10 </el-col>
11 <el-col :span="6"> 11 <el-col :span="6">
12 <el-form-item label="开始日期"> 12 <el-form-item label="开始日期" prop="startTime">
13 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" 13 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
14 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> 14 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="6"> 17 <el-col :span="6">
18 <el-form-item label="结束日期"> 18 <el-form-item label="结束日期" prop="endTime">
19 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" 19 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
20 clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker> 20 clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
23 <el-col :span="6"> 23 <el-col :span="6">
24 <el-form-item label="业务号"> 24 <el-form-item label="业务名称" prop="ywmc">
25 <el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input> 25 <el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称">
26 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
27 </el-option>
28 </el-select>
26 </el-form-item> 29 </el-form-item>
27 </el-col> 30 </el-col>
28 </el-row> 31 </el-row>
29 <el-row> 32 <el-row>
30 <el-col :span="6"> 33 <el-col :span="6">
31 <el-form-item label="响应结果"> 34 <el-form-item label="响应结果" prop="status">
32 <el-select v-model="form.status" class="width100" clearable placeholder="响应结果"> 35 <el-select v-model="form.status" class="width100" clearable placeholder="响应结果">
33 <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value"> 36 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
34 </el-option> 37 </el-option>
35 </el-select> 38 </el-select>
36 </el-form-item> 39 </el-form-item>
37 </el-col> 40 </el-col>
38 41
39 <el-col :span="6"> 42 <el-col :span="6">
40 <el-form-item label="行政区"> 43 <el-form-item label="行政区" prop="pcode">
41 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区"> 44 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
42 <el-option v-for="item in xzqOptions" :key="item.value" :label="item.label" :value="item.value"> 45 <el-option v-for="item in xzqOptions" :key="item.value" :label="item.label" :value="item.value">
43 </el-option> 46 </el-option>
...@@ -45,6 +48,7 @@ ...@@ -45,6 +48,7 @@
45 </el-form-item> 48 </el-form-item>
46 </el-col> 49 </el-col>
47 <el-col :span="12" class="btnColRight"> 50 <el-col :span="12" class="btnColRight">
51 <el-button @click="resetForm('ruleForm')">重置</el-button>
48 <el-button type="primary" @click="handleSubmit">查询结果</el-button> 52 <el-button type="primary" @click="handleSubmit">查询结果</el-button>
49 </el-col> 53 </el-col>
50 </el-row> 54 </el-row>
...@@ -102,11 +106,31 @@ export default { ...@@ -102,11 +106,31 @@ export default {
102 bdcdyh: '', 106 bdcdyh: '',
103 startTime: '', 107 startTime: '',
104 endTime: '', 108 endTime: '',
105 ywh: '', 109 ywmc: '',
106 status: '', 110 status: '',
107 pcode: '', 111 pcode: '',
108 currentPage: 1 112 currentPage: 1
109 }, 113 },
114 rules: {
115 bdcdyh: [
116 { required: true, message: '不动产单元号', trigger: 'change' }
117 ],
118 startTime: [
119 { required: true, message: '开始日期', trigger: 'change' }
120 ],
121 endTime: [
122 { required: true, message: '结束日期', trigger: 'change' }
123 ],
124 ywmc: [
125 { required: true, message: '业务名称', trigger: 'change' }
126 ],
127 status: [
128 { required: true, message: '响应结果', trigger: 'change' }
129 ],
130 pcode: [
131 { required: true, message: '响应结果', trigger: 'change' }
132 ],
133 },
110 tableData: { 134 tableData: {
111 columns: [{ 135 columns: [{
112 label: '序号', 136 label: '序号',
...@@ -116,8 +140,7 @@ export default { ...@@ -116,8 +140,7 @@ export default {
116 }].concat(data.columns()).concat([ 140 }].concat(data.columns()).concat([
117 { 141 {
118 label: "操作", 142 label: "操作",
119 headerAlign: 'center', 143 width: '80',
120 align: 'right',
121 render: (h, scope) => { 144 render: (h, scope) => {
122 return ( 145 return (
123 <div> 146 <div>
...@@ -126,7 +149,7 @@ export default { ...@@ -126,7 +149,7 @@ export default {
126 size="mini" 149 size="mini"
127 icon="el-icon-edit" 150 icon="el-icon-edit"
128 style="margin-left: 10px" 151 style="margin-left: 10px"
129 onClick={() => { this.handleEdit(scope.$index, scope.row) }} 152 onClick={() => { this.handleEdit(scope.row) }}
130 > 153 >
131 编辑 154 编辑
132 </el-button> 155 </el-button>
...@@ -142,9 +165,6 @@ export default { ...@@ -142,9 +165,6 @@ export default {
142 pageSize: 15, 165 pageSize: 15,
143 current: 1, 166 current: 1,
144 }, 167 },
145 // 上报状态
146 statusOptions: [
147 ],
148 // 行政区 168 // 行政区
149 xzqOptions: [ 169 xzqOptions: [
150 { 170 {
...@@ -167,6 +187,9 @@ export default { ...@@ -167,6 +187,9 @@ export default {
167 } 187 }
168 }, 188 },
169 methods: { 189 methods: {
190 resetForm () {
191 this.$refs.ruleForm.resetFields();
192 },
170 async featchData () { 193 async featchData () {
171 try { 194 try {
172 this.form = Object.assign(this.form, this.formData) 195 this.form = Object.assign(this.form, this.formData)
...@@ -186,23 +209,8 @@ export default { ...@@ -186,23 +209,8 @@ export default {
186 this.message = error 209 this.message = error
187 } 210 }
188 }, 211 },
189 async handleEdit (index, row) { 212 handleEdit (row) {
190 try { 213
191 let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.msgid)
192 if (res != null) {
193 this.diaData = res
194 this.bsmSjsb = row.msgid
195 this.$store.dispatch('business/setReportLogEdit')
196 this.$refs.editLog.isShow()
197 } else {
198 this.$message(message)
199 }
200 } catch (error) {
201 this.$alert(error, '提示', {
202 confirmButtonText: '确定',
203 type: 'error'
204 })
205 }
206 } 214 }
207 } 215 }
208 } 216 }
......