解封
Showing
2 changed files
with
246 additions
and
0 deletions
... | @@ -29,6 +29,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -29,6 +29,9 @@ export function getForm(tabName, djywbm) { |
29 | case "plslxxCfdj": | 29 | case "plslxxCfdj": |
30 | form = require("@/views/ywbl/cfdj/plcfslxx.vue"); | 30 | form = require("@/views/ywbl/cfdj/plcfslxx.vue"); |
31 | break; | 31 | break; |
32 | case "jfslxxCfdj": | ||
33 | form = require("@/views/ywbl/cfdj/jfslxx.vue"); | ||
34 | break; | ||
32 | case "clxx": | 35 | case "clxx": |
33 | form = require("@/views/workflow/components/clxx.vue"); | 36 | form = require("@/views/workflow/components/clxx.vue"); |
34 | break; | 37 | break; | ... | ... |
src/views/ywbl/cfdj/jfslxx.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 | <el-row :gutter="10"> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> | ||
57 | <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="8"> | ||
61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh"> | ||
62 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="8"> | ||
66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:"> | ||
67 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | ||
68 | </el-form-item> | ||
69 | </el-col> | ||
70 | </el-row> | ||
71 | <el-row :gutter="10"> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:"> | ||
74 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | <el-col :span="16"> | ||
78 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> | ||
79 | <el-input disabled v-model="ruleForm.qlxx.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="权利人:" prop="qlxx.qlrmc"> | ||
86 | <el-input disabled v-model="ruleForm.qlxx.qlrmc"></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.qlxx.qlrzjhm"></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.qlxx.qlrzjzl"></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="查封机关:" prop="cfdj.cfjg"> | ||
107 | <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型:" prop="cfdj.cflx"> | ||
112 | <el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型:" | ||
113 | :disabled="$route.query.viewtype || ableEdit" @change="changeCflx"> | ||
114 | <el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
115 | </el-option> | ||
116 | </el-select> | ||
117 | </el-form-item> | ||
118 | </el-col> | ||
119 | <el-col :span="8"> | ||
120 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> | ||
121 | <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit"></el-input> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | </el-row> | ||
125 | <el-row :gutter="10"> | ||
126 | <el-col :span="8"> | ||
127 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> | ||
128 | <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit"></el-input> | ||
129 | </el-form-item> | ||
130 | </el-col> | ||
131 | <el-col :span="8"> | ||
132 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | ||
133 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" :disabled="$route.query.viewtype || ableEdit" | ||
134 | type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> | ||
139 | <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" :disabled="$route.query.viewtype || ableEdit" | ||
140 | type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker> | ||
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | </el-row> | ||
144 | <el-row :gutter="10"> | ||
145 | <el-col :span="24"> | ||
146 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> | ||
147 | <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit"></el-input> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | </el-row> | ||
151 | <el-row :gutter="10"> | ||
152 | <el-col :span="24"> | ||
153 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> | ||
154 | <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit"></el-input> | ||
155 | </el-form-item> | ||
156 | </el-col> | ||
157 | </el-row> | ||
158 | <el-row :gutter="10"> | ||
159 | <el-col> | ||
160 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | ||
161 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" :disabled="$route.query.viewtype || ableEdit"></el-input> | ||
162 | </el-form-item> | ||
163 | </el-col> | ||
164 | </el-row> | ||
165 | </div> | ||
166 | <el-row class="btn" v-if="!$route.query.viewtype && !ableEdit"> | ||
167 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
168 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
169 | </el-form-item> | ||
170 | </el-row> | ||
171 | </el-form> | ||
172 | </div> | ||
173 | </template> | ||
174 | <script> | ||
175 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; | ||
176 | import { Init, saveData } from "@/api/cfdjFlow.js"; | ||
177 | import { mapGetters } from "vuex"; | ||
178 | export default { | ||
179 | data () { | ||
180 | return { | ||
181 | disabled: true, | ||
182 | flagTop: this.flag ? "top" : "", | ||
183 | rules: {}, | ||
184 | //传递参数 | ||
185 | propsParam: {}, | ||
186 | //页面数据 | ||
187 | ruleForm: {}, | ||
188 | //是否可编辑 | ||
189 | ableEdit: false | ||
190 | }; | ||
191 | }, | ||
192 | async created () { | ||
193 | this.propsParam = this.$attrs; | ||
194 | this.ableEdit = this.$parent.showBatch; | ||
195 | var formdata = new FormData(); | ||
196 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
197 | formdata.append("djlx", this.propsParam.djlx); | ||
198 | Init(formdata).then((res) => { | ||
199 | if (res.code === 200 && res.result) { | ||
200 | this.ruleForm = res.result | ||
201 | } | ||
202 | }); | ||
203 | }, | ||
204 | watch: { | ||
205 | |||
206 | }, | ||
207 | components: { sqrViewTable }, | ||
208 | props: { | ||
209 | flag: { | ||
210 | type: Boolean, | ||
211 | default: false, | ||
212 | }, | ||
213 | fetch: { | ||
214 | type: Boolean, | ||
215 | default: false, | ||
216 | }, | ||
217 | }, | ||
218 | computed: { | ||
219 | ...mapGetters(["dictData"]), | ||
220 | }, | ||
221 | |||
222 | methods: { | ||
223 | onSubmit () { | ||
224 | saveData(this.ruleForm).then((res) => { | ||
225 | if (res.code === 200) { | ||
226 | this.$message.success('保存成功'); | ||
227 | } | ||
228 | }); | ||
229 | }, | ||
230 | changeCflx(e){ | ||
231 | let cflxItem = {} | ||
232 | cflxItem = this.dictData['A32'].find((item) => { | ||
233 | return item.dcode == e | ||
234 | }) | ||
235 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; | ||
236 | } | ||
237 | }, | ||
238 | }; | ||
239 | </script> | ||
240 | <style scoped lang='scss'> | ||
241 | @import "~@/styles/public.scss"; | ||
242 | @import "~@/styles/slxx/slxx.scss"; | ||
243 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment