Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
97fa43b8 by 田浩浩
Options

权利人公共组件功能

1 parent aeb642a3
Inline Side-by-side
Showing 3 changed files with 2 additions and 242 deletions
...@@ -120,9 +120,9 @@ export default { ...@@ -120,9 +120,9 @@ export default {
120 gyfs: { 120 gyfs: {
121 handler (newVal, oldValue) { 121 handler (newVal, oldValue) {
122 let dataList = _.cloneDeep(this.InformationTable) 122 let dataList = _.cloneDeep(this.InformationTable)
123 if (newVal == '1') { 123 if (newVal == '0') {
124 this.column = _.cloneDeep(dataList).slice(1, dataList.length) 124 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
125 } else if ((newVal == '2')) { 125 } else if ((newVal == '1'||newVal == '3')) {
126 this.column = dataList 126 this.column = dataList
127 } else { 127 } else {
128 this.column = _.cloneDeep(dataList) 128 this.column = _.cloneDeep(dataList)
......
...@@ -5,9 +5,6 @@ export function getForm(tabName, djywbm) { ...@@ -5,9 +5,6 @@ export function getForm(tabName, djywbm) {
5 case "jsydsyqslxx100": 5 case "jsydsyqslxx100":
6 form = require("@/views/ywbl/jsydsyq/slxx.vue"); 6 form = require("@/views/ywbl/jsydsyq/slxx.vue");
7 break; 7 break;
8 case "jsydsyqslxx200":
9 form = require("@/views/ywbl/jsydsyq/slxx200.vue");
10 break;
11 case "jsydsyqslxx300": 8 case "jsydsyqslxx300":
12 form = require("@/views/ywbl/jsydsyq/slxx300.vue"); 9 form = require("@/views/ywbl/jsydsyq/slxx300.vue");
13 break; 10 break;
......
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">
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">
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.zdjbxx.zddm"></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.zdjbxx.bdcdyh"></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.zdjbxx.qlxzmc"></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.zdjbxx.zdmj"></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.zdjbxx.ghytmc"></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.zdjbxx.qlsdfsmc"></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.jsydsyq.qdjg"></el-input>
87 </el-form-item>
88 </el-col>
89
90 <el-col :span="16">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
92 <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
93 </el-form-item>
94 </el-col>
95 </el-row>
96 <el-row :gutter="10">
97 <el-col :span="8">
98 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限：">
99 <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
100 </el-form-item>
101 </el-col>
102
103 <el-col :span="16">
104 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间：">
105 <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
106 </el-form-item>
107 </el-col>
108 </el-row>
109 <el-row :gutter="10">
110 <el-col>
111 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
112 <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype==1"></el-input>
113 </el-form-item>
114 </el-col>
115 </el-row>
116 <div class="slxx_title title-block">
117 权利人信息
118 <div class="triangle"></div>
119 </div>
120 <el-row :gutter="10">
121 <el-col :span="14">
122 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
123 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
124 <el-radio label="1">单独所有</el-radio>
125 <el-radio label="2">共同共有</el-radio>
126 <el-radio label="3">按份所有</el-radio>
127 </el-radio-group>
128 </el-form-item>
129 </el-col>
130 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
131 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
132 <el-radio-group v-model="ruleForm.slywxx.sffbcz">
133 <el-radio label="1">是</el-radio>
134 <el-radio label="0">否</el-radio>
135 </el-radio-group>
136 </el-form-item>
137 </el-col>
138 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
139 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
140 <el-select v-model="ruleForm.czr" placeholder="持证人">
141 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
142 </el-option>
143 </el-select>
144 </el-form-item>
145 </el-col>
146 </el-row>
147 <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
148 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
149 <div class="slxx_title title-block">
150 义务人信息
151 <div class="triangle"></div> </div>
152 <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
153 :viewtype="$route.query.viewtype" />
154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
158 <el-row :gutter="10">
159 <el-col>
160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
161 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.jsydsyq.djyy">
162 </el-input>
163 </el-form-item>
164 </el-col>
165 </el-row>
166 </div>
167 <el-row class="btn" v-if="!$route.query.viewtype">
168 <el-form-item :class="flag ? 'marginBot0' : ''">
169 <el-button type="primary" @click="onSubmit">保存</el-button>
170 </el-form-item>
171 </el-row>
172 </el-form>
173 </div>
174 </template>
175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable";
177 import { Init, saveData } from "@/api/jsydsyqFlow.js";
178 import { mapGetters } from "vuex";
179 export default {
180 async created() {
181 this.propsParam = this.$attrs;
182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 formdata.append("djlx", this.propsParam.djlx);
185 Init(formdata).then((res) => {
186 if (res.code === 200 && res.result) {
187 this.ruleForm = res.result;
188 }
189 });
190 },
191 components: { InformationTable },
192 computed: {
193 ...mapGetters(["dictData", "flag"]),
194 },
195 data() {
196 return {
197 disabled: true,
198 czrOptions: [],
199 ruleForm: {},
200 //传递参数
201 propsParam: {},
202 rules: {},
203 };
204 },
205 methods: {
206 // 更新权利人信息
207 upDateQlrxxList (val) {
208 this.ruleForm.qlrList = _.cloneDeep(val);
209 },
210 // 更新义务人信息
211 upDateYwrxxList (val) {
212 this.ruleForm.ywrList = _.cloneDeep(val);
213 },
214 onSubmit() {
215 saveData(this.ruleForm).then((res) => {
216 if (res.code === 200) {
217 this.$message({
218 showClose: true,
219 message: "保存成功！",
220 type: "success",
221 });
222 } else {
223 this.$message({
224 showClose: true,
225 message: res.message,
226 type: "error",
227 });
228 }
229 });
230 },
231 },
232 };
233 </script>
234 <style scoped lang='scss'>
235 @import "~@/styles/public.scss";
236 @import "~@/styles/slxx/slxx.scss";
237 </style>
...\ No newline at end of file ...\ No newline at end of file