Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
c2b8a0f6 by 田浩浩
Options

修改申请查询对应的页面问题

1 parent 214fab76
Inline Side-by-side
Showing 3 changed files with 116 additions and 38 deletions
1 <template> 1 <template>
2 <div> 2 <div>
3 <el-form :model="ruleForm" label-width="120px"> 3 <el-form :model="form" boder label-width="120px">
4 <el-row> 4 <el-row>
5 <el-col :span="24" style="margin-bottom: 15px"> 5 <el-col :span="24" style="margin-bottom: 15px">
6 <div class="slxx_title title-block"> 6 <div class="slxx_title title-block">
7 申请信息 7 查询情况
8 <div class="triangle"></div> 8 <div class="triangle"></div>
9 </div> 9 </div>
10 </el-col> 10 </el-col>
11 </el-row> 11 </el-row>
12 12
13 <el-row> 13 <el-row>
14 <el-col :span="8"> 14 <el-col :span="6">
15 <el-form-item label="查询用途" label-width="90px"> 15 <el-form-item label="查询来源：" label-width="90px">{{form.djSqcxDO.cxly}}
16 <el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
17 </el-form-item> 16 </el-form-item>
18 </el-col> 17 </el-col>
19 <el-col :span="16"> 18 <el-col :span="6">
20 <el-form-item label="与产权人的关系"> 19 <el-form-item label="查询类型：">{{form.djSqcxDO.cxlx}}
21 <el-radio-group v-model="ruleForm.ycyrgx"> 20 </el-form-item>
22 <el-radio :label="1">房屋权利人</el-radio> 21 </el-col>
23 <el-radio :label="2">产权利害关系人</el-radio> 22 <el-col :span="6">
24 <el-radio :label="3">委托人</el-radio> 23 <el-form-item label="查询人员：" label-width="90px">{{form.djSqcxDO.cxr}}
25 </el-radio-group> 24 </el-form-item>
25 </el-col>
26 <el-col :span="6">
27 <el-form-item label="查询时间：">{{form.djSqcxDO.cxsj}}
26 </el-form-item> 28 </el-form-item>
27 </el-col> 29 </el-col>
28 </el-row> 30 </el-row>
29 31 <el-row>
32 <el-col :span="6">
33 <el-form-item label="查询编号：" label-width="90px">{{form.djSqcxDO.cxbh}}
34 </el-form-item>
35 </el-col>
36 <el-col :span="6">
37 <el-form-item label="查询用途：" label-width="90px">{{form.djSqcxDO.cxyt}}
38 </el-form-item>
39 </el-col>
40 <el-col :span="6">
41 <el-form-item label="与产权人的关系：">{{form.djSqcxDO.ycqrgxmc}}
42 </el-form-item>
43 </el-col>
44 <el-col :span="6">
45 <el-form-item label="不动产权证号：">{{form.djSqcxDO.bdcqzh}}
46 </el-form-item>
47 </el-col>
48 </el-row>
49 <el-row>
50 <el-col :span="24" style="margin-bottom: 15px">
51 <div class="slxx_title title-block">
52 申请人
53 <div class="triangle"></div>
54 </div>
55 </el-col>
56 </el-row>
30 <el-row> 57 <el-row>
31 <el-col> 58 <el-col>
32 <lb-table :column="sqrData.columns" border :data="sqrData.data" :maxHeight="200" heightNumSetting 59 <lb-table :column="sqrData.columns" border :data="form.sqrList" :maxHeight="200" heightNumSetting
33 :pagination="false"> 60 :pagination="false">
34 </lb-table> 61 </lb-table>
35 </el-col> 62 </el-col>
36 </el-row> 63 </el-row>
37
38 <el-row> 64 <el-row>
39 <el-col :span="24" style="margin-bottom: 15px"> 65 <el-col :span="24" style="margin-bottom: 15px">
40 <div class="slxx_title title-block"> 66 <div class="slxx_title title-block">
...@@ -45,7 +71,7 @@ ...@@ -45,7 +71,7 @@
45 </el-row> 71 </el-row>
46 <el-row> 72 <el-row>
47 <el-col> 73 <el-col>
48 <lb-table :column="qlrData.columns" border :data="qlrData.data" :maxHeight="200" heightNumSetting 74 <lb-table :column="qlrData.columns" border :data="form.qlrList" :maxHeight="200" heightNumSetting
49 :pagination="false"> 75 :pagination="false">
50 </lb-table> 76 </lb-table>
51 </el-col> 77 </el-col>
...@@ -58,16 +84,25 @@ ...@@ -58,16 +84,25 @@
58 <div class="triangle"></div> 84 <div class="triangle"></div>
59 </div> 85 </div>
60 </el-col> 86 </el-col>
61 </el-row> 87 </el-row>
62 <el-row> 88 <el-row>
63 <el-col> 89 <el-col>
64 <p>查询编号：{{ cxbh }}</p> 90 <lb-table :column="cxjgData.columns" :data="form.cxjgList" :maxHeight="200" heightNumSetting
91 :pagination="false">
92 </lb-table>
93 </el-col>
94 </el-row>
95 <el-row>
96 <el-col :span="24" style="margin-bottom: 15px">
97 <div class="slxx_title title-block">
98 打印记录
99 <div class="triangle"></div>
100 </div>
65 </el-col> 101 </el-col>
66 </el-row> 102 </el-row>
67 <el-row> 103 <el-row>
68 <el-col> 104 <el-col>
69 <lb-table :column="cxjgData.columns" :data="cxjgData.data" :maxHeight="200" heightNumSetting 105 <lb-table :column="dyjlcolumns" :data="form.dyjlList" :maxHeight="200" heightNumSetting :pagination="false">
70 :pagination="false">
71 </lb-table> 106 </lb-table>
72 </el-col> 107 </el-col>
73 </el-row> 108 </el-row>
...@@ -86,13 +121,14 @@ export default { ...@@ -86,13 +121,14 @@ export default {
86 // }, 121 // },
87 props: ["formData"], 122 props: ["formData"],
88 123
89 created () { 124 created() {
90 // debugger; 125 // debugger;
91 // alert(this.formData.sqcxBsm); 126 // alert(this.formData.sqcxBsm);
92 }, 127 },
93 128
94 data () { 129 data() {
95 return { 130 return {
131 form: {},
96 ruleForm: { 132 ruleForm: {
97 cxyt: "", 133 cxyt: "",
98 ycyrgx: 1, 134 ycyrgx: 1,
...@@ -113,26 +149,27 @@ export default { ...@@ -113,26 +149,27 @@ export default {
113 columns: datas.qlrcolumns(), 149 columns: datas.qlrcolumns(),
114 data: [], 150 data: [],
115 }, 151 },
152 dyjlcolumns: datas.dyjlcolumns(),
116 }; 153 };
117 }, 154 },
118 155
119 mounted () { 156 mounted() {
120 sendThis(this); 157 sendThis(this);
121 var sqcxBsm = this.formData.sqcxBsm; 158 var sqcxBsm = this.formData.sqcxBsm;
122 159
123 getJtfcInfo({ sqcxBsm: sqcxBsm }) 160 getJtfcInfo({ sqcxBsm: sqcxBsm })
124 .then((res) => { 161 .then((res) => {
125 if (res.code == 200) { 162 if (res.code == 200) {
163 this.form = res.result;
126 this.sqrData.data = res.result.sqxx; 164 this.sqrData.data = res.result.sqxx;
127 this.qlrData.data = res.result.qlrxx; 165 this.qlrData.data = res.result.qlrxx;
128 this.cxjgData.data = res.result.djSqcxCxjgDOList; 166 this.cxjgData.data = res.result.djSqcxCxjgDOList;
129 this.cxbh = res.result.djSqcxDO.cxbh; 167 this.cxbh = res.result.djSqcxDO.cxbh;
130
131 } 168 }
132 }) 169 })
133 .catch((error) => { 170 .catch((error) => {
134 console.log(error); 171 console.log(error);
135 }) 172 });
136 }, 173 },
137 methods: {}, 174 methods: {},
138 }; 175 };
......
...@@ -126,7 +126,22 @@ class data extends filter { ...@@ -126,7 +126,22 @@ class data extends filter {
126 }, 126 },
127 ] 127 ]
128 } 128 }
129 129 dyjlcolumns () {
130 return [
131 {
132 prop: 'sqrxm',
133 label: '打印类型',
134 },
135 {
136 prop: 'sqrzjlxmc',
137 label: '打印人员',
138 },
139 {
140 prop: 'sqrzjhm',
141 label: '打印时间',
142 }
143 ]
144 }
130 } 145 }
131 146
132 147
......
...@@ -2,21 +2,47 @@ ...@@ -2,21 +2,47 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> 5 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="3">
8 <el-form-item label="查询来源">
9 <el-select v-model="queryForm.cxbh" placeholder="请选择活动区域">
10 <el-option label="区域一" value="shanghai"></el-option>
11 <el-option label="区域二" value="beijing"></el-option>
12 </el-select>
13 </el-form-item>
14 </el-col>
15 <el-col :span="3">
16 <el-form-item label="查询类型">
17 <el-select v-model="queryForm.cxbh" placeholder="请选择活动区域">
18 <el-option label="区域一" value="shanghai"></el-option>
19 <el-option label="区域二" value="beijing"></el-option>
20 </el-select>
21 </el-form-item>
22 </el-col>
23 <el-col :span="3">
8 <el-form-item label="查询编号"> 24 <el-form-item label="查询编号">
9 <el-input placeholder="请输入编号" @clear="queryClick" v-model="queryForm.cxbh" class="width100" clearable> 25 <el-input placeholder="请输入编号" @clear="queryClick" v-model="queryForm.cxbh" class="width100" clearable>
10 </el-input> 26 </el-input>
11 </el-form-item> 27 </el-form-item>
12 </el-col> 28 </el-col>
13 <el-col :span="5"> 29 <el-col :span="4">
14 <el-form-item label="申请人"> 30 <el-form-item label="申请人">
15 <el-input placeholder="请输入申请人" @clear="queryClick" v-model="queryForm.sqr" class="width100" clearable> 31 <el-input placeholder="请输入申请人" @clear="queryClick" v-model="queryForm.sqr" class="width100" clearable>
16 </el-input> 32 </el-input>
17 </el-form-item> 33 </el-form-item>
18 </el-col> 34 </el-col>
19 <el-col :span="14" class="btnColRight"> 35 <el-col :span="8">
36 <el-form-item label="查询时间">
37 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd"
38 clearable>
39 </el-date-picker> 至
40 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd"
41 clearable>
42 </el-date-picker>
43 </el-form-item>
44 </el-col>
45 <el-col :span="3" class="btnColRight">
20 <el-form-item> 46 <el-form-item>
21 <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> 47 <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button>
22 <el-button @click="moreQueryClick()">高级查询</el-button> 48 <el-button @click="moreQueryClick()">高级查询</el-button>
...@@ -41,11 +67,11 @@ import { getJtfcPage } from "@/api/sqcx"; ...@@ -41,11 +67,11 @@ import { getJtfcPage } from "@/api/sqcx";
41 export default { 67 export default {
42 name: "sqcxjl", 68 name: "sqcxjl",
43 mixins: [table], 69 mixins: [table],
44 mounted () { 70 mounted() {
45 sendThis(this); 71 sendThis(this);
46 this.queryClick() 72 this.queryClick();
47 }, 73 },
48 data () { 74 data() {
49 return { 75 return {
50 queryForm: { 76 queryForm: {
51 cxbh: "", 77 cxbh: "",
...@@ -60,7 +86,7 @@ export default { ...@@ -60,7 +86,7 @@ export default {
60 }, 86 },
61 methods: { 87 methods: {
62 // 初始化数据 88 // 初始化数据
63 queryClick () { 89 queryClick() {
64 this.$startLoading(); 90 this.$startLoading();
65 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { 91 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
66 this.$endLoading(); 92 this.$endLoading();
...@@ -71,18 +97,18 @@ export default { ...@@ -71,18 +97,18 @@ export default {
71 } 97 }
72 }); 98 });
73 }, 99 },
74 handleSort (name, sort) { 100 handleSort(name, sort) {
75 console.log(name, sort); 101 console.log(name, sort);
76 }, 102 },
77 // 查看 103 // 查看
78 handleViewClick (scope) { 104 handleViewClick(scope) {
79 var sqcxBsm = scope.row.bsmSqcx; 105 var sqcxBsm = scope.row.bsmSqcx;
80 this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { 106 this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
81 formData: { 107 formData: {
82 sqcxBsm: sqcxBsm, 108 sqcxBsm: sqcxBsm,
83 }, 109 },
84 cancel: function () { }, //取消事件的回调 110 cancel: function () {}, //取消事件的回调
85 confirm: function () { }, 111 confirm: function () {},
86 }); 112 });
87 }, 113 },
88 }, 114 },
......