Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
f1e91b9e by 赵千
Options

查询

1 parent d0ddb155
Inline Side-by-side
Showing 5 changed files with 519 additions and 0 deletions
1 /*
2 * @Description: 干部查询
3 * @Autor:
4 * @LastEditTime:
5 */
6 /* 引入axios请求文件 */
7 import request from '@/utils/request'
8 /* 引入配置 */
9 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
10 const urlHeader = SERVER.SERVERAPI + '/rest/searchRecord'
11
12 /**
13 * @description: 获取列表
14 * @param {*}
15 * @author:
16 */
17 export function getSearchRecordList (data) {
18 return request({
19 url: urlHeader + '/getList',
20 method: 'post',
21 data
22 })
23 }
24
25 /**
26 * @description: 新增
27 * @param {*} data
28 * @author:
29 */
30 export function saveSearchRecord (data) {
31 return request({
32 url: urlHeader + '/search',
33 method: 'post',
34 data
35 })
36 }
...@@ -65,6 +65,12 @@ export const asyncRoutes = [ ...@@ -65,6 +65,12 @@ export const asyncRoutes = [
65 component: () => import('@/views/jsbwcx/index'), 65 component: () => import('@/views/jsbwcx/index'),
66 name: 'jsbwcx', 66 name: 'jsbwcx',
67 meta: { title: '区县接入', icon: 'zsgl' } 67 meta: { title: '区县接入', icon: 'zsgl' }
68 },
69 {
70 path: 'gbxxcx',
71 component: () => import('@/views/gbxxcx/index'),
72 name: 'gbxxcx',
73 meta: { title: '信息查询', icon: 'zsgl' }
68 } 74 }
69 ] 75 ]
70 }, 76 },
......
1 <template>
2 <!-- 接收报文查询 -->
3 <div class="reportLog from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-form-item v-if="BASE_API.THEME == 'jg'">
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5">
11 <el-col :span="6">
12 <el-form-item label="权利人名称" prop="qlrmc">
13 <el-input v-model.trim="form.qlrmc" clearable class="width100" placeholder="权利人名称"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="证件号" prop="zjh">
18 <el-input v-model.trim="form.zjh" clearable class="width100" placeholder="证件号"></el-input>
19 </el-form-item>
20 </el-col>
21 <!-- 按钮操作 -->
22 <el-col :span="6" class="btnColRight">
23 <el-form-item>
24 <btn nativeType="cx" @click="handleSearchResult">查询</btn>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 </el-form>
29 </div>
30 <!-- 列表区域 -->
31 <div class="from-clues-content">
32 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
33 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
34 :data="tableData.data">
35 </lb-table>
36 </div>
37 </div>
38 </template>
39
40 <script>
41 import Vue from 'vue'
42 // 接收报文查询
43 // 引入表格头部数据
44 import data from "../data";
45 // 引入table混入方法
46 import tableMixin from "@/mixins/tableMixin.js";
47 import { saveSearchRecord } from "@/api/searchRecord.js";
48 //引入日期处理方法
49 import { timeFormat } from "@/utils/operation";
50 export default {
51 name: "jsbwcx",
52 mixins: [tableMixin],
53 // 注册组件
54 components: {
55 },
56 data () {
57 return {
58
59 pickerOptionsStart: {
60 disabledDate: (time) => {
61 let endDateVal = this.form.receiveEndTime;
62 if (endDateVal) {
63 return (
64 time.getTime() >=
65 new Date(endDateVal).getTime()
66 );
67 }
68 },
69 },
70 pickerOptionsEnd: {
71 disabledDate: (time) => {
72 let beginDateVal = this.form.receiveStartTime;
73 if (beginDateVal) {
74 return (
75 time.getTime() <
76 new Date(beginDateVal).getTime()
77 );
78 }
79 },
80 },
81 // 表格数据
82 form: {
83 qlrmc: "", // 行政区
84 zjh: "", // 开始日期
85 },
86 // 校验规则
87 rules: {
88 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
89 startTime: [
90 { required: true, message: "请选择开始日期", trigger: "change" },
91 ],
92 endTime: [
93 { required: true, message: "请选择结束日期", trigger: "change" },
94 ],
95 bdcdyh: [
96 { required: true, message: "不动产单元号", trigger: "change" },
97 ],
98 ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
99 jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
100 rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
101 },
102 // 表格数据
103 tableData: {
104 // 表格头部
105 columns: [
106 {
107 label: "序号",
108 type: "index",
109 width: "50",
110 index: this.indexMethod,
111 },
112 {
113 prop: 'bdcdyh',
114 label: '不动产单元号',
115 width: 200
116 },
117 {
118 prop: "bdcqzh",
119 label: "不动产权证号",
120 width: 160,
121 },
122 {
123 prop: 'djsj',
124 label: '登记时间',
125 width: 200
126 },
127 {
128 prop: "fdzl",
129 label: "坐落",
130 width: 160,
131 },
132 {
133 prop: 'ghyt',
134 label: '用途',
135 width: 200
136 },
137 {
138 prop: "gyqk",
139 label: "共有情况",
140 width: 160,
141 },
142 {
143 prop: 'jzmj',
144 label: '建筑面积',
145 width: 100
146 },
147 {
148 prop: "qlrmc",
149 label: "权利人",
150 width: 100,
151 },
152 {
153 prop: "zjh",
154 label: "证件号",
155 width: 260,
156 },
157 ],
158 // 表格列表数据
159 total: 0,
160 data: [],
161 },
162 // 分页
163 pageData: {
164 total: 0,
165 pageSize: 10,
166 current: 1
167 },
168 title: "",
169 };
170 },
171 methods: {
172 //截止日期变化
173 endTimeChange (val) {
174 this.form.receiveEndTime = timeFormat(new Date(val), true)
175 },
176 // 初始化数据
177 queryClickSearch () {
178 saveSearchRecord({ ...this.form, ...this.formData }).then(
179 (res) => {
180 if (res.code === 200) {
181 this.tableData.data = res.result
182 } else {
183 this.$message.warning(res.message)
184 }
185 }
186 )
187 },
188 // 重置
189 resetForm () {
190 this.$refs.ruleForm.resetFields();
191 this.form.currentPage = 1
192 },
193 featchData () {},
194 // 结果
195 handleResult (row) {
196 this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row)
197 },
198 handleSearchResult() {
199 this.queryClickSearch()
200 },
201 // 详情
202 handleDetails (row) {},
203 }
204 }
205 </script>
206 <style scoped lang="scss">
207 .lastdom:nth-child(3) {
208 margin-bottom: 0px;
209 }
210 </style>
211
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-17 15:10:43
5 */
6 import filter from '@/utils/filter.js'
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 prop: 'name',
15 label: '查询人员',
16 },
17 {
18 prop: 'zjh',
19 label: '查询证件号',
20 },
21 {
22 prop: "zjmc",
23 label: "查询证件名称",
24 },
25 {
26 prop: "createtime",
27 label: "查询时间",
28 },
29 // {
30 // prop: "result",
31 // label: "查询结果",
32 // }
33 ]
34 }
35 }
36 export default new data()
1 <template>
2 <!-- 接收报文查询 -->
3 <div class="reportLog from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-form-item v-if="BASE_API.THEME == 'jg'">
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5">
11 <el-col :span="6">
12 <el-form-item label="查询人员" prop="qxdm">
13 <el-input v-model.trim="form.name" clearable class="width100" placeholder="查询人员"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="查询日期" prop="startTime">
18 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
19 clearable v-model="form.startTime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
20 </el-form-item>
21 </el-col>
22 <el-col :span="6">
23 <el-form-item label="至" prop="endTime" label-width="35px">
24 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable
25 v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" @change="endTimeChange"></el-date-picker>
26 </el-form-item>
27 </el-col>
28 <el-col :span="6">
29 <el-form-item label="证件号" prop="zjh">
30 <el-input v-model.trim="form.zjh" clearable class="width100" placeholder="不动产单元号"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row class="mt-10">
35 <el-col :span="6">
36 <el-form-item label="查询证件名称" prop="zjmc">
37 <el-input v-model.trim="form.zjmc" clearable class="width100" placeholder="业务流水号"></el-input>
38 </el-form-item>
39 </el-col>
40 <!-- 按钮操作 -->
41 <el-col :span="6" class="btnColRight">
42 <el-form-item>
43 <btn nativeType="cz" @click="save">新增</btn>
44 <btn nativeType="cx" @click="handleSearch">查询</btn>
45 <!-- <btn nativeType="resetForm">重置</btn> -->
46 </el-form-item>
47 </el-col>
48 </el-row>
49 </el-form>
50 </div>
51 <!-- 列表区域 -->
52 <div class="from-clues-content">
53 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
54 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
55 :data="tableData.data">
56 </lb-table>
57 </div>
58 <!-- 编辑 -->
59 <el-dialog :close-on-click-modal="false" top="0"
60 custom-class="dialogBox dataReporting editDialogBox sbdialog commonDialog mainCenter" :visible.sync="dialogVisible"
61 width="92%">
62 <search-result></search-result>
63 </el-dialog>
64 </div>
65 </template>
66
67 <script>
68 import Vue from 'vue'
69 // 接收报文查询
70 // 引入表格头部数据
71 import data from "./data";
72 // 引入table混入方法
73 import tableMixin from "@/mixins/tableMixin.js";
74 import { getSearchRecordList } from "@/api/searchRecord.js";
75 // 引入详情弹框
76 import SearchResult from "./components/result";
77 //引入日期处理方法
78 import { timeFormat } from "@/utils/operation";
79 export default {
80 name: "jsbwcx",
81 mixins: [tableMixin],
82 // 注册组件
83 components: {
84 SearchResult
85 },
86 data () {
87 return {
88 dialogVisible: false,
89 pickerOptionsStart: {
90 disabledDate: (time) => {
91 let endDateVal = this.form.receiveEndTime;
92 if (endDateVal) {
93 return (
94 time.getTime() >=
95 new Date(endDateVal).getTime()
96 );
97 }
98 },
99 },
100 pickerOptionsEnd: {
101 disabledDate: (time) => {
102 let beginDateVal = this.form.receiveStartTime;
103 if (beginDateVal) {
104 return (
105 time.getTime() <
106 new Date(beginDateVal).getTime()
107 );
108 }
109 },
110 },
111 // 表格数据
112 form: {
113 qxdm: "", // 行政区
114 receiveStartTime: "", // 开始日期
115 receiveEndTime: "", // 结束日期
116 bdcdyh: "", // 不动产单元号
117 ywh: "", // 业务号
118 qllx: "", // 权利类型
119 djlx: "", // 登记类型
120 jcjg: "", // 检查结果
121 rkjg: "", //入库结果
122 currentPage: 1
123 },
124 // 校验规则
125 rules: {
126 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
127 startTime: [
128 { required: true, message: "请选择开始日期", trigger: "change" },
129 ],
130 endTime: [
131 { required: true, message: "请选择结束日期", trigger: "change" },
132 ],
133 bdcdyh: [
134 { required: true, message: "不动产单元号", trigger: "change" },
135 ],
136 ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
137 jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
138 rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
139 },
140 // 表格数据
141 tableData: {
142 // 表格头部
143 columns: [
144 {
145 label: "序号",
146 type: "index",
147 width: "50",
148 index: this.indexMethod,
149 }
150 ]
151 .concat(data.columns())
152 .concat([
153 {
154 label: "操作",
155 width: "90",
156 render: (h, scope) => {
157 return (
158 <div>
159 <el-button
160 type="text"
161 class='btnColor'
162 onClick={() => {
163 this.handleDetails(scope.row);
164 }}
165 >
166 详情
167 </el-button>
168 </div>
169 )
170 }
171 }
172 ]),
173 // 表格列表数据
174 total: 0,
175 data: [],
176 },
177 // 分页
178 pageData: {
179 total: 0,
180 pageSize: 10,
181 current: 1
182 },
183 title: "",
184 };
185 },
186 methods: {
187 //截止日期变化
188 endTimeChange (val) {
189 this.form.receiveEndTime = timeFormat(new Date(val), true)
190 },
191 // 初始化数据
192 queryClick () {
193 getSearchRecordList({ ...this.form, ...this.formData }).then(
194 (res) => {
195 if (res.code === 200) {
196 let { total, records, current } = res.result;
197 this.tableData.total = total;
198 this.tableData.data = records ? records : [];
199 this.pageData.current = current
200 }
201 }
202 )
203 },
204 // 重置
205 resetForm () {
206 this.$refs.ruleForm.resetFields();
207 this.form.currentPage = 1
208 this.queryClick();
209 },
210 featchData () {
211 this.queryClick();
212 },
213 // 结果
214 handleResult (row) {
215 this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row)
216 },
217 // 详情
218 handleDetails (row) {},
219 save() {
220 this.dialogVisible = true;
221 },
222 }
223 }
224 </script>
225 <style scoped lang="scss">
226 .lastdom:nth-child(3) {
227 margin-bottom: 0px;
228 }
229 </style>
230