Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
18 changed files
with
811 additions
and
70 deletions
1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
2 | import SERVER from './config' | 2 | import SERVER from './config' |
3 | // 根据条件进行列表查询 | 3 | // 获取家庭房产列表 |
4 | export function getJtfcPage (data) { | 4 | export function getJtfcPage (data) { |
5 | return request({ | 5 | return request({ |
6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', | 6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', |
... | @@ -8,6 +8,16 @@ export function getJtfcPage (data) { | ... | @@ -8,6 +8,16 @@ export function getJtfcPage (data) { |
8 | data | 8 | data |
9 | }) | 9 | }) |
10 | } | 10 | } |
11 | |||
12 | // 获取房屋明细列表 | ||
13 | export function getFwmxPage (data) { | ||
14 | return request({ | ||
15 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxPage', | ||
16 | method: 'post', | ||
17 | data | ||
18 | }) | ||
19 | } | ||
20 | |||
11 | // 新增申请查询家庭房产信息 | 21 | // 新增申请查询家庭房产信息 |
12 | export function addJtfcCxjgXx (data) { | 22 | export function addJtfcCxjgXx (data) { |
13 | return request({ | 23 | return request({ |
... | @@ -16,6 +26,16 @@ export function addJtfcCxjgXx (data) { | ... | @@ -16,6 +26,16 @@ export function addJtfcCxjgXx (data) { |
16 | data | 26 | data |
17 | }) | 27 | }) |
18 | } | 28 | } |
29 | |||
30 | // 新增申请查询房屋明细信息 | ||
31 | export function addFwmxCxjgXx (data) { | ||
32 | return request({ | ||
33 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/addFwmxCxjgXx', | ||
34 | method: 'post', | ||
35 | data | ||
36 | }) | ||
37 | } | ||
38 | |||
19 | // 获取申请查询记录详细信息 | 39 | // 获取申请查询记录详细信息 |
20 | export function getJtfcInfo (params) { | 40 | export function getJtfcInfo (params) { |
21 | return request({ | 41 | return request({ |
... | @@ -24,3 +44,12 @@ export function getJtfcInfo (params) { | ... | @@ -24,3 +44,12 @@ export function getJtfcInfo (params) { |
24 | params | 44 | params |
25 | }) | 45 | }) |
26 | } | 46 | } |
47 | |||
48 | // 打印家庭房产 | ||
49 | export function printJtcfInfo (data) { | ||
50 | return request({ | ||
51 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/printJtcfInfo/', | ||
52 | method: 'post', | ||
53 | data | ||
54 | }) | ||
55 | } | ... | ... |
... | @@ -141,4 +141,23 @@ export function getJdcxBysearch (data) { | ... | @@ -141,4 +141,23 @@ export function getJdcxBysearch (data) { |
141 | }) | 141 | }) |
142 | } | 142 | } |
143 | 143 | ||
144 | // 证书领取查询 | ||
145 | export function getBdcqzReceiveList (data) { | ||
146 | return request({ | ||
147 | url: SERVER.SERVERAPI + '/rest/zhcx/search/getBdcqzReceiveList', | ||
148 | method: 'post', | ||
149 | data | ||
150 | }) | ||
151 | } | ||
152 | |||
153 | // 在建工程抵押查询 | ||
154 | export function getZjgcdyList (data) { | ||
155 | return request({ | ||
156 | url: SERVER.SERVERAPI + '/rest/zhcx/search/getZjgcdyList', | ||
157 | method: 'post', | ||
158 | data | ||
159 | }) | ||
160 | } | ||
161 | |||
162 | |||
144 | 163 | ... | ... |
src/views/sqcx/dydjb/components/addDydjb.vue
0 → 100644
1 | <template> | ||
2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> | ||
3 | <el-steps :active="activeStep" finish-status="success"> | ||
4 | <el-step title="条件录入"></el-step> | ||
5 | <el-step title="结果查询"></el-step> | ||
6 | <el-step title="结果展示"></el-step> | ||
7 | </el-steps> | ||
8 | <div class="jtfccx-edit" v-show="!isSearch"> | ||
9 | <div class="jtfccx-edit-con"> | ||
10 | <b class="title"></b> | ||
11 | <el-form :model="form" label-width="120px"> | ||
12 | <el-row> | ||
13 | <el-col :span="6"> | ||
14 | <el-form-item label="查询用途" label-width="90px"> | ||
15 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> | ||
16 | </el-form-item> | ||
17 | </el-col> | ||
18 | <el-col :span="6"> | ||
19 | <el-form-item label="不动产权证号" label-width="120px"> | ||
20 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width200px"></el-input> | ||
21 | </el-form-item> | ||
22 | </el-col> | ||
23 | <el-col :span="12"> | ||
24 | <el-form-item label="与产权人的关系"> | ||
25 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> | ||
26 | <el-radio label="1">房屋权利人</el-radio> | ||
27 | <el-radio label="2">产权利害关系人</el-radio> | ||
28 | <el-radio label="3">委托人</el-radio> | ||
29 | </el-radio-group> | ||
30 | </el-form-item> | ||
31 | </el-col> | ||
32 | </el-row> | ||
33 | </el-form> | ||
34 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting | ||
35 | :pagination="false"> | ||
36 | </lb-table> | ||
37 | <b class="title">权利人</b> | ||
38 | <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting | ||
39 | :pagination="false"> | ||
40 | </lb-table> | ||
41 | <div class="submit-button" style="padding-bottom:50px"> | ||
42 | <el-button @click="resetClick" v-show="!isSearch">重置</el-button> | ||
43 | <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> | ||
44 | <el-button @click="closeDialog">关闭</el-button> | ||
45 | </div> | ||
46 | </div> | ||
47 | </div> | ||
48 | <div> | ||
49 | <dydjbInfo v-show="isSearch"/> | ||
50 | </div> | ||
51 | </dialogBox> | ||
52 | </template> | ||
53 | |||
54 | <script> | ||
55 | import { addFwmxCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; | ||
56 | import { getPrintTemplateByCode } from "@/api/system"; | ||
57 | import { datas, sendThis } from "./dydjbdata"; | ||
58 | import { getLodop } from "@/utils/LodopFuncs" | ||
59 | import dydjbInfo from "./dydjbInfo.vue"; | ||
60 | import { mapGetters } from "vuex"; | ||
61 | export default { | ||
62 | computed: { | ||
63 | ...mapGetters(["dictData"]), | ||
64 | }, | ||
65 | components: { dydjbInfo }, | ||
66 | props: { | ||
67 | value: { type: Boolean, default: false }, | ||
68 | sqcxBsm: { type: String, default: "" }, | ||
69 | }, | ||
70 | mounted () { | ||
71 | |||
72 | }, | ||
73 | data () { | ||
74 | return { | ||
75 | activeStep: 0, | ||
76 | myValue: this.value, | ||
77 | //是否查询 | ||
78 | isSearch: false, | ||
79 | //查询结果列表字段 | ||
80 | cxjgColumns: datas.columns(), | ||
81 | //申请人列表字段 | ||
82 | sqrColumns: datas.sqrCol(), | ||
83 | //权利人列表字段 | ||
84 | qlrColumns: datas.qlrCol(), | ||
85 | newData: { | ||
86 | sqrxm: "", | ||
87 | sqrzjlxbm: "", | ||
88 | sqrzjhm: "", | ||
89 | lxdh: "", | ||
90 | inputErr: false, | ||
91 | }, | ||
92 | form: { | ||
93 | djSqcxDO: { ycqrgx: "1", cxyt: "",bdcqzh: "" }, | ||
94 | sqrList: [], | ||
95 | qlrList: [], | ||
96 | cxjgList: [], | ||
97 | dyjlList: [], | ||
98 | }, | ||
99 | }; | ||
100 | }, | ||
101 | watch: { | ||
102 | value (val) { | ||
103 | this.myValue = val; | ||
104 | let that = this | ||
105 | if (val) { | ||
106 | this.form.sqrList = [] | ||
107 | this.form.qlrList = [] | ||
108 | this.isSearch = false | ||
109 | if (this.sqcxBsm == "") { | ||
110 | that.add("sqr"); | ||
111 | that.add("qlr"); | ||
112 | } else { | ||
113 | that.loadData(); | ||
114 | } | ||
115 | } | ||
116 | }, | ||
117 | "form.djSqcxDO.ycqrgx" (val) { | ||
118 | if (val == "1") { | ||
119 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | ||
120 | } else { | ||
121 | this.form.qlrList = []; | ||
122 | this.add("qlr"); | ||
123 | } | ||
124 | }, | ||
125 | "form.sqrList" (val) { | ||
126 | if (this.form.djSqcxDO.ycqrgx == '1') { | ||
127 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | ||
128 | } | ||
129 | } | ||
130 | }, | ||
131 | methods: { | ||
132 | closeDialog () { | ||
133 | this.$emit("input", false); | ||
134 | this.activeStep = 0; | ||
135 | this.form = { | ||
136 | djSqcxDO: { ycqrgx: "1", cxyt: "" ,bdcqzh: ""}, | ||
137 | sqrList: [], | ||
138 | qlrList: [], | ||
139 | cxjgList: [], | ||
140 | dyjlList: [], | ||
141 | } | ||
142 | }, | ||
143 | //加载详细信息 | ||
144 | loadData () { | ||
145 | this.$startLoading(); | ||
146 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | ||
147 | this.$endLoading(); | ||
148 | if (res.code == 200) { | ||
149 | this.form = res.result; | ||
150 | this.isSearch = true; | ||
151 | } | ||
152 | }); | ||
153 | }, | ||
154 | //查询结果 | ||
155 | queryChick () { | ||
156 | this.$startLoading(); | ||
157 | this.activeStep = 1; | ||
158 | addFwmxCxjgXx(this.form).then((res) => { | ||
159 | this.$endLoading(); | ||
160 | if (res.code == 200) { | ||
161 | this.form = res.result; | ||
162 | this.activeStep = 2; | ||
163 | this.isSearch = true; | ||
164 | this.$parent.queryClick(); | ||
165 | } | ||
166 | }); | ||
167 | }, | ||
168 | //重置 | ||
169 | resetClick () { | ||
170 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "",bdcqzh: "" }; | ||
171 | this.form.sqrList = _.cloneDeep([this.newData]); | ||
172 | this.form.qlrList = _.cloneDeep([this.newData]); | ||
173 | this.form.cxjgList = []; | ||
174 | this.form.dyjlList = []; | ||
175 | this.isSearch = false; | ||
176 | }, | ||
177 | handleRead (scope) { }, | ||
178 | //添加申请人或权利人 | ||
179 | add (type) { | ||
180 | if (type == "sqr") { | ||
181 | this.form.sqrList.push(_.cloneDeep(this.newData)); | ||
182 | } else { | ||
183 | this.form.qlrList.push(_.cloneDeep(this.newData)); | ||
184 | } | ||
185 | }, | ||
186 | //移除申请人或权利人 | ||
187 | remove (index, row, type) { | ||
188 | if (type == "sqr") { | ||
189 | this.form.sqrList.splice(index, 1); | ||
190 | } else { | ||
191 | this.form.qlrList.splice(index, 1); | ||
192 | } | ||
193 | }, | ||
194 | //电话号码校验 | ||
195 | teltest (row) { | ||
196 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | ||
197 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | ||
198 | row.inputErr = true; | ||
199 | return false; | ||
200 | } else { | ||
201 | row.inputErr = false; | ||
202 | return true; | ||
203 | } | ||
204 | }, | ||
205 | }, | ||
206 | }; | ||
207 | </script> | ||
208 | <style scoped lang="scss"> | ||
209 | @import "~@/styles/mixin.scss"; | ||
210 | @import "~@/styles/public.scss"; | ||
211 | |||
212 | .title { | ||
213 | padding-bottom: 10px; | ||
214 | margin-bottom: 10px; | ||
215 | display: block; | ||
216 | border-bottom: 1px solid $borderColor; | ||
217 | } | ||
218 | |||
219 | .jtfccx-edit { | ||
220 | @include flex; | ||
221 | flex-direction: column; | ||
222 | overflow-y: hidden; | ||
223 | max-height: 87vh; | ||
224 | padding: 0 2px; | ||
225 | |||
226 | .jtfccx-edit-con { | ||
227 | flex: 1; | ||
228 | height: 100%; | ||
229 | overflow-y: scroll; | ||
230 | } | ||
231 | |||
232 | .submit-button { | ||
233 | text-align: center; | ||
234 | height: 52px; | ||
235 | padding-top: 10px; | ||
236 | background-color: #fff; | ||
237 | } | ||
238 | } | ||
239 | </style> |
src/views/sqcx/dydjb/components/dydjbdata.js
0 → 100644
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 | prop: 'qszt', | ||
15 | label: '权属状态', | ||
16 | }, | ||
17 | { | ||
18 | prop: 'bdcqzh', | ||
19 | label: '不动产权证号', | ||
20 | }, | ||
21 | { | ||
22 | prop: 'djsj', | ||
23 | label: '登记时间', | ||
24 | }, | ||
25 | { | ||
26 | prop: 'wqhth', | ||
27 | label: '合同号', | ||
28 | }, | ||
29 | { | ||
30 | prop: 'wqsj', | ||
31 | label: '网签时间', | ||
32 | }, | ||
33 | { | ||
34 | prop: 'bdcdyh', | ||
35 | label: '不动产单元号', | ||
36 | }, | ||
37 | { | ||
38 | prop: 'gyfs', | ||
39 | label: '共有方式', | ||
40 | }, | ||
41 | { | ||
42 | prop: 'qlrmc', | ||
43 | label: '权利人', | ||
44 | }, | ||
45 | { | ||
46 | prop: 'zjhm', | ||
47 | label: '证件号', | ||
48 | }, | ||
49 | { | ||
50 | prop: 'fdzl', | ||
51 | label: '房地坐落', | ||
52 | }, | ||
53 | { | ||
54 | prop: 'fwmj', | ||
55 | label: '建筑面积(㎡)', | ||
56 | }, | ||
57 | { | ||
58 | prop: 'fwyt', | ||
59 | label: '房屋用途', | ||
60 | }, | ||
61 | { | ||
62 | |||
63 | label: '登记状态', | ||
64 | align: 'center', | ||
65 | fixed: 'right', | ||
66 | render: (h, scope) => { | ||
67 | if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){ | ||
68 | return <div>抵押、查封</div> | ||
69 | } | ||
70 | if(scope.row.dyzt != '0'){ | ||
71 | return <div>抵押</div> | ||
72 | } | ||
73 | if(scope.row.cfzt != '0'){ | ||
74 | return <div>查封</div> | ||
75 | } | ||
76 | } | ||
77 | } | ||
78 | ] | ||
79 | } | ||
80 | sqrCol () { | ||
81 | return [ | ||
82 | { | ||
83 | width: "60", | ||
84 | renderHeader: (h, scope) => { | ||
85 | return ( | ||
86 | <i | ||
87 | class="el-icon-plus pointer" | ||
88 | onClick={() => { | ||
89 | vm.add("sqr"); | ||
90 | }} | ||
91 | style="color:#409EFF" | ||
92 | ></i> | ||
93 | ); | ||
94 | }, | ||
95 | render: (h, scope) => { | ||
96 | return ( | ||
97 | <i | ||
98 | class="el-icon-minus pointer" | ||
99 | onClick={() => { | ||
100 | vm.remove(scope.$index, scope.row, "sqr"); | ||
101 | }} | ||
102 | ></i> | ||
103 | ); | ||
104 | }, | ||
105 | }, | ||
106 | { | ||
107 | width: "150", | ||
108 | label: "身份证读卡器", | ||
109 | render: (h, scope) => { | ||
110 | return ( | ||
111 | <div> | ||
112 | <el-button | ||
113 | type="text" | ||
114 | icon="el-icon-edit-outline" | ||
115 | onClick={() => { | ||
116 | vm.handleRead(scope); | ||
117 | }} | ||
118 | > | ||
119 | 读取 | ||
120 | </el-button> | ||
121 | </div> | ||
122 | ); | ||
123 | }, | ||
124 | }, | ||
125 | { | ||
126 | width: "150", | ||
127 | prop: "sqrxm", | ||
128 | label: "姓名/名称", | ||
129 | render: (h, scope) => { | ||
130 | return ( | ||
131 | <el-input | ||
132 | placeholder="姓名/名称" | ||
133 | value={scope.row[scope.column.property]} | ||
134 | onInput={(val) => { | ||
135 | scope.row[scope.column.property] = val; | ||
136 | }} | ||
137 | ></el-input> | ||
138 | ); | ||
139 | }, | ||
140 | }, | ||
141 | { | ||
142 | prop: "sqrzjlxbm", | ||
143 | label: "证件种类", | ||
144 | render: (h, scope) => { | ||
145 | return ( | ||
146 | <el-select | ||
147 | class="width100" | ||
148 | clearable | ||
149 | value={scope.row[scope.column.property]} | ||
150 | onChange={(val) => { | ||
151 | scope.row[scope.column.property] = val; | ||
152 | }} | ||
153 | > | ||
154 | {vm.dictData["A30"].map((option) => { | ||
155 | return ( | ||
156 | <el-option | ||
157 | label={option.dname} | ||
158 | value={option.dcode} | ||
159 | ></el-option> | ||
160 | ); | ||
161 | })} | ||
162 | </el-select> | ||
163 | ); | ||
164 | }, | ||
165 | }, | ||
166 | { | ||
167 | prop: "sqrzjhm", | ||
168 | label: "证件号", | ||
169 | render: (h, scope) => { | ||
170 | return ( | ||
171 | <el-input | ||
172 | placeholder="证件号" | ||
173 | value={scope.row[scope.column.property]} | ||
174 | onInput={(val) => { | ||
175 | scope.row[scope.column.property] = val; | ||
176 | }} | ||
177 | maxlength="21" | ||
178 | ></el-input> | ||
179 | ); | ||
180 | }, | ||
181 | }, | ||
182 | { | ||
183 | prop: "lxdh", | ||
184 | label: "联系电话", | ||
185 | render: (h, scope) => { | ||
186 | return ( | ||
187 | <div class="typePhone"> | ||
188 | <el-input | ||
189 | placeholder="联系电话" | ||
190 | value={scope.row[scope.column.property]} | ||
191 | onInput={(val) => { | ||
192 | scope.row[scope.column.property] = val; | ||
193 | }} | ||
194 | onBlur={(val) => { | ||
195 | vm.teltest(scope.row); | ||
196 | }} | ||
197 | type="tel" | ||
198 | maxlength="11" | ||
199 | ></el-input> | ||
200 | <span | ||
201 | v-show={scope.row.inputErr} | ||
202 | style={{ | ||
203 | fontSize: "12px", | ||
204 | color: "red", | ||
205 | position: "absolute", | ||
206 | bottom: "-2px", | ||
207 | left: "0", | ||
208 | }} | ||
209 | > | ||
210 | 请输入正确手机号 | ||
211 | </span> | ||
212 | </div> | ||
213 | ); | ||
214 | }, | ||
215 | }, | ||
216 | ] | ||
217 | } | ||
218 | qlrCol () { | ||
219 | return [ | ||
220 | { | ||
221 | width: "60", | ||
222 | renderHeader: (h, scope) => { | ||
223 | return ( | ||
224 | <i | ||
225 | class="el-icon-plus pointer" | ||
226 | onClick={() => { | ||
227 | vm.add("qlr"); | ||
228 | }} | ||
229 | style="color:#409EFF" | ||
230 | ></i> | ||
231 | ); | ||
232 | }, | ||
233 | render: (h, scope) => { | ||
234 | return ( | ||
235 | <i | ||
236 | class="el-icon-minus pointer" | ||
237 | onClick={() => { | ||
238 | vm.remove(scope.$index, scope.row, "qlr"); | ||
239 | }} | ||
240 | ></i> | ||
241 | ); | ||
242 | }, | ||
243 | }, | ||
244 | { | ||
245 | width: "150", | ||
246 | label: "身份证读卡器", | ||
247 | render: (h, scope) => { | ||
248 | return ( | ||
249 | <div> | ||
250 | <el-button | ||
251 | type="text" | ||
252 | icon="el-icon-edit-outline" | ||
253 | onClick={() => { | ||
254 | vm.handleRead(scope); | ||
255 | }} | ||
256 | > | ||
257 | 读取 | ||
258 | </el-button> | ||
259 | </div> | ||
260 | ); | ||
261 | }, | ||
262 | }, | ||
263 | { | ||
264 | width: "150", | ||
265 | prop: "sqrxm", | ||
266 | label: "姓名/名称", | ||
267 | render: (h, scope) => { | ||
268 | return ( | ||
269 | <el-input | ||
270 | placeholder="姓名/名称" | ||
271 | value={scope.row[scope.column.property]} | ||
272 | onInput={(val) => { | ||
273 | scope.row[scope.column.property] = val; | ||
274 | }} | ||
275 | ></el-input> | ||
276 | ); | ||
277 | }, | ||
278 | }, | ||
279 | { | ||
280 | prop: "sqrzjlxbm", | ||
281 | label: "证件种类", | ||
282 | render: (h, scope) => { | ||
283 | return ( | ||
284 | <el-select | ||
285 | class="width100" | ||
286 | value={scope.row[scope.column.property]} | ||
287 | onChange={(val) => { | ||
288 | scope.row[scope.column.property] = val; | ||
289 | }} | ||
290 | > | ||
291 | {vm.dictData["A30"].map((option) => { | ||
292 | return ( | ||
293 | <el-option | ||
294 | label={option.dname} | ||
295 | value={option.dcode} | ||
296 | ></el-option> | ||
297 | ); | ||
298 | })} | ||
299 | </el-select> | ||
300 | ); | ||
301 | }, | ||
302 | }, | ||
303 | { | ||
304 | prop: "sqrzjhm", | ||
305 | label: "证件号", | ||
306 | render: (h, scope) => { | ||
307 | return ( | ||
308 | <el-input | ||
309 | placeholder="证件号" | ||
310 | value={scope.row[scope.column.property]} | ||
311 | onInput={(val) => { | ||
312 | scope.row[scope.column.property] = val; | ||
313 | }} | ||
314 | maxlength="21" | ||
315 | ></el-input> | ||
316 | ); | ||
317 | }, | ||
318 | }, | ||
319 | { | ||
320 | prop: "lxdh", | ||
321 | label: "联系电话", | ||
322 | render: (h, scope) => { | ||
323 | return ( | ||
324 | <div class="typePhone"> | ||
325 | <el-input | ||
326 | placeholder="联系电话" | ||
327 | value={scope.row[scope.column.property]} | ||
328 | onInput={(val) => { | ||
329 | scope.row[scope.column.property] = val; | ||
330 | }} | ||
331 | onBlur={(val) => { | ||
332 | vm.teltest(scope.row); | ||
333 | }} | ||
334 | type="tel" | ||
335 | maxlength="11" | ||
336 | ></el-input> | ||
337 | <span | ||
338 | v-show={scope.row.inputErr} | ||
339 | style={{ | ||
340 | fontSize: "12px", | ||
341 | color: "red", | ||
342 | position: "absolute", | ||
343 | bottom: "-2px", | ||
344 | left: "0", | ||
345 | }} | ||
346 | > | ||
347 | 请输入正确手机号 | ||
348 | </span> | ||
349 | </div> | ||
350 | ); | ||
351 | }, | ||
352 | }, | ||
353 | ] | ||
354 | } | ||
355 | } | ||
356 | let datas = new data() | ||
357 | export { | ||
358 | datas, | ||
359 | sendThis | ||
360 | } |
... | @@ -29,7 +29,7 @@ | ... | @@ -29,7 +29,7 @@ |
29 | <el-col :span="3" class="btnColRight"> | 29 | <el-col :span="3" class="btnColRight"> |
30 | <el-form-item> | 30 | <el-form-item> |
31 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 31 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> |
32 | <!-- <el-button @click="moreQueryClick()">高级查询</el-button> --> | 32 | <el-button type="primary" @click="openAddDialog">新增</el-button> |
33 | </el-form-item> | 33 | </el-form-item> |
34 | </el-col> | 34 | </el-col> |
35 | </el-row> | 35 | </el-row> |
... | @@ -42,6 +42,7 @@ | ... | @@ -42,6 +42,7 @@ |
42 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 42 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> |
43 | </lb-table> | 43 | </lb-table> |
44 | </div> | 44 | </div> |
45 | <addDydjb v-model="isDialog" :sqcxBsm="sqcxBsm" /> | ||
45 | </div> | 46 | </div> |
46 | </template> | 47 | </template> |
47 | <script> | 48 | <script> |
... | @@ -49,9 +50,11 @@ import { mapGetters } from "vuex"; | ... | @@ -49,9 +50,11 @@ import { mapGetters } from "vuex"; |
49 | import table from "@/utils/mixin/table"; | 50 | import table from "@/utils/mixin/table"; |
50 | import { popupDialog } from "@/utils/popup.js"; | 51 | import { popupDialog } from "@/utils/popup.js"; |
51 | import { datas, sendThis } from "./dydjbdata"; | 52 | import { datas, sendThis } from "./dydjbdata"; |
52 | import { getJtfcPage } from "@/api/sqcx"; | 53 | import addDydjb from "./components/addDydjb.vue"; |
54 | import { getFwmxPage } from "@/api/sqcx"; | ||
53 | export default { | 55 | export default { |
54 | name: "dydjb", | 56 | name: "dydjb", |
57 | components: { addDydjb }, | ||
55 | mixins: [table], | 58 | mixins: [table], |
56 | mounted () { | 59 | mounted () { |
57 | sendThis(this); | 60 | sendThis(this); |
... | @@ -62,6 +65,8 @@ export default { | ... | @@ -62,6 +65,8 @@ export default { |
62 | }, | 65 | }, |
63 | data () { | 66 | data () { |
64 | return { | 67 | return { |
68 | isDialog: false, | ||
69 | sqcxBsm: "", | ||
65 | queryForm: { | 70 | queryForm: { |
66 | cxbh: "", | 71 | cxbh: "", |
67 | sqr: "", | 72 | sqr: "", |
... | @@ -77,7 +82,7 @@ export default { | ... | @@ -77,7 +82,7 @@ export default { |
77 | // 初始化数据 | 82 | // 初始化数据 |
78 | queryClick () { | 83 | queryClick () { |
79 | this.$startLoading(); | 84 | this.$startLoading(); |
80 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 85 | getFwmxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
81 | this.$endLoading(); | 86 | this.$endLoading(); |
82 | if (res.code === 200) { | 87 | if (res.code === 200) { |
83 | let { records, total } = res.result; | 88 | let { records, total } = res.result; |
... | @@ -94,6 +99,9 @@ export default { | ... | @@ -94,6 +99,9 @@ export default { |
94 | handleSort (name, sort) { | 99 | handleSort (name, sort) { |
95 | console.log(name, sort); | 100 | console.log(name, sort); |
96 | }, | 101 | }, |
102 | openAddDialog(){ | ||
103 | this.isDialog = true | ||
104 | } | ||
97 | }, | 105 | }, |
98 | }; | 106 | }; |
99 | </script> | 107 | </script> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="16"> | 13 | <el-col :span="16"> |
14 | <el-form-item label="与产权人的关系"> | 14 | <el-form-item label="与产权人的关系"> |
15 | <el-radio-group v-model="form.djSqcxDO.ycyrgx"> | 15 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> |
16 | <el-radio label="1">房屋权利人</el-radio> | 16 | <el-radio label="1">房屋权利人</el-radio> |
17 | <el-radio label="2">产权利害关系人</el-radio> | 17 | <el-radio label="2">产权利害关系人</el-radio> |
18 | <el-radio label="3">委托人</el-radio> | 18 | <el-radio label="3">委托人</el-radio> |
... | @@ -38,21 +38,29 @@ | ... | @@ -38,21 +38,29 @@ |
38 | </div> | 38 | </div> |
39 | <el-divider></el-divider> | 39 | <el-divider></el-divider> |
40 | <div class="submit-button" style="padding-bottom:50px"> | 40 | <div class="submit-button" style="padding-bottom:50px"> |
41 | <el-button @click="resetClick">重置</el-button> | 41 | <el-button v-show="isSearch == false" @click="resetClick">重置</el-button> |
42 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> | 42 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> |
43 | <el-button type="primary" v-show="isSearch && form.dyjlList.length > 0">房产结果打印({{ form.dyjlList.length }}) | 43 | <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult"> |
44 | 房产结果打印({{ form.djSqcxDO.dycs }}) | ||
44 | </el-button> | 45 | </el-button> |
45 | <el-button type="primary" v-show="isSearch && form.dyjlList.length == 0">无房证明打印({{ form.dyjlList.length }}) | 46 | <el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult"> |
47 | 无房证明打印({{ form.djSqcxDO.dycs }}) | ||
46 | </el-button> | 48 | </el-button> |
47 | <el-button @click="closeDialog">关闭</el-button> | 49 | <el-button @click="closeDialog">关闭</el-button> |
48 | </div> | 50 | </div> |
51 | <!-- 打印模板需要此模块 --> | ||
52 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | ||
53 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | ||
54 | </object> | ||
49 | </div> | 55 | </div> |
50 | </dialogBox> | 56 | </dialogBox> |
51 | </template> | 57 | </template> |
52 | 58 | ||
53 | <script> | 59 | <script> |
54 | import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx"; | 60 | import { addJtfcCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; |
61 | import { getPrintTemplateByCode } from "@/api/system"; | ||
55 | import { datas, sendThis } from "./addjtfcdata"; | 62 | import { datas, sendThis } from "./addjtfcdata"; |
63 | import { getLodop } from "@/utils/LodopFuncs" | ||
56 | import { mapGetters } from "vuex"; | 64 | import { mapGetters } from "vuex"; |
57 | export default { | 65 | export default { |
58 | computed: { | 66 | computed: { |
... | @@ -84,7 +92,7 @@ export default { | ... | @@ -84,7 +92,7 @@ export default { |
84 | inputErr: false, | 92 | inputErr: false, |
85 | }, | 93 | }, |
86 | form: { | 94 | form: { |
87 | djSqcxDO: { ycyrgx: "1", cxyt: "" }, | 95 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, |
88 | sqrList: [], | 96 | sqrList: [], |
89 | qlrList: [], | 97 | qlrList: [], |
90 | cxjgList: [], | 98 | cxjgList: [], |
... | @@ -108,7 +116,7 @@ export default { | ... | @@ -108,7 +116,7 @@ export default { |
108 | } | 116 | } |
109 | } | 117 | } |
110 | }, | 118 | }, |
111 | "form.djSqcxDO.ycyrgx" (val) { | 119 | "form.djSqcxDO.ycqrgx" (val) { |
112 | if (val == "1") { | 120 | if (val == "1") { |
113 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 121 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
114 | } else { | 122 | } else { |
... | @@ -117,7 +125,7 @@ export default { | ... | @@ -117,7 +125,7 @@ export default { |
117 | } | 125 | } |
118 | }, | 126 | }, |
119 | "form.sqrList" (val) { | 127 | "form.sqrList" (val) { |
120 | if (this.form.djSqcxDO.ycyrgx == '1') { | 128 | if (this.form.djSqcxDO.ycqrgx == '1') { |
121 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | 129 | this.form.qlrList = _.cloneDeep(this.form.sqrList) |
122 | } | 130 | } |
123 | } | 131 | } |
... | @@ -125,7 +133,15 @@ export default { | ... | @@ -125,7 +133,15 @@ export default { |
125 | methods: { | 133 | methods: { |
126 | closeDialog () { | 134 | closeDialog () { |
127 | this.$emit("input", false); | 135 | this.$emit("input", false); |
136 | this.form = { | ||
137 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, | ||
138 | sqrList: [], | ||
139 | qlrList: [], | ||
140 | cxjgList: [], | ||
141 | dyjlList: [], | ||
142 | } | ||
128 | }, | 143 | }, |
144 | //加载详细信息 | ||
129 | loadData () { | 145 | loadData () { |
130 | this.$startLoading(); | 146 | this.$startLoading(); |
131 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | 147 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { |
... | @@ -136,6 +152,7 @@ export default { | ... | @@ -136,6 +152,7 @@ export default { |
136 | } | 152 | } |
137 | }); | 153 | }); |
138 | }, | 154 | }, |
155 | //查询结果 | ||
139 | queryChick () { | 156 | queryChick () { |
140 | this.$startLoading(); | 157 | this.$startLoading(); |
141 | addJtfcCxjgXx(this.form).then((res) => { | 158 | addJtfcCxjgXx(this.form).then((res) => { |
... | @@ -147,8 +164,9 @@ export default { | ... | @@ -147,8 +164,9 @@ export default { |
147 | } | 164 | } |
148 | }); | 165 | }); |
149 | }, | 166 | }, |
167 | //重置 | ||
150 | resetClick () { | 168 | resetClick () { |
151 | this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; | 169 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" }; |
152 | this.form.sqrList = _.cloneDeep([this.newData]); | 170 | this.form.sqrList = _.cloneDeep([this.newData]); |
153 | this.form.qlrList = _.cloneDeep([this.newData]); | 171 | this.form.qlrList = _.cloneDeep([this.newData]); |
154 | this.form.cxjgList = []; | 172 | this.form.cxjgList = []; |
... | @@ -156,6 +174,7 @@ export default { | ... | @@ -156,6 +174,7 @@ export default { |
156 | this.isSearch = false; | 174 | this.isSearch = false; |
157 | }, | 175 | }, |
158 | handleRead (scope) { }, | 176 | handleRead (scope) { }, |
177 | //添加申请人或权利人 | ||
159 | add (type) { | 178 | add (type) { |
160 | if (type == "sqr") { | 179 | if (type == "sqr") { |
161 | this.form.sqrList.push(_.cloneDeep(this.newData)); | 180 | this.form.sqrList.push(_.cloneDeep(this.newData)); |
... | @@ -163,6 +182,7 @@ export default { | ... | @@ -163,6 +182,7 @@ export default { |
163 | this.form.qlrList.push(_.cloneDeep(this.newData)); | 182 | this.form.qlrList.push(_.cloneDeep(this.newData)); |
164 | } | 183 | } |
165 | }, | 184 | }, |
185 | //移除申请人或权利人 | ||
166 | remove (index, row, type) { | 186 | remove (index, row, type) { |
167 | if (type == "sqr") { | 187 | if (type == "sqr") { |
168 | this.form.sqrList.splice(index, 1); | 188 | this.form.sqrList.splice(index, 1); |
... | @@ -170,6 +190,7 @@ export default { | ... | @@ -170,6 +190,7 @@ export default { |
170 | this.form.qlrList.splice(index, 1); | 190 | this.form.qlrList.splice(index, 1); |
171 | } | 191 | } |
172 | }, | 192 | }, |
193 | //电话号码校验 | ||
173 | teltest (row) { | 194 | teltest (row) { |
174 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | 195 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
175 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | 196 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
... | @@ -180,6 +201,33 @@ export default { | ... | @@ -180,6 +201,33 @@ export default { |
180 | return true; | 201 | return true; |
181 | } | 202 | } |
182 | }, | 203 | }, |
204 | //打印 | ||
205 | printResult(){ | ||
206 | this.openPrintPrew(); | ||
207 | var formdata = new FormData(); | ||
208 | formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx); | ||
209 | formdata.append("dylx", '1'); | ||
210 | printJtcfInfo(formdata).then(res => { | ||
211 | if(res.code == 200){ | ||
212 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 | ||
213 | } | ||
214 | }); | ||
215 | |||
216 | |||
217 | |||
218 | //this.closeDialog(); | ||
219 | }, | ||
220 | //打开打印预览 | ||
221 | openPrintPrew(){ | ||
222 | //根据编号获取对应信息 | ||
223 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | ||
224 | if (res.code == 200) { | ||
225 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
226 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
227 | LODOP.PREVIEW(); | ||
228 | } | ||
229 | }) | ||
230 | } | ||
183 | }, | 231 | }, |
184 | }; | 232 | }; |
185 | </script> | 233 | </script> | ... | ... |
... | @@ -64,12 +64,15 @@ class data extends filter { | ... | @@ -64,12 +64,15 @@ class data extends filter { |
64 | align: 'center', | 64 | align: 'center', |
65 | fixed: 'right', | 65 | fixed: 'right', |
66 | render: (h, scope) => { | 66 | render: (h, scope) => { |
67 | return ( | 67 | if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){ |
68 | <div> | 68 | return <div>抵押、查封</div> |
69 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button> | 69 | } |
70 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button> | 70 | if(scope.row.dyzt != '0'){ |
71 | </div> | 71 | return <div>抵押</div> |
72 | ) | 72 | } |
73 | if(scope.row.cfzt != '0'){ | ||
74 | return <div>查封</div> | ||
75 | } | ||
73 | } | 76 | } |
74 | } | 77 | } |
75 | ] | 78 | ] | ... | ... |
... | @@ -129,15 +129,22 @@ class data extends filter { | ... | @@ -129,15 +129,22 @@ class data extends filter { |
129 | dyjlcolumns () { | 129 | dyjlcolumns () { |
130 | return [ | 130 | return [ |
131 | { | 131 | { |
132 | prop: 'sqrxm', | ||
133 | label: '打印类型', | 132 | label: '打印类型', |
133 | render: (h, scope) => { | ||
134 | switch (scope.row.dylx) { | ||
135 | case '1': | ||
136 | return <div>房产结果</div> | ||
137 | case '2': | ||
138 | return <div>无房证明</div> | ||
139 | } | ||
140 | } | ||
134 | }, | 141 | }, |
135 | { | 142 | { |
136 | prop: 'sqrzjlxmc', | 143 | prop: 'dyr', |
137 | label: '打印人员', | 144 | label: '打印人员', |
138 | }, | 145 | }, |
139 | { | 146 | { |
140 | prop: 'sqrzjhm', | 147 | prop: 'dysj', |
141 | label: '打印时间', | 148 | label: '打印时间', |
142 | } | 149 | } |
143 | ] | 150 | ] | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 2 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" |
3 | @closeDialog="closeDialog"> | 3 | @closeDialog="closeDialog" :isButton="showButton"> |
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
5 | <el-row> | 5 | <el-row> |
6 | <el-col :span="8"> | 6 | <el-col :span="8"> |
... | @@ -143,6 +143,7 @@ export default { | ... | @@ -143,6 +143,7 @@ export default { |
143 | props: { | 143 | props: { |
144 | value: { type: Boolean, default: false }, | 144 | value: { type: Boolean, default: false }, |
145 | details: { type: Object, default: {} }, | 145 | details: { type: Object, default: {} }, |
146 | showButton: {type: Boolean, default: false} | ||
146 | }, | 147 | }, |
147 | computed: { | 148 | computed: { |
148 | ...mapGetters(["dictData"]), | 149 | ...mapGetters(["dictData"]), | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div> | 2 | <div> |
3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | 3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> |
4 | </lb-table> | 4 | </lb-table> |
5 | <addQlr v-model="dialog" :details="details" @updateDetail="handleupdateDetail" /> | 5 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> |
6 | </div> | 6 | </div> |
7 | </template> | 7 | </template> |
8 | <script> | 8 | <script> |
... | @@ -33,6 +33,7 @@ export default { | ... | @@ -33,6 +33,7 @@ export default { |
33 | dataIndex: 0, | 33 | dataIndex: 0, |
34 | dialog: false, | 34 | dialog: false, |
35 | isaddupdate: false, | 35 | isaddupdate: false, |
36 | showButton: this.$route.query.viewtype ? false : true, | ||
36 | details: {}, | 37 | details: {}, |
37 | tableDataList: [], | 38 | tableDataList: [], |
38 | InformationTable: [ | 39 | InformationTable: [ |
... | @@ -91,7 +92,7 @@ export default { | ... | @@ -91,7 +92,7 @@ export default { |
91 | return ( | 92 | return ( |
92 | <div> | 93 | <div> |
93 | { | 94 | { |
94 | this.$route.query.viewtype == 1 ? <el-button | 95 | this.$route.query.viewtype ? <el-button |
95 | icon="el-icon-view" | 96 | icon="el-icon-view" |
96 | type="text" | 97 | type="text" |
97 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | 98 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ... | ... |
... | @@ -84,9 +84,9 @@ | ... | @@ -84,9 +84,9 @@ |
84 | <el-col :span="8"> | 84 | <el-col :span="8"> |
85 | <el-form-item label="取得价格:"> | 85 | <el-form-item label="取得价格:"> |
86 | <div style="display:flex"> | 86 | <div style="display:flex"> |
87 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" | 87 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype" |
88 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 88 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
89 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 89 | <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype"> |
90 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 90 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
91 | </el-option> | 91 | </el-option> |
92 | </el-select> | 92 | </el-select> |
... | @@ -116,7 +116,7 @@ | ... | @@ -116,7 +116,7 @@ |
116 | <el-row :gutter="10"> | 116 | <el-row :gutter="10"> |
117 | <el-col> | 117 | <el-col> |
118 | <el-form-item label="附记:" prop="fj"> | 118 | <el-form-item label="附记:" prop="fj"> |
119 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> | 119 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input> |
120 | </el-form-item> | 120 | </el-form-item> |
121 | </el-col> | 121 | </el-col> |
122 | </el-row> | 122 | </el-row> |
... | @@ -172,7 +172,7 @@ | ... | @@ -172,7 +172,7 @@ |
172 | <el-row :gutter="10"> | 172 | <el-row :gutter="10"> |
173 | <el-col> | 173 | <el-col> |
174 | <el-form-item label="登记原因:" prop="djyy"> | 174 | <el-form-item label="登记原因:" prop="djyy"> |
175 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 175 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" |
176 | v-model="ruleForm.jsydsyq.djyy"> | 176 | v-model="ruleForm.jsydsyq.djyy"> |
177 | </el-input> | 177 | </el-input> |
178 | </el-form-item> | 178 | </el-form-item> | ... | ... |
... | @@ -118,7 +118,7 @@ | ... | @@ -118,7 +118,7 @@ |
118 | <el-row :gutter="10"> | 118 | <el-row :gutter="10"> |
119 | <el-col> | 119 | <el-col> |
120 | <el-form-item label="附记:" prop="fj"> | 120 | <el-form-item label="附记:" prop="fj"> |
121 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> | 121 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input> |
122 | </el-form-item> | 122 | </el-form-item> |
123 | </el-col> | 123 | </el-col> |
124 | </el-row> | 124 | </el-row> |
... | @@ -132,7 +132,7 @@ | ... | @@ -132,7 +132,7 @@ |
132 | <el-row :gutter="10"> | 132 | <el-row :gutter="10"> |
133 | <el-col :span="14"> | 133 | <el-col :span="14"> |
134 | <el-form-item label="共有方式:"> | 134 | <el-form-item label="共有方式:"> |
135 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> | 135 | <el-radio-group :disabled="$route.query.viewtype" v-model="ruleForm.slywxx.gyfs"> |
136 | <el-radio label="0">单独所有</el-radio> | 136 | <el-radio label="0">单独所有</el-radio> |
137 | <el-radio label="1">共同共有</el-radio> | 137 | <el-radio label="1">共同共有</el-radio> |
138 | <el-radio label="2">按份所有</el-radio> | 138 | <el-radio label="2">按份所有</el-radio> |
... | @@ -166,7 +166,7 @@ | ... | @@ -166,7 +166,7 @@ |
166 | <el-row :gutter="10"> | 166 | <el-row :gutter="10"> |
167 | <el-col> | 167 | <el-col> |
168 | <el-form-item label="登记原因:" prop="djyy"> | 168 | <el-form-item label="登记原因:" prop="djyy"> |
169 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 169 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" |
170 | v-model="ruleForm.jsydsyq.djyy"> | 170 | v-model="ruleForm.jsydsyq.djyy"> |
171 | </el-input> | 171 | </el-input> |
172 | </el-form-item> | 172 | </el-form-item> | ... | ... |
... | @@ -29,7 +29,7 @@ class data extends filter { | ... | @@ -29,7 +29,7 @@ class data extends filter { |
29 | return ( | 29 | return ( |
30 | <div> | 30 | <div> |
31 | { | 31 | { |
32 | scope.row.enabled == '1' ? | 32 | scope.row.bsmFz ? |
33 | <div class='allow'>已领取</div> : | 33 | <div class='allow'>已领取</div> : |
34 | <div class='prohibit'>未领取</div> | 34 | <div class='prohibit'>未领取</div> |
35 | } | 35 | } |
... | @@ -38,24 +38,18 @@ class data extends filter { | ... | @@ -38,24 +38,18 @@ class data extends filter { |
38 | } | 38 | } |
39 | }, | 39 | }, |
40 | { | 40 | { |
41 | label: "证书类容", | 41 | label: "证书内容", |
42 | render: (h, scope) => { | 42 | render: (h, scope) => { |
43 | return ( | 43 | return ( |
44 | <div> | 44 | <div> |
45 | <el-link type="primary" onClick={() => { vm.openDialog(scope) }}>查看</el-link> | 45 | <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link> |
46 | </div> | 46 | </div> |
47 | ) | 47 | ) |
48 | } | 48 | } |
49 | }, | 49 | }, |
50 | { | 50 | { |
51 | label: "权利类型", | 51 | label: "权利类型", |
52 | render: (h, scope) => { | 52 | prop: "qllx", |
53 | return ( | ||
54 | <div> | ||
55 | {this.dicStatus(scope.row.qllx, 'A8')} | ||
56 | </div> | ||
57 | ) | ||
58 | } | ||
59 | }, | 53 | }, |
60 | { | 54 | { |
61 | prop: "bdcqzh", | 55 | prop: "bdcqzh", |
... | @@ -66,11 +60,11 @@ class data extends filter { | ... | @@ -66,11 +60,11 @@ class data extends filter { |
66 | label: "印刷序列号", | 60 | label: "印刷序列号", |
67 | }, | 61 | }, |
68 | { | 62 | { |
69 | prop: "lqr", | 63 | prop: "lzrxm", |
70 | label: "领取人", | 64 | label: "领取人", |
71 | }, | 65 | }, |
72 | { | 66 | { |
73 | prop: "lqsj", | 67 | prop: "fzsj", |
74 | label: "领取时间", | 68 | label: "领取时间", |
75 | }, | 69 | }, |
76 | { | 70 | { | ... | ... |
... | @@ -6,25 +6,25 @@ | ... | @@ -6,25 +6,25 @@ |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
8 | <el-form-item label="不动产权证号" label-width="100px"> | 8 | <el-form-item label="不动产权证号" label-width="100px"> |
9 | <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh"> | 9 | <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh" clearable> |
10 | </el-input> | 10 | </el-input> |
11 | </el-form-item> | 11 | </el-form-item> |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
14 | <el-form-item label="印刷序列号" label-width="100px"> | 14 | <el-form-item label="印刷序列号" label-width="100px"> |
15 | <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh"> | 15 | <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh" clearable> |
16 | </el-input> | 16 | </el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="5"> | 19 | <el-col :span="5"> |
20 | <el-form-item label="业务号"> | 20 | <el-form-item label="业务号"> |
21 | <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh"> | 21 | <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh" clearable> |
22 | </el-input> | 22 | </el-input> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <el-col :span="5"> | 25 | <el-col :span="5"> |
26 | <el-form-item label="领取人"> | 26 | <el-form-item label="领取人"> |
27 | <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lqr"> | 27 | <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lzrxm" clearable> |
28 | </el-input> | 28 | </el-input> |
29 | </el-form-item> | 29 | </el-form-item> |
30 | </el-col> | 30 | </el-col> |
... | @@ -45,11 +45,16 @@ | ... | @@ -45,11 +45,16 @@ |
45 | :data="tableData.data"> | 45 | :data="tableData.data"> |
46 | </lb-table> | 46 | </lb-table> |
47 | </div> | 47 | </div> |
48 | <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose"> | ||
49 | <img :src="previewImage" class="imgClass"> | ||
50 | </el-dialog> | ||
48 | </div> | 51 | </div> |
49 | </template> | 52 | </template> |
50 | <script> | 53 | <script> |
51 | import table from "@/utils/mixin/table"; | 54 | import table from "@/utils/mixin/table"; |
52 | import { datas, sendThis } from "./zslqcx"; | 55 | import { datas, sendThis } from "./zslqcx"; |
56 | import { getBdcqzReceiveList } from "@/api/zhcx" | ||
57 | import { bdcqzPreview } from "@/api/bdcqz" | ||
53 | export default { | 58 | export default { |
54 | components: {}, | 59 | components: {}, |
55 | mixins: [table], | 60 | mixins: [table], |
... | @@ -62,9 +67,12 @@ export default { | ... | @@ -62,9 +67,12 @@ export default { |
62 | bdcqzh: "", | 67 | bdcqzh: "", |
63 | ysxlh: "", | 68 | ysxlh: "", |
64 | ywh: "", | 69 | ywh: "", |
65 | lqr: "", | 70 | lzrxm: "", |
66 | }, | 71 | }, |
72 | dialogVisible: false, | ||
73 | previewImage: '', | ||
67 | tableData: { | 74 | tableData: { |
75 | total: 0, | ||
68 | columns: datas.columns(), | 76 | columns: datas.columns(), |
69 | data: [], | 77 | data: [], |
70 | }, | 78 | }, |
... | @@ -73,8 +81,29 @@ export default { | ... | @@ -73,8 +81,29 @@ export default { |
73 | methods: { | 81 | methods: { |
74 | // 查询 | 82 | // 查询 |
75 | queryClick () { | 83 | queryClick () { |
84 | this.$startLoading() | ||
85 | getBdcqzReceiveList({ ...this.queryForm, ...this.pageData }).then(res => { | ||
86 | this.$endLoading() | ||
87 | if (res.code === 200) { | ||
88 | let { total, records } = res.result | ||
89 | this.tableData.total = total; | ||
90 | this.tableData.data = records ? records : [] | ||
91 | } | ||
92 | }) | ||
76 | }, | 93 | }, |
77 | 94 | openDialog(item){ | |
95 | this.$startLoading() | ||
96 | bdcqzPreview(item).then(res => { | ||
97 | this.$endLoading() | ||
98 | this.dialogVisible = true; | ||
99 | let blob = new Blob([res]); | ||
100 | let url = window.URL.createObjectURL(blob); | ||
101 | this.previewImage = url; | ||
102 | }) | ||
103 | }, | ||
104 | handleClose() { | ||
105 | this.dialogVisible = false; | ||
106 | } | ||
78 | }, | 107 | }, |
79 | }; | 108 | }; |
80 | </script> | 109 | </script> | ... | ... |
... | @@ -23,7 +23,7 @@ class data extends filter { | ... | @@ -23,7 +23,7 @@ class data extends filter { |
23 | } | 23 | } |
24 | }, | 24 | }, |
25 | { | 25 | { |
26 | prop: "qymc", | 26 | prop: "dwmc", |
27 | label: "企业名称", | 27 | label: "企业名称", |
28 | }, | 28 | }, |
29 | { | 29 | { |
... | @@ -43,11 +43,11 @@ class data extends filter { | ... | @@ -43,11 +43,11 @@ class data extends filter { |
43 | label: "坐落" | 43 | label: "坐落" |
44 | }, | 44 | }, |
45 | { | 45 | { |
46 | prop: "yt", | 46 | prop: "showFwyt", |
47 | label: "用途" | 47 | label: "用途" |
48 | }, | 48 | }, |
49 | { | 49 | { |
50 | prop: "mj", | 50 | prop: "scjzmj", |
51 | label: "面积(㎡)" | 51 | label: "面积(㎡)" |
52 | }, | 52 | }, |
53 | { | 53 | { | ... | ... |
... | @@ -5,31 +5,24 @@ | ... | @@ -5,31 +5,24 @@ |
5 | <el-form :model="queryForm" ref="queryForm" label-width="80px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="80px"> |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
8 | <el-form-item label="项目名称" label-width="70px"> | 8 | <el-form-item label="企业名称" label-width="70px"> |
9 | <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"> | 9 | <el-input placeholder="请输入企业名称" v-model="queryForm.qymc" clearable> |
10 | </el-input> | 10 | </el-input> |
11 | </el-form-item> | 11 | </el-form-item> |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
14 | <el-form-item label="项目编号"> | 14 | <el-form-item label="项目名称" label-width="70px"> |
15 | <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh"> | 15 | <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable> |
16 | </el-input> | 16 | </el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="5"> | 19 | <el-col :span="5"> |
20 | <el-form-item label="自然幢号"> | 20 | <el-form-item label="自然幢号"> |
21 | <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh"> | 21 | <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable> |
22 | </el-input> | 22 | </el-input> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <el-col :span="5"> | 25 | <el-col :span="9" class="btnColRight"> |
26 | <el-form-item label="宗地代码"> | ||
27 | <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm"> | ||
28 | </el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | |||
32 | <el-col :span="4" class="btnColRight"> | ||
33 | <el-form-item> | 26 | <el-form-item> |
34 | <el-button type="primary" @click="queryClick">查询</el-button> | 27 | <el-button type="primary" @click="queryClick">查询</el-button> |
35 | <el-button @click="moreQueryClick">高级查询</el-button> | 28 | <el-button @click="moreQueryClick">高级查询</el-button> |
... | @@ -50,6 +43,7 @@ | ... | @@ -50,6 +43,7 @@ |
50 | <script> | 43 | <script> |
51 | import table from "@/utils/mixin/table"; | 44 | import table from "@/utils/mixin/table"; |
52 | import { datas, sendThis } from "./zxgcdycx"; | 45 | import { datas, sendThis } from "./zxgcdycx"; |
46 | import { getZjgcdyList } from "@/api/zhcx" | ||
53 | export default { | 47 | export default { |
54 | components: {}, | 48 | components: {}, |
55 | mixins: [table], | 49 | mixins: [table], |
... | @@ -60,11 +54,11 @@ export default { | ... | @@ -60,11 +54,11 @@ export default { |
60 | return { | 54 | return { |
61 | queryForm: { | 55 | queryForm: { |
62 | xmmc: "", | 56 | xmmc: "", |
63 | xmbh: "", | 57 | qymc: "", |
64 | zrzh: "", | 58 | zrzh: "", |
65 | zddm: "", | ||
66 | }, | 59 | }, |
67 | tableData: { | 60 | tableData: { |
61 | total: 0, | ||
68 | columns: datas.columns(), | 62 | columns: datas.columns(), |
69 | data: [], | 63 | data: [], |
70 | }, | 64 | }, |
... | @@ -73,6 +67,15 @@ export default { | ... | @@ -73,6 +67,15 @@ export default { |
73 | methods: { | 67 | methods: { |
74 | // 查询 | 68 | // 查询 |
75 | queryClick () { | 69 | queryClick () { |
70 | this.$startLoading() | ||
71 | getZjgcdyList({ ...this.queryForm, ...this.pageData }).then(res => { | ||
72 | this.$endLoading() | ||
73 | if (res.code === 200) { | ||
74 | let { total, records } = res.result | ||
75 | this.tableData.total = total; | ||
76 | this.tableData.data = records ? records : [] | ||
77 | } | ||
78 | }) | ||
76 | }, | 79 | }, |
77 | 80 | ||
78 | }, | 81 | }, | ... | ... |
-
Please register or sign in to post a comment