Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
80e9eda8 by 任超
Options

feat:上报报文查询

1 parent 14a0c444
Inline Side-by-side
Showing 3 changed files with 133 additions and 45 deletions
1 <template>
2 <!-- 编辑 -->
3 <dialogBox title="详情" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row>
6 <el-col :span="6">
7 <el-form-item label="行政区代码" prop="xzqdm">
8 <el-input v-model="ruleForm.xzqdm" placeholder="行政区代码"></el-input>
9 </el-form-item>
10 </el-col>
11 <el-col :span="6">
12 <el-form-item label="不动产单元号" prop="bdcdyh">
13 <el-input v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="行政区名称" prop="xzqmc">
18 <el-input v-model="ruleForm.xzqmc" placeholder="行政区名称"></el-input>
19 </el-form-item>
20 </el-col>
21
22 <el-col :span="6">
23 <el-form-item label="业务编码" prop="ywbm">
24 <el-input v-model="ruleForm.ywbm" placeholder="业务编码"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="6">
30 <el-form-item label="上报时间" prop="sbsj">
31 <el-date-picker v-model="ruleForm.sbsj" class="width100" type="datetime" placeholder="操作时间">
32 </el-date-picker>
33 </el-form-item>
34 </el-col>
35 </el-row>
36 </el-form>
37 </dialogBox>
38 </template>
39
40 <script>
41 export default {
42 props: {
43 value: { type: Boolean, default: false },
44 },
45 data () {
46 return {
47 myValue: this.value,
48 ruleForm: {
49 xzqdm: '',
50 xzqmc: '',
51 bdcdyh: '',
52 ywbm: '',
53 sbsj: ''
54 },
55 rules: {
56 xzqdm: [
57 { required: true, message: '行政区代码', trigger: 'blur' }
58 ],
59 xzqmc: [
60 { required: true, message: '行政区名称', trigger: 'blur' }
61 ],
62 bdcdyh: [
63 { required: true, message: '不动产单元号', trigger: 'blur' }
64 ],
65 ywmc: [
66 { required: true, message: '业务名称', trigger: 'blur' }
67 ],
68 sbsj: [
69 { required: true, message: '上报时间', trigger: 'blur' }
70 ]
71 }
72 }
73 },
74 watch: {
75 value (val) {
76 this.myValue = val
77 }
78 },
79 methods: {
80 closeDialog () {
81 this.$emit('input', false)
82 },
83 handleSubmit () {
84 this.$emit('input', false)
85 }
86 }
87 }
88 </script>
...\ No newline at end of file ...\ No newline at end of file
...@@ -6,6 +6,9 @@ class data extends filter { ...@@ -6,6 +6,9 @@ class data extends filter {
6 columns () { 6 columns () {
7 return [ 7 return [
8 { 8 {
9 type: 'selection'
10 },
11 {
9 prop: "xzqdm", 12 prop: "xzqdm",
10 label: "行政区代码", 13 label: "行政区代码",
11 }, 14 },
......
1 <template> 1 <template>
2 <div class="reportLog from-clues"> 2 <!-- 上报报文查询 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
3 <div class="from-clues-header"> 5 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 6 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-row class="marginbtm5"> 7 <el-row class="marginbtm5">
...@@ -38,7 +40,6 @@ ...@@ -38,7 +40,6 @@
38 </el-select> 40 </el-select>
39 </el-form-item> 41 </el-form-item>
40 </el-col> 42 </el-col>
41
42 <el-col :span="6"> 43 <el-col :span="6">
43 <el-form-item label="行政区" prop="pcode"> 44 <el-form-item label="行政区" prop="pcode">
44 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区"> 45 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
...@@ -47,39 +48,45 @@ ...@@ -47,39 +48,45 @@
47 </el-select> 48 </el-select>
48 </el-form-item> 49 </el-form-item>
49 </el-col> 50 </el-col>
51 <!-- 操作按钮 -->
50 <el-col :span="12" class="btnColRight"> 52 <el-col :span="12" class="btnColRight">
51 <el-button @click="resetForm('ruleForm')">重置</el-button> 53 <el-button @click="resetForm('ruleForm')">重置</el-button>
52 <el-button type="primary" @click="handleSubmit">查询结果</el-button> 54 <el-button type="primary" @click="featchData">查询结果</el-button>
55 <el-button type="primary" @click="handleEscalation">上报</el-button>
53 </el-col> 56 </el-col>
54 </el-row> 57 </el-row>
55 </el-form> 58 </el-form>
56 </div> 59 </div>
60 <!-- 列表 -->
57 <div class="from-clues-content"> 61 <div class="from-clues-content">
58 <lb-table ref="table" :heightNum="300" :page-size="pageData.size" :current-page.sync="pageData.current" 62 <lb-table ref="table" :heightNum="300" @selection-change="handleSelectionChange" :page-size="pageData.size"
59 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 63 :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange"
60 :column="tableData.columns" :data="tableData.data"> 64 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
61 </lb-table> 65 </lb-table>
62 </div> 66 </div>
63 <!-- 编辑 --> 67 <!-- 引入详情组件 -->
64 <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" /> 68 <detailDialog v-model="isShow" />
65 </div> 69 </div>
66 </template> 70 </template>
67 71
68 <script> 72 <script>
69 // 上报日志 73 // 上报报文查询
74 // 引入表头数据
70 import data from "./data" 75 import data from "./data"
71 import journal from '@/api/journal.js' 76 // 引入表格混入方法
72 import tableMixin from '@/mixins/tableMixin.js' 77 import tableMixin from '@/mixins/tableMixin.js'
73 import dataReporting from '@/api/dataReporting' 78 // 引入详情弹框
74 import editDialog from '@/components/dataDetails/edit-dialog.vue' 79 import detailDialog from './components/detailDialog'
75 export default { 80 export default {
76 name: "reportLog", 81 name: "sbbwcx",
77 mixins: [tableMixin], 82 mixins: [tableMixin],
83 // 注册组件
78 components: { 84 components: {
79 editDialog, 85 detailDialog
80 }, 86 },
81 data () { 87 data () {
82 return { 88 return {
89 isShow: false,
83 // 开始结束日期限制 90 // 开始结束日期限制
84 pickerOptionsStart: { 91 pickerOptionsStart: {
85 disabledDate: (time) => { 92 disabledDate: (time) => {
...@@ -100,8 +107,7 @@ export default { ...@@ -100,8 +107,7 @@ export default {
100 } 107 }
101 } 108 }
102 }, 109 },
103 bsmSjsb: '', 110 // 头部搜索
104 diaData: [],
105 form: { 111 form: {
106 bdcdyh: '', 112 bdcdyh: '',
107 startTime: '', 113 startTime: '',
...@@ -111,6 +117,7 @@ export default { ...@@ -111,6 +117,7 @@ export default {
111 pcode: '', 117 pcode: '',
112 currentPage: 1 118 currentPage: 1
113 }, 119 },
120 // 表单验证
114 rules: { 121 rules: {
115 bdcdyh: [ 122 bdcdyh: [
116 { required: true, message: '不动产单元号', trigger: 'change' } 123 { required: true, message: '不动产单元号', trigger: 'change' }
...@@ -131,13 +138,10 @@ export default { ...@@ -131,13 +138,10 @@ export default {
131 { required: true, message: '响应结果', trigger: 'change' } 138 { required: true, message: '响应结果', trigger: 'change' }
132 ], 139 ],
133 }, 140 },
141 // table数据
134 tableData: { 142 tableData: {
135 columns: [{ 143 // 表头数据
136 label: '序号', 144 columns: data.columns().concat([
137 type: 'index',
138 width: '50',
139 index: this.indexMethod,
140 }].concat(data.columns()).concat([
141 { 145 {
142 label: "操作", 146 label: "操作",
143 width: '80', 147 width: '80',
...@@ -147,19 +151,19 @@ export default { ...@@ -147,19 +151,19 @@ export default {
147 <el-button 151 <el-button
148 type="text" 152 type="text"
149 size="mini" 153 size="mini"
150 icon="el-icon-edit" 154 onClick={() => { this.handleDetail(scope.row) }}
151 style="margin-left: 10px"
152 onClick={() => { this.handleEdit(scope.row) }}
153 > 155 >
154 编辑 156 详情
155 </el-button> 157 </el-button>
156 </div> 158 </div>
157 ) 159 )
158 } 160 }
159 } 161 }
160 ]), 162 ]),
161 data: [] 163 // 列表数据
164 data: [{}]
162 }, 165 },
166 // 分页
163 pageData: { 167 pageData: {
164 total: 0, 168 total: 0,
165 pageSize: 15, 169 pageSize: 15,
...@@ -187,35 +191,28 @@ export default { ...@@ -187,35 +191,28 @@ export default {
187 } 191 }
188 }, 192 },
189 methods: { 193 methods: {
194 // 重置表单
190 resetForm () { 195 resetForm () {
191 this.$refs.ruleForm.resetFields(); 196 this.$refs.ruleForm.resetFields();
192 }, 197 },
198 // 初始化数据
193 async featchData () { 199 async featchData () {
194 try {
195 this.form = Object.assign(this.form, this.formData)
196 let { result: { list, total, pages: pageSize, pageNum: current }
197 } = await journal.querySjsbTask(this.form)
198 if (this.$store.state.dictionaries.addDic) {
199 this.tableData.data = list
200 this.pageData = {
201 pageSize,
202 current,
203 total
204 }
205 } else {
206 this.featchData()
207 }
208 } catch (error) {
209 this.message = error
210 }
211 }, 200 },
212 handleEdit (row) { 201 // 多选
202 handleSelectionChange (val) {
213 203
204 },
205 // 上报
206 handleEscalation () { },
207 // 详情
208 handleDetail (row) {
209 this.isShow = true
214 } 210 }
215 } 211 }
216 } 212 }
217 </script> 213 </script>
218 <style scoped lang="scss"> 214 <style scoped lang="scss">
215 // 引入页面公共样式
219 @import "~@/styles/public.scss"; 216 @import "~@/styles/public.scss";
220 @import "./index.scss"; 217 @import "./index.scss";
221 </style> 218 </style>
......