批量查封登记
Showing
7 changed files
with
398 additions
and
164 deletions
1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
2 | 2 | ||
3 | // 初始化内容 | 3 | // 初始化内容 |
4 | export function cfInit (data) { | 4 | export function Init(data) { |
5 | let apiUrl = ""; | ||
6 | switch (data.get("sqywbm")) { | ||
7 | case "B39300": | ||
8 | apiUrl = "/ywbl/cfdj/xfInit"; | ||
9 | break; | ||
10 | case "B39400": | ||
11 | apiUrl = "/ywbl/cfdj/jfInit"; | ||
12 | break; | ||
13 | case "B39800": | ||
14 | apiUrl = "/ywbl/cfdj/cfInit"; | ||
15 | break; | ||
16 | } | ||
5 | return request({ | 17 | return request({ |
6 | url: '/ywbl/cfdj/cfInit', | 18 | url: apiUrl, |
7 | method: 'post', | 19 | method: 'post', |
8 | data | 20 | data |
9 | }) | 21 | }) |
10 | } | 22 | } |
11 | 23 | ||
12 | // 初始化内容 | 24 | //批量查封 |
13 | export function xfInit (data) { | 25 | export function cfBatchInit (data) { |
14 | return request({ | ||
15 | url: '/ywbl/cfdj/xfInit', | ||
16 | method: 'post', | ||
17 | data | ||
18 | }) | ||
19 | } | ||
20 | |||
21 | // 初始化内容 | ||
22 | export function jfInit (data) { | ||
23 | return request({ | 26 | return request({ |
24 | url: '/ywbl/cfdj/jfInit', | 27 | url: '/ywbl/cfdj/cfBatchInit', |
25 | method: 'post', | 28 | method: 'post', |
26 | data | 29 | data |
27 | }) | 30 | }) | ... | ... |
... | @@ -28,7 +28,7 @@ export function sendBackTask (data) { | ... | @@ -28,7 +28,7 @@ export function sendBackTask (data) { |
28 | // 获取左侧列表 | 28 | // 获取左侧列表 |
29 | export function leftMenu (data) { | 29 | export function leftMenu (data) { |
30 | return request({ | 30 | return request({ |
31 | url: '/ywbl/jsydsyqlr/leftMenu', | 31 | url: '/business/workFlow/leftMenu', |
32 | method: 'post', | 32 | method: 'post', |
33 | data | 33 | data |
34 | }) | 34 | }) | ... | ... |
1 | <template> | ||
2 | <div> | ||
3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> | ||
4 | </lb-table> | ||
5 | </div> | ||
6 | </template> | ||
7 | <script> | ||
8 | import addQlr from './addQlr.vue' | ||
9 | import { mapGetters } from 'vuex' | ||
10 | export default { | ||
11 | components: { | ||
12 | addQlr | ||
13 | }, | ||
14 | computed: { | ||
15 | ...mapGetters(["dictData"]), | ||
16 | }, | ||
17 | props: { | ||
18 | tableData: { | ||
19 | type: Array, | ||
20 | default: function () { | ||
21 | return [] | ||
22 | } | ||
23 | }, | ||
24 | gyfs: { | ||
25 | type: String, | ||
26 | default: '1' | ||
27 | } | ||
28 | }, | ||
29 | data () { | ||
30 | return { | ||
31 | key: 0, | ||
32 | dataIndex: 0, | ||
33 | dialog: false, | ||
34 | details: {}, | ||
35 | tableDataList: [], | ||
36 | InformationTable: [ | ||
37 | { | ||
38 | label: '序号', | ||
39 | type: 'index', | ||
40 | width: '50', | ||
41 | render: (h, scope) => { | ||
42 | return ( | ||
43 | <div> | ||
44 | {scope.$index + 1} | ||
45 | </div> | ||
46 | ) | ||
47 | } | ||
48 | }, | ||
49 | { | ||
50 | prop: "qllxmc", | ||
51 | label: "权利类型" | ||
52 | }, | ||
53 | { | ||
54 | prop: "bdcqzh", | ||
55 | label: "不动产权证号" | ||
56 | }, | ||
57 | { | ||
58 | prop: "qlrmc", | ||
59 | label: "权利人" | ||
60 | }, | ||
61 | { | ||
62 | prop: "ywrmc", | ||
63 | label: "义务人" | ||
64 | }, | ||
65 | { | ||
66 | prop: "qlxz", | ||
67 | label: "权利性质" | ||
68 | }, | ||
69 | { | ||
70 | prop: "ytmc", | ||
71 | label: "用途" | ||
72 | }, | ||
73 | { | ||
74 | prop: "mj", | ||
75 | label: "面积" | ||
76 | }, | ||
77 | { | ||
78 | prop: "zl", | ||
79 | label: "坐落" | ||
80 | }, | ||
81 | ], | ||
82 | column: this.InformationTable | ||
83 | } | ||
84 | }, | ||
85 | watch: { | ||
86 | tableData: { | ||
87 | handler: function (val, oldVal) { | ||
88 | let that = this | ||
89 | if (val.length == 0 || !val) { | ||
90 | that.tableDataList = _.cloneDeep([{ | ||
91 | sqrmc: '', | ||
92 | dlrzjlx: '', | ||
93 | dlrzjh: '', | ||
94 | fr: '' | ||
95 | }]) | ||
96 | } else { | ||
97 | that.tableDataList = _.cloneDeep(val) | ||
98 | } | ||
99 | }, | ||
100 | immediate: true, | ||
101 | deep: true | ||
102 | }, | ||
103 | gyfs: { | ||
104 | handler (newVal, oldValue) { | ||
105 | let dataList = _.cloneDeep(this.InformationTable) | ||
106 | if (newVal == '1') { | ||
107 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
108 | } else if ((newVal == '2')) { | ||
109 | this.column = dataList | ||
110 | } else { | ||
111 | this.column = _.cloneDeep(dataList) | ||
112 | this.column.splice( | ||
113 | 2, 0, { | ||
114 | prop: "fs", | ||
115 | label: "份数" | ||
116 | }) | ||
117 | } | ||
118 | }, | ||
119 | immediate: true | ||
120 | } | ||
121 | }, | ||
122 | methods: { | ||
123 | } | ||
124 | } | ||
125 | </script> | ||
126 | <style scoped lang='scss'> | ||
127 | |||
128 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -25,7 +25,10 @@ export function getForm(tabName, djywbm) { | ... | @@ -25,7 +25,10 @@ export function getForm(tabName, djywbm) { |
25 | break; | 25 | break; |
26 | case "fwslxxCfdj": | 26 | case "fwslxxCfdj": |
27 | form = require("@/views/ywbl/cfdj/fwslxx.vue"); | 27 | form = require("@/views/ywbl/cfdj/fwslxx.vue"); |
28 | break; | 28 | break; |
29 | case "plslxxCfdj": | ||
30 | form = require("@/views/ywbl/cfdj/plcfslxx.vue"); | ||
31 | break; | ||
29 | case "clxx": | 32 | case "clxx": |
30 | form = require("@/views/workflow/components/clxx.vue"); | 33 | form = require("@/views/workflow/components/clxx.vue"); |
31 | break; | 34 | break; | ... | ... |
... | @@ -3,7 +3,10 @@ | ... | @@ -3,7 +3,10 @@ |
3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" | 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" |
4 | label-width="120px"> | 4 | label-width="120px"> |
5 | <div class="slxx_con"> | 5 | <div class="slxx_con"> |
6 | <div class="slxx_title">受理信息</div> | 6 | <div class="slxx_title title-block"> |
7 | 受理信息 | ||
8 | <div class="triangle"></div> | ||
9 | </div> | ||
7 | <el-row :gutter="10"> | 10 | <el-row :gutter="10"> |
8 | <el-col :span="8"> | 11 | <el-col :span="8"> |
9 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh"> | 12 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh"> |
... | @@ -44,7 +47,10 @@ | ... | @@ -44,7 +47,10 @@ |
44 | </el-form-item> | 47 | </el-form-item> |
45 | </el-col> | 48 | </el-col> |
46 | </el-row> | 49 | </el-row> |
47 | <div class="slxx_title">查封不动产情况</div> | 50 | <div class="slxx_title title-block"> |
51 | 查封不动产情况 | ||
52 | <div class="triangle"></div> | ||
53 | </div> | ||
48 | <el-row :gutter="10"> | 54 | <el-row :gutter="10"> |
49 | <el-col :span="8"> | 55 | <el-col :span="8"> |
50 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> | 56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> |
... | @@ -145,9 +151,15 @@ | ... | @@ -145,9 +151,15 @@ |
145 | </el-form-item> | 151 | </el-form-item> |
146 | </el-col> | 152 | </el-col> |
147 | </el-row> | 153 | </el-row> |
148 | <div class="slxx_title">不动产权利人信息</div> | 154 | <div class="slxx_title title-block"> |
155 | 不动产权利人信息 | ||
156 | <div class="triangle"></div> | ||
157 | </div> | ||
149 | <sqrViewTable :tableData="ruleForm.ywrList" /> | 158 | <sqrViewTable :tableData="ruleForm.ywrList" /> |
150 | <div class="slxx_title">登记原因</div> | 159 | <div class="slxx_title title-block"> |
160 | 登记原因 | ||
161 | <div class="triangle"></div> | ||
162 | </div> | ||
151 | <el-row :gutter="10"> | 163 | <el-row :gutter="10"> |
152 | <el-col> | 164 | <el-col> |
153 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | 165 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> |
... | @@ -156,8 +168,8 @@ | ... | @@ -156,8 +168,8 @@ |
156 | </el-col> | 168 | </el-col> |
157 | </el-row> | 169 | </el-row> |
158 | </div> | 170 | </div> |
159 | <el-row> | 171 | <el-row class="btn" v-if="!$route.query.viewtype"> |
160 | <el-form-item :class="flag ? 'marginBot0' : ''" class="btn" v-if="!$route.query.viewtype"> | 172 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
161 | <el-button type="primary" @click="onSubmit">保存</el-button> | 173 | <el-button type="primary" @click="onSubmit">保存</el-button> |
162 | </el-form-item> | 174 | </el-form-item> |
163 | </el-row> | 175 | </el-row> |
... | @@ -166,7 +178,7 @@ | ... | @@ -166,7 +178,7 @@ |
166 | </template> | 178 | </template> |
167 | <script> | 179 | <script> |
168 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; | 180 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; |
169 | import { cfInit, saveData } from "@/api/cfdjFlow.js"; | 181 | import { Init, saveData } from "@/api/cfdjFlow.js"; |
170 | import { mapGetters } from "vuex"; | 182 | import { mapGetters } from "vuex"; |
171 | export default { | 183 | export default { |
172 | data () { | 184 | data () { |
... | @@ -183,13 +195,7 @@ export default { | ... | @@ -183,13 +195,7 @@ export default { |
183 | }, | 195 | }, |
184 | created () { | 196 | created () { |
185 | this.propsParam = this.$attrs; | 197 | this.propsParam = this.$attrs; |
186 | var formdata = new FormData(); | 198 | this.list(this.propsParam.bsmSldy); |
187 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
188 | cfInit(formdata).then((res) => { | ||
189 | if (res.code === 200 && res.result) { | ||
190 | this.ruleForm = res.result | ||
191 | } | ||
192 | }); | ||
193 | }, | 199 | }, |
194 | watch: { | 200 | watch: { |
195 | 201 | ||
... | @@ -213,7 +219,8 @@ export default { | ... | @@ -213,7 +219,8 @@ export default { |
213 | list (bsmSldy) { | 219 | list (bsmSldy) { |
214 | var formdata = new FormData(); | 220 | var formdata = new FormData(); |
215 | formdata.append("bsmSldy", bsmSldy); | 221 | formdata.append("bsmSldy", bsmSldy); |
216 | cfInit(formdata).then((res) => { | 222 | formdata.append("sqywbm", this.$route.query.sqywbm); |
223 | Init(formdata).then((res) => { | ||
217 | if (res.code === 200 && res.result) { | 224 | if (res.code === 200 && res.result) { |
218 | this.ruleForm = res.result | 225 | this.ruleForm = res.result |
219 | } | 226 | } |
... | @@ -238,63 +245,5 @@ export default { | ... | @@ -238,63 +245,5 @@ export default { |
238 | </script> | 245 | </script> |
239 | <style scoped lang='scss'> | 246 | <style scoped lang='scss'> |
240 | @import "~@/styles/public.scss"; | 247 | @import "~@/styles/public.scss"; |
241 | 248 | @import "~@/styles/slxx/slxx.scss"; | |
242 | /deep/.el-form-item__label { | ||
243 | padding: 0; | ||
244 | } | ||
245 | |||
246 | /deep/.el-radio { | ||
247 | margin-right: 10px; | ||
248 | } | ||
249 | |||
250 | /deep/.el-select { | ||
251 | width: 100%; | ||
252 | } | ||
253 | |||
254 | /deep/.el-form-item { | ||
255 | margin-bottom: 8px; | ||
256 | } | ||
257 | |||
258 | .marginBot0 { | ||
259 | margin-bottom: 0 !important; | ||
260 | } | ||
261 | |||
262 | .slxx { | ||
263 | box-sizing: border-box; | ||
264 | } | ||
265 | |||
266 | .slxx_con { | ||
267 | overflow-y: auto; | ||
268 | overflow-x: hidden; | ||
269 | } | ||
270 | |||
271 | .submit_btn { | ||
272 | height: 50px; | ||
273 | } | ||
274 | |||
275 | .slxx_title { | ||
276 | border-bottom: 1px solid $borderColor; | ||
277 | padding-left: 10px; | ||
278 | padding-bottom: 5px; | ||
279 | margin-bottom: 10px; | ||
280 | margin-top: 5px; | ||
281 | font-size: 16px; | ||
282 | font-weight: 500; | ||
283 | color: #4a4a4a; | ||
284 | } | ||
285 | |||
286 | .btn { | ||
287 | text-align: center; | ||
288 | padding-top: 5px; | ||
289 | } | ||
290 | |||
291 | .textArea { | ||
292 | /deep/.el-textarea__inner { | ||
293 | min-height: 90px !important; | ||
294 | } | ||
295 | } | ||
296 | |||
297 | /deep/.el-form-item__label { | ||
298 | padding-bottom: 0px; | ||
299 | } | ||
300 | </style> | 249 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
src/views/ywbl/cfdj/plcfslxx.vue
0 → 100644
1 | <template> | ||
2 | <div class="slxx"> | ||
3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" | ||
4 | label-width="120px"> | ||
5 | <div class="slxx_con"> | ||
6 | <div class="slxx_title title-block"> | ||
7 | 受理信息 | ||
8 | <div class="triangle"></div> | ||
9 | </div> | ||
10 | <el-row :gutter="10"> | ||
11 | <el-col :span="8"> | ||
12 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh"> | ||
13 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | ||
14 | </el-form-item> | ||
15 | </el-col> | ||
16 | <el-col :span="8"> | ||
17 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slywxx.slry"> | ||
18 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="8"> | ||
22 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slywxx.slsj"> | ||
23 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | <el-row :gutter="10"> | ||
28 | <el-col :span="8"> | ||
29 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slywxx.qllx"> | ||
30 | <el-select disabled v-model="ruleForm.slywxx.qllx" filterable clearable placeholder="请选择权利类型"> | ||
31 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
32 | </el-option> | ||
33 | </el-select> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | <el-col :span="8"> | ||
37 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slywxx.djlx"> | ||
38 | <el-select disabled v-model="ruleForm.slywxx.djlx" filterable clearable placeholder="请选择登记类型"> | ||
39 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
40 | </el-option> | ||
41 | </el-select> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="slywxx.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 | <cfBdcdyTable :tableData="ruleForm.qlxx" /> | ||
55 | <div class="slxx_title title-block"> | ||
56 | 批量查封信息 | ||
57 | <div class="triangle"></div> | ||
58 | </div> | ||
59 | <el-row :gutter="10"> | ||
60 | <el-col :span="8"> | ||
61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> | ||
62 | <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="8"> | ||
66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflx"> | ||
67 | <el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型:" | ||
68 | :disabled="$route.query.viewtype" @change="changeCflx"> | ||
69 | <el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
70 | </el-option> | ||
71 | </el-select> | ||
72 | </el-form-item> | ||
73 | </el-col> | ||
74 | <el-col :span="8"> | ||
75 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> | ||
76 | <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype"></el-input> | ||
77 | </el-form-item> | ||
78 | </el-col> | ||
79 | </el-row> | ||
80 | <el-row :gutter="10"> | ||
81 | <el-col :span="8"> | ||
82 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> | ||
83 | <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype"></el-input> | ||
84 | </el-form-item> | ||
85 | </el-col> | ||
86 | <el-col :span="8"> | ||
87 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | ||
88 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" :disabled="$route.query.viewtype" | ||
89 | type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | <el-col :span="8"> | ||
93 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> | ||
94 | <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" :disabled="$route.query.viewtype" | ||
95 | type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker> | ||
96 | </el-form-item> | ||
97 | </el-col> | ||
98 | </el-row> | ||
99 | <el-row :gutter="10"> | ||
100 | <el-col :span="24"> | ||
101 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> | ||
102 | <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | </el-row> | ||
106 | <el-row :gutter="10"> | ||
107 | <el-col :span="24"> | ||
108 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> | ||
109 | <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype"></el-input> | ||
110 | </el-form-item> | ||
111 | </el-col> | ||
112 | </el-row> | ||
113 | <div class="slxx_title title-block"> | ||
114 | 登记原因 | ||
115 | <div class="triangle"></div> | ||
116 | </div> | ||
117 | <el-row :gutter="10"> | ||
118 | <el-col> | ||
119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | ||
120 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" :disabled="$route.query.viewtype"></el-input> | ||
121 | </el-form-item> | ||
122 | </el-col> | ||
123 | </el-row> | ||
124 | </div> | ||
125 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
126 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
127 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
128 | </el-form-item> | ||
129 | </el-row> | ||
130 | </el-form> | ||
131 | </div> | ||
132 | </template> | ||
133 | <script> | ||
134 | import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; | ||
135 | import { cfBatchInit, saveData } from "@/api/cfdjFlow.js"; | ||
136 | import { mapGetters } from "vuex"; | ||
137 | export default { | ||
138 | data () { | ||
139 | return { | ||
140 | disabled: true, | ||
141 | flagTop: this.flag ? "top" : "", | ||
142 | rules: {}, | ||
143 | //传递参数 | ||
144 | propsParam: {}, | ||
145 | //页面数据 | ||
146 | ruleForm: {}, | ||
147 | tableData: [] | ||
148 | }; | ||
149 | }, | ||
150 | created () { | ||
151 | this.list(); | ||
152 | }, | ||
153 | watch: { | ||
154 | |||
155 | }, | ||
156 | components: { cfBdcdyTable }, | ||
157 | props: { | ||
158 | flag: { | ||
159 | type: Boolean, | ||
160 | default: false, | ||
161 | }, | ||
162 | fetch: { | ||
163 | type: Boolean, | ||
164 | default: false, | ||
165 | }, | ||
166 | }, | ||
167 | computed: { | ||
168 | ...mapGetters(["dictData"]), | ||
169 | }, | ||
170 | |||
171 | methods: { | ||
172 | list () { | ||
173 | var formdata = new FormData(); | ||
174 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
175 | cfBatchInit(formdata).then((res) => { | ||
176 | if (res.code === 200 && res.result) { | ||
177 | this.ruleForm = res.result | ||
178 | } | ||
179 | }); | ||
180 | }, | ||
181 | onSubmit () { | ||
182 | saveData(this.ruleForm).then((res) => { | ||
183 | if (res.code === 200 && res.result) { | ||
184 | this.$message.success('保存成功'); | ||
185 | } | ||
186 | }); | ||
187 | }, | ||
188 | changeCflx(e){ | ||
189 | let cflxItem = {} | ||
190 | cflxItem = this.dictData['A32'].find((item) => { | ||
191 | return item.dcode == e | ||
192 | }) | ||
193 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; | ||
194 | } | ||
195 | }, | ||
196 | }; | ||
197 | </script> | ||
198 | <style scoped lang='scss'> | ||
199 | @import "~@/styles/public.scss"; | ||
200 | @import "~@/styles/slxx/slxx.scss"; | ||
201 | |||
202 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -3,7 +3,10 @@ | ... | @@ -3,7 +3,10 @@ |
3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" | 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" |
4 | label-width="120px"> | 4 | label-width="120px"> |
5 | <div class="slxx_con"> | 5 | <div class="slxx_con"> |
6 | <div class="slxx_title">受理信息</div> | 6 | <div class="slxx_title title-block"> |
7 | 受理信息 | ||
8 | <div class="triangle"></div> | ||
9 | </div> | ||
7 | <el-row :gutter="10"> | 10 | <el-row :gutter="10"> |
8 | <el-col :span="8"> | 11 | <el-col :span="8"> |
9 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh"> | 12 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slywxx.ywh"> |
... | @@ -44,7 +47,10 @@ | ... | @@ -44,7 +47,10 @@ |
44 | </el-form-item> | 47 | </el-form-item> |
45 | </el-col> | 48 | </el-col> |
46 | </el-row> | 49 | </el-row> |
47 | <div class="slxx_title">查封不动产情况</div> | 50 | <div class="slxx_title title-block"> |
51 | 查封不动产情况 | ||
52 | <div class="triangle"></div> | ||
53 | </div> | ||
48 | <el-row :gutter="10"> | 54 | <el-row :gutter="10"> |
49 | <el-col :span="8"> | 55 | <el-col :span="8"> |
50 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> | 56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> |
... | @@ -157,9 +163,15 @@ | ... | @@ -157,9 +163,15 @@ |
157 | </el-form-item> | 163 | </el-form-item> |
158 | </el-col> | 164 | </el-col> |
159 | </el-row> | 165 | </el-row> |
160 | <div class="slxx_title">不动产权利人信息</div> | 166 | <div class="slxx_title title-block"> |
167 | 不动产权利人信息 | ||
168 | <div class="triangle"></div> | ||
169 | </div> | ||
161 | <sqrViewTable :tableData="ruleForm.ywrList" /> | 170 | <sqrViewTable :tableData="ruleForm.ywrList" /> |
162 | <div class="slxx_title">登记原因</div> | 171 | <div class="slxx_title title-block"> |
172 | 登记原因 | ||
173 | <div class="triangle"></div> | ||
174 | </div> | ||
163 | <el-row :gutter="10"> | 175 | <el-row :gutter="10"> |
164 | <el-col> | 176 | <el-col> |
165 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | 177 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> |
... | @@ -168,8 +180,8 @@ | ... | @@ -168,8 +180,8 @@ |
168 | </el-col> | 180 | </el-col> |
169 | </el-row> | 181 | </el-row> |
170 | </div> | 182 | </div> |
171 | <el-row> | 183 | <el-row class="btn" v-if="!$route.query.viewtype"> |
172 | <el-form-item :class="flag ? 'marginBot0' : ''" class="btn" v-if="!$route.query.viewtype"> | 184 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
173 | <el-button type="primary" @click="onSubmit">保存</el-button> | 185 | <el-button type="primary" @click="onSubmit">保存</el-button> |
174 | </el-form-item> | 186 | </el-form-item> |
175 | </el-row> | 187 | </el-row> |
... | @@ -178,7 +190,7 @@ | ... | @@ -178,7 +190,7 @@ |
178 | </template> | 190 | </template> |
179 | <script> | 191 | <script> |
180 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; | 192 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; |
181 | import { cfInit, saveData } from "@/api/cfdjFlow.js"; | 193 | import { Init, saveData } from "@/api/cfdjFlow.js"; |
182 | import { mapGetters } from "vuex"; | 194 | import { mapGetters } from "vuex"; |
183 | export default { | 195 | export default { |
184 | data () { | 196 | data () { |
... | @@ -195,13 +207,7 @@ export default { | ... | @@ -195,13 +207,7 @@ export default { |
195 | }, | 207 | }, |
196 | created () { | 208 | created () { |
197 | this.propsParam = this.$attrs; | 209 | this.propsParam = this.$attrs; |
198 | var formdata = new FormData(); | 210 | this.list(this.propsParam.bsmSldy); |
199 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
200 | cfInit(formdata).then((res) => { | ||
201 | if (res.code === 200 && res.result) { | ||
202 | this.ruleForm = res.result | ||
203 | } | ||
204 | }); | ||
205 | }, | 211 | }, |
206 | watch: { | 212 | watch: { |
207 | 213 | ||
... | @@ -225,7 +231,8 @@ export default { | ... | @@ -225,7 +231,8 @@ export default { |
225 | list (bsmSldy) { | 231 | list (bsmSldy) { |
226 | var formdata = new FormData(); | 232 | var formdata = new FormData(); |
227 | formdata.append("bsmSldy", bsmSldy); | 233 | formdata.append("bsmSldy", bsmSldy); |
228 | cfInit(formdata).then((res) => { | 234 | formdata.append("sqywbm", this.$route.query.sqywbm); |
235 | Init(formdata).then((res) => { | ||
229 | if (res.code === 200 && res.result) { | 236 | if (res.code === 200 && res.result) { |
230 | this.ruleForm = res.result | 237 | this.ruleForm = res.result |
231 | } | 238 | } |
... | @@ -250,63 +257,5 @@ export default { | ... | @@ -250,63 +257,5 @@ export default { |
250 | </script> | 257 | </script> |
251 | <style scoped lang='scss'> | 258 | <style scoped lang='scss'> |
252 | @import "~@/styles/public.scss"; | 259 | @import "~@/styles/public.scss"; |
253 | 260 | @import "~@/styles/slxx/slxx.scss"; | |
254 | /deep/.el-form-item__label { | ||
255 | padding: 0; | ||
256 | } | ||
257 | |||
258 | /deep/.el-radio { | ||
259 | margin-right: 10px; | ||
260 | } | ||
261 | |||
262 | /deep/.el-select { | ||
263 | width: 100%; | ||
264 | } | ||
265 | |||
266 | /deep/.el-form-item { | ||
267 | margin-bottom: 8px; | ||
268 | } | ||
269 | |||
270 | .marginBot0 { | ||
271 | margin-bottom: 0 !important; | ||
272 | } | ||
273 | |||
274 | .slxx { | ||
275 | box-sizing: border-box; | ||
276 | } | ||
277 | |||
278 | .slxx_con { | ||
279 | overflow-y: auto; | ||
280 | overflow-x: hidden; | ||
281 | } | ||
282 | |||
283 | .submit_btn { | ||
284 | height: 50px; | ||
285 | } | ||
286 | |||
287 | .slxx_title { | ||
288 | border-bottom: 1px solid $borderColor; | ||
289 | padding-left: 10px; | ||
290 | padding-bottom: 5px; | ||
291 | margin-bottom: 10px; | ||
292 | margin-top: 5px; | ||
293 | font-size: 16px; | ||
294 | font-weight: 500; | ||
295 | color: #4a4a4a; | ||
296 | } | ||
297 | |||
298 | .btn { | ||
299 | text-align: center; | ||
300 | padding-top: 5px; | ||
301 | } | ||
302 | |||
303 | .textArea { | ||
304 | /deep/.el-textarea__inner { | ||
305 | min-height: 90px !important; | ||
306 | } | ||
307 | } | ||
308 | |||
309 | /deep/.el-form-item__label { | ||
310 | padding-bottom: 0px; | ||
311 | } | ||
312 | </style> | 261 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment