Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4628b72f by jiaozeping@pashanhoo.com
Options

综合查询

1 parent 08d7e29e
Inline Side-by-side
Showing 7 changed files with 693 additions and 1 deletions
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
100 import table from "@/utils/mixin/table"; 100 import table from "@/utils/mixin/table";
101 import { datas, sendThis } from "./ybxdata"; 101 import { datas, sendThis } from "./ybxdata";
102 export default { 102 export default {
103 name: "dbx", 103 name: "ybx",
104 components: {}, 104 components: {},
105 mixins: [table], 105 mixins: [table],
106 mounted() { 106 mounted() {
......
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="70px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="权利类型">
9 <el-select
10 v-model="queryForm.qllx"
11 filterable
12 clearable
13 placeholder="请选择权利类型"
14 >
15 <el-option
16 v-for="item in qllxs"
17 :key="item.value"
18 :label="item.label"
19 :value="item.value"
20 >
21 </el-option>
22 </el-select>
23 </el-form-item>
24 </el-col>
25 <el-col :span="5">
26 <el-form-item label="不动产单元号">
27 <el-input
28 placeholder="请输入不动产单元号"
29 v-model="queryForm.bdcdyh"
30 clearable
31 class="width200px"
32 >
33 </el-input>
34
35 </el-form-item>
36 </el-col>
37 <el-col :span="5">
38 <el-form-item label="不动产权证号">
39 <el-input
40 placeholder="请输入不动产权证号"
41 v-model="queryForm.bdcqzh"
42 clearable
43 class="width200px"
44 >
45 </el-input>
46 </el-form-item>
47 </el-col>
48 <el-col :span="5">
49 <el-form-item label="业务号">
50 <el-input
51 placeholder="请输入业务号"
52 v-model="queryForm.ywh"
53 clearable
54 class="width200px"
55 >
56 </el-input>
57 </el-form-item>
58 </el-col>
59
60 <el-col :span="4" class="btnCol">
61 <el-form-item>
62 <el-button type="primary" @click="queryClick()">查询</el-button>
63 <el-button @click="moreQueryClick()">高级查询</el-button>
64 </el-form-item>
65 </el-col>
66 </el-row>
67 </el-form>
68 </div>
69 <!-- 表格 -->
70 <div class="from-clues-content">
71 <lb-table
72 :page-size="pageData.size"
73 @sort-change="handleSort"
74 :current-page.sync="pageData.current"
75 :total="pageData.total"
76 @selection-change="handleSelectionChange"
77 @size-change="handleSizeChange"
78 @p-current-change="handleCurrentChange"
79 :column="tableData.columns"
80 :data="tableData.data"
81 >
82 </lb-table>
83 </div>
84 </div>
85 </template>
86 <script>
87 import table from "@/utils/mixin/table";
88 import { datas, sendThis } from "./djbcxdata";
89 export default {
90 name: "djbcx",
91 components: {},
92 mixins: [table],
93 mounted() {
94 sendThis(this);
95 },
96 data() {
97 return {
98 queryForm: {
99 qllx: "",
100 bdcdyh: "",
101 bdcqzh: "",
102 ywh: "",
103 },
104 pageData: {
105 current: 1,
106 size: 10,
107 total: 2,
108 },
109
110 ywlys: datas.ywlys(),
111
112 tableData: {
113 columns: datas.columns(),
114 data: [
115 {
116 slsj: "2022-5-12",
117 },
118 {
119 slsj: "2022-5-13",
120 },
121 ],
122 },
123 };
124 },
125 methods: {
126 // 初始化数据
127 fetchData() {},
128 handleSort(name, sort) {
129 console.log(name, sort);
130 },
131 openDialog() {
132 console.log(999999999999999);
133 },
134 },
135 };
136 </script>
137 <style scoped lang="scss">
138 @import "~@/styles/public.scss";
139 </style>
......
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 label: '序号',
15 type: 'index',
16 width: '50'
17 },
18 {
19 prop: "ywly",
20 label: "业务来源",
21 },
22 {
23 prop: "lczt",
24 label: "流程状态",
25 },
26 {
27 prop: "zbhj",
28 label: "在办环节",
29 },
30 {
31 prop: "ywh",
32 label: "业务号",
33 },
34 {
35 prop: "sqywmc",
36 label: "申请业务名称",
37 },
38 {
39 prop: "qlr",
40 label: "权利人",
41 },
42 {
43 prop: "ywr",
44 label: "义务人",
45 },
46 {
47 prop: "zl",
48 label: "坐落",
49 },
50 {
51 prop: "slsj",
52 label: "受理时间",
53 sortable: 'custom'
54 },
55 {
56 prop: "slry",
57 label: "受理人员",
58 },
59 {
60 prop: "zrsj",
61 label: "转入时间",
62 sortable: 'custom'
63 },
64 {
65 label: '操作',
66 width: '80',
67 align: 'center',
68 fixed: 'right',
69 render: (h, scope) => {
70 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
71 }
72 }
73 ]
74 }
75
76 ywlys(){
77 return[
78 { value: 1, label: "办事大厅" },
79 { value: 2, label: "微信小程序" },
80 { value: 3, label: "法院端" },
81 { value: 4, label: "银行端" },
82 ]
83 }
84
85 }
86 let datas = new data()
87 export {
88 datas,
89 sendThis
90 }
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="70px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="业务来源">
9 <el-select
10 v-model="queryForm.ywly"
11 filterable
12 clearable
13 placeholder="请选择业务来源"
14 >
15 <el-option
16 v-for="item in ywlys"
17 :key="item.value"
18 :label="item.label"
19 :value="item.value"
20 >
21 </el-option>
22 </el-select>
23 </el-form-item>
24 </el-col>
25 <el-col :span="5">
26 <el-form-item label="权利类型">
27 <el-select
28 v-model="queryForm.qllx"
29 filterable
30 clearable
31 placeholder="请选择权利类型"
32 >
33 <el-option
34 v-for="item in qllxs"
35 :key="item.value"
36 :label="item.label"
37 :value="item.value"
38 >
39 </el-option>
40 </el-select>
41 </el-form-item>
42 </el-col>
43 <el-col :span="5">
44 <el-form-item label="登记类型">
45 <el-select
46 v-model="queryForm.djlx"
47 filterable
48 clearable
49 placeholder="请选择登记类型"
50 >
51 <el-option
52 v-for="item in djlxs"
53 :key="item.value"
54 :label="item.label"
55 :value="item.value"
56 >
57 </el-option>
58 </el-select>
59 </el-form-item>
60 </el-col>
61 <el-col :span="5">
62 <el-form-item label="业务号">
63 <el-input
64 placeholder="请输入业务号"
65 v-model="queryForm.ywh"
66 clearable
67 class="width200px"
68 >
69 </el-input>
70 </el-form-item>
71 </el-col>
72
73 <el-col :span="4" class="btnCol">
74 <el-form-item>
75 <el-button type="primary" @click="queryClick()">查询</el-button>
76 <el-button @click="moreQueryClick()">高级查询</el-button>
77 </el-form-item>
78 </el-col>
79 </el-row>
80 </el-form>
81 </div>
82 <!-- 表格 -->
83 <div class="from-clues-content">
84 <lb-table
85 :page-size="pageData.size"
86 @sort-change="handleSort"
87 :current-page.sync="pageData.current"
88 :total="pageData.total"
89 @selection-change="handleSelectionChange"
90 @size-change="handleSizeChange"
91 @p-current-change="handleCurrentChange"
92 :column="tableData.columns"
93 :data="tableData.data"
94 >
95 </lb-table>
96 </div>
97 </div>
98 </template>
99 <script>
100 import table from "@/utils/mixin/table";
101 import { datas, sendThis } from "./jdcxdata";
102 export default {
103 name: "jdcx",
104 components: {},
105 mixins: [table],
106 mounted() {
107 sendThis(this);
108 },
109 data() {
110 return {
111 queryForm: {
112 ywly: "",
113 qllx: "",
114 djlx: "",
115 ywh: "",
116 },
117 pageData: {
118 current: 1,
119 size: 10,
120 total: 2,
121 },
122
123 ywlys: datas.ywlys(),
124
125 tableData: {
126 columns: datas.columns(),
127 data: [
128 {
129 slsj: "2022-5-12",
130 },
131 {
132 slsj: "2022-5-13",
133 },
134 ],
135 },
136 };
137 },
138 methods: {
139 // 初始化数据
140 fetchData() {},
141 handleSort(name, sort) {
142 console.log(name, sort);
143 },
144 openDialog() {
145 console.log(999999999999999);
146 },
147 },
148 };
149 </script>
150 <style scoped lang="scss">
151 @import "~@/styles/public.scss";
152 </style>
......
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 label: '序号',
15 type: 'index',
16 width: '50'
17 },
18 {
19 prop: "ywly",
20 label: "业务来源",
21 },
22 {
23 prop: "lczt",
24 label: "流程状态",
25 },
26 {
27 prop: "zbhj",
28 label: "在办环节",
29 },
30 {
31 prop: "ywh",
32 label: "业务号",
33 },
34 {
35 prop: "sqywmc",
36 label: "申请业务名称",
37 },
38 {
39 prop: "qlr",
40 label: "权利人",
41 },
42 {
43 prop: "ywr",
44 label: "义务人",
45 },
46 {
47 prop: "zl",
48 label: "坐落",
49 },
50 {
51 prop: "slsj",
52 label: "受理时间",
53 sortable: 'custom'
54 },
55 {
56 prop: "slry",
57 label: "受理人员",
58 },
59 {
60 prop: "zrsj",
61 label: "转入时间",
62 sortable: 'custom'
63 },
64 {
65 label: '操作',
66 width: '80',
67 align: 'center',
68 fixed: 'right',
69 render: (h, scope) => {
70 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
71 }
72 }
73 ]
74 }
75
76 ywlys(){
77 return[
78 { value: 1, label: "办事大厅" },
79 { value: 2, label: "微信小程序" },
80 { value: 3, label: "法院端" },
81 { value: 4, label: "银行端" },
82 ]
83 }
84
85 }
86 let datas = new data()
87 export {
88 datas,
89 sendThis
90 }
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="70px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="项目名称">
9 <el-input
10 placeholder="请输入项目名称"
11 v-model="queryForm.xmmc"
12 clearable
13 class="width200px"
14 >
15 </el-input>
16 </el-form-item>
17 </el-col>
18 <el-col :span="5">
19 <el-form-item label="项目编号">
20 <el-input
21 placeholder="请输入项目编号"
22 v-model="queryForm.xmbh"
23 clearable
24 class="width200px"
25 >
26 </el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="5">
30 <el-form-item label="宗地代码">
31 <el-input
32 placeholder="请输入宗地代码"
33 v-model="queryForm.zddm"
34 clearable
35 class="width200px"
36 >
37 </el-input>
38 </el-form-item>
39 </el-col>
40 <el-col :span="5">
41 <el-form-item label="自然幢号">
42 <el-input
43 placeholder="请输入自然幢号"
44 v-model="queryForm.zrzh"
45 clearable
46 class="width200px"
47 >
48 </el-input>
49 </el-form-item>
50 </el-col>
51
52 <el-col :span="4" class="btnCol">
53 <el-form-item>
54 <el-button type="primary" @click="queryClick()">查询</el-button>
55 <el-button @click="moreQueryClick()">高级查询</el-button>
56 </el-form-item>
57 </el-col>
58 </el-row>
59 </el-form>
60 </div>
61 <!-- 表格 -->
62 <div class="from-clues-content">
63 <lb-table
64 :page-size="pageData.size"
65 @sort-change="handleSort"
66 :current-page.sync="pageData.current"
67 :total="pageData.total"
68 @selection-change="handleSelectionChange"
69 @size-change="handleSizeChange"
70 @p-current-change="handleCurrentChange"
71 :column="tableData.columns"
72 :data="tableData.data"
73 >
74 </lb-table>
75 </div>
76 </div>
77 </template>
78 <script>
79 import table from "@/utils/mixin/table";
80 import { datas, sendThis } from "./lpcxdata";
81 export default {
82 name: "lpcx",
83 components: {},
84 mixins: [table],
85 mounted() {
86 sendThis(this);
87 },
88 data() {
89 return {
90 queryForm: {
91 xmmc: "",
92 xmbh: "",
93 zddm: "",
94 zrzh: "",
95 },
96 pageData: {
97 current: 1,
98 size: 10,
99 total: 2,
100 },
101
102 ywlys: datas.ywlys(),
103
104 tableData: {
105 columns: datas.columns(),
106 data: [
107 {
108 slsj: "2022-5-12",
109 },
110 {
111 slsj: "2022-5-13",
112 },
113 ],
114 },
115 };
116 },
117 methods: {
118 // 初始化数据
119 fetchData() {},
120 handleSort(name, sort) {
121 console.log(name, sort);
122 },
123 openDialog() {
124 console.log(999999999999999);
125 },
126 },
127 };
128 </script>
129 <style scoped lang="scss">
130 @import "~@/styles/public.scss";
131 </style>
......
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 label: '序号',
15 type: 'index',
16 width: '50'
17 },
18 {
19 prop: "ywly",
20 label: "业务来源",
21 },
22 {
23 prop: "lczt",
24 label: "流程状态",
25 },
26 {
27 prop: "zbhj",
28 label: "在办环节",
29 },
30 {
31 prop: "ywh",
32 label: "业务号",
33 },
34 {
35 prop: "sqywmc",
36 label: "申请业务名称",
37 },
38 {
39 prop: "qlr",
40 label: "权利人",
41 },
42 {
43 prop: "ywr",
44 label: "义务人",
45 },
46 {
47 prop: "zl",
48 label: "坐落",
49 },
50 {
51 prop: "slsj",
52 label: "受理时间",
53 sortable: 'custom'
54 },
55 {
56 prop: "slry",
57 label: "受理人员",
58 },
59 {
60 prop: "zrsj",
61 label: "转入时间",
62 sortable: 'custom'
63 },
64 {
65 label: '操作',
66 width: '80',
67 align: 'center',
68 fixed: 'right',
69 render: (h, scope) => {
70 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
71 }
72 }
73 ]
74 }
75
76 ywlys(){
77 return[
78 { value: 1, label: "办事大厅" },
79 { value: 2, label: "微信小程序" },
80 { value: 3, label: "法院端" },
81 { value: 4, label: "银行端" },
82 ]
83 }
84
85 }
86 let datas = new data()
87 export {
88 datas,
89 sendThis
90 }