Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8a8e5971 by jiaozeping@pashanhoo.com
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 35ac5981 db6d83d1
Inline Side-by-side
Showing 12 changed files with 680 additions and 342 deletions
...@@ -64,14 +64,15 @@ ...@@ -64,14 +64,15 @@
64 64
65 // 有子级 65 // 有子级
66 .el-submenu__title { 66 .el-submenu__title {
67 margin-left: 13px; 67 // margin-left: 13px;
68 padding-left: 10px !important; 68 // padding-left: 10px !important;
69 color: $menuText; 69 color: $menuText;
70 background-color: transparent !important; 70 background-color: transparent !important;
71 border-bottom: 1px solid $sliderBorderColor;
71 72
72 &:hover { 73 &:hover {
73 color: $subMenuActiveText !important; 74 color: $subMenuActiveText !important;
74 background-color: $subMenuHover !important; 75 background-color: $menuHover !important;
75 76
76 .svg-icon, 77 .svg-icon,
77 i, 78 i,
...@@ -84,10 +85,11 @@ ...@@ -84,10 +85,11 @@
84 // 没有子级 85 // 没有子级
85 .submenu-title-noDropdown { 86 .submenu-title-noDropdown {
86 color: $menuText; 87 color: $menuText;
87 border-radius: 6px; 88 border-bottom: 1px solid $sliderBorderColor;
88 padding-left: 10px !important;
89 89
90 &:hover { 90 // border-radius: 6px;
91 // padding-left: 10px !important;
92 b &:hover {
91 color: $menuActiveText !important; 93 color: $menuActiveText !important;
92 background-color: $subMenuHover !important; 94 background-color: $subMenuHover !important;
93 95
...@@ -119,8 +121,8 @@ ...@@ -119,8 +121,8 @@
119 .el-submenu__title { 121 .el-submenu__title {
120 font-weight: 600; 122 font-weight: 600;
121 font-size: $sideBarFontSize; 123 font-size: $sideBarFontSize;
122 margin: 0 10px; 124 // margin: 0 10px;
123 border-radius: 6px; 125 // border-radius: 6px;
124 126
125 >i { 127 >i {
126 color: $subMenuActiveText !important; 128 color: $subMenuActiveText !important;
...@@ -151,22 +153,30 @@ ...@@ -151,22 +153,30 @@
151 153
152 & .nest-menu .el-submenu>.el-submenu__title, 154 & .nest-menu .el-submenu>.el-submenu__title,
153 & .el-submenu .el-menu-item { 155 & .el-submenu .el-menu-item {
156
157
154 &.is-active { 158 &.is-active {
155 background-color: $subMenuHover !important; 159 background-color: $subMenuHover !important;
156 color: $menuActiveText !important; 160 color: $menuActiveText !important;
161 border-bottom: 1px solid $sliderBorderColor;
157 } 162 }
158 163
159 &:hover { 164 &:hover {
160 background-color: $subMenuHover !important; 165 background-color: $subMenuHover !important;
161 color: $menuActiveText !important; 166 color: $menuActiveText !important;
167 border-bottom: 1px solid $sliderBorderColor;
162 } 168 }
163 169
164 min-width: 130px !important; 170 min-width: 130px !important;
165 background-color: transparent !important; 171 background-color: transparent !important;
166 font-weight: 600; 172 font-weight: 600;
167 font-size: $sideBarFontSize; 173 font-size: $sideBarFontSize;
168 margin: 0 10px; 174
169 border-radius: 6px; 175 // margin: 0 10px;
176 // border-radius: 6px;
177 span {
178 margin-left: 10px;
179 }
170 } 180 }
171 } 181 }
172 182
...@@ -279,9 +289,9 @@ ...@@ -279,9 +289,9 @@
279 289
280 .nest-menu .el-submenu>.el-submenu__title, 290 .nest-menu .el-submenu>.el-submenu__title,
281 .el-menu-item { 291 .el-menu-item {
282 width: calc(100% - 12px); 292 // width: calc(100% - 12px);
283 border-top-right-radius: 8px; 293 // border-top-right-radius: 8px;
284 border-bottom-right-radius: 8px; 294 // border-bottom-right-radius: 8px;
285 font-weight: 600 !important; 295 font-weight: 600 !important;
286 font-size: 15px !important; 296 font-size: 15px !important;
287 background-color: $menuHover !important; 297 background-color: $menuHover !important;
......
...@@ -17,7 +17,7 @@ $menuActiveText:#ffffff; ...@@ -17,7 +17,7 @@ $menuActiveText:#ffffff;
17 $subMenuActiveText:#ffffff; 17 $subMenuActiveText:#ffffff;
18 18
19 $menuBg:#202B3D; 19 $menuBg:#202B3D;
20 $menuHover:#0794FF; 20 $menuHover:#226ca5;
21 21
22 $subMenuBg:#202B3D; 22 $subMenuBg:#202B3D;
23 $subMenuHover:#0794FF; 23 $subMenuHover:#0794FF;
...@@ -27,6 +27,8 @@ $sideBarFontSize:15px; ...@@ -27,6 +27,8 @@ $sideBarFontSize:15px;
27 27
28 // border颜色 28 // border颜色
29 $borderColor: #EBEEF5; 29 $borderColor: #EBEEF5;
30 $sliderBorderColor: #909399;
31
30 32
31 // the :export directive is the magic sauce for webpack 33 // the :export directive is the magic sauce for webpack
32 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass 34 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
......
...@@ -21,12 +21,19 @@ ...@@ -21,12 +21,19 @@
21 </el-col> 21 </el-col>
22 </el-row> 22 </el-row>
23 </el-form> 23 </el-form>
24 <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> 24 <!-- <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> -->
25 <lb-table border :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
26 :pagination="false">
27 </lb-table>
25 28
26 <b class="title">权利人</b> 29 <b class="title">权利人</b>
27 <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" /> 30 <!-- <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" :isGanged="isGanged" /> -->
31 <lb-table border :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
32 :pagination="false">
33 </lb-table>
28 <div v-show="isSearch"> 34 <div v-show="isSearch">
29 <b class="title">查询结果</b> 35 <b class="title">查询结果</b>
36 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
30 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false"> 37 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
31 </lb-table> 38 </lb-table>
32 </div> 39 </div>
...@@ -35,8 +42,10 @@ ...@@ -35,8 +42,10 @@
35 <div class="submit-button" style="padding-bottom:50px"> 42 <div class="submit-button" style="padding-bottom:50px">
36 <el-button @click="resetClick">重置</el-button> 43 <el-button @click="resetClick">重置</el-button>
37 <el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button> 44 <el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button>
38 <el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印（1）</el-button> 45 <el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印（{{form.dyjlList.length}}）
39 <el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印（1）</el-button> 46 </el-button>
47 <el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印（{{form.dyjlList.length}}）
48 </el-button>
40 <el-button @click="closeDialog">关闭</el-button> 49 <el-button @click="closeDialog">关闭</el-button>
41 </div> 50 </div>
42 </div> 51 </div>
...@@ -45,39 +54,45 @@ ...@@ -45,39 +54,45 @@
45 54
46 <script> 55 <script>
47 import personInfoTable from "./personInfoTable"; 56 import personInfoTable from "./personInfoTable";
48 import { addJtfcCxjgXx } from "@/api/sqcx"; 57 import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx";
49 import { datas, sendThis } from "./addjtfcdata"; 58 import { datas, sendThis } from "./addjtfcdata";
50 59 import { mapGetters } from "vuex";
51 export default { 60 export default {
52 components: { 61 components: {
53 personInfoTable, 62 personInfoTable,
54 }, 63 },
64 computed: {
65 ...mapGetters(["dictData"]),
66 },
55 props: { 67 props: {
56 value: { type: Boolean, default: false }, 68 value: { type: Boolean, default: false },
69 bsmSqcx: { type: String, default: "" },
57 }, 70 },
58 mounted() { 71 mounted() {
59 sendThis(this); 72 sendThis(this);
60 // this.form.sqrList=_.cloneDeep(this.newData);
61 // this.form.qlrList=_.cloneDeep(this.newData);
62 }, 73 },
63 data() { 74 data() {
64 return { 75 return {
65 myValue: this.value, 76 myValue: this.value,
77 //是否查询
66 isSearch: false, 78 isSearch: false,
67 newData: [ 79 //查询结果列表字段
68 { 80 cxjgColumns: datas.columns(),
81 //申请人列表字段
82 sqrColumns: datas.sqrCol(),
83 //权利人列表字段
84 qlrColumns: datas.qlrCol(),
85 newData: {
69 sqrxm: "", 86 sqrxm: "",
70 sqrzjlxbm: "", 87 sqrzjlxbm: "",
71 sqrzjhm: "", 88 sqrzjhm: "",
72 lxdh: "", 89 lxdh: "",
73 inputErr: false, 90 inputErr: false,
74 }, 91 },
75 ],
76 cxjgColumns: datas.columns(),
77 form: { 92 form: {
78 djSqcxDO: { ycyrgx: "1", cxyt: "" }, 93 djSqcxDO: { ycyrgx: "1", cxyt: "" },
79 sqrList: this.newData, 94 sqrList: [],
80 qlrList: this.newData, 95 qlrList: [],
81 cxjgList: [], 96 cxjgList: [],
82 dyjlList: [], 97 dyjlList: [],
83 }, 98 },
...@@ -86,61 +101,86 @@ export default { ...@@ -86,61 +101,86 @@ export default {
86 watch: { 101 watch: {
87 value(val) { 102 value(val) {
88 this.myValue = val; 103 this.myValue = val;
89 // this.qldataList = _.cloneDeep(this.dataList) 104 if (val) {
90 // this.sqdataList = _.cloneDeep(this.dataList) 105 //this.$alert(this.bsmSqcx);
91 // this.addJtfc.sqrList = _.cloneDeep(this.dataList) 106 if (this.bsmSqcx == "") {
92 // this.addJtfc.qlrList = _.cloneDeep(this.dataList) 107 this.add("sqr");
108 this.add("qlr");
109 } else {
110 this.loadData();
111 }
112 }
93 }, 113 },
94 "form.djSqcxDO.ycyrgx"(val) { 114 "form.djSqcxDO.ycyrgx"(val) {
95 if (val == "1") { 115 if (val == "1") {
96 this.$alert(this.form.sqrList);
97 this.form.qlrList = this.form.sqrList; 116 this.form.qlrList = this.form.sqrList;
98 } else { 117 } else {
99 this.form.qlrList = []; 118 this.form.qlrList = [];
100 this.form.qlrList.push(this.newData); 119 this.add("qlr");
101 } 120 }
102 }, 121 },
103 "form.djSqcxDO.ycyrgx": { 122 "form.sqrList"(val) {
104 handler(newValue, oldName) {}, 123 //this.$alert(val);
105 }, 124 },
106 }, 125 },
107 methods: { 126 methods: {
108 closeDialog() { 127 closeDialog() {
109 this.$emit("input", false); 128 this.$emit("input", false);
110 }, 129 },
111 handleGetSqList(val) { 130 loadData() {
112 // if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) { 131 this.$startLoading();
113 // this.qldataList = val 132 getJtfcInfo({ sqcxBsm: sqcxBsm }).then((res) => {
114 // this.addJtfc.qlrList = val 133 this.$endLoading();
115 // } else 134 if (res.code == 200) {
116 // this.addJtfc.sqrList = val 135 this.form = res.result;
117 }, 136 this.isSearch = true;
118 handleGetQlList(val) { 137 }
119 // if (this.ruleForm.ycyrgx != 1) { 138 });
120 // this.addJtfc.qlrList = val
121 // }
122 }, 139 },
123 queryChick() { 140 queryChick() {
141 this.$startLoading();
124 addJtfcCxjgXx(this.form).then((res) => { 142 addJtfcCxjgXx(this.form).then((res) => {
143 this.$endLoading();
125 if (res.code == 200) { 144 if (res.code == 200) {
126 this.$alert("ddd"); 145 this.form = res.result;
146 this.isSearch = true;
147 this.$parent.queryClick();
127 } 148 }
128 // this.searchData.data = res.result;
129 // this.isSearch = true
130 }); 149 });
131 }, 150 },
132 resetClick() { 151 resetClick() {
133 this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; 152 this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" };
134 this.form.sqrList = _.cloneDeep(this.dataList); 153 this.form.sqrList = _.cloneDeep([this.newData]);
135 this.form.qlrList = _.cloneDeep(this.dataList); 154 this.form.qlrList =_.cloneDeep([this.newData]);
155 this.form.cxjgList = [];
156 this.form.dyjlList = [];
157 this.isSearch = false;
158 },
159 handleRead(scope) {},
160 add(type) {
161 if (type == "sqr") {
162 this.form.sqrList.push(this.newData);
163 } else {
164 this.form.qlrList.push(this.newData);
165 }
166 },
167 remove(index, row, type) {
168 if (type == "sqr") {
169 this.form.sqrList.splice(index, 1);
170 } else {
171 this.form.qlrList.splice(index, 1);
172 }
173 },
174 teltest(row) {
175 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
176 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
177 row.inputErr = true;
178 return false;
179 } else {
180 row.inputErr = false;
181 return true;
182 }
136 }, 183 },
137 handleRead(row) {},
138
139 //抵押
140 dyClick() {},
141
142 //查封
143 cfClick() {},
144 }, 184 },
145 }; 185 };
146 </script> 186 </script>
......
...@@ -8,7 +8,7 @@ class data extends filter { ...@@ -8,7 +8,7 @@ class data extends filter {
8 constructor() { 8 constructor() {
9 super() 9 super()
10 } 10 }
11 columns () { 11 columns() {
12 return [ 12 return [
13 { 13 {
14 prop: 'qszt', 14 prop: 'qszt',
...@@ -66,15 +66,288 @@ class data extends filter { ...@@ -66,15 +66,288 @@ class data extends filter {
66 render: (h, scope) => { 66 render: (h, scope) => {
67 return ( 67 return (
68 <div> 68 <div>
69 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button> 69 <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
70 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button> 70 <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button>
71 </div> 71 </div>
72 ) 72 )
73 } 73 }
74 } 74 }
75 ] 75 ]
76 } 76 }
77 77 sqrCol() {
78 return [
79 {
80 width: "60",
81 renderHeader: (h, scope) => {
82 return (
83 <i
84 class="el-icon-plus pointer"
85 onClick={() => {
86 vm.add("sqr");
87 }}
88 style="color:#409EFF"
89 ></i>
90 );
91 },
92 render: (h, scope) => {
93 return (
94 <i
95 class="el-icon-minus pointer"
96 onClick={() => {
97 vm.remove(scope.$index, scope.row,"sqr");
98 }}
99 ></i>
100 );
101 },
102 },
103 {
104 width: "150",
105 label: "身份证读卡器",
106 render: (h, scope) => {
107 return (
108 <div>
109 <el-button
110 type="text"
111 icon="el-icon-edit-outline"
112 onClick={() => {
113 vm.handleRead(scope);
114 }}
115 >
116 读取
117 </el-button>
118 </div>
119 );
120 },
121 },
122 {
123 width: "150",
124 prop: "sqrxm",
125 label: "姓名/名称",
126 render: (h, scope) => {
127 return (
128 <el-input
129 placeholder="姓名/名称"
130 value={scope.row[scope.column.property]}
131 onInput={(val) => {
132 scope.row[scope.column.property] = val;
133 }}
134 ></el-input>
135 );
136 },
137 },
138 {
139 prop: "sqrzjlxbm",
140 label: "证件种类",
141 render: (h, scope) => {
142 return (
143 <el-select
144 class="width100"
145 value={scope.row[scope.column.property]}
146 onChange={(val) => {
147 scope.row[scope.column.property] = val;
148 }}
149 >
150 {vm.dictData["A30"].map((option) => {
151 return (
152 <el-option
153 label={option.dname}
154 value={option.dcode}
155 ></el-option>
156 );
157 })}
158 </el-select>
159 );
160 },
161 },
162 {
163 prop: "sqrzjhm",
164 label: "证件号",
165 render: (h, scope) => {
166 return (
167 <el-input
168 placeholder="证件号"
169 value={scope.row[scope.column.property]}
170 onInput={(val) => {
171 scope.row[scope.column.property] = val;
172 }}
173 maxlength="21"
174 ></el-input>
175 );
176 },
177 },
178 {
179 prop: "lxdh",
180 label: "联系电话",
181 render: (h, scope) => {
182 return (
183 <div class="typePhone">
184 <el-input
185 placeholder="联系电话"
186 value={scope.row[scope.column.property]}
187 onInput={(val) => {
188 scope.row[scope.column.property] = val;
189 }}
190 onBlur={(val) => {
191 vm.teltest(scope.row);
192 }}
193 type="tel"
194 maxlength="11"
195 ></el-input>
196 <span
197 v-show={scope.row.inputErr}
198 style={{
199 fontSize: "12px",
200 color: "red",
201 position: "absolute",
202 bottom: "-2px",
203 left: "0",
204 }}
205 >
206 请输入正确手机号
207 </span>
208 </div>
209 );
210 },
211 },
212 ]
213 }
214 qlrCol() {
215 return [
216 {
217 width: "60",
218 renderHeader: (h, scope) => {
219 return (
220 <i
221 class="el-icon-plus pointer"
222 onClick={() => {
223 vm.add("qlr");
224 }}
225 style="color:#409EFF"
226 ></i>
227 );
228 },
229 render: (h, scope) => {
230 return (
231 <i
232 class="el-icon-minus pointer"
233 onClick={() => {
234 vm.remove(scope.$index, scope.row,"qlr");
235 }}
236 ></i>
237 );
238 },
239 },
240 {
241 width: "150",
242 label: "身份证读卡器",
243 render: (h, scope) => {
244 return (
245 <div>
246 <el-button
247 type="text"
248 icon="el-icon-edit-outline"
249 onClick={() => {
250 vm.handleRead(scope);
251 }}
252 >
253 读取
254 </el-button>
255 </div>
256 );
257 },
258 },
259 {
260 width: "150",
261 prop: "sqrxm",
262 label: "姓名/名称",
263 render: (h, scope) => {
264 return (
265 <el-input
266 placeholder="姓名/名称"
267 value={scope.row[scope.column.property]}
268 onInput={(val) => {
269 scope.row[scope.column.property] = val;
270 }}
271 ></el-input>
272 );
273 },
274 },
275 {
276 prop: "sqrzjlxbm",
277 label: "证件种类",
278 render: (h, scope) => {
279 return (
280 <el-select
281 class="width100"
282 value={scope.row[scope.column.property]}
283 onChange={(val) => {
284 scope.row[scope.column.property] = val;
285 }}
286 >
287 {vm.dictData["A30"].map((option) => {
288 return (
289 <el-option
290 label={option.dname}
291 value={option.dcode}
292 ></el-option>
293 );
294 })}
295 </el-select>
296 );
297 },
298 },
299 {
300 prop: "sqrzjhm",
301 label: "证件号",
302 render: (h, scope) => {
303 return (
304 <el-input
305 placeholder="证件号"
306 value={scope.row[scope.column.property]}
307 onInput={(val) => {
308 scope.row[scope.column.property] = val;
309 }}
310 maxlength="21"
311 ></el-input>
312 );
313 },
314 },
315 {
316 prop: "lxdh",
317 label: "联系电话",
318 render: (h, scope) => {
319 return (
320 <div class="typePhone">
321 <el-input
322 placeholder="联系电话"
323 value={scope.row[scope.column.property]}
324 onInput={(val) => {
325 scope.row[scope.column.property] = val;
326 }}
327 onBlur={(val) => {
328 vm.teltest(scope.row);
329 }}
330 type="tel"
331 maxlength="11"
332 ></el-input>
333 <span
334 v-show={scope.row.inputErr}
335 style={{
336 fontSize: "12px",
337 color: "red",
338 position: "absolute",
339 bottom: "-2px",
340 left: "0",
341 }}
342 >
343 请输入正确手机号
344 </span>
345 </div>
346 );
347 },
348 },
349 ]
350 }
78 } 351 }
79 let datas = new data() 352 let datas = new data()
80 export { 353 export {
......
...@@ -8,116 +8,166 @@ ...@@ -8,116 +8,166 @@
8 </lb-table> 8 </lb-table>
9 </template> 9 </template>
10 <script> 10 <script>
11 import { mapGetters } from 'vuex' 11 import { mapGetters } from "vuex";
12 export default { 12 export default {
13 props: { 13 props: {
14 dataList: { 14 dataList: { type: Array, default: () => [{}] },
15 type: Array, 15 },
16 default: () => [{ 16 created() {
17 sqrxm: '', 17 if (this.dataList.length == 0) {
18 sqrzjlxbm: '', 18 this.add();
19 sqrzjhm: '',
20 lxdh: '',
21 inputErr: false
22 }]
23 } 19 }
24 }, 20 },
25 computed: { 21 computed: {
26 ...mapGetters(['dictData']) 22 ...mapGetters(["dictData"]),
27 }, 23 },
28 data () { 24 data() {
29 return { 25 return {
30 tableData: { 26 tableData: {
31 columns: [ 27 columns: [
32 { 28 {
33 width: '60', 29 width: "60",
34 renderHeader: (h, scope) => { 30 renderHeader: (h, scope) => {
35 return <i class="el-icon-plus pointer" onClick={() => { this.add() }} style="color:#409EFF"></i> 31 return (
32 <i
33 class="el-icon-plus pointer"
34 onClick={() => {
35 this.add();
36 }}
37 style="color:#409EFF"
38 ></i>
39 );
36 }, 40 },
37 render: (h, scope) => { 41 render: (h, scope) => {
38 return ( 42 return (
39 <i class="el-icon-minus pointer" onClick={() => { this.remove(scope.$index, scope.row) }}></i> 43 <i
40 ) 44 class="el-icon-minus pointer"
41 } 45 onClick={() => {
46 this.remove(scope.$index, scope.row);
47 }}
48 ></i>
49 );
50 },
42 }, 51 },
43 { 52 {
44 width: '150', 53 width: "150",
45 label: '身份证读卡器', 54 label: "身份证读卡器",
46 render: (h, scope) => { 55 render: (h, scope) => {
47 return ( 56 return (
48 <div> 57 <div>
49 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button> 58 <el-button
59 type="text"
60 icon="el-icon-edit-outline"
61 onClick={() => {
62 this.handleRead(scope);
63 }}
64 >
65 读取
66 </el-button>
50 </div> 67 </div>
51 ) 68 );
52 } 69 },
53 }, 70 },
54 { 71 {
55 width: '150', 72 width: "150",
56 prop: 'sqrxm', 73 prop: "sqrxm",
57 label: '姓名/名称', 74 label: "姓名/名称",
58 render: (h, scope) => { 75 render: (h, scope) => {
59 return ( 76 return (
60 <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]} 77 <el-input
61 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> 78 placeholder="姓名/名称"
62 ) 79 value={scope.row[scope.column.property]}
63 } 80 onInput={(val) => {
81 scope.row[scope.column.property] = val;
82 }}
83 ></el-input>
84 );
85 },
64 }, 86 },
65 { 87 {
66 prop: 'sqrzjlxbm', 88 prop: "sqrzjlxbm",
67 label: '证件种类', 89 label: "证件种类",
68 render: (h, scope) => { 90 render: (h, scope) => {
69 return ( 91 return (
70 <el-select class="width100" value={scope.row[scope.column.property]} 92 <el-select
71 onChange={(val) => { scope.row[scope.column.property] = val }}> 93 class="width100"
72 { 94 value={scope.row[scope.column.property]}
73 this.dictData['A30'].map(option => { 95 onChange={(val) => {
96 scope.row[scope.column.property] = val;
97 }}
98 >
99 {this.dictData["A30"].map((option) => {
74 return ( 100 return (
75 <el-option label={option.dname} value={option.dcode}></el-option> 101 <el-option
76 ) 102 label={option.dname}
77 }) 103 value={option.dcode}
78 } 104 ></el-option>
105 );
106 })}
79 </el-select> 107 </el-select>
80 ) 108 );
81 } 109 },
82 }, 110 },
83 { 111 {
84 prop: 'sqrzjhm', 112 prop: "sqrzjhm",
85 label: '证件号', 113 label: "证件号",
86 render: (h, scope) => { 114 render: (h, scope) => {
87 return ( 115 return (
88 <el-input placeholder="证件号" value={scope.row[scope.column.property]} 116 <el-input
89 onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='21'></el-input> 117 placeholder="证件号"
90 ) 118 value={scope.row[scope.column.property]}
91 } 119 onInput={(val) => {
120 scope.row[scope.column.property] = val;
121 }}
122 maxlength="21"
123 ></el-input>
124 );
125 },
92 }, 126 },
93 { 127 {
94 prop: 'lxdh', 128 prop: "lxdh",
95 label: '联系电话', 129 label: "联系电话",
96 render: (h, scope) => { 130 render: (h, scope) => {
97 return ( 131 return (
98 <div class='typePhone'> 132 <div class="typePhone">
99 <el-input placeholder="联系电话" value={scope.row[scope.column.property]} 133 <el-input
100 onInput={(val) => { scope.row[scope.column.property] = val }} 134 placeholder="联系电话"
101 onBlur={(val) => { this.teltest(scope.row) }} 135 value={scope.row[scope.column.property]}
102 type='tel' maxlength='11' 136 onInput={(val) => {
137 scope.row[scope.column.property] = val;
138 }}
139 onBlur={(val) => {
140 this.teltest(scope.row);
141 }}
142 type="tel"
143 maxlength="11"
103 ></el-input> 144 ></el-input>
104 <span v-show={scope.row.inputErr} style={{ 145 <span
105 fontSize: '12px', color: 'red', position: 'absolute', bottom: '-2px', left: '0' 146 v-show={scope.row.inputErr}
106 }}>请输入正确手机号</span> 147 style={{
148 fontSize: "12px",
149 color: "red",
150 position: "absolute",
151 bottom: "-2px",
152 left: "0",
153 }}
154 >
155 请输入正确手机号
156 </span>
107 </div> 157 </div>
108 ) 158 );
109 } 159 },
110 } 160 },
111 ], 161 ],
112 data: [] 162 data: this.dataList,
113 } 163 },
114 } 164 };
115 }, 165 },
116 // watch: { 166 watch: {
117 // 'tableData.data': { 167 // 'tableData.data': {
118 // handler (newValue, oldName) { 168 // handler (newValue, oldName) {
119 // if (newValue.length != 0) { 169 // if (newValue.length != 0) {
120 // this.$alert(newValue); 170 // //this.$alert(newValue);
121 // //this.$emit('getInfoList', newValue) 171 // //this.$emit('getInfoList', newValue)
122 // } 172 // }
123 // }, 173 // },
...@@ -127,38 +177,37 @@ export default { ...@@ -127,38 +177,37 @@ export default {
127 // dataList: { 177 // dataList: {
128 // handler (newValue, oldName) { 178 // handler (newValue, oldName) {
129 // this.tableData.data = _.cloneDeep(newValue) 179 // this.tableData.data = _.cloneDeep(newValue)
130 // console.log(this.tableData.data, 'this.tableData.datathis.tableData.data'); 180 // //console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
131 // }, 181 // },
132 // deep: true, 182 // deep: true,
133 // immediate: true 183 // immediate: true
134 // }, 184 // },
135 // }, 185 },
136 methods: { 186 methods: {
137 add () { 187 add() {
138 this.tableData.data.push({ 188 this.tableData.data.push({
139 sqrxm: '', 189 sqrxm: "",
140 sqrzjlxbm: '', 190 sqrzjlxbm: "",
141 sqrzjhm: '', 191 sqrzjhm: "",
142 lxdh: '', 192 lxdh: "",
143 inputErr: false 193 inputErr: false,
144 }) 194 });
145 }, 195 },
146 remove (index, row) { 196 remove(index, row) {
147 this.tableData.data.splice(index, 1) 197 this.tableData.data.splice(index, 1);
148 }, 198 },
149 teltest (row) { 199 teltest(row) {
150 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; 200 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
151 if (row.lxdh == '' || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { 201 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
152 row.inputErr = true 202 row.inputErr = true;
153 return false 203 return false;
154
155 } else { 204 } else {
156 row.inputErr = false 205 row.inputErr = false;
157 return true 206 return true;
158 }
159 }
160 } 207 }
161 } 208 },
209 },
210 };
162 </script> 211 </script>
163 <style scoped lang='scss'> 212 <style scoped lang='scss'>
164 /deep/.el-table__cell { 213 /deep/.el-table__cell {
......
...@@ -18,10 +18,10 @@ ...@@ -18,10 +18,10 @@
18 </el-col> 18 </el-col>
19 <el-col :span="10"> 19 <el-col :span="10">
20 <el-form-item label="查询时间"> 20 <el-form-item label="查询时间">
21 <el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date" 21 <el-date-picker v-model="queryForm.sqr" type="date"
22 placeholder="开始日期" value-format="yyyy-MM-dd" clearable> 22 placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
23 </el-date-picker> 至 23 </el-date-picker> 至
24 <el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date" 24 <el-date-picker v-model="queryForm.sqr" type="date"
25 placeholder="结束日期" value-format="yyyy-MM-dd" clearable> 25 placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
26 </el-date-picker> 26 </el-date-picker>
27 </el-form-item> 27 </el-form-item>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 :column="tableData.columns" :data="tableData.data"> 40 :column="tableData.columns" :data="tableData.data">
41 </lb-table> 41 </lb-table>
42 </div> 42 </div>
43 <addjtfc v-model="isDialog" /> 43 <addjtfc v-model="isDialog" :key="timer" :sqcxBsm="sqcxBsm" />
44 </div> 44 </div>
45 </template> 45 </template>
46 <script> 46 <script>
...@@ -52,20 +52,19 @@ export default { ...@@ -52,20 +52,19 @@ export default {
52 name: "jtfc", 52 name: "jtfc",
53 components: { addjtfc }, 53 components: { addjtfc },
54 mixins: [table], 54 mixins: [table],
55 mounted () { 55 mounted() {
56 sendThis(this); 56 sendThis(this);
57 this.queryClick() 57 this.queryClick();
58 }, 58 },
59 data () { 59 data() {
60 return { 60 return {
61 timer: "",
61 isDialog: false, 62 isDialog: false,
62 sqrOption: [], 63 sqcxBsm: "",
63 cxytOption: [],
64 queryForm: { 64 queryForm: {
65 cxbh: "", 65 cxbh: "",
66 sqr: "", 66 sqr: "",
67 }, 67 },
68
69 tableData: { 68 tableData: {
70 columns: datas.columns(), 69 columns: datas.columns(),
71 data: [], 70 data: [],
...@@ -74,7 +73,7 @@ export default { ...@@ -74,7 +73,7 @@ export default {
74 }, 73 },
75 methods: { 74 methods: {
76 // 初始化数据 75 // 初始化数据
77 queryClick () { 76 queryClick() {
78 this.$startLoading(); 77 this.$startLoading();
79 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { 78 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
80 this.$endLoading(); 79 this.$endLoading();
...@@ -85,24 +84,30 @@ export default { ...@@ -85,24 +84,30 @@ export default {
85 } 84 }
86 }); 85 });
87 }, 86 },
88 handleSort (name, sort) { 87 handleSort(name, sort) {
89 console.log(name, sort); 88 console.log(name, sort);
90 }, 89 },
91 handleAdd () { 90 handleAdd() {
91 //this.handleLoad();
92 this.isDialog = true; 92 this.isDialog = true;
93 }, 93 },
94 handleViewClick (scope) { 94 handleViewClick(scope) {
95 var sqcxBsm = scope.row.bsmSqcx; 95 //this.handleLoad();
96 this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { 96 this.bsmSqcx = scope.row.bsmSqcx;
97 formData: { 97 this.isDialog = true;
98 sqcxBsm: sqcxBsm, 98 // this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
99 // formData: {
100 // sqcxBsm: sqcxBsm,
101 // },
102 // cancel: function () { }, //取消事件的回调
103 // confirm: function () { },
104 // });
99 }, 105 },
100 cancel: function () { }, //取消事件的回调 106 handleLoad() {
101 confirm: function () { }, 107 this.timer = new Date().getTime();
102 }); 108 },
103 } 109 },
104 } 110 };
105 }
106 </script> 111 </script>
107 <style scoped lang="scss"> 112 <style scoped lang="scss">
108 @import "~@/styles/public.scss"; 113 @import "~@/styles/public.scss";
......
...@@ -43,17 +43,8 @@ class data extends filter { ...@@ -43,17 +43,8 @@ class data extends filter {
43 label: "申请人", 43 label: "申请人",
44 }, 44 },
45 { 45 {
46 prop: "ycqrgxmc",
46 label: "与权利人的关系", 47 label: "与权利人的关系",
47 render: (h, scope) => {
48 switch (scope.row.ycyrgx) {
49 case '1':
50 return <div>权利人</div>
51 case '2':
52 return <div>产权利害关系人</div>
53 case '3':
54 return <div>委托人</div>
55 }
56 }
57 }, 48 },
58 { 49 {
59 prop: "qlrxm", 50 prop: "qlrxm",
......
...@@ -6,44 +6,22 @@ ...@@ -6,44 +6,22 @@
6 <el-row :gutter="20"> 6 <el-row :gutter="20">
7 <el-col :span="6"> 7 <el-col :span="6">
8 <el-form-item label="权利类型"> 8 <el-form-item label="权利类型">
9 <el-select 9 <el-select v-model="queryForm.qllx" @change="queryClick" filterable class="width100" clearable
10 v-model="queryForm.qllx" 10 placeholder="请选择权利类型">
11 @change="queryClick" 11 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
12 filterable
13 class="width100"
14 clearable
15 placeholder="请选择权利类型"
16 >
17 <el-option
18 v-for="item in qllxs"
19 :key="item.value"
20 :label="item.label"
21 :value="item.value"
22 >
23 </el-option> 12 </el-option>
24 </el-select> 13 </el-select>
25 </el-form-item> 14 </el-form-item>
26 </el-col> 15 </el-col>
27 <el-col :span="6"> 16 <el-col :span="6">
28 <el-form-item label="登记业务编码"> 17 <el-form-item label="登记业务编码">
29 <el-input 18 <el-input placeholder="请输入登记业务编码" @clear="queryClick" v-model="queryForm.djywbm" clearable>
30 placeholder="请输入登记业务编码"
31 @clear="queryClick"
32 v-model="queryForm.djywbm"
33 clearable
34 >
35 </el-input> 19 </el-input>
36 </el-form-item> 20 </el-form-item>
37 </el-col> 21 </el-col>
38 <el-col :span="12" class="btnColRight"> 22 <el-col :span="12" class="btnColRight">
39 <el-form-item> 23 <el-form-item>
40 <el-button 24 <el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button>
41 type="primary"
42 native-type="submit"
43 icon="el-icon-search"
44 @click="queryClick"
45 >查询</el-button
46 >
47 </el-form-item> 25 </el-form-item>
48 </el-col> 26 </el-col>
49 </el-row> 27 </el-row>
...@@ -51,25 +29,14 @@ ...@@ -51,25 +29,14 @@
51 </div> 29 </div>
52 <!-- 表格 --> 30 <!-- 表格 -->
53 <div class="from-clues-content"> 31 <div class="from-clues-content">
54 <lb-table 32 <lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage"
55 :page-size="pageData.pageSize" 33 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
56 class="loadingtext" 34 :column="tableData.columns" :data="tableData.data">
57 :current-page.sync="pageData.currentPage"
58 :total="tableData.total"
59 @size-change="handleSizeChange"
60 @p-current-change="handleCurrentChange"
61 :column="tableData.columns"
62 :data="tableData.data"
63 >
64 </lb-table> 35 </lb-table>
65 </div> 36 </div>
66 <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> 37 <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> -->
67 <component-dialog 38 <component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule && flag" :sqqlRule="sqqlRule"
68 :dialogVisible="dialogVisible" 39 @update:dialogVisible="dialogVisibles"></component-dialog>
69 v-if="sqqlRule && flag"
70 :sqqlRule="sqqlRule"
71 @update:dialogVisible="dialogVisibles"
72 ></component-dialog>
73 </div> 40 </div>
74 </template> 41 </template>
75 <script> 42 <script>
......
1 <template> 1 <template>
2 <div class="zdxx" id="printMe"> 2 <div>
3 <div class="tablebox"> 3 <div id="printMe" style="width: 100%;height: 100%;background-color: #f5f5f5;padding: 5px;">
4 <div class="print-title">不动产登记申请书</div> 4 <div style="overflow-x: auto;width: 100%;height: 100%;background: #fff;text-align: center;padding: 4px;overflow-y: scroll;">
5 <div style="font-size: 24px;font-weight: bolder;margin: 20px 0px;">不动产登记申请书</div>
5 <div style="display:flex"> 6 <div style="display:flex">
6 <div> 7 <div>
7 <table cellpadding="0" cellspacing="0" class="printTable"> 8 <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
8 <col width="60" /> 9 <col width="30" />
9 <col width="80" /> 10 <col width="50" />
10 <col width="200" />
11 <col width="100" />
12 <col width="160" /> 11 <col width="160" />
12 <col width="50" />
13 <col width="120" />
13 <tr> 14 <tr>
14 <td rowspan="2">收件</td> 15 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
15 <td>编号</td> 16 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
16 <td>1111</td> 17 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">1111</td>
17 <td rowspan="2">收件人</td> 18 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
18 <td rowspan="2">123</td> 19 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">123</td>
19 </tr> 20 </tr>
20 <tr> 21 <tr>
21 <td>日期</td> 22 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
22 <td></td> 23 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
23 </tr> 24 </tr>
24 </table> 25 </table>
25 </div> 26 </div>
26 <div class="print-unit"> 27 <div style="margin-left: 20px;font-size: 14px;">
27 单位： 28 单位：
28 <i class="el-icon-check" style="color:red;font-size:16px"></i>平方米 29 <span style="font-family:Wingdings;font-size:18px;color:red">&#254;</span>平方米
29 <span class="check-box"></span>公顷（<span class="check-box"></span>亩）、万元 30 <!-- <span style="font-family:Wingdings;font-size:40px;">&#250;</span> -->
31 <span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;margin-left:10px"></span>
32 公顷（<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;"></span>亩）、万元
30 </div> 33 </div>
31 </div> 34 </div>
32 <div style="margin-top:20px"></div> 35 <div style="margin-top:20px"></div>
33 <table cellpadding="0" cellspacing="0" class="printTable"> 36 <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
34 <col width="80" /> 37 <col width="80" />
35 <col width="140" /> 38 <col width="100" />
36 <col width="200" /> 39 <col width="180" />
37 <col width="80" /> 40 <col width="80" />
38 <col width="60" /> 41 <col width="60" />
39 <col width="20" /> 42 <col width="20" />
40 <col width="200" /> 43 <col width="180" />
41 <tr> 44 <tr>
42 <td rowspan="2" class="left-title">申请登记事由</td> 45 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请登记事由</td>
43 <td colspan="6" class="text-left"> 46 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
44 <span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px"> 47 <span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
45 <i class="el-icon-check" style="color:red;font-size:16px" v-if="item.checked"></i> 48 <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
46 <span class="check-box" v-else></span> 49 <span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
47 {{item.name}} 50 {{item.name}}
48 </span> 51 </span>
49 </td> 52 </td>
50 </tr> 53 </tr>
51 <tr> 54 <tr>
52 <td colspan="6" class="text-left"> 55 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
53 <span v-for="item in djlxList" :key="item.value" style="margin:0px 8px"> 56 <span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
54 <i class="el-icon-check" style="color:red;font-size:16px" v-if="item.checked"></i> 57 <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
55 <span class="check-box" v-else></span> 58 <span class="check-box" style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
56 {{item.name}} 59 {{item.name}}
57 </span> 60 </span>
58 </td> 61 </td>
59 </tr> 62 </tr>
60 <tr> 63 <tr>
61 <td rowspan="14" class="left-title">申请人情况</td> 64 <td rowspan="14" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请人情况</td>
62 <td colspan="6" class="inline-title">登记申请人</td> 65 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
63 </tr> 66 </tr>
64 <tr> 67 <tr>
65 <td>权利人姓名（名称）</td> 68 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
66 <td colspan="5">张三</td> 69 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
67 </tr> 70 </tr>
68 <tr> 71 <tr>
69 <td>身份证件种类</td> 72 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
70 <td>身份证</td> 73 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
71 <td>证件号</td> 74 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
72 <td colspan="3">3438475835XXXXXXX</td> 75 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
73 </tr> 76 </tr>
74 <tr> 77 <tr>
75 <td>通讯地址</td> 78 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
76 <td colspan="2">山西省系撒大大</td> 79 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
77 <td colspan="1">邮编</td> 80 <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
78 <td colspan="2">A700001</td> 81 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
79 </tr> 82 </tr>
80 <tr> 83 <tr>
81 <td>法定代表人或负责人</td> 84 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
82 <td>张三</td> 85 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
83 <td>联系电话</td> 86 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
84 <td colspan="3">134548543</td> 87 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
85 </tr> 88 </tr>
86 <tr> 89 <tr>
87 <td>代理人姓名</td> 90 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
88 <td>里斯</td> 91 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
89 <td>联系电话</td> 92 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
90 <td colspan="3">134548543</td> 93 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
91 </tr> 94 </tr>
92 <tr> 95 <tr>
93 <td>代理机构名称</td> 96 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
94 <td colspan="5">buzhdiao</td> 97 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
95 </tr> 98 </tr>
96 <tr> 99 <tr>
97 <td colspan="7" class="inline-title">登记申请人</td> 100 <td colspan="7" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
98 </tr> 101 </tr>
99 <tr> 102 <tr>
100 <td>义务人姓名（名称）</td> 103 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
101 <td colspan="5">张三</td> 104 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
102 </tr> 105 </tr>
103 <tr> 106 <tr>
104 <td>身份证件种类</td> 107 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
105 <td>身份证</td> 108 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
106 <td>证件号</td> 109 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
107 <td colspan="3">3438475835XXXXXXX</td> 110 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
108 </tr> 111 </tr>
109 <tr> 112 <tr>
110 <td>通讯地址</td> 113 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
111 <td colspan="2">山西省系撒大大</td> 114 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
112 <td colspan="1">邮编</td> 115 <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
113 <td colspan="2">A700001</td> 116 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
114 </tr> 117 </tr>
115 <tr> 118 <tr>
116 <td>法定代表人或负责人</td> 119 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
117 <td>张三</td> 120 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
118 <td>联系电话</td> 121 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
119 <td colspan="3">134548543</td> 122 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
120 </tr> 123 </tr>
121 <tr> 124 <tr>
122 <td>代理人姓名</td> 125 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
123 <td>里斯</td> 126 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
124 <td>联系电话</td> 127 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
125 <td colspan="3">134548543</td> 128 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
126 </tr> 129 </tr>
127 <tr> 130 <tr>
128 <td>代理机构名称</td> 131 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
129 <td colspan="5">buzhdiao</td> 132 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
130 </tr> 133 </tr>
131 <tr> 134 <tr>
132 <td rowspan="6" class="left-title">不动产情况</td> 135 <td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
133 </tr> 136 </tr>
134 <tr> 137 <tr>
135 <td>坐落</td> 138 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
136 <td colspan="5">buzhdixxxxo</td> 139 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdixxxxo</td>
137 </tr> 140 </tr>
138 <tr> 141 <tr>
139 <td>不动产单元号</td> 142 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
140 <td>000001号</td> 143 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">000001号</td>
141 <td>不动产类型</td> 144 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
142 <td colspan="3">房屋</td> 145 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
143 </tr> 146 </tr>
144 <tr> 147 <tr>
145 <td>面积</td> 148 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">面积</td>
146 <td>111.3㎡</td> 149 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">111.3㎡</td>
147 <td>用途</td> 150 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用途</td>
148 <td colspan="3">城镇住宅用地</td> 151 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">城镇住宅用地</td>
149 </tr> 152 </tr>
150 <tr> 153 <tr>
151 <td>原不动产权属证书号</td> 154 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">原不动产权属证书号</td>
152 <td>xxxx号</td> 155 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">xxxx号</td>
153 <td>用海类型</td> 156 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用海类型</td>
154 <td colspan="3"></td> 157 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
155 </tr> 158 </tr>
156 <tr> 159 <tr>
157 <td>构筑物类型</td> 160 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">构筑物类型</td>
158 <td></td> 161 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
159 <td>林种</td> 162 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">林种</td>
160 <td colspan="3"></td> 163 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
161 </tr> 164 </tr>
162 <tr> 165 <tr>
163 <td class="left-title">抵押情况</td> 166 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
164 <td>被担保债权数额（最高债权数额）</td> 167 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
165 <td></td> 168 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
166 <td colspan="2">债务履行期限（债权确定期间）</td> 169 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
167 <td colspan="2"></td> 170 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
168 </tr> 171 </tr>
169 </table> 172 </table>
170 <button type="primary" @click="test()"> test</button> 173 </div>
174 <button @click="printView()"> 打印预览 </button>
171 </div> 175 </div>
172 </div> 176 </div>
173 </template> 177 </template>
174 <script> 178 <script>
179
175 import { mapGetters } from 'vuex'; 180 import { mapGetters } from 'vuex';
176 import { getLodop } from "@/utils/LodopFuncs"; 181 import { getLodop } from "@/utils/LodopFuncs";
177 export default { 182 export default {
...@@ -203,13 +208,13 @@ export default { ...@@ -203,13 +208,13 @@ export default {
203 } 208 }
204 }, 209 },
205 methods: { 210 methods: {
206 test(){ 211 printView(){
207 let lodop = getLodop(); 212 let lodop = getLodop();
208 lodop.PRINT_INIT("测试"); 213 lodop.PRINT_INIT("测试");
209 lodop.ADD_PRINT_HTM(88,200,350,600,document.getElementById("printMe").innerHTML); 214 //纵坐标开始点位，横坐标开始点位，纸张宽度，纸张高度
215 lodop.ADD_PRINT_HTM(0,10,760,1200,document.getElementById("printMe").innerHTML);
210 lodop.PREVIEW(); 216 lodop.PREVIEW();
211 } 217 },
212
213 } 218 }
214 } 219 }
215 </script> 220 </script>
...@@ -296,10 +301,6 @@ export default { ...@@ -296,10 +301,6 @@ export default {
296 width: 745px; 301 width: 745px;
297 overflow: auto; 302 overflow: auto;
298 } 303 }
299
300 .test {
301 }
302
303 table { 304 table {
304 .bhqkTh { 305 .bhqkTh {
305 width: 110px; 306 width: 110px;
......
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
171 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 171 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
172 :gyfs="ruleForm.qlxx.gyfs" /> 172 :gyfs="ruleForm.qlxx.gyfs" />
173 173
174 <div v-if="ruleForm.ywrList.length > 0"> 174 <div v-if="ruleForm.ywrList">
175 <div class="slxx_title title-block"> 175 <div class="slxx_title title-block">
176 义务人信息 176 义务人信息
177 <div class="triangle"></div> 177 <div class="triangle"></div>
......
...@@ -33,17 +33,17 @@ class data extends filter { ...@@ -33,17 +33,17 @@ class data extends filter {
33 return ( 33 return (
34 <div> 34 <div>
35 {/* <a v-on:click="doSomething"></a> */} 35 {/* <a v-on:click="doSomething"></a> */}
36 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> 36 <a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
37 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> 37 <span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span>
38 <span v-show={scope.row.ycfzt == 1}>,已预查封</span> 38 <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
39 <span v-show={scope.row.ycfzt == 1}>,已预查封</span> 39 <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
40 <span v-show={scope.row.cfzt == 1}>,已查封</span> 40 <span icon="el-icon-discover" v-show={scope.row.cfzt == 1}> 已查封</span>
41 <span v-show={scope.row.diyizt == 1}>,已地役</span> 41 <span icon="el-icon-discover" v-show={scope.row.diyizt == 1}>,已地役</span>
42 <span v-show={scope.row.yyzt == 1}>,异议中</span> 42 <span icon="el-icon-discover" v-show={scope.row.yyzt == 1}>,异议中</span>
43 <span v-show={scope.row.xzzt == 1}>,已限制</span> 43 <span icon="el-icon-discover" v-show={scope.row.xzzt == 1}>,已限制</span>
44 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> 44 <span icon="el-icon-discover" v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
45 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> 45 <span icon="el-icon-discover" v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
46 <span v-show={scope.row.dyzt == 1}>,已抵押</span> 46 <span icon="el-icon-discover" v-show={scope.row.dyzt == 1}>,已抵押</span>
47 </div> 47 </div>
48 ) 48 )
49 } 49 }
......