Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
92e0d83b by tianhaohao@pashanhoo.com
Options

修改页面对应的功能

1 parent d5048531
Inline Side-by-side
Showing 3 changed files with 2 additions and 334 deletions
...@@ -33,13 +33,7 @@ export function getForm (tabName, djywbm) { ...@@ -33,13 +33,7 @@ export function getForm (tabName, djywbm) {
33 break; 33 break;
34 case "diyaqSlxx": 34 case "diyaqSlxx":
35 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 35 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
36 break; 36 break;
37 case "diyaqSlxx200":
38 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
39 break;
40 case "diyaqSlxx300":
41 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
42 break;
43 case "clxx": 37 case "clxx":
44 form = require("@/views/djbworkflow/components/clxxUnify.vue"); 38 form = require("@/views/djbworkflow/components/clxxUnify.vue");
45 break; 39 break;
......
...@@ -36,13 +36,7 @@ export function getForm(tabName, djywbm) { ...@@ -36,13 +36,7 @@ export function getForm(tabName, djywbm) {
36 break; 36 break;
37 case "diyaqSlxx": 37 case "diyaqSlxx":
38 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 38 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
39 break; 39 break;
40 case "diyaqSlxx200":
41 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
42 break;
43 case "diyaqSlxx300":
44 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
45 break;
46 case "clxx": 40 case "clxx":
47 form = require("@/views/workflow/components/clxxUnify.vue"); 41 form = require("@/views/workflow/components/clxxUnify.vue");
48 break; 42 break;
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:56:17
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
10 :inline="flag" label-width="140px">
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block">
13 受理信息
14 <div class="triangle"></div>
15 </div>
16 <el-row :gutter="10">
17 <el-col :span="8">
18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item label="受理人员：">
24 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理时间：">
29 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <el-row :gutter="10">
34 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx">
36 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记类型：" prop="djlx">
41 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记情形：" prop="djqx">
46 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 </el-row>
50 <div class="slxx_title title-block">
51 抵押不动产情况
52 <div class="triangle"></div>
53 </div>
54
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item label="权利人：">
58 <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item label="证件号：">
63 <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item label="证件种类：">
68 <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item label="不动产权证号：">
75 <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="16">
79 <el-form-item label="坐落：">
80 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10">
85 <el-col :span="8">
86 <el-form-item label="用途：">
87 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="不动产单元号：">
92 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="面积：">
97 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101
102 <div class="slxx_title title-block">
103 抵押信息
104 <div class="triangle"></div>
105 </div>
106
107 <el-row :gutter="10">
108 <el-col :span="8">
109 <el-form-item label="抵押方式：">
110 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
111 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
112 <el-radio label="1">一般抵押</el-radio>
113 <el-radio label="2">最高额抵押</el-radio>
114 </el-radio-group>
115 </el-form-item>
116 </el-col>
117 <el-col :span="16">
118 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
119 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
120 <el-radio label="1">启用</el-radio>
121 <el-radio label="0">禁用</el-radio>
122 </el-radio-group>
123 </el-form-item>
124 </el-col>
125 </el-row>
126
127 <el-row :gutter="10">
128 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
129 <el-form-item label="被担保主债权数额：">
130 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
131 </el-form-item>
132 </el-col>
133
134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
135 <el-form-item label="最高债权额：">
136 <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
137 </el-form-item>
138 </el-col>
139
140 <el-col :span="8">
141 <el-form-item label="债务履行起始时间：">
142 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" type="date">
143 </el-date-picker>
144 </el-form-item>
145 </el-col>
146 <el-col :span="8">
147 <el-form-item label="债务履行结束时间：">
148 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" type="date">
149 </el-date-picker>
150 </el-form-item>
151 </el-col>
152 </el-row>
153
154 <el-row>
155 <el-col :span="24">
156 <el-form-item label="担保范围：">
157 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
158 </el-form-item>
159 </el-col>
160 </el-row>
161 <el-row>
162 <el-col :span="24">
163 <el-form-item label="最高债权确定事实和数额：" label-width="200px">
164 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
165 </el-form-item>
166 </el-col>
167 </el-row>
168 <el-row>
169 <el-col>
170 <el-form-item label="附记：" prop="fj">
171 <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1"></el-input>
172 </el-form-item>
173 </el-col>
174 </el-row>
175
176 <div class="slxx_title title-block">
177 抵押权人信息
178 <div class="triangle"></div>
179 </div>
180 <el-row :gutter="10">
181 <el-col :span="14">
182 <el-form-item label="共有方式：">
183 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
184 <el-radio label="0">单独所有</el-radio>
185 <el-radio label="1">共同共有</el-radio>
186 <el-radio label="2">按份所有</el-radio>
187 <el-radio label="3">其它共有</el-radio>
188 </el-radio-group>
189 </el-form-item>
190 </el-col>
191 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
192 <el-form-item label="是否分别持证：">
193 <el-radio-group v-model="ruleForm.slywxx.sqfbcz">
194 <el-radio label="1">是</el-radio>
195 <el-radio label="0">否</el-radio>
196 </el-radio-group>
197 </el-form-item>
198 </el-col>
199 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
200 <el-form-item label="持证人：">
201 <el-select v-model="ruleForm.czr" placeholder="持证人">
202 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
203 </el-option>
204 </el-select>
205 </el-form-item>
206 </el-col>
207 </el-row>
208 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
209 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
210 <div class="slxx_title title-block">
211 抵押人信息
212 <div class="triangle"></div>
213 </div>
214 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
215 :viewtype="$route.query.viewtype" />
216
217 <div class="slxx_title title-block">
218 登记原因
219 <div class="triangle"></div>
220 </div>
221 <el-row :gutter="10">
222 <el-col>
223 <el-form-item v-if="ruleForm.slywxx.djlx == '400'" label="注销抵押原因：" prop="djyy">
224 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
225 v-model="ruleForm.diyaq.zxdyyy">
226 </el-input>
227 </el-form-item>
228 <el-form-item v-else label="登记原因：" prop="djyy">
229 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
230 v-model="ruleForm.diyaq.djyy">
231 </el-input>
232 </el-form-item>
233 </el-col>
234 </el-row>
235
236 </div>
237 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
238 <el-form-item>
239 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
240 </el-form-item>
241 </el-row>
242 </el-form>
243 </div>
244 </template>
245 <script>
246 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
247 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
248 import { mapGetters } from "vuex";
249 export default {
250 mounted () {
251 this.ableOperation = this.$parent.currentSelectTab.ableOperation
252 this.propsParam = this.$attrs;
253 var formdata = new FormData();
254 this.$startLoading();
255 formdata.append("bsmSldy", this.propsParam.bsmSldy);
256 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
257 formdata.append("djlx", this.propsParam.djlx);
258 Init(formdata).then((res) => {
259 if (res.code === 200 && res.result) {
260 this.ruleForm = res.result;
261 this.$endLoading();
262 this.ruleForm.diyaq.sfczjzhxz = "0";
263 }
264 });
265 },
266 components: { qlrCommonTable },
267 computed: {
268 ...mapGetters(["dictData", "flag"]),
269 },
270 data () {
271 return {
272 //表单是否可操作
273 ableOperation: true,
274 disabled: true,
275 czrOptions: [],
276 ruleForm: {
277 slywxx: {},
278 qlxxold: {},
279 diyaq: {},
280 gyfs: "",
281 },
282 //传递参数
283 propsParam: {},
284 rules: {},
285 };
286 },
287 methods: {
288 onSubmitClick () {
289 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
290 if (res.code === 200) {
291 this.$message({
292 showClose: true,
293 message: "保存成功！",
294 type: "success",
295 });
296 this.$store.dispatch('user/refreshPage', true);
297 } else {
298 this.$message({
299 showClose: true,
300 message: res.message,
301 type: "error",
302 });
303 }
304 });
305 },
306 // 更新权利人信息
307 upDateQlrxxList (val) {
308 this.ruleForm.qlrList = _.cloneDeep(val);
309 },
310 // 更新义务人信息
311 upDateYwrxxList (val) {
312 this.ruleForm.ywrList = _.cloneDeep(val);
313 }
314 }
315 }
316 </script>
317 <style scoped lang='scss'>
318 @import "~@/styles/public.scss";
319 @import "~@/styles/slxx/slxx.scss";
320 </style>