Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
21 changed files
with
1187 additions
and
27 deletions
... | @@ -33,7 +33,7 @@ export function invalidCertificate (data) { | ... | @@ -33,7 +33,7 @@ export function invalidCertificate (data) { |
33 | data | 33 | data |
34 | }) | 34 | }) |
35 | } | 35 | } |
36 | // 缮证列表 | 36 | //根据受理申请标识码获取所有缮证列表 |
37 | export function getCertificateList (data) { | 37 | export function getCertificateList (data) { |
38 | return request({ | 38 | return request({ |
39 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getCertificateList', | 39 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getCertificateList', |
... | @@ -42,6 +42,15 @@ export function getCertificateList (data) { | ... | @@ -42,6 +42,15 @@ export function getCertificateList (data) { |
42 | }) | 42 | }) |
43 | } | 43 | } |
44 | 44 | ||
45 | //获取不动产权证对应缮证列表 | ||
46 | export function getSzRecordList (params) { | ||
47 | return request({ | ||
48 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getSzRecordList', | ||
49 | method: 'get', | ||
50 | params | ||
51 | }) | ||
52 | } | ||
53 | |||
45 | //获取未领取的证书信息 | 54 | //获取未领取的证书信息 |
46 | export function getUnclaimedBdcqz (data) { | 55 | export function getUnclaimedBdcqz (data) { |
47 | return request({ | 56 | return request({ | ... | ... |
src/api/workflow/ygdyFlow.js
0 → 100644
1 | import request from '@/utils/request' | ||
2 | import SERVER from '../config' | ||
3 | // 初始化内容 | ||
4 | export function Init (data) { | ||
5 | let apiUrl = ""; | ||
6 | switch (data.get("djlx")) { | ||
7 | case "100": | ||
8 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/fristInit"; | ||
9 | break; | ||
10 | case "200": | ||
11 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/transferInit"; | ||
12 | break; | ||
13 | case "300": | ||
14 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/changeInit"; | ||
15 | break; | ||
16 | case "400": | ||
17 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/logoutInit"; | ||
18 | break; | ||
19 | case "500": | ||
20 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/riviseInit"; | ||
21 | break; | ||
22 | case "901": | ||
23 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/renewalInit"; | ||
24 | break; | ||
25 | case "902": | ||
26 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/replaceInit"; | ||
27 | break; | ||
28 | } | ||
29 | return request({ | ||
30 | url: apiUrl, | ||
31 | method: 'post', | ||
32 | data | ||
33 | }) | ||
34 | } | ||
35 | // 初始化内容 | ||
36 | export function saveData (data) { | ||
37 | return request({ | ||
38 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdy/saveData', | ||
39 | method: 'post', | ||
40 | data | ||
41 | }) | ||
42 | } | ||
43 | |||
44 |
... | @@ -267,3 +267,15 @@ export function selectYgdj200 (data) { | ... | @@ -267,3 +267,15 @@ export function selectYgdj200 (data) { |
267 | data | 267 | data |
268 | }) | 268 | }) |
269 | } | 269 | } |
270 | /** | ||
271 | * 业务办理-预告抵押登记-选择权利信息-根据条件进行列表查询 | ||
272 | * @param data | ||
273 | * @returns {*} | ||
274 | */ | ||
275 | export function selectYgdy (data) { | ||
276 | return request({ | ||
277 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectYgdy', | ||
278 | method: 'post', | ||
279 | data | ||
280 | }) | ||
281 | } | ... | ... |
... | @@ -122,9 +122,23 @@ export default { | ... | @@ -122,9 +122,23 @@ export default { |
122 | }, | 122 | }, |
123 | }, | 123 | }, |
124 | { | 124 | { |
125 | prop: "ys", | ||
126 | label: "扫描页数", | 125 | label: "扫描页数", |
127 | width: "50" | 126 | width: "50", |
127 | render: (h, scope) => { | ||
128 | if (scope.row.children && scope.row.children.length > 0) { | ||
129 | return ( | ||
130 | <div> | ||
131 | <span>{scope.row.children.length}</span> | ||
132 | </div> | ||
133 | ); | ||
134 | } else { | ||
135 | return ( | ||
136 | <div> | ||
137 | <span>0</span> | ||
138 | </div> | ||
139 | ); | ||
140 | } | ||
141 | }, | ||
128 | }, | 142 | }, |
129 | { | 143 | { |
130 | label: "操作", | 144 | label: "操作", | ... | ... |
1 | <template> | ||
2 | <div class="zdxx" id="printMe"> | ||
3 | <div class="tablebox"> | ||
4 | <div class="print-title">不动产登记申请书</div> | ||
5 | <div style="display:flex"> | ||
6 | <div> | ||
7 | <table cellpadding="0" cellspacing="0" class="printTable"> | ||
8 | <col width="60" /> | ||
9 | <col width="80" /> | ||
10 | <col width="200" /> | ||
11 | <col width="100" /> | ||
12 | <col width="160" /> | ||
13 | <tr> | ||
14 | <td rowspan="2">收件</td> | ||
15 | <td>编号</td> | ||
16 | <td>1111</td> | ||
17 | <td rowspan="2">收件人</td> | ||
18 | <td rowspan="2">123</td> | ||
19 | </tr> | ||
20 | <tr> | ||
21 | <td>日期</td> | ||
22 | <td></td> | ||
23 | </tr> | ||
24 | </table> | ||
25 | </div> | ||
26 | <div class="print-unit"> | ||
27 | 单位: | ||
28 | <i class="el-icon-check" style="color:red;font-size:16px"></i>平方米 | ||
29 | <span class="check-box"></span>公顷(<span class="check-box"></span>亩)、万元 | ||
30 | </div> | ||
31 | </div> | ||
32 | <div style="margin-top:20px"></div> | ||
33 | <table cellpadding="0" cellspacing="0" class="printTable"> | ||
34 | <col width="80" /> | ||
35 | <col width="140" /> | ||
36 | <col width="200" /> | ||
37 | <col width="80" /> | ||
38 | <col width="60" /> | ||
39 | <col width="20" /> | ||
40 | <col width="200" /> | ||
41 | <tr> | ||
42 | <td rowspan="2" class="left-title">申请登记事由</td> | ||
43 | <td colspan="6" class="text-left"> | ||
44 | <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> | ||
46 | <span class="check-box" v-else></span> | ||
47 | {{item.name}} | ||
48 | </span> | ||
49 | </td> | ||
50 | </tr> | ||
51 | <tr> | ||
52 | <td colspan="6" class="text-left"> | ||
53 | <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> | ||
55 | <span class="check-box" v-else></span> | ||
56 | {{item.name}} | ||
57 | </span> | ||
58 | </td> | ||
59 | </tr> | ||
60 | <tr> | ||
61 | <td rowspan="14" class="left-title">申请人情况</td> | ||
62 | <td colspan="6" class="inline-title">登记申请人</td> | ||
63 | </tr> | ||
64 | <tr> | ||
65 | <td>权利人姓名(名称)</td> | ||
66 | <td colspan="5">张三</td> | ||
67 | </tr> | ||
68 | <tr> | ||
69 | <td>身份证件种类</td> | ||
70 | <td>身份证</td> | ||
71 | <td>证件号</td> | ||
72 | <td colspan="3">3438475835XXXXXXX</td> | ||
73 | </tr> | ||
74 | <tr> | ||
75 | <td>通讯地址</td> | ||
76 | <td colspan="2">山西省系撒大大</td> | ||
77 | <td colspan="1">邮编</td> | ||
78 | <td colspan="2">A700001</td> | ||
79 | </tr> | ||
80 | <tr> | ||
81 | <td>法定代表人或负责人</td> | ||
82 | <td>张三</td> | ||
83 | <td>联系电话</td> | ||
84 | <td colspan="3">134548543</td> | ||
85 | </tr> | ||
86 | <tr> | ||
87 | <td>代理人姓名</td> | ||
88 | <td>里斯</td> | ||
89 | <td>联系电话</td> | ||
90 | <td colspan="3">134548543</td> | ||
91 | </tr> | ||
92 | <tr> | ||
93 | <td>代理机构名称</td> | ||
94 | <td colspan="5">buzhdiao</td> | ||
95 | </tr> | ||
96 | <tr> | ||
97 | <td colspan="7" class="inline-title">登记申请人</td> | ||
98 | </tr> | ||
99 | <tr> | ||
100 | <td>义务人姓名(名称)</td> | ||
101 | <td colspan="5">张三</td> | ||
102 | </tr> | ||
103 | <tr> | ||
104 | <td>身份证件种类</td> | ||
105 | <td>身份证</td> | ||
106 | <td>证件号</td> | ||
107 | <td colspan="3">3438475835XXXXXXX</td> | ||
108 | </tr> | ||
109 | <tr> | ||
110 | <td>通讯地址</td> | ||
111 | <td colspan="2">山西省系撒大大</td> | ||
112 | <td colspan="1">邮编</td> | ||
113 | <td colspan="2">A700001</td> | ||
114 | </tr> | ||
115 | <tr> | ||
116 | <td>法定代表人或负责人</td> | ||
117 | <td>张三</td> | ||
118 | <td>联系电话</td> | ||
119 | <td colspan="3">134548543</td> | ||
120 | </tr> | ||
121 | <tr> | ||
122 | <td>代理人姓名</td> | ||
123 | <td>里斯</td> | ||
124 | <td>联系电话</td> | ||
125 | <td colspan="3">134548543</td> | ||
126 | </tr> | ||
127 | <tr> | ||
128 | <td>代理机构名称</td> | ||
129 | <td colspan="5">buzhdiao</td> | ||
130 | </tr> | ||
131 | <tr> | ||
132 | <td rowspan="6" class="left-title">不动产情况</td> | ||
133 | </tr> | ||
134 | <tr> | ||
135 | <td>坐落</td> | ||
136 | <td colspan="5">buzhdixxxxo</td> | ||
137 | </tr> | ||
138 | <tr> | ||
139 | <td>不动产单元号</td> | ||
140 | <td>000001号</td> | ||
141 | <td>不动产类型</td> | ||
142 | <td colspan="3">房屋</td> | ||
143 | </tr> | ||
144 | <tr> | ||
145 | <td>面积</td> | ||
146 | <td>111.3㎡</td> | ||
147 | <td>用途</td> | ||
148 | <td colspan="3">城镇住宅用地</td> | ||
149 | </tr> | ||
150 | <tr> | ||
151 | <td>原不动产权属证书号</td> | ||
152 | <td>xxxx号</td> | ||
153 | <td>用海类型</td> | ||
154 | <td colspan="3"></td> | ||
155 | </tr> | ||
156 | <tr> | ||
157 | <td>构筑物类型</td> | ||
158 | <td></td> | ||
159 | <td>林种</td> | ||
160 | <td colspan="3"></td> | ||
161 | </tr> | ||
162 | <tr> | ||
163 | <td class="left-title">抵押情况</td> | ||
164 | <td>被担保债权数额(最高债权数额)</td> | ||
165 | <td></td> | ||
166 | <td colspan="2">债务履行期限(债权确定期间)</td> | ||
167 | <td colspan="2"></td> | ||
168 | </tr> | ||
169 | </table> | ||
170 | <button type="primary" @click="test()"> test</button> | ||
171 | </div> | ||
172 | </div> | ||
173 | </template> | ||
174 | <script> | ||
175 | import { mapGetters } from 'vuex'; | ||
176 | import { getLodop } from "@/utils/LodopFuncs"; | ||
177 | export default { | ||
178 | components: {}, | ||
179 | computed: { | ||
180 | ...mapGetters(['dictData']) | ||
181 | }, | ||
182 | mounted() { | ||
183 | console.log(this.dictData['A8']); | ||
184 | |||
185 | }, | ||
186 | data () { | ||
187 | return { | ||
188 | ywlxList: [ | ||
189 | {name: '国有建设用地使用权',value: 'A03',checked:true}, | ||
190 | {name: '国有建设用地使用权/房屋所有权',value: 'A04',checked:false}, | ||
191 | ], | ||
192 | djlxList: [ | ||
193 | {name: '首次登记',value: '100',checked:true}, | ||
194 | {name: '转移登记',value: '200',checked:false}, | ||
195 | {name: '变更登记',value: '300',checked:false}, | ||
196 | {name: '注销登记',value: '400',checked:false}, | ||
197 | {name: '更正登记',value: '901',checked:false}, | ||
198 | {name: '异议登记',value: 'B',checked:false}, | ||
199 | {name: '预告登记',value: '902',checked:false}, | ||
200 | {name: '查封登记',value: 'B39',checked:false}, | ||
201 | {name: '其他___________',value: '99',checked:false}, | ||
202 | ] | ||
203 | } | ||
204 | }, | ||
205 | methods: { | ||
206 | test(){ | ||
207 | let lodop = getLodop(); | ||
208 | lodop.PRINT_INIT("测试"); | ||
209 | lodop.ADD_PRINT_HTM(88,200,350,600,document.getElementById("printMe").innerHTML); | ||
210 | lodop.PREVIEW(); | ||
211 | } | ||
212 | |||
213 | } | ||
214 | } | ||
215 | </script> | ||
216 | <style scoped lang='scss'> | ||
217 | .zdxx { | ||
218 | width: 100%; | ||
219 | height: 100%; | ||
220 | background-color: #f5f5f5; | ||
221 | padding: 5px; | ||
222 | } | ||
223 | |||
224 | .print-title{ | ||
225 | font-size: 24px; | ||
226 | font-weight: bolder; | ||
227 | margin: 20px 0px; | ||
228 | } | ||
229 | |||
230 | .print-unit{ | ||
231 | line-height: 60px; | ||
232 | margin-left: 20px; | ||
233 | font-size: 14px; | ||
234 | } | ||
235 | |||
236 | .left-title{ | ||
237 | font-size: 16px | ||
238 | } | ||
239 | |||
240 | .inline-title{ | ||
241 | font-size:16px; | ||
242 | font-weight: bolder; | ||
243 | } | ||
244 | |||
245 | .text-left { | ||
246 | text-align: left; | ||
247 | } | ||
248 | |||
249 | .check-box { | ||
250 | display: inline-block; | ||
251 | border: 1px solid rgb(114, 113, 113); | ||
252 | border-radius: 2px; | ||
253 | box-sizing: border-box; | ||
254 | width: 10px; | ||
255 | height: 10px; | ||
256 | } | ||
257 | |||
258 | |||
259 | .tablebox { | ||
260 | overflow-x: auto; | ||
261 | width: 100%; | ||
262 | height: 100%; | ||
263 | background: #fff; | ||
264 | text-align: center; | ||
265 | padding: 4px; | ||
266 | overflow-y: scroll; | ||
267 | |||
268 | .printTable { | ||
269 | width: 100%; | ||
270 | color: #333; | ||
271 | |||
272 | td { | ||
273 | border: 1px solid rgb(194, 191, 191); | ||
274 | line-height: 30px; | ||
275 | padding: 0 4px; | ||
276 | } | ||
277 | |||
278 | .title { | ||
279 | line-height: 68px; | ||
280 | font-size: 20px; | ||
281 | } | ||
282 | |||
283 | .unit { | ||
284 | text-align: right; | ||
285 | } | ||
286 | |||
287 | .title2 { | ||
288 | writing-mode: vertical-lr; | ||
289 | letter-spacing: 6px; | ||
290 | } | ||
291 | |||
292 | .bhqk { | ||
293 | padding: 0; | ||
294 | |||
295 | .box { | ||
296 | width: 745px; | ||
297 | overflow: auto; | ||
298 | } | ||
299 | |||
300 | .test { | ||
301 | } | ||
302 | |||
303 | table { | ||
304 | .bhqkTh { | ||
305 | width: 110px; | ||
306 | line-height: 40px; | ||
307 | background-color: #f5f5f5; | ||
308 | border: 1px solid rgb(228, 228, 228); | ||
309 | font-weight: bold; | ||
310 | } | ||
311 | |||
312 | td { | ||
313 | width: 180px; | ||
314 | } | ||
315 | } | ||
316 | } | ||
317 | } | ||
318 | } | ||
319 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/workflow/components/szRecord.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <lb-table :column="tableData.columns" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData.data"> | ||
4 | </lb-table> | ||
5 | </div> | ||
6 | </template> | ||
7 | <script> | ||
8 | import { mapGetters } from 'vuex' | ||
9 | import { getSzRecordList } from "@/api/bdcqz.js"; | ||
10 | import table from "@/utils/mixin/table"; | ||
11 | import { datas } from "../javascript/szxxdata"; | ||
12 | export default { | ||
13 | components: { | ||
14 | |||
15 | }, | ||
16 | mixins: [table], | ||
17 | computed: { | ||
18 | ...mapGetters(["dictData"]), | ||
19 | }, | ||
20 | props: { | ||
21 | formData: { | ||
22 | type: Object, | ||
23 | default: {} | ||
24 | }, | ||
25 | }, | ||
26 | data () { | ||
27 | return { | ||
28 | key: 0, | ||
29 | dataIndex: 0, | ||
30 | dialog: false, | ||
31 | details: {}, | ||
32 | tableData: { | ||
33 | total: 0, | ||
34 | columns: datas.columns(), | ||
35 | data: [], | ||
36 | }, | ||
37 | } | ||
38 | }, | ||
39 | mounted() { | ||
40 | this.query() | ||
41 | }, | ||
42 | methods: { | ||
43 | query(){ | ||
44 | getSzRecordList({bsmBdcqz: this.formData.bsmBdcqz}).then(res => { | ||
45 | if(res.code == 200){ | ||
46 | this.tableData.data = res.result; | ||
47 | } | ||
48 | }) | ||
49 | } | ||
50 | } | ||
51 | } | ||
52 | </script> | ||
53 | <style scoped lang='scss'> | ||
54 | |||
55 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
49 | <el-button | 49 | <el-button |
50 | class="operation_button" | 50 | class="operation_button" |
51 | type="text" | 51 | type="text" |
52 | @click="openZsylDialog(item, 1)" | 52 | @click="openRecordPop(item)" |
53 | >缮证记录</el-button | 53 | >缮证记录</el-button |
54 | > | 54 | > |
55 | </div> | 55 | </div> |
... | @@ -57,14 +57,20 @@ | ... | @@ -57,14 +57,20 @@ |
57 | <el-button | 57 | <el-button |
58 | class="operation_button" | 58 | class="operation_button" |
59 | type="text" | 59 | type="text" |
60 | @click="openZsylDialog(item, 2)" | 60 | @click="openZsylDialog(item,2)" |
61 | >证书打印({{ item.szcs }})</el-button | 61 | >证书打印({{ item.szcs }})</el-button |
62 | > | 62 | > |
63 | <el-button | ||
64 | class="operation_button" | ||
65 | type="text" | ||
66 | @click="openRecordPop(item)" | ||
67 | >缮证记录</el-button | ||
68 | > | ||
63 | </div> | 69 | </div> |
64 | </div> | 70 | </div> |
65 | </el-card> | 71 | </el-card> |
66 | <el-dialog | 72 | <el-dialog |
67 | title="证书打印" | 73 | title="证书作废" |
68 | :visible.sync="invalidDiglog" | 74 | :visible.sync="invalidDiglog" |
69 | width="30%" | 75 | width="30%" |
70 | :modal-append-to-body="false" | 76 | :modal-append-to-body="false" |
... | @@ -93,8 +99,9 @@ | ... | @@ -93,8 +99,9 @@ |
93 | </div> | 99 | </div> |
94 | </template> | 100 | </template> |
95 | <script> | 101 | <script> |
96 | import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; | 102 | import { getSlsqBdcqzList, invalidCertificate,getSzRecordList } from "@/api/bdcqz.js"; |
97 | import bdcqzPrint from "./zsdy.vue"; | 103 | import bdcqzPrint from "./zsdy.vue"; |
104 | import { popupDialog } from "@/utils/popup.js"; | ||
98 | export default { | 105 | export default { |
99 | components: { bdcqzPrint }, | 106 | components: { bdcqzPrint }, |
100 | props: {}, | 107 | props: {}, |
... | @@ -172,6 +179,8 @@ export default { | ... | @@ -172,6 +179,8 @@ export default { |
172 | //再次打印 | 179 | //再次打印 |
173 | openInvalidDiglog(item) { | 180 | openInvalidDiglog(item) { |
174 | this.bsmSz = item.bsmSz; | 181 | this.bsmSz = item.bsmSz; |
182 | console.log(item); | ||
183 | |||
175 | this.invalidDiglog = true; | 184 | this.invalidDiglog = true; |
176 | }, | 185 | }, |
177 | closeInvalidDiglog() { | 186 | closeInvalidDiglog() { |
... | @@ -192,6 +201,9 @@ export default { | ... | @@ -192,6 +201,9 @@ export default { |
192 | } | 201 | } |
193 | }); | 202 | }); |
194 | }, | 203 | }, |
204 | openRecordPop(item) { | ||
205 | popupDialog("缮证记录", "workflow/components/szRecord", {bsmBdcqz: item.bsmBdcqz}, '50%') | ||
206 | } | ||
195 | }, | 207 | }, |
196 | }; | 208 | }; |
197 | </script> | 209 | </script> | ... | ... |
... | @@ -2,9 +2,10 @@ | ... | @@ -2,9 +2,10 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <div class="title">请选择要退回到的环节:</div> | ||
5 | <el-form ref="queryForm" label-width="90px"> | 6 | <el-form ref="queryForm" label-width="90px"> |
6 | <ul style="margin-bottom:15px"> | 7 | <ul style="margin-bottom:15px"> |
7 | <li v-for="(item,index) in dataList" class="listDetail" :key="index"> | 8 | <li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)"> |
8 | <p class="icon"> | 9 | <p class="icon"> |
9 | <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> | 10 | <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> |
10 | </p> | 11 | </p> |
... | @@ -12,11 +13,12 @@ | ... | @@ -12,11 +13,12 @@ |
12 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> | 13 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> |
13 | </li> | 14 | </li> |
14 | </ul> | 15 | </ul> |
15 | <el-form-item label="退回意见:"> | 16 | <div class="title">退回意见:</div> |
16 | <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input> | 17 | <el-form-item> |
18 | <el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input> | ||
17 | </el-form-item> | 19 | </el-form-item> |
18 | <el-form-item> | 20 | <el-form-item> |
19 | <el-button style="float:right">取消</el-button> | 21 | <!-- <el-button style="float:right">取消</el-button> --> |
20 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> | 22 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> |
21 | </el-form-item> | 23 | </el-form-item> |
22 | </el-form> | 24 | </el-form> |
... | @@ -59,10 +61,12 @@ export default { | ... | @@ -59,10 +61,12 @@ export default { |
59 | }, 1000); | 61 | }, 1000); |
60 | }) | 62 | }) |
61 | }, | 63 | }, |
62 | changeSelectItem(item){ | 64 | changeSelectItem(item){ |
63 | this.selectItem = item | 65 | this.selectItem = item |
66 | this.selectActivity = item.activityId | ||
64 | }, | 67 | }, |
65 | getBackNode () { | 68 | //获取可回退环节信息 |
69 | getBackNode () { | ||
66 | getTaskBackNode(this.formData).then(res => { | 70 | getTaskBackNode(this.formData).then(res => { |
67 | if (res.code == 200) { | 71 | if (res.code == 200) { |
68 | this.dataList = res.result | 72 | this.dataList = res.result |
... | @@ -72,7 +76,7 @@ export default { | ... | @@ -72,7 +76,7 @@ export default { |
72 | } | 76 | } |
73 | } | 77 | } |
74 | }) | 78 | }) |
75 | } | 79 | }, |
76 | } | 80 | } |
77 | } | 81 | } |
78 | </script> | 82 | </script> |
... | @@ -100,6 +104,10 @@ export default { | ... | @@ -100,6 +104,10 @@ export default { |
100 | } | 104 | } |
101 | } | 105 | } |
102 | 106 | ||
107 | .title{ | ||
108 | margin-bottom: 10px; | ||
109 | } | ||
110 | |||
103 | .textArea { | 111 | .textArea { |
104 | /deep/.el-textarea__inner { | 112 | /deep/.el-textarea__inner { |
105 | min-height: 90px !important; | 113 | min-height: 90px !important; | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | @submitForm="handleSubmit" | 7 | @submitForm="handleSubmit" |
8 | > | 8 | > |
9 | <div> | 9 | <div> |
10 | <div class="middle_padding"> | 10 | <div> |
11 | <el-form | 11 | <el-form |
12 | :model="ruleForm" | 12 | :model="ruleForm" |
13 | :rules="rules" | 13 | :rules="rules" |
... | @@ -27,7 +27,8 @@ | ... | @@ -27,7 +27,8 @@ |
27 | </el-form-item> | 27 | </el-form-item> |
28 | </el-form> | 28 | </el-form> |
29 | </div> | 29 | </div> |
30 | <div | 30 | <img :src="previewImage"> |
31 | <!-- <div | ||
31 | class="aaaa" | 32 | class="aaaa" |
32 | v-if="bdcqz.bdcqzlx == 1" | 33 | v-if="bdcqz.bdcqzlx == 1" |
33 | :style="{ | 34 | :style="{ |
... | @@ -120,7 +121,7 @@ | ... | @@ -120,7 +121,7 @@ |
120 | </div> | 121 | </div> |
121 | <div class="fj">{{ bdcqz.fj }}</div> | 122 | <div class="fj">{{ bdcqz.fj }}</div> |
122 | </div> | 123 | </div> |
123 | </div> | 124 | </div> --> |
124 | </div> | 125 | </div> |
125 | </dialogBox> | 126 | </dialogBox> |
126 | </template> | 127 | </template> |
... | @@ -139,6 +140,8 @@ export default { | ... | @@ -139,6 +140,8 @@ export default { |
139 | myValue: this.value, | 140 | myValue: this.value, |
140 | //印刷序列号集合 | 141 | //印刷序列号集合 |
141 | ysxlh: [], | 142 | ysxlh: [], |
143 | //证书预览图片 | ||
144 | previewImage: '', | ||
142 | //列名称对象 | 145 | //列名称对象 |
143 | columns: [], | 146 | columns: [], |
144 | ruleForm: { | 147 | ruleForm: { |
... | @@ -185,7 +188,13 @@ export default { | ... | @@ -185,7 +188,13 @@ export default { |
185 | return value; | 188 | return value; |
186 | }, | 189 | }, |
187 | getBdcqzPreview() { | 190 | getBdcqzPreview() { |
188 | bdcqzPreview(this.bdcqz).then((res) => {}); | 191 | this.$startLoading() |
192 | bdcqzPreview(this.bdcqz).then(res => { | ||
193 | this.$endLoading() | ||
194 | let blob = new Blob([res]); | ||
195 | let url = window.URL.createObjectURL(blob); | ||
196 | this.previewImage = url; | ||
197 | }) | ||
189 | }, | 198 | }, |
190 | //保存打印记录 | 199 | //保存打印记录 |
191 | savePrintRecord() { | 200 | savePrintRecord() { |
... | @@ -195,6 +204,9 @@ export default { | ... | @@ -195,6 +204,9 @@ export default { |
195 | certificate(this.ruleForm).then((res) => { | 204 | certificate(this.ruleForm).then((res) => { |
196 | if (res.code === 200) { | 205 | if (res.code === 200) { |
197 | this.$emit("input", false); | 206 | this.$emit("input", false); |
207 | this.$message.success("提交成功"); | ||
208 | //刷新列表 | ||
209 | this.$parent.list(); | ||
198 | } else { | 210 | } else { |
199 | this.$message.error(res.message); | 211 | this.$message.error(res.message); |
200 | } | 212 | } | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> | 5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> |
6 | </el-tabs> | 6 | </el-tabs> |
7 | <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> --> | 7 | <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> --> |
8 | <img :src="previewImage" :class="imgClass"> | 8 | <img :src="previewImage" class="imgClass"> |
9 | </div> | 9 | </div> |
10 | </template> | 10 | </template> |
11 | 11 | ... | ... |
... | @@ -51,6 +51,10 @@ export function getForm (tabName, djywbm) { | ... | @@ -51,6 +51,10 @@ export function getForm (tabName, djywbm) { |
51 | case "ygmm300": | 51 | case "ygmm300": |
52 | form = require("@/views/ywbl/ygdj/slxx300.vue"); | 52 | form = require("@/views/ywbl/ygdj/slxx300.vue"); |
53 | break; | 53 | break; |
54 | case "ygdy100": | ||
55 | case "ygdy300": | ||
56 | form = require("@/views/ywbl/ygdy/slxx.vue"); | ||
57 | break; | ||
54 | case "cfdjxx": | 58 | case "cfdjxx": |
55 | form = require("@/views/registerBook/cfdj.vue"); | 59 | form = require("@/views/registerBook/cfdj.vue"); |
56 | break; | 60 | break; | ... | ... |
src/views/workflow/javascript/szxxdata.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 | label: '序号', | ||
15 | type: 'index', | ||
16 | render: (h, scope) => { | ||
17 | return ( | ||
18 | <div> | ||
19 | {scope.$index + 1} | ||
20 | </div> | ||
21 | ) | ||
22 | } | ||
23 | }, | ||
24 | { | ||
25 | prop: "szzh", | ||
26 | label: "缮证证号", | ||
27 | }, | ||
28 | { | ||
29 | prop: "ysxlh", | ||
30 | label: "印刷序列号", | ||
31 | }, | ||
32 | { | ||
33 | prop: "szry", | ||
34 | label: "缮证人员", | ||
35 | }, | ||
36 | { | ||
37 | prop: "szsj", | ||
38 | label: "缮证时间", | ||
39 | }, | ||
40 | { | ||
41 | label: "是否作废", | ||
42 | render: (h, scope) => { | ||
43 | if(scope.row.sfzf == '0'){ | ||
44 | return <div>否</div> | ||
45 | }else{ | ||
46 | return <div>已作废</div> | ||
47 | } | ||
48 | } | ||
49 | }, | ||
50 | { | ||
51 | prop: "bz", | ||
52 | label: "备注信息", | ||
53 | }, | ||
54 | ] | ||
55 | } | ||
56 | } | ||
57 | let datas = new data() | ||
58 | export { | ||
59 | datas, | ||
60 | sendThis | ||
61 | } |
... | @@ -131,6 +131,9 @@ export default { | ... | @@ -131,6 +131,9 @@ export default { |
131 | entryType: '1' | 131 | entryType: '1' |
132 | }, '1070px') | 132 | }, '1070px') |
133 | break; | 133 | break; |
134 | case "B6": | ||
135 | popupDialog("打印申请书", "workflow/components/printApplication", {}, '1070px') | ||
136 | break; | ||
134 | case "B7": | 137 | case "B7": |
135 | this.$popup("证书领取", "workflow/components/zslq", { | 138 | this.$popup("证书领取", "workflow/components/zslq", { |
136 | formData: { bsmSlsq: this.$route.query.bsmSlsq } | 139 | formData: { bsmSlsq: this.$route.query.bsmSlsq } |
... | @@ -138,9 +141,9 @@ export default { | ... | @@ -138,9 +141,9 @@ export default { |
138 | break; | 141 | break; |
139 | case "back": //退回按钮 | 142 | case "back": //退回按钮 |
140 | popupDialog("退回", "workflow/components/th", { | 143 | popupDialog("退回", "workflow/components/th", { |
141 | bsmSlsq: this.bsmSlsq, | 144 | bsmSlsq: this.bsmSlsq, |
142 | bestepid: this.bestepid | 145 | bestepid: this.bestepid |
143 | }, '800px') | 146 | }, '800px') |
144 | break; | 147 | break; |
145 | case "transfer": //转件按钮 | 148 | case "transfer": //转件按钮 |
146 | getNextLinkInfo({ | 149 | getNextLinkInfo({ | ... | ... |
... | @@ -22,7 +22,11 @@ | ... | @@ -22,7 +22,11 @@ |
22 | <div class="containerFrame"> | 22 | <div class="containerFrame"> |
23 | <!-- 左侧菜单栏 --> | 23 | <!-- 左侧菜单栏 --> |
24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
25 | <div class="title" @click="batchUnitClick" v-if="showBatch">{{ batchButtonName }}</div> | 25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> |
26 | <el-menu-item index="-1" key="-1" class="menus"> | ||
27 | <div>{{ batchButtonName }}</div> | ||
28 | </el-menu-item> | ||
29 | </el-menu> | ||
26 | <div v-if="this.isShowdrawer"> | 30 | <div v-if="this.isShowdrawer"> |
27 | <div class="title"> | 31 | <div class="title"> |
28 | 申请单元列表({{ unitData.length }}) | 32 | 申请单元列表({{ unitData.length }}) |
... | @@ -208,11 +212,13 @@ export default { | ... | @@ -208,11 +212,13 @@ export default { |
208 | unitClick (index) { | 212 | unitClick (index) { |
209 | this.currentSelectProps = this.unitData[index]; | 213 | this.currentSelectProps = this.unitData[index]; |
210 | this.currentSelectProps.batchOperation = false; | 214 | this.currentSelectProps.batchOperation = false; |
215 | this.activeIndex = index.toString(); | ||
211 | this.stepForm(index); | 216 | this.stepForm(index); |
212 | }, | 217 | }, |
213 | //批量按钮点击事件 | 218 | //批量按钮点击事件 |
214 | batchUnitClick(){ | 219 | batchUnitClick(){ |
215 | this.currentSelectProps.batchOperation = true; | 220 | this.currentSelectProps.batchOperation = true; |
221 | this.activeIndex = "-1"; | ||
216 | this.stepForm(); | 222 | this.stepForm(); |
217 | } | 223 | } |
218 | } | 224 | } | ... | ... |
... | @@ -129,17 +129,17 @@ | ... | @@ -129,17 +129,17 @@ |
129 | <el-row :gutter="10"> | 129 | <el-row :gutter="10"> |
130 | <el-col :span="8"> | 130 | <el-col :span="8"> |
131 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> | 131 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> |
132 | <el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input> | 132 | <el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype"></el-input> |
133 | </el-form-item> | 133 | </el-form-item> |
134 | </el-col> | 134 | </el-col> |
135 | <el-col :span="8"> | 135 | <el-col :span="8"> |
136 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> | 136 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> |
137 | <el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input> | 137 | <el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype"></el-input> |
138 | </el-form-item> | 138 | </el-form-item> |
139 | </el-col> | 139 | </el-col> |
140 | <el-col :span="8"> | 140 | <el-col :span="8"> |
141 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> | 141 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> |
142 | <el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input> | 142 | <el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype"></el-input> |
143 | </el-form-item> | 143 | </el-form-item> |
144 | </el-col> | 144 | </el-col> |
145 | </el-row> | 145 | </el-row> | ... | ... |
src/views/ywbl/ygdy/slxx.vue
0 → 100644
1 | <template> | ||
2 | <!-- 受理信息 --> | ||
3 | <div class="slxx"> | ||
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
5 | label-width="120px"> | ||
6 | <div class="slxx_con"> | ||
7 | <div class="slxx_title title-block"> | ||
8 | 受理信息 | ||
9 | <div class="triangle"></div> | ||
10 | </div> | ||
11 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | ||
12 | <el-col :span="8"> | ||
13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> | ||
14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
17 | <el-col :span="8"> | ||
18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:"> | ||
19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | ||
20 | </el-form-item> | ||
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:"> | ||
24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | </el-row> | ||
28 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> | ||
31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:"> | ||
36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:"> | ||
41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | </el-row> | ||
45 | <div class="slxx_title title-block"> | ||
46 | 不动产单元情况 | ||
47 | <div class="triangle"></div> | ||
48 | </div> | ||
49 | <el-row :gutter="10"> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人:"> | ||
52 | <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号:"> | ||
57 | <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="8"> | ||
61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类:"> | ||
62 | <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | </el-row> | ||
66 | <el-row :gutter="10"> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> | ||
69 | <el-input disabled v-model="ruleForm.qlxxold.qllxmc"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:"> | ||
74 | <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> | ||
79 | <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | </el-row> | ||
83 | <el-row :gutter="10"> | ||
84 | <el-col :span="8"> | ||
85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:"> | ||
86 | <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input> | ||
87 | </el-form-item> | ||
88 | </el-col> | ||
89 | <el-col :span="8"> | ||
90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:"> | ||
91 | <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input> | ||
92 | </el-form-item> | ||
93 | </el-col> | ||
94 | <el-col :span="8"> | ||
95 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:"> | ||
96 | <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input> | ||
97 | </el-form-item> | ||
98 | </el-col> | ||
99 | </el-row> | ||
100 | <div class="slxx_title title-block"> | ||
101 | 预抵押信息 | ||
102 | <div class="triangle"></div> | ||
103 | </div> | ||
104 | <el-row :gutter="10"> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="被担保主债权数额:"> | ||
107 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行起始时间:"> | ||
112 | <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" type="date"> | ||
113 | </el-date-picker> | ||
114 | </el-form-item> | ||
115 | </el-col> | ||
116 | <el-col :span="8"> | ||
117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行结束时间:"> | ||
118 | <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" type="date"> | ||
119 | </el-date-picker> | ||
120 | </el-form-item> | ||
121 | </el-col> | ||
122 | </el-row> | ||
123 | <el-row> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围:"> | ||
126 | <el-input v-model="ruleForm.ygdj.dbfw" | ||
127 | :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input> | ||
128 | </el-form-item> | ||
129 | </el-col> | ||
130 | <el-col :span="8"> | ||
131 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> | ||
132 | <el-input type="textarea" v-model="ruleForm.ygdj.fj" :disabled="$route.query.viewtype == 1"></el-input> | ||
133 | </el-form-item> | ||
134 | </el-col> | ||
135 | </el-row> | ||
136 | <div class="slxx_title title-block"> | ||
137 | 权利人信息 | ||
138 | <div class="triangle"></div> | ||
139 | </div> | ||
140 | <el-row :gutter="10"> | ||
141 | <el-col :span="14" v-if="ruleForm.qlxx"> | ||
142 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
143 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> | ||
144 | <el-radio label="0">单独所有</el-radio> | ||
145 | <el-radio label="1">共同共有</el-radio> | ||
146 | <el-radio label="2">按份所有</el-radio> | ||
147 | <el-radio label="3">其它共有</el-radio> | ||
148 | </el-radio-group> | ||
149 | </el-form-item> | ||
150 | </el-col> | ||
151 | </el-row> | ||
152 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | ||
153 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
154 | <div class="slxx_title title-block"> | ||
155 | 义务人信息 | ||
156 | <div class="triangle"></div> | ||
157 | </div> | ||
158 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | ||
159 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
160 | <div class="slxx_title title-block"> | ||
161 | 登记原因 | ||
162 | <div class="triangle"></div> | ||
163 | </div> | ||
164 | <el-row :gutter="10"> | ||
165 | <el-col> | ||
166 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
167 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | ||
168 | v-model="ruleForm.ygdj.djyy"> | ||
169 | </el-input> | ||
170 | </el-form-item> | ||
171 | </el-col> | ||
172 | </el-row> | ||
173 | </div> | ||
174 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
175 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
176 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
177 | </el-form-item> | ||
178 | </el-row> | ||
179 | </el-form> | ||
180 | </div> | ||
181 | </template> | ||
182 | <script> | ||
183 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
184 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; | ||
185 | import { mapGetters } from "vuex"; | ||
186 | export default { | ||
187 | async created () { | ||
188 | this.propsParam = this.$attrs; | ||
189 | var formdata = new FormData(); | ||
190 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
191 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
192 | formdata.append("djlx", this.propsParam.djlx); | ||
193 | Init(formdata).then((res) => { | ||
194 | if (res.code === 200 && res.result) { | ||
195 | this.ruleForm = res.result; | ||
196 | } | ||
197 | }); | ||
198 | }, | ||
199 | components: { qlrCommonTable }, | ||
200 | computed: { | ||
201 | ...mapGetters(["dictData", "flag"]), | ||
202 | }, | ||
203 | data () { | ||
204 | return { | ||
205 | disabled: true, | ||
206 | tdytOption: [], | ||
207 | czrOptions: [], | ||
208 | ruleForm: {}, | ||
209 | //传递参数 | ||
210 | propsParam: this.$attrs, | ||
211 | rules: {}, | ||
212 | }; | ||
213 | }, | ||
214 | methods: { | ||
215 | // 更新权利人信息 | ||
216 | upDateQlrxxList (val) { | ||
217 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
218 | }, | ||
219 | // 更新权利人信息 | ||
220 | upDateYwrxxList (val) { | ||
221 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
222 | }, | ||
223 | |||
224 | onSubmit () { | ||
225 | saveData(this.ruleForm).then((res) => { | ||
226 | if (res.code === 200) { | ||
227 | this.$message({ | ||
228 | showClose: true, | ||
229 | message: "保存成功!", | ||
230 | type: "success", | ||
231 | }); | ||
232 | } else { | ||
233 | this.$message({ | ||
234 | showClose: true, | ||
235 | message: res.message, | ||
236 | type: "error", | ||
237 | }); | ||
238 | } | ||
239 | }); | ||
240 | }, | ||
241 | }, | ||
242 | }; | ||
243 | </script> | ||
244 | <style scoped lang='scss'> | ||
245 | @import "~@/styles/public.scss"; | ||
246 | |||
247 | /deep/.el-form { | ||
248 | display: flex; | ||
249 | flex-direction: column; | ||
250 | height: calc(100vh - 130px); | ||
251 | } | ||
252 | |||
253 | /deep/.el-form-item__label { | ||
254 | padding: 0; | ||
255 | } | ||
256 | |||
257 | /deep/.el-radio { | ||
258 | margin-right: 10px; | ||
259 | } | ||
260 | |||
261 | /deep/.el-select { | ||
262 | width: 100%; | ||
263 | } | ||
264 | |||
265 | /deep/.el-form-item { | ||
266 | margin-bottom: 8px; | ||
267 | } | ||
268 | |||
269 | .marginBot0 { | ||
270 | margin-bottom: 0 !important; | ||
271 | } | ||
272 | |||
273 | .slxx { | ||
274 | box-sizing: border-box; | ||
275 | } | ||
276 | |||
277 | .slxx_con { | ||
278 | flex: 1; | ||
279 | height: 100%; | ||
280 | background-color: #ffffff; | ||
281 | overflow-y: auto; | ||
282 | padding-right: 3px; | ||
283 | overflow-x: hidden; | ||
284 | } | ||
285 | |||
286 | .submit_btn { | ||
287 | height: 50px; | ||
288 | } | ||
289 | |||
290 | .slxx_title { | ||
291 | border-bottom: 1px solid $borderColor; | ||
292 | padding-left: 10px; | ||
293 | padding-bottom: 5px; | ||
294 | margin-bottom: 10px; | ||
295 | margin-top: 5px; | ||
296 | font-size: 16px; | ||
297 | font-weight: 500; | ||
298 | color: #4a4a4a; | ||
299 | } | ||
300 | |||
301 | .btn { | ||
302 | text-align: center; | ||
303 | padding-top: 10px; | ||
304 | height: 36px; | ||
305 | background-color: #ffffff; | ||
306 | padding: 5px 0; | ||
307 | } | ||
308 | |||
309 | .textArea { | ||
310 | /deep/.el-textarea__inner { | ||
311 | min-height: 90px !important; | ||
312 | } | ||
313 | } | ||
314 | |||
315 | /deep/.el-form-item__label { | ||
316 | padding-bottom: 0px; | ||
317 | } | ||
318 | </style> |
1 | <template> | ||
2 | <!-- 主体权利信息查询 --> | ||
3 | <div class="from-clues"> | ||
4 | <!-- 表单部分 --> | ||
5 | <div class="from-clues-header"> | ||
6 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
7 | <el-row> | ||
8 | <el-col :span="8"> | ||
9 | <el-form-item label="不动产权证号"> | ||
10 | <el-input | ||
11 | placeholder="请输入不动产权证号" | ||
12 | v-model="queryForm.bdcqzh" | ||
13 | clearable | ||
14 | class="width200px" | ||
15 | > | ||
16 | </el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="不动产单元号"> | ||
21 | <el-input | ||
22 | placeholder="请输入不动产单元号" | ||
23 | v-model="queryForm.bdcdyh" | ||
24 | clearable | ||
25 | class="width200px" | ||
26 | > | ||
27 | </el-input> | ||
28 | </el-form-item> | ||
29 | </el-col> | ||
30 | <el-col :span="6"> | ||
31 | <el-form-item label="坐落"> | ||
32 | <el-input | ||
33 | placeholder="" | ||
34 | v-model="queryForm.zl" | ||
35 | clearable | ||
36 | class="width200px" | ||
37 | > | ||
38 | </el-input> | ||
39 | </el-form-item> | ||
40 | </el-col> | ||
41 | <el-col :span="2" class="btnColRight"> | ||
42 | <el-form-item> | ||
43 | <el-button type="primary" @click="fetchData()">查询</el-button> | ||
44 | </el-form-item> | ||
45 | </el-col> | ||
46 | </el-row> | ||
47 | </el-form> | ||
48 | </div> | ||
49 | <!-- 表格 --> | ||
50 | <div class="from-clues-content"> | ||
51 | <lb-table | ||
52 | ref="table" | ||
53 | @row-click="handleRowClick" | ||
54 | :page-size="pageData.pageSize" | ||
55 | :heightNum="400" | ||
56 | :current-page.sync="pageData.currentPage" | ||
57 | :total="tableData.total" | ||
58 | @size-change="handleSizeChange" | ||
59 | @p-current-change="handleCurrentChange" | ||
60 | @selection-change="handleSelectionChange" | ||
61 | :column="tableData.columns" | ||
62 | :data="tableData.data" | ||
63 | > | ||
64 | </lb-table> | ||
65 | </div> | ||
66 | <div class="submit_button"> | ||
67 | <el-button @click="closeDialog">取消</el-button> | ||
68 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
69 | </div> | ||
70 | </div> | ||
71 | </template> | ||
72 | <script> | ||
73 | import { datas, sendThis } from "../javascript/selectYgdy.js"; | ||
74 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
75 | import table from "@/utils/mixin/table"; | ||
76 | import jump from "./mixin/jump"; | ||
77 | import { selectYgdy, startBusinessFlow } from "@/api/ywbl.js"; | ||
78 | export default { | ||
79 | mixins: [table, jump], | ||
80 | props: { | ||
81 | isJump: { type: Boolean, default: false }, | ||
82 | sqywInfo: { type: Object, default: () => {} }, | ||
83 | }, | ||
84 | data() { | ||
85 | return { | ||
86 | queryForm: defaultParameters.defaultParameters(), | ||
87 | tableData: { | ||
88 | total: 0, | ||
89 | columns: datas.columns(), | ||
90 | data: [], | ||
91 | }, | ||
92 | bdcdysz: [], | ||
93 | }; | ||
94 | }, | ||
95 | mounted() { | ||
96 | sendThis(this); | ||
97 | }, | ||
98 | methods: { | ||
99 | //点击行选中或取消复选框 | ||
100 | handleRowClick(row, column, event) { | ||
101 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
102 | this.$refs.table.toggleRowSelection(row); | ||
103 | }, | ||
104 | closeDialog() { | ||
105 | this.$emit("closeDialog"); | ||
106 | }, | ||
107 | fetchData() { | ||
108 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
109 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
110 | if (res.code === 200) { | ||
111 | let { total, records } = res.result; | ||
112 | this.tableData.total = total; | ||
113 | this.tableData.data = records; | ||
114 | } | ||
115 | }); | ||
116 | }, | ||
117 | submitForm() { | ||
118 | if (this.bdcdysz.length == 0) { | ||
119 | this.$message.error("请至少选择一条数据"); | ||
120 | return; | ||
121 | } | ||
122 | startBusinessFlow({ | ||
123 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
124 | bdcdysz: this.bdcdysz, | ||
125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | ||
126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | ||
127 | }).then((res) => { | ||
128 | if (res.code == 200) { | ||
129 | this.$message({ | ||
130 | showClose: true, | ||
131 | message: '发起申请成功', | ||
132 | type: 'success' | ||
133 | }) | ||
134 | if (!this.isJump) { | ||
135 | this.jump(res.result, this.sqywInfo.djywbm) | ||
136 | } else { | ||
137 | this.$emit('updateDialog', true) | ||
138 | } | ||
139 | } else { | ||
140 | this.$message.error(res.message); | ||
141 | } | ||
142 | }); | ||
143 | }, | ||
144 | handleSelectionChange(val) { | ||
145 | val.forEach((item, index) => { | ||
146 | item.bsmSsql = item.bsmQlxx; | ||
147 | item.ybdcqzsh = item.bdcqzh; | ||
148 | }); | ||
149 | this.bdcdysz = val; | ||
150 | }, | ||
151 | }, | ||
152 | }; | ||
153 | </script> | ||
154 | <style scoped lang="scss"> | ||
155 | @import "~@/styles/mixin.scss"; | ||
156 | @import "~@/styles/public.scss"; | ||
157 | </style> |
src/views/ywbl/ywsq/javascript/selectYgdy.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 | type: 'selection', | ||
15 | label: '全选' | ||
16 | }, | ||
17 | { | ||
18 | label: '序号', | ||
19 | type: 'index', | ||
20 | width: '50', | ||
21 | render: (h, scope) => { | ||
22 | return ( | ||
23 | <div> | ||
24 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
25 | </div> | ||
26 | ) | ||
27 | } | ||
28 | }, | ||
29 | { | ||
30 | prop: "status", | ||
31 | label: "状态", | ||
32 | render: (h, scope) => { | ||
33 | return ( | ||
34 | <div> | ||
35 | {/* <a v-on:click="doSomething"></a> */} | ||
36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
38 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
39 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
40 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
41 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
42 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
43 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
44 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
45 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
46 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
47 | </div> | ||
48 | ) | ||
49 | } | ||
50 | }, | ||
51 | { | ||
52 | prop: "bdcqzh", | ||
53 | label: "不动产证明号", | ||
54 | }, | ||
55 | { | ||
56 | prop: "bdcdyh", | ||
57 | label: "不动产单元号", | ||
58 | }, | ||
59 | { | ||
60 | prop: "dyfs", | ||
61 | label: "抵押方式", | ||
62 | render: (h, scope) => { | ||
63 | switch (scope.row.dyfs) { | ||
64 | case '1': | ||
65 | return <span>一般抵押</span> | ||
66 | case '2': | ||
67 | return <span>最高额抵押</span> | ||
68 | } | ||
69 | } | ||
70 | }, | ||
71 | { | ||
72 | prop: "qlrmc", | ||
73 | label: "抵押权人", | ||
74 | }, | ||
75 | { | ||
76 | prop: "qlrzjhm", | ||
77 | label: "抵押权人证件号", | ||
78 | }, | ||
79 | { | ||
80 | prop: "ywrmc", | ||
81 | label: "抵押人", | ||
82 | }, | ||
83 | { | ||
84 | prop: "ywrzjhm", | ||
85 | label: "抵押人证件号", | ||
86 | }, | ||
87 | { | ||
88 | prop: "dyje", | ||
89 | label: "抵押金额(万元)", | ||
90 | }, | ||
91 | { | ||
92 | prop: "dymj", | ||
93 | label: "抵押面积", | ||
94 | }, | ||
95 | { | ||
96 | prop: "dyqx", | ||
97 | label: "债务履行期限", | ||
98 | }, | ||
99 | { | ||
100 | prop: "zl", | ||
101 | label: "坐落", | ||
102 | } | ||
103 | ] | ||
104 | } | ||
105 | |||
106 | |||
107 | } | ||
108 | let datas = new data() | ||
109 | export { | ||
110 | datas, | ||
111 | sendThis | ||
112 | } |
... | @@ -54,8 +54,14 @@ export function queueDjywmc(djywbm) { | ... | @@ -54,8 +54,14 @@ export function queueDjywmc(djywbm) { |
54 | case "B40200"://预告转移 | 54 | case "B40200"://预告转移 |
55 | case "B40300"://预告变更 | 55 | case "B40300"://预告变更 |
56 | case "B40400"://预告注销 | 56 | case "B40400"://预告注销 |
57 | case "B41100": //预告抵押首次 | ||
57 | vm ="selectYgdj200"; | 58 | vm ="selectYgdj200"; |
58 | break; | 59 | break; |
60 | case "B41200": //预告抵押转移 | ||
61 | case "B41300": //预告抵押变更 | ||
62 | case "B41400": //预告抵押注销 | ||
63 | vm ="selectYgdy"; | ||
64 | break; | ||
59 | default: | 65 | default: |
60 | vm = "selecBdcql"; | 66 | vm = "selecBdcql"; |
61 | break; | 67 | break; | ... | ... |
-
Please register or sign in to post a comment