Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
14a0c444 by 任超
Options

style:接收报文查询

1 parent fc9ef39c
Inline Side-by-side
Showing 3 changed files with 128 additions and 25 deletions
...@@ -32,6 +32,7 @@ export const constantRoutes = [ ...@@ -32,6 +32,7 @@ export const constantRoutes = [
32 * the routes that need to be dynamically loaded based on user roles 32 * the routes that need to be dynamically loaded based on user roles
33 */ 33 */
34 export const asyncRoutes = [ 34 export const asyncRoutes = [
35 // 系统首页
35 { 36 {
36 path: '/', 37 path: '/',
37 component: Layout, 38 component: Layout,
......
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="xzqmc">
13 <el-input v-model="ruleForm.xzqmc" placeholder="行政区名称"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="不动产单元号" prop="bdcdyh">
18 <el-input v-model="ruleForm.bdcdyh" placeholder="不动产单元号"></el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="6">
22 <el-form-item label="业务名称" prop="ywmc">
23 <el-input v-model="ruleForm.ywmc" placeholder="业务名称"></el-input>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 <el-row>
28 <el-col :span="6">
29 <el-form-item label="操作时间" prop="czsj">
30 <el-date-picker v-model="ruleForm.czsj" class="width100" type="datetime" placeholder="操作时间">
31 </el-date-picker>
32 </el-form-item>
33 </el-col>
34 </el-row>
35 </el-form>
36 </dialogBox>
37 </template>
38
39 <script>
40 export default {
41 props: {
42 value: { type: Boolean, default: false },
43 },
44 data () {
45 return {
46 myValue: this.value,
47 ruleForm: {
48 xzqdm: '',
49 xzqmc: '',
50 bdcdyh: '',
51 ywmc: '',
52 czsj: ''
53 },
54 rules: {
55 xzqdm: [
56 { required: true, message: '行政区代码', trigger: 'blur' }
57 ],
58 xzqmc: [
59 { required: true, message: '行政区名称', trigger: 'blur' }
60 ],
61 bdcdyh: [
62 { required: true, message: '不动产单元号', trigger: 'blur' }
63 ],
64 ywmc: [
65 { required: true, message: '业务名称', trigger: 'blur' }
66 ],
67 czsj: [
68 { required: true, message: '操作时间', trigger: 'blur' }
69 ]
70 }
71 }
72 },
73 watch: {
74 value (val) {
75 this.myValue = val
76 }
77 },
78 methods: {
79 closeDialog () {
80 this.$emit('input', false)
81 },
82 handleSubmit () {
83 this.$emit('input', false)
84 }
85 }
86 }
87 </script>
...\ No newline at end of file ...\ No newline at end of file
1 <template> 1 <template>
2 <!-- 接收报文查询 --> 2 <!-- 接收报文查询 -->
3 <div class="reportLog from-clues"> 3 <div class="reportLog from-clues">
4 <!-- 头部搜索 -->
4 <div class="from-clues-header"> 5 <div class="from-clues-header">
5 <el-form ref="ruleForm" :model="form" label-width="100px"> 6 <el-form ref="ruleForm" :model="form" label-width="100px">
6 <el-row class="marginbtm5"> 7 <el-row class="marginbtm5">
...@@ -55,16 +56,18 @@ ...@@ -55,16 +56,18 @@
55 </el-select> 56 </el-select>
56 </el-form-item> 57 </el-form-item>
57 </el-col> 58 </el-col>
58 59 <!-- 按钮操作 -->
59 <el-col :span="6" class="btnColRight"> 60 <el-col :span="6" class="btnColRight">
60 <el-form-item> 61 <el-form-item>
61 <el-button @click="resetForm('ruleForm')">重置</el-button> 62 <el-button @click="resetForm('ruleForm')">重置</el-button>
62 <el-button type="primary" @click="handleSubmit">查询结果</el-button> 63 <el-button type="primary" @click="handleSubmit">查询</el-button>
64 <el-button type="primary">入库</el-button>
63 </el-form-item> 65 </el-form-item>
64 </el-col> 66 </el-col>
65 </el-row> 67 </el-row>
66 </el-form> 68 </el-form>
67 </div> 69 </div>
70 <!-- 列表区域 -->
68 <div class="from-clues-content"> 71 <div class="from-clues-content">
69 <lb-table ref="table" :heightNum="300" :page-size="pageData.size" :current-page.sync="pageData.current" 72 <lb-table ref="table" :heightNum="300" :page-size="pageData.size" :current-page.sync="pageData.current"
70 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 73 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
...@@ -72,19 +75,20 @@ ...@@ -72,19 +75,20 @@
72 </lb-table> 75 </lb-table>
73 </div> 76 </div>
74 <!-- 编辑 --> 77 <!-- 编辑 -->
75 <!-- <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" /> --> 78 <edit-dialog v-model="isEdit" />
76 </div> 79 </div>
77 </template> 80 </template>
78 81
79 <script> 82 <script>
80 // 上报日志 83 // 接收报文查询
84 // 引入表格头部数据
81 import data from "./data" 85 import data from "./data"
82 import journal from '@/api/journal.js' 86 // 引入table混入方法
83 import tableMixin from '@/mixins/tableMixin.js' 87 import tableMixin from '@/mixins/tableMixin.js'
84 import dataReporting from '@/api/dataReporting' 88 // 引入弹框组件
85 import editDialog from '@/components/dataDetails/edit-dialog.vue' 89 import editDialog from './components/detailDialog.vue'
86 export default { 90 export default {
87 name: "reportLog", 91 name: "jsbwcx",
88 mixins: [tableMixin], 92 mixins: [tableMixin],
89 components: { 93 components: {
90 editDialog, 94 editDialog,
...@@ -111,19 +115,19 @@ export default { ...@@ -111,19 +115,19 @@ export default {
111 } 115 }
112 } 116 }
113 }, 117 },
114 bsmSjsb: '', 118 isEdit: false,
115 diaData: {}, 119 // 表格数据
116 form: { 120 form: {
117 pcode: '', 121 pcode: '', // 行政区
118 startTime: '', 122 startTime: '',// 开始日期
119 endTime: '', 123 endTime: '',// 结束日期
120 bdcdyh: '', 124 bdcdyh: '',// 不动产单元号
121 ywmc: '', 125 ywmc: '',// 业务名称
122 // 检查结果 126 jcjg: '', // 检查结果
123 jcjg: '', 127 rkjg: '', //入库结果
124 rkjg: '',
125 currentPage: 1 128 currentPage: 1
126 }, 129 },
130 // 校验规则
127 rules: { 131 rules: {
128 pcode: [ 132 pcode: [
129 { required: true, message: '请选择行政区', trigger: 'change' } 133 { required: true, message: '请选择行政区', trigger: 'change' }
...@@ -147,7 +151,9 @@ export default { ...@@ -147,7 +151,9 @@ export default {
147 { required: true, message: '入库结果', trigger: 'change' } 151 { required: true, message: '入库结果', trigger: 'change' }
148 ], 152 ],
149 }, 153 },
154 // 表格数据
150 tableData: { 155 tableData: {
156 // 表格头部
151 columns: [{ 157 columns: [{
152 label: '序号', 158 label: '序号',
153 type: 'index', 159 type: 'index',
...@@ -163,27 +169,32 @@ export default { ...@@ -163,27 +169,32 @@ export default {
163 <el-button 169 <el-button
164 type="text" 170 type="text"
165 size="mini" 171 size="mini"
166 icon="el-icon-edit"
167 style="margin-left: 10px"
168 onClick={() => { this.handleEdit(scope.row) }} 172 onClick={() => { this.handleEdit(scope.row) }}
169 > 173 >
170 编辑 174 详情
175 </el-button>
176 <el-button
177 type="text"
178 size="mini"
179 >
180 结果
171 </el-button> 181 </el-button>
172 </div> 182 </div>
173 ) 183 )
174 } 184 }
175 } 185 }
176 ]), 186 ]),
187 // 表格列表数据
177 data: [{}] 188 data: [{}]
178 }, 189 },
190 // 分页
179 pageData: { 191 pageData: {
180 total: 0, 192 total: 0,
181 pageSize: 15, 193 pageSize: 15,
182 current: 1, 194 current: 1,
183 }, 195 },
184 // 业务名称 196 // 业务名称
185 statusOptions: [ 197 statusOptions: [],
186 ],
187 // 行政区 198 // 行政区
188 xzqOptions: [ 199 xzqOptions: [
189 { 200 {
...@@ -206,19 +217,23 @@ export default { ...@@ -206,19 +217,23 @@ export default {
206 } 217 }
207 }, 218 },
208 methods: { 219 methods: {
220 // 重置
209 resetForm () { 221 resetForm () {
210 this.$refs.ruleForm.resetFields(); 222 this.$refs.ruleForm.resetFields();
211 }, 223 },
212 async featchData () { 224 async featchData () {
213 }, 225 },
226 // 详情
214 handleEdit (row) { 227 handleEdit (row) {
215 228 this.isEdit = true
216 }, 229 }
217 } 230 }
218 } 231 }
219 </script> 232 </script>
220 <style scoped lang="scss"> 233 <style scoped lang="scss">
234 // 引入表单整体样式
221 @import "~@/styles/public.scss"; 235 @import "~@/styles/public.scss";
236 // 引入当前css
222 @import "./index.scss"; 237 @import "./index.scss";
223 </style> 238 </style>
224 239
......