修改房屋多幢对应的问题
Showing
3 changed files
with
305 additions
and
242 deletions
... | @@ -18,51 +18,54 @@ | ... | @@ -18,51 +18,54 @@ |
18 | > | 18 | > |
19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
20 | <template slot-scope="scope"> | 20 | <template slot-scope="scope"> |
21 | <div style="text-align: center"> | 21 | <div style="text-align: center">{{ scope.$index + 1 }}</div> |
22 | {{ scope.$index + 1 }} | ||
23 | </div> | ||
24 | </template> | 22 | </template> |
25 | </el-table-column> | 23 | </el-table-column> |
26 | <el-table-column prop="bdcdyh" label="不动产单元号" min-width="100"> | 24 | <el-table-column prop="bdcdyh" label="不动产单元号" min-width="100"> |
27 | <template slot-scope="scope"> | 25 | <template slot-scope="scope"> |
28 | <div style="text-align: center"> | 26 | <div style="text-align: center">{{ scope.row.bdcdyh }}</div> |
29 | {{ scope.row.bdcdyh }} | ||
30 | </div> | ||
31 | </template> | 27 | </template> |
32 | </el-table-column> | 28 | </el-table-column> |
33 | <el-table-column prop="xmmc" label="项目名称" min-width="100"> | 29 | <el-table-column prop="xmmc" label="项目名称" min-width="100"> |
34 | <template slot-scope="scope"> | 30 | <template slot-scope="scope"> |
35 | <div style="text-align: center"> | 31 | <div style="text-align: center">{{ scope.row.xmmc }}</div> |
36 | {{ scope.row.xmmc }} | 32 | </template> |
37 | </div> | 33 | </el-table-column> |
34 | <el-table-column prop="zcs" label="总层数" min-width="100"> | ||
35 | <template slot-scope="scope"> | ||
36 | <div style="text-align: center">{{ scope.row.zcs }}</div> | ||
37 | </template> | ||
38 | </el-table-column> | ||
39 | <el-table-column prop="ytmc" label="房屋用途" min-width="100"> | ||
40 | <template slot-scope="scope"> | ||
41 | <div style="text-align: center">{{ scope.row.ytmc }}</div> | ||
42 | </template> | ||
43 | </el-table-column> | ||
44 | <el-table-column prop="fwjgmc" label="房屋结构" min-width="100"> | ||
45 | <template slot-scope="scope"> | ||
46 | <div style="text-align: center">{{ scope.row.fwjgmc }}</div> | ||
38 | </template> | 47 | </template> |
39 | </el-table-column> | 48 | </el-table-column> |
40 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> | 49 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> |
41 | <template slot-scope="scope"> | 50 | <template slot-scope="scope"> |
42 | <div style="text-align: center"> | 51 | <div style="text-align: center">{{ scope.row.jzmj }}</div> |
43 | {{ scope.row.jzmj }} | ||
44 | </div> | ||
45 | </template> | 52 | </template> |
46 | </el-table-column> | 53 | </el-table-column> |
47 | <el-table-column prop="ytmc" label="用途名称" min-width="100"> | 54 | <el-table-column prop="jgsj" label="竣工时间" min-width="100"> |
48 | <template slot-scope="scope"> | 55 | <template slot-scope="scope"> |
49 | <div style="text-align: center"> | 56 | <div style="text-align: center">{{ scope.row.jgsj }}</div> |
50 | {{ scope.row.ytmc }} | ||
51 | </div> | ||
52 | </template> | 57 | </template> |
53 | </el-table-column> | 58 | </el-table-column> |
54 | <el-table-column prop="fwjgmc" label="房屋结构名称" min-width="100"> | 59 | <el-table-column prop="zts" label="总套数" min-width="100"> |
55 | <template slot-scope="scope"> | 60 | <template slot-scope="scope"> |
56 | <div style="text-align: center"> | 61 | <div style="text-align: center">{{ scope.row.zts }}</div> |
57 | {{ scope.row.fwjgmc }} | ||
58 | </div> | ||
59 | </template> | 62 | </template> |
60 | </el-table-column> | 63 | </el-table-column> |
61 | </el-table> | 64 | </el-table> |
62 | </div> | 65 | </div> |
63 | </template> | 66 | </template> |
64 | <script> | 67 | <script> |
65 | import {mapGetters} from "vuex"; | 68 | import { mapGetters } from "vuex"; |
66 | 69 | ||
67 | export default { | 70 | export default { |
68 | computed: { | 71 | computed: { |
... | @@ -84,11 +87,10 @@ export default { | ... | @@ -84,11 +87,10 @@ export default { |
84 | return { | 87 | return { |
85 | // 键名转换,方法默认是label和children进行树状渲染 | 88 | // 键名转换,方法默认是label和children进行树状渲染 |
86 | key: 0, | 89 | key: 0, |
87 | tableDataList: [] | 90 | tableDataList: [], |
88 | }; | 91 | }; |
89 | }, | 92 | }, |
90 | mounted() { | 93 | mounted() {}, |
91 | }, | ||
92 | watch: { | 94 | watch: { |
93 | tableData: { | 95 | tableData: { |
94 | handler: function (val, oldVal) { | 96 | handler: function (val, oldVal) { |
... | @@ -133,7 +135,7 @@ export default { | ... | @@ -133,7 +135,7 @@ export default { |
133 | )} | 135 | )} |
134 | </div> | 136 | </div> |
135 | ); | 137 | ); |
136 | } | 138 | }, |
137 | }, | 139 | }, |
138 | }; | 140 | }; |
139 | </script> | 141 | </script> | ... | ... |
... | @@ -5,8 +5,14 @@ | ... | @@ -5,8 +5,14 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 8 | <el-form |
9 | label-width="120px"> | 9 | :model="ruleForm" |
10 | :rules="rules" | ||
11 | ref="ruleForm" | ||
12 | :label-position="flag ? 'top' : ''" | ||
13 | :inline="flag" | ||
14 | label-width="120px" | ||
15 | > | ||
10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
11 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
12 | 受理信息 | 18 | 受理信息 |
... | @@ -52,37 +58,84 @@ | ... | @@ -52,37 +58,84 @@ |
52 | </div> | 58 | </div> |
53 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 59 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
54 | <el-col :span="8"> | 60 | <el-col :span="8"> |
61 | <el-form-item label="原不动产权证号:"> | ||
62 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="8"> | ||
55 | <el-form-item label="不动产单元号:"> | 66 | <el-form-item label="不动产单元号:"> |
56 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 67 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
57 | </el-form-item> | 68 | </el-form-item> |
58 | </el-col> | 69 | </el-col> |
59 | <el-col :span="16"> | 70 | <el-col :span="8"> |
60 | <el-form-item label="坐落:"> | 71 | <el-form-item label="坐落:"> |
61 | <el-input disabled v-model="ruleForm.sldy.zl"></el-input> | 72 | <el-input v-model="ruleForm.sldy.zl"></el-input> |
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | </el-row> | ||
76 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item label="宗地面积:"> | ||
79 | <div class="flex"> | ||
80 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | ||
81 | <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%"> | ||
82 | <el-option | ||
83 | v-for="item in dictData['A7']" | ||
84 | :key="item.dcode" | ||
85 | :label="item.dname" | ||
86 | :value="item.dcode" | ||
87 | ></el-option> | ||
88 | </el-select> | ||
89 | </div> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | <el-col :span="8"> | ||
93 | <el-form-item label="土地性质:"> | ||
94 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | ||
95 | </el-form-item> | ||
96 | </el-col> | ||
97 | <el-col :span="8"> | ||
98 | <el-form-item label="土地使用权人:"> | ||
99 | <el-input disabled v-model="ruleForm.fdcq1.tdsyqr"></el-input> | ||
62 | </el-form-item> | 100 | </el-form-item> |
63 | </el-col> | 101 | </el-col> |
64 | </el-row> | 102 | </el-row> |
65 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | 103 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> |
66 | <el-col :span="8"> | 104 | <el-col :span="8"> |
67 | <el-form-item label="独用土地面积:"> | 105 | <el-form-item label="独用土地面积:"> |
68 | <el-input disabled v-model="ruleForm.fdcq1.dytdmj"></el-input> | 106 | <el-input v-model="ruleForm.fdcq1.dytdmj"></el-input> |
69 | </el-form-item> | 107 | </el-form-item> |
70 | </el-col> | 108 | </el-col> |
71 | <el-col :span="8"> | 109 | <el-col :span="8"> |
72 | <el-form-item label="分摊土地面积:"> | 110 | <el-form-item label="分摊土地面积:"> |
73 | <el-input disabled v-model="ruleForm.fdcq1.fttdmj"></el-input> | 111 | <el-input v-model="ruleForm.fdcq1.fttdmj"></el-input> |
74 | </el-form-item> | 112 | </el-form-item> |
75 | </el-col> | 113 | </el-col> |
114 | |||
76 | <el-col :span="8"> | 115 | <el-col :span="8"> |
77 | <el-form-item label="房地产交易价格:"> | 116 | <el-form-item label="房地产交易价格:"> |
78 | <el-input disabled v-model="ruleForm.fdcq1.fdcjyjg"></el-input> | 117 | <div class="flex"> |
118 | <el-input | ||
119 | v-model="ruleForm.fdcq1.fdcjyjg" | ||
120 | style="width: 500%" | ||
121 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
122 | ></el-input> | ||
123 | <el-select v-model="ruleForm.fdcq1.jedw"> | ||
124 | <el-option | ||
125 | v-for="item in dictData['A57']" | ||
126 | :key="item.dcode" | ||
127 | :label="item.dname" | ||
128 | :value="item.dcode" | ||
129 | ></el-option> | ||
130 | </el-select> | ||
131 | </div> | ||
79 | </el-form-item> | 132 | </el-form-item> |
80 | </el-col> | 133 | </el-col> |
81 | </el-row> | 134 | </el-row> |
82 | <el-row :gutter="10"> | 135 | <el-row :gutter="10"> |
83 | <el-col :span="24"> | 136 | <el-col :span="24"> |
84 | <el-form-item label="附记:"> | 137 | <el-form-item label="附记:"> |
85 | <el-input disabled v-model="ruleForm.fdcq1.fj"></el-input> | 138 | <el-input v-model="ruleForm.fdcq1.fj"></el-input> |
86 | </el-form-item> | 139 | </el-form-item> |
87 | </el-col> | 140 | </el-col> |
88 | </el-row> | 141 | </el-row> |
... | @@ -92,7 +145,8 @@ | ... | @@ -92,7 +145,8 @@ |
92 | <fdcqxmTable | 145 | <fdcqxmTable |
93 | :ableOperation="viewEdit" | 146 | :ableOperation="viewEdit" |
94 | :tableData="ruleForm.fdcqxm" | 147 | :tableData="ruleForm.fdcqxm" |
95 | @upDateTdytxxList="upDateTdytxxList" /> | 148 | @upDateTdytxxList="upDateTdytxxList" |
149 | /> | ||
96 | <div class="slxx_title title-block"> | 150 | <div class="slxx_title title-block"> |
97 | 土地用途 | 151 | 土地用途 |
98 | <div class="triangle"></div> | 152 | <div class="triangle"></div> |
... | @@ -100,7 +154,8 @@ | ... | @@ -100,7 +154,8 @@ |
100 | <tdytTable | 154 | <tdytTable |
101 | :ableOperation="viewEdit" | 155 | :ableOperation="viewEdit" |
102 | :tableData="ruleForm.tdytqxList" | 156 | :tableData="ruleForm.tdytqxList" |
103 | @upDateTdytxxList="upDateTdytxxList" /> | 157 | @upDateTdytxxList="upDateTdytxxList" |
158 | /> | ||
104 | <div class="slxx_title title-block"> | 159 | <div class="slxx_title title-block"> |
105 | 权利人信息 | 160 | 权利人信息 |
106 | <div class="triangle"></div> | 161 | <div class="triangle"></div> |
... | @@ -108,8 +163,11 @@ | ... | @@ -108,8 +163,11 @@ |
108 | <el-row :gutter="10"> | 163 | <el-row :gutter="10"> |
109 | <el-col :span="14" v-if="ruleForm.qlxx"> | 164 | <el-col :span="14" v-if="ruleForm.qlxx"> |
110 | <el-form-item label="共有方式:"> | 165 | <el-form-item label="共有方式:"> |
111 | <el-radio-group :disabled="!viewEdit" @change="showCZInfo" | 166 | <el-radio-group |
112 | v-model="ruleForm.sldy.gyfs"> | 167 | :disabled="!viewEdit" |
168 | @change="showCZInfo" | ||
169 | v-model="ruleForm.sldy.gyfs" | ||
170 | > | ||
113 | <el-radio label="0">单独所有</el-radio> | 171 | <el-radio label="0">单独所有</el-radio> |
114 | <el-radio label="1">共同共有</el-radio> | 172 | <el-radio label="1">共同共有</el-radio> |
115 | <el-radio label="2">按份所有</el-radio> | 173 | <el-radio label="2">按份所有</el-radio> |
... | @@ -119,43 +177,42 @@ | ... | @@ -119,43 +177,42 @@ |
119 | </el-col> | 177 | </el-col> |
120 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> | 178 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> |
121 | <el-form-item label="是否分别持证:"> | 179 | <el-form-item label="是否分别持证:"> |
122 | <el-radio-group | 180 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit"> |
123 | v-model="ruleForm.sldy.sqfbcz" | ||
124 | :disabled="!viewEdit"> | ||
125 | <el-radio :label="1">是</el-radio> | 181 | <el-radio :label="1">是</el-radio> |
126 | <el-radio :label="0">否</el-radio> | 182 | <el-radio :label="0">否</el-radio> |
127 | </el-radio-group> | 183 | </el-radio-group> |
128 | </el-form-item> | 184 | </el-form-item> |
129 | </el-col> | 185 | </el-col> |
130 | <el-col | 186 | <el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
131 | :span="5" | ||
132 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | ||
133 | <el-form-item label="持证人:"> | 187 | <el-form-item label="持证人:"> |
134 | <el-select | 188 | <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!viewEdit"> |
135 | v-model="ruleForm.czr" | ||
136 | placeholder="持证人" | ||
137 | :disabled="!viewEdit"> | ||
138 | <el-option | 189 | <el-option |
139 | v-for="item in czrOptions" | 190 | v-for="item in czrOptions" |
140 | :key="item.zjh" | 191 | :key="item.zjh" |
141 | :label="item.sqrmc" | 192 | :label="item.sqrmc" |
142 | :value="item.zjh"> | 193 | :value="item.zjh" |
143 | </el-option> | 194 | ></el-option> |
144 | </el-select> | 195 | </el-select> |
145 | </el-form-item> | 196 | </el-form-item> |
146 | </el-col> | 197 | </el-col> |
147 | |||
148 | </el-row> | 198 | </el-row> |
149 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!viewEdit" | 199 | <qlrCommonTable |
150 | :gyfs="ruleForm.slsq.gyfs" /> | 200 | @upDateQlrxxList="upDateQlrxxList" |
201 | :tableData="ruleForm.qlrList" | ||
202 | :gyfs="ruleForm.slsq.gyfs" | ||
203 | /> | ||
151 | 204 | ||
152 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 205 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> |
153 | <div class="slxx_title title-block"> | 206 | <div class="slxx_title title-block"> |
154 | 义务人信息 | 207 | 义务人信息 |
155 | <div class="triangle"></div> | 208 | <div class="triangle"></div> |
156 | </div> | 209 | </div> |
157 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 210 | <qlrCommonTable |
158 | :gyfs="ruleForm.qlxx.gyfs" /> | 211 | v-if="ruleForm.qlxx" |
212 | @upDateQlrxxList="upDateYwrxxList" | ||
213 | :tableData="ruleForm.ywrList" | ||
214 | :gyfs="ruleForm.qlxx.gyfs" | ||
215 | /> | ||
159 | </div> | 216 | </div> |
160 | <div class="slxx_title title-block"> | 217 | <div class="slxx_title title-block"> |
161 | 登记原因 | 218 | 登记原因 |
... | @@ -164,9 +221,14 @@ | ... | @@ -164,9 +221,14 @@ |
164 | <el-row :gutter="10"> | 221 | <el-row :gutter="10"> |
165 | <el-col> | 222 | <el-col> |
166 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> | 223 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> |
167 | <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" | 224 | <el-input |
168 | v-model="ruleForm.fdcq1.djyy"> | 225 | class="textArea" |
169 | </el-input> | 226 | type="textarea" |
227 | maxlength="500" | ||
228 | show-word-limit | ||
229 | :disabled="!viewEdit" | ||
230 | v-model="ruleForm.fdcq1.djyy" | ||
231 | ></el-input> | ||
170 | </el-form-item> | 232 | </el-form-item> |
171 | </el-col> | 233 | </el-col> |
172 | </el-row> | 234 | </el-row> |
... | @@ -181,212 +243,212 @@ | ... | @@ -181,212 +243,212 @@ |
181 | </div> | 243 | </div> |
182 | </template> | 244 | </template> |
183 | <script> | 245 | <script> |
184 | import ywmix from "@/views/ywbl/mixin/index" | 246 | import ywmix from "@/views/ywbl/mixin/index"; |
185 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 247 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
186 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; | 248 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; |
187 | import tdytTable from "@/views/workflow/components/tdytTable"; | 249 | import tdytTable from "@/views/workflow/components/tdytTable"; |
188 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; | 250 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; |
189 | import { mapGetters } from "vuex"; | 251 | import { mapGetters } from "vuex"; |
190 | export default { | 252 | export default { |
191 | mixins: [ywmix], | 253 | mixins: [ywmix], |
192 | mounted () { | 254 | mounted() { |
193 | this.viewEdit = this.$parent.currentSelectTab.ableOperation | 255 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
194 | this.propsParam = this.$attrs; | 256 | this.propsParam = this.$attrs; |
195 | var formdata = new FormData(); | 257 | var formdata = new FormData(); |
196 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 258 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
197 | formdata.append("djlx", this.propsParam.djlx); | 259 | formdata.append("djlx", this.propsParam.djlx); |
198 | formdata.append("isEdit", this.viewEdit); | 260 | formdata.append("isEdit", this.viewEdit); |
199 | Init(formdata).then((res) => { | 261 | Init(formdata).then((res) => { |
200 | if (res.code === 200 && res.result) { | 262 | if (res.code === 200 && res.result) { |
201 | this.ruleForm = { | 263 | this.ruleForm = { |
202 | ...res.result, | 264 | ...res.result, |
203 | ...res.result.qlxxdatas, | 265 | ...res.result.qlxxdatas, |
204 | } | 266 | }; |
205 | //初始化发证方式,1:小证,2:大正 | 267 | //初始化发证方式,1:小证,2:大正 |
206 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; | 268 | this.ruleForm.slsq.fzfs == null |
207 | this.czrOptions = this.ruleForm.qlrList; | 269 | ? (this.ruleForm.slsq.fzfs = "1") |
208 | } | 270 | : this.ruleForm.slsq.fzfs; |
209 | }); | 271 | this.czrOptions = this.ruleForm.qlrList; |
272 | } | ||
273 | }); | ||
274 | }, | ||
275 | components: { qlrCommonTable, tdytTable, fdcqxmTable }, | ||
276 | computed: { | ||
277 | ...mapGetters(["dictData", "flag"]), | ||
278 | }, | ||
279 | data() { | ||
280 | return { | ||
281 | disabled: true, | ||
282 | tdytOption: [], | ||
283 | czrOptions: [], | ||
284 | ruleForm: { | ||
285 | flow: { | ||
286 | ywh: "", | ||
287 | }, | ||
288 | qlxx: { | ||
289 | mj: "", | ||
290 | }, | ||
291 | sldy: { | ||
292 | gyfs: "", | ||
293 | }, | ||
294 | slsq: {}, | ||
295 | fdcq1: { | ||
296 | zyjzmj: "", | ||
297 | ftjzmj: "", | ||
298 | }, | ||
299 | zdjbxx: { | ||
300 | ghytmc: "", | ||
301 | }, | ||
302 | }, | ||
303 | //传递参数 | ||
304 | propsParam: this.$attrs, | ||
305 | //表单是否可操作 | ||
306 | viewEdit: false, | ||
307 | rules: {}, | ||
308 | }; | ||
309 | }, | ||
310 | methods: { | ||
311 | /** | ||
312 | * @description: 更新土地用途信息 | ||
313 | * @param {*} val | ||
314 | * @author: renchao | ||
315 | */ | ||
316 | upDateTdytxxList(val) { | ||
317 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
318 | this.key++; | ||
210 | }, | 319 | }, |
211 | components: { qlrCommonTable, tdytTable, fdcqxmTable }, | 320 | /** |
212 | computed: { | 321 | * @description: 更新权利人信息 |
213 | ...mapGetters(["dictData", "flag"]), | 322 | * @param {*} val |
323 | * @author: renchao | ||
324 | */ | ||
325 | upDateQlrxxList(val) { | ||
326 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
327 | this.czrOptions = this.ruleForm.qlrList; | ||
328 | this.key++; | ||
214 | }, | 329 | }, |
215 | data () { | 330 | /** |
216 | return { | 331 | * @description: showCZInfo |
217 | disabled: true, | 332 | * @author: renchao |
218 | tdytOption: [], | 333 | */ |
219 | czrOptions: [], | 334 | showCZInfo() { |
220 | ruleForm: { | 335 | console.log(this.ruleForm.slsq.gyfs); |
221 | flow: { | ||
222 | ywh: '' | ||
223 | }, | ||
224 | qlxx: { | ||
225 | mj: '' | ||
226 | }, | ||
227 | sldy: { | ||
228 | gyfs: '' | ||
229 | }, | ||
230 | slsq: { | ||
231 | |||
232 | }, | ||
233 | fdcq1: { | ||
234 | zyjzmj: '', | ||
235 | ftjzmj: '' | ||
236 | }, | ||
237 | zdjbxx: { | ||
238 | ghytmc: '' | ||
239 | } | ||
240 | }, | ||
241 | //传递参数 | ||
242 | propsParam: this.$attrs, | ||
243 | //表单是否可操作 | ||
244 | viewEdit: false, | ||
245 | rules: {} | ||
246 | } | ||
247 | }, | 336 | }, |
248 | methods: { | 337 | // 更新权利人信息 |
249 | /** | 338 | /** |
250 | * @description: 更新土地用途信息 | 339 | * @description: 更新权利人信息 |
251 | * @param {*} val | 340 | * @param {*} val |
252 | * @author: renchao | 341 | * @author: renchao |
253 | */ | 342 | */ |
254 | upDateTdytxxList (val) { | 343 | upDateYwrxxList(val) { |
255 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 344 | this.ruleForm.ywrList = _.cloneDeep(val); |
256 | this.key++; | 345 | }, |
257 | }, | 346 | /** |
258 | /** | 347 | * @description: onSubmit |
259 | * @description: 更新权利人信息 | 348 | * @author: renchao |
260 | * @param {*} val | 349 | */ |
261 | * @author: renchao | 350 | onSubmit() { |
262 | */ | 351 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
263 | upDateQlrxxList (val) { | 352 | if (arr.length > 0) { |
264 | this.ruleForm.qlrList = _.cloneDeep(val); | 353 | this.$message({ |
265 | this.czrOptions = this.ruleForm.qlrList; | 354 | showClose: true, |
266 | this.key++; | 355 | message: "土地用途不能为空", |
267 | }, | 356 | type: "error", |
268 | /** | 357 | }); |
269 | * @description: showCZInfo | 358 | return false; |
270 | * @author: renchao | 359 | } |
271 | */ | 360 | saveData(this.ruleForm).then((res) => { |
272 | showCZInfo () { | 361 | if (res.code === 200) { |
273 | console.log(this.ruleForm.slsq.gyfs); | ||
274 | }, | ||
275 | // 更新权利人信息 | ||
276 | /** | ||
277 | * @description: 更新权利人信息 | ||
278 | * @param {*} val | ||
279 | * @author: renchao | ||
280 | */ | ||
281 | upDateYwrxxList (val) { | ||
282 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
283 | }, | ||
284 | /** | ||
285 | * @description: onSubmit | ||
286 | * @author: renchao | ||
287 | */ | ||
288 | onSubmit () { | ||
289 | let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) | ||
290 | if (arr.length > 0) { | ||
291 | this.$message({ | 362 | this.$message({ |
292 | showClose: true, | 363 | showClose: true, |
293 | message: "土地用途不能为空", | 364 | message: "保存成功!", |
365 | type: "success", | ||
366 | }); | ||
367 | this.$store.dispatch("user/refreshPage", true); | ||
368 | } else { | ||
369 | this.$message({ | ||
370 | showClose: true, | ||
371 | message: res.message, | ||
294 | type: "error", | 372 | type: "error", |
295 | }); | 373 | }); |
296 | return false; | ||
297 | } | 374 | } |
298 | saveData(this.ruleForm).then((res) => { | 375 | }); |
299 | if (res.code === 200) { | 376 | }, |
300 | this.$message({ | 377 | }, |
301 | showClose: true, | 378 | }; |
302 | message: "保存成功!", | ||
303 | type: "success", | ||
304 | }); | ||
305 | this.$store.dispatch('user/refreshPage', true); | ||
306 | } else { | ||
307 | this.$message({ | ||
308 | showClose: true, | ||
309 | message: res.message, | ||
310 | type: "error" | ||
311 | }) | ||
312 | } | ||
313 | }) | ||
314 | } | ||
315 | } | ||
316 | } | ||
317 | </script> | 379 | </script> |
318 | <style scoped lang='scss'> | 380 | <style scoped lang='scss'> |
319 | @import "~@/styles/public.scss"; | 381 | @import "~@/styles/public.scss"; |
320 | 382 | ||
321 | /deep/.el-form { | 383 | /deep/.el-form { |
322 | display: flex; | 384 | display: flex; |
323 | flex-direction: column; | 385 | flex-direction: column; |
324 | height: calc(100vh - 130px); | 386 | height: calc(100vh - 130px); |
325 | } | 387 | } |
326 | 388 | ||
327 | /deep/.el-form-item__label { | 389 | /deep/.el-form-item__label { |
328 | padding: 0; | 390 | padding: 0; |
329 | } | 391 | } |
330 | 392 | ||
331 | /deep/.el-radio { | 393 | /deep/.el-radio { |
332 | margin-right: 10px; | 394 | margin-right: 10px; |
333 | } | 395 | } |
334 | 396 | ||
335 | /deep/.el-select { | 397 | /deep/.el-select { |
336 | width: 100%; | 398 | width: 100%; |
337 | } | 399 | } |
338 | 400 | ||
339 | /deep/.el-form-item { | 401 | /deep/.el-form-item { |
340 | margin-bottom: 8px; | 402 | margin-bottom: 8px; |
341 | } | 403 | } |
342 | 404 | ||
343 | .marginBot0 { | 405 | .marginBot0 { |
344 | margin-bottom: 0 !important; | 406 | margin-bottom: 0 !important; |
345 | } | 407 | } |
346 | 408 | ||
347 | .slxx { | 409 | .slxx { |
348 | box-sizing: border-box; | 410 | box-sizing: border-box; |
349 | } | 411 | } |
350 | 412 | ||
351 | .slxx_con { | 413 | .slxx_con { |
352 | flex: 1; | 414 | flex: 1; |
353 | height: 100%; | 415 | height: 100%; |
354 | background-color: #ffffff; | 416 | background-color: #ffffff; |
355 | overflow-y: auto; | 417 | overflow-y: auto; |
356 | padding-right: 3px; | 418 | padding-right: 3px; |
357 | overflow-x: hidden; | 419 | overflow-x: hidden; |
358 | } | 420 | } |
359 | 421 | ||
360 | .submit_btn { | 422 | .submit_btn { |
361 | height: 50px; | 423 | height: 50px; |
362 | } | 424 | } |
363 | 425 | ||
364 | .slxx_title { | 426 | .slxx_title { |
365 | border-bottom: 1px solid $borderColor; | 427 | border-bottom: 1px solid $borderColor; |
366 | padding-left: 10px; | 428 | padding-left: 10px; |
367 | padding-bottom: 5px; | 429 | padding-bottom: 5px; |
368 | margin-bottom: 10px; | 430 | margin-bottom: 10px; |
369 | margin-top: 5px; | 431 | margin-top: 5px; |
370 | font-size: 16px; | 432 | font-size: 16px; |
371 | font-weight: 500; | 433 | font-weight: 500; |
372 | color: #4a4a4a; | 434 | color: #4a4a4a; |
373 | } | 435 | } |
374 | 436 | ||
375 | .btn { | 437 | .btn { |
376 | text-align: center; | 438 | text-align: center; |
377 | padding-top: 10px; | 439 | padding-top: 10px; |
378 | height: 36px; | 440 | height: 36px; |
379 | background-color: #ffffff; | 441 | background-color: #ffffff; |
380 | padding: 5px 0; | 442 | padding: 5px 0; |
381 | } | 443 | } |
382 | 444 | ||
383 | .textArea { | 445 | .textArea { |
384 | /deep/.el-textarea__inner { | 446 | /deep/.el-textarea__inner { |
385 | min-height: 90px !important; | 447 | min-height: 90px !important; |
386 | } | ||
387 | } | 448 | } |
449 | } | ||
388 | 450 | ||
389 | /deep/.el-form-item__label { | 451 | /deep/.el-form-item__label { |
390 | padding-bottom: 0px; | 452 | padding-bottom: 0px; |
391 | } | 453 | } |
392 | </style> | 454 | </style> | ... | ... |
... | @@ -101,7 +101,6 @@ | ... | @@ -101,7 +101,6 @@ |
101 | :default-expand-level="1" | 101 | :default-expand-level="1" |
102 | :show-count="true" | 102 | :show-count="true" |
103 | :options="dictData['A9']" /> | 103 | :options="dictData['A9']" /> |
104 | |||
105 | </el-form-item> | 104 | </el-form-item> |
106 | </el-col> | 105 | </el-col> |
107 | </el-row> | 106 | </el-row> | ... | ... |
-
Please register or sign in to post a comment