111
Showing
3 changed files
with
208 additions
and
288 deletions
1 | <template> | 1 | <template> |
2 | <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0" | 2 | <el-dialog |
3 | :visible.sync="dialogVisible" :before-close="cancelDialog"> | 3 | :title="sqqlRule.nodename" |
4 | custom-class="dialogBox contentCenter" | ||
5 | width="80%" | ||
6 | top="0" | ||
7 | :visible.sync="dialogVisible" | ||
8 | :before-close="cancelDialog" | ||
9 | > | ||
4 | <ul class="edit-title-list" v-if="djlxList.length > 0"> | 10 | <ul class="edit-title-list" v-if="djlxList.length > 0"> |
5 | <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" | 11 | <li |
6 | :class="{ active: index == tn }"> | 12 | v-for="(item, index) in djlxList" |
13 | @click="handleTitleSelct(item, index)" | ||
14 | :key="index" | ||
15 | :class="{ active: index == tn }" | ||
16 | > | ||
7 | {{ item.nodename }} | 17 | {{ item.nodename }} |
8 | </li> | 18 | </li> |
9 | </ul> | 19 | </ul> |
... | @@ -12,8 +22,18 @@ | ... | @@ -12,8 +22,18 @@ |
12 | <el-row> | 22 | <el-row> |
13 | <el-col :span="8"> | 23 | <el-col :span="8"> |
14 | <el-form-item label="申请分类"> | 24 | <el-form-item label="申请分类"> |
15 | <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100"> | 25 | <el-select |
16 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 26 | v-model="form.ywDetail.sqfl" |
27 | disabled | ||
28 | placeholder="请选择" | ||
29 | class="width100" | ||
30 | > | ||
31 | <el-option | ||
32 | v-for="item in options" | ||
33 | :key="item.value" | ||
34 | :label="item.label" | ||
35 | :value="item.value" | ||
36 | > | ||
17 | </el-option> | 37 | </el-option> |
18 | </el-select> | 38 | </el-select> |
19 | </el-form-item> | 39 | </el-form-item> |
... | @@ -32,8 +52,18 @@ | ... | @@ -32,8 +52,18 @@ |
32 | <el-row> | 52 | <el-row> |
33 | <el-col :span="8"> | 53 | <el-col :span="8"> |
34 | <el-form-item label="发起业务单元类型"> | 54 | <el-form-item label="发起业务单元类型"> |
35 | <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100"> | 55 | <el-select |
36 | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> | 56 | v-model="form.ywDetail.fqywdylx" |
57 | disabled | ||
58 | placeholder="请选择" | ||
59 | class="width100" | ||
60 | > | ||
61 | <el-option | ||
62 | v-for="item in options" | ||
63 | :key="item.value" | ||
64 | :label="item.label" | ||
65 | :value="item.value" | ||
66 | > | ||
37 | </el-option> | 67 | </el-option> |
38 | </el-select> | 68 | </el-select> |
39 | </el-form-item> | 69 | </el-form-item> |
... | @@ -64,20 +94,42 @@ | ... | @@ -64,20 +94,42 @@ |
64 | </el-col> | 94 | </el-col> |
65 | <el-col :span="8"> | 95 | <el-col :span="8"> |
66 | <el-form-item label="登记情形及材料"> | 96 | <el-form-item label="登记情形及材料"> |
67 | <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input> | 97 | <el-input |
98 | v-model="form.ywDetail.djqxcl" | ||
99 | placeholder="仅支持execl文件导入" | ||
100 | ></el-input> | ||
68 | </el-form-item> | 101 | </el-form-item> |
69 | </el-col> | 102 | </el-col> |
70 | <el-col :span="1"> | 103 | <el-col :span="1"> |
71 | <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false" | 104 | <el-upload |
72 | :disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess"> | 105 | ref="upload" |
73 | <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button> | 106 | :action="imgUploadUrl" |
107 | :limit="1" | ||
108 | accept=".xls, .xlsx" | ||
109 | :show-file-list="false" | ||
110 | :disabled="requested" | ||
111 | :file-list="fileList" | ||
112 | :before-upload="uploadRecord" | ||
113 | :on-success="handleSuccess" | ||
114 | > | ||
115 | <el-button | ||
116 | type="primary" | ||
117 | icon="el-icon-upload" | ||
118 | :loading="requested" | ||
119 | >上传材料</el-button | ||
120 | > | ||
74 | </el-upload> | 121 | </el-upload> |
75 | </el-col> | 122 | </el-col> |
76 | </el-row> | 123 | </el-row> |
77 | <el-row> | 124 | <el-row> |
78 | <el-col :span="24"> | 125 | <el-col :span="24"> |
79 | <el-form-item label="登记原因模板" prop="djyy"> | 126 | <el-form-item label="登记原因模板" prop="djyy"> |
80 | <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy"> | 127 | <el-input |
128 | type="textarea" | ||
129 | :rows="4" | ||
130 | placeholder="请输入内容" | ||
131 | v-model="form.ywDetail.djyy" | ||
132 | > | ||
81 | </el-input> | 133 | </el-input> |
82 | </el-form-item> | 134 | </el-form-item> |
83 | </el-col> | 135 | </el-col> |
... | @@ -85,25 +137,45 @@ | ... | @@ -85,25 +137,45 @@ |
85 | </el-form> | 137 | </el-form> |
86 | <el-collapse accordion> | 138 | <el-collapse accordion> |
87 | <el-collapse-item title="登记情形设置" name="1"> | 139 | <el-collapse-item title="登记情形设置" name="1"> |
88 | <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx"> | 140 | <lb-table |
141 | :column="djqxCol" | ||
142 | border | ||
143 | :pagination="false" | ||
144 | heightNumSetting | ||
145 | :data="form.djqx" | ||
146 | > | ||
89 | </lb-table> | 147 | </lb-table> |
90 | </el-collapse-item> | 148 | </el-collapse-item> |
91 | <el-collapse-item title="材料信息设置" name="2"> | 149 | <el-collapse-item title="材料信息设置" name="2"> |
92 | <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx"> | 150 | <lb-table |
151 | :column="clxxCol" | ||
152 | border | ||
153 | heightNumSetting | ||
154 | :pagination="false" | ||
155 | :data="form.clxx" | ||
156 | > | ||
93 | </lb-table> | 157 | </lb-table> |
94 | </el-collapse-item> | 158 | </el-collapse-item> |
95 | <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'"> | 159 | <el-collapse-item |
160 | title="刷选权利设置" | ||
161 | name="3" | ||
162 | v-if="form.ywDetail.sfsxql == '1'" | ||
163 | > | ||
96 | <div class="dyztsd-title"> | 164 | <div class="dyztsd-title"> |
97 | <b>请勾选需要查询的权利信息</b> | 165 | <b>请勾选需要查询的权利信息</b> |
98 | <div> | 166 | <div> |
99 | <el-button type="text" @click="handleSelectall">选择全部 </el-button> | 167 | <el-button type="text" @click="handleSelectall" |
168 | >选择全部 | ||
169 | </el-button> | ||
100 | <el-button type="text" @click="handleInvert">清除全部</el-button> | 170 | <el-button type="text" @click="handleInvert">清除全部</el-button> |
101 | </div> | 171 | </div> |
102 | </div> | 172 | </div> |
103 | <el-divider></el-divider> | 173 | <el-divider></el-divider> |
104 | <ul class="qlxx-list"> | 174 | <ul class="qlxx-list"> |
105 | <li v-for="(item, index) in form.sxql" :key="index"> | 175 | <li v-for="(item, index) in form.sxql" :key="index"> |
106 | <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox> | 176 | <el-checkbox v-model="item.checked">{{ |
177 | item.sxzdmc | ||
178 | }}</el-checkbox> | ||
107 | </li> | 179 | </li> |
108 | </ul> | 180 | </ul> |
109 | </el-collapse-item> | 181 | </el-collapse-item> |
... | @@ -112,7 +184,7 @@ | ... | @@ -112,7 +184,7 @@ |
112 | <li v-for="(item, index) in form.sxzt" :key="index"> | 184 | <li v-for="(item, index) in form.sxzt" :key="index"> |
113 | <div class="screen-list-left"> | 185 | <div class="screen-list-left"> |
114 | {{ item.sxzdmc }} : | 186 | {{ item.sxzdmc }} : |
115 | <el-checkbox v-model="item.checked">禁止办理</el-checkbox> | 187 | <el-checkbox v-model="item.checked">禁止办理</el-checkbox> |
116 | <!-- <el-radio-group v-model="item.selected"> | 188 | <!-- <el-radio-group v-model="item.selected"> |
117 | <el-radio label="1">禁止办理</el-radio> | 189 | <el-radio label="1">禁止办理</el-radio> |
118 | <el-radio label="0">忽略</el-radio> | 190 | <el-radio label="0">忽略</el-radio> |
... | @@ -130,9 +202,10 @@ | ... | @@ -130,9 +202,10 @@ |
130 | </el-dialog> | 202 | </el-dialog> |
131 | </template> | 203 | </template> |
132 | <script> | 204 | <script> |
133 | import { mapGetters } from 'vuex'; | 205 | import { mapGetters } from "vuex"; |
134 | import { upward, down } from '@/utils/operation' | 206 | import { upward, down } from "@/utils/operation"; |
135 | import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js"; | 207 | import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js"; |
208 | import { datas, sendThis } from "./sqywDetail"; | ||
136 | export default { | 209 | export default { |
137 | //父组件 传 过来的 值 | 210 | //父组件 传 过来的 值 |
138 | props: { | 211 | props: { |
... | @@ -151,7 +224,7 @@ export default { | ... | @@ -151,7 +224,7 @@ export default { |
151 | }, | 224 | }, |
152 | components: {}, | 225 | components: {}, |
153 | name: "componentDialog", | 226 | name: "componentDialog", |
154 | data () { | 227 | data() { |
155 | return { | 228 | return { |
156 | tn: 0, | 229 | tn: 0, |
157 | n: 0, | 230 | n: 0, |
... | @@ -159,243 +232,39 @@ export default { | ... | @@ -159,243 +232,39 @@ export default { |
159 | title: "", | 232 | title: "", |
160 | activeName: "1", | 233 | activeName: "1", |
161 | form: {}, | 234 | form: {}, |
162 | djqxCol: [ | 235 | djqxCol: datas.djqxCol(), |
163 | { | 236 | clxxCol: datas.clxxCol(), |
164 | width: '60', | ||
165 | renderHeader: (h, scope) => { | ||
166 | return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> | ||
167 | }, | ||
168 | render: (h, scope) => { | ||
169 | return ( | ||
170 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | ||
171 | ) | ||
172 | } | ||
173 | }, | ||
174 | { | ||
175 | width: '60', | ||
176 | label: '序号', | ||
177 | type: 'index' | ||
178 | }, | ||
179 | { | ||
180 | prop: 'nodecode', | ||
181 | width: '105', | ||
182 | label: '登记情形编码', | ||
183 | render: (h, scope) => { | ||
184 | return ( | ||
185 | <div> | ||
186 | <el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'} | ||
187 | value={scope.row[scope.column.property]} | ||
188 | onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { this.nodecodeBlur(scope.$index, scope.row) }} maxlength="8"> | ||
189 | </el-input> | ||
190 | </div> | ||
191 | ) | ||
192 | } | ||
193 | }, | ||
194 | { | ||
195 | prop: 'nodename', | ||
196 | label: '登记情形名称', | ||
197 | render: (h, scope) => { | ||
198 | return ( | ||
199 | <div> | ||
200 | <el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'} | ||
201 | value={scope.row[scope.column.property]} | ||
202 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
203 | </div> | ||
204 | ) | ||
205 | } | ||
206 | }, | ||
207 | { | ||
208 | label: '是否启用登记情形', | ||
209 | width: '141', | ||
210 | render: (h, scope) => { | ||
211 | return ( | ||
212 | <el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
213 | <el-radio label={'1'}>启用</el-radio> | ||
214 | <el-radio label={'0'}>禁用</el-radio> | ||
215 | </el-radio-group> | ||
216 | ) | ||
217 | } | ||
218 | }, | ||
219 | { | ||
220 | prop: 'djyy', | ||
221 | label: '登记原因模板', | ||
222 | render: (h, scope) => { | ||
223 | return ( | ||
224 | <div> | ||
225 | <el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]} | ||
226 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
227 | </div> | ||
228 | |||
229 | ) | ||
230 | } | ||
231 | }, | ||
232 | { | ||
233 | label: '是否启用模板', | ||
234 | width: '140', | ||
235 | render: (h, scope) => { | ||
236 | return ( | ||
237 | <el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
238 | <el-radio label={'1'}>启用</el-radio> | ||
239 | <el-radio label={'0'}>禁用</el-radio> | ||
240 | </el-radio-group> | ||
241 | ) | ||
242 | } | ||
243 | }, | ||
244 | { | ||
245 | label: '移动', | ||
246 | width: '100', | ||
247 | render: (h, scope) => { | ||
248 | return ( | ||
249 | <div> | ||
250 | <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> | ||
251 | <el-button type='text' disabled={(scope.$index + 1) == this.form.djqx.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > | ||
252 | </div> | ||
253 | ) | ||
254 | } | ||
255 | } | ||
256 | ], | ||
257 | clxxCol: [ | ||
258 | { | ||
259 | width: '60', | ||
260 | renderHeader: (h, scope) => { | ||
261 | return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> | ||
262 | }, | ||
263 | render: (h, scope) => { | ||
264 | return ( | ||
265 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | ||
266 | ) | ||
267 | } | ||
268 | }, | ||
269 | { | ||
270 | width: '60', | ||
271 | label: '序号', | ||
272 | type: 'index' | ||
273 | }, | ||
274 | { | ||
275 | label: '是否必填', | ||
276 | width: '100', | ||
277 | render: (h, scope) => { | ||
278 | return ( | ||
279 | <el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
280 | <el-radio label={'1'}>是</el-radio> | ||
281 | <el-radio label={'0'}>否</el-radio> | ||
282 | </el-radio-group> | ||
283 | ) | ||
284 | } | ||
285 | }, | ||
286 | { | ||
287 | prop: 'clbm', | ||
288 | label: '材料编码', | ||
289 | width: '100', | ||
290 | render: (h, scope) => { | ||
291 | return ( | ||
292 | <el-input placeholder="材料编码" value={scope.row[scope.column.property]} | ||
293 | onInput={(val) => { scope.row[scope.column.property] = val }} maxlength="8"></el-input> | ||
294 | ) | ||
295 | } | ||
296 | }, | ||
297 | { | ||
298 | prop: 'clmc', | ||
299 | label: '材料名称', | ||
300 | render: (h, scope) => { | ||
301 | return ( | ||
302 | <el-input placeholder="材料名称" value={scope.row[scope.column.property]} | ||
303 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
304 | ) | ||
305 | } | ||
306 | }, | ||
307 | { | ||
308 | prop: 'cllx', | ||
309 | label: '材料类型', | ||
310 | width: '115', | ||
311 | render: (h, scope) => { | ||
312 | return ( | ||
313 | <el-select value={scope.row[scope.column.property]} | ||
314 | onChange={(val) => { scope.row[scope.column.property] = val }} clearable> | ||
315 | { | ||
316 | this.dictData['A40'].map(option => { | ||
317 | return ( | ||
318 | <el-option label={option.dname} value={option.dcode}></el-option> | ||
319 | ) | ||
320 | }) | ||
321 | } | ||
322 | </el-select> | ||
323 | ) | ||
324 | } | ||
325 | }, | ||
326 | { | ||
327 | label: '是否公共材料', | ||
328 | width: '110', | ||
329 | render: (h, scope) => { | ||
330 | return ( | ||
331 | <el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}> | ||
332 | <el-radio label={'1'}>是</el-radio> | ||
333 | <el-radio label={'0'}>否</el-radio> | ||
334 | </el-radio-group> | ||
335 | ) | ||
336 | } | ||
337 | }, | ||
338 | { | ||
339 | prop: 'djqxbm', | ||
340 | label: '登记情形', | ||
341 | width: '180', | ||
342 | render: (h, scope) => { | ||
343 | return ( | ||
344 | <el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]} | ||
345 | onChange={(val) => { scope.row[scope.column.property] = val }} clearable> | ||
346 | { | ||
347 | this.form.djqx.map(option => { | ||
348 | return ( | ||
349 | <el-option label={option.nodename} value={option.nodecode}></el-option> | ||
350 | ) | ||
351 | }) | ||
352 | } | ||
353 | </el-select> | ||
354 | ) | ||
355 | } | ||
356 | }, | ||
357 | { | ||
358 | label: '移动', | ||
359 | width: '90', | ||
360 | render: (h, scope) => { | ||
361 | return ( | ||
362 | <div> | ||
363 | <el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> | ||
364 | <el-button type='text' disabled={(scope.$index + 1) == this.form.clxx.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > | ||
365 | </div> | ||
366 | ) | ||
367 | } | ||
368 | } | ||
369 | ], | ||
370 | }; | 237 | }; |
371 | }, | 238 | }, |
372 | computed: { | 239 | computed: { |
373 | ...mapGetters(['dictData']) | 240 | ...mapGetters(["dictData"]), |
241 | }, | ||
242 | mounted() { | ||
243 | sendThis(this); | ||
374 | }, | 244 | }, |
375 | mounted () { }, | ||
376 | methods: { | 245 | methods: { |
377 | //页面初始化 | 246 | //页面初始化 |
378 | init () { | 247 | init() { |
379 | this.tn = 0; | 248 | this.tn = 0; |
380 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { | 249 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { |
381 | let { result } = res; | 250 | let { result } = res; |
382 | this.djlxList = result ? result : []; | 251 | this.djlxList = result ? result : []; |
383 | if(this.djlxList.length>0){ | 252 | if (this.djlxList.length > 0) { |
384 | this.getDetail(this.djlxList[0].bsmSqyw); | 253 | this.getDetail(this.djlxList[0].bsmSqyw); |
385 | }else{ | 254 | } else { |
386 | this.getDetail(this.sqqlRule.bsmSqyw); | 255 | this.getDetail(this.sqqlRule.bsmSqyw); |
387 | } | 256 | } |
388 | }); | 257 | }); |
389 | //} | 258 | //} |
390 | }, | 259 | }, |
391 | //tab选项卡事件 | 260 | //tab选项卡事件 |
392 | handleTitleSelct (obj, index) { | 261 | handleTitleSelct(obj, index) { |
393 | this.n = 0; | 262 | this.n = 0; |
394 | this.tn = index; | 263 | this.tn = index; |
395 | this.getDetail(this.djlxList[index].bsmSqyw); | 264 | this.getDetail(this.djlxList[index].bsmSqyw); |
396 | }, | 265 | }, |
397 | //获取业务具体明细内容 | 266 | //获取业务具体明细内容 |
398 | getDetail (bsmSqyw) { | 267 | getDetail(bsmSqyw) { |
399 | getSqdjywDetail(bsmSqyw).then((res) => { | 268 | getSqdjywDetail(bsmSqyw).then((res) => { |
400 | if (res.code === 200) { | 269 | if (res.code === 200) { |
401 | this.form = res.result; | 270 | this.form = res.result; |
... | @@ -405,22 +274,38 @@ export default { | ... | @@ -405,22 +274,38 @@ export default { |
405 | }); | 274 | }); |
406 | }, | 275 | }, |
407 | //提交保存数据 | 276 | //提交保存数据 |
408 | submit () { | 277 | submit() { |
409 | let that = this; | 278 | let that = this; |
410 | saveSqdjyw(this.form).then(res => { | 279 | saveSqdjyw(this.form).then((res) => { |
411 | if (res.code == 200) { | 280 | if (res.code == 200) { |
412 | that.$message({ | 281 | that.$message({ |
413 | message: '修改成功', | 282 | message: "修改成功", |
414 | type: 'success' | 283 | type: "success", |
415 | }) | 284 | }); |
416 | // that.$emit('input', false) | 285 | // that.$emit('input', false) |
417 | } | 286 | } |
418 | }) | 287 | }); |
419 | }, | 288 | }, |
420 | //修改父组件传过来的值 | 289 | //修改父组件传过来的值 |
421 | cancelDialog () { | 290 | cancelDialog() { |
422 | this.$emit("update:dialogVisible", false); | 291 | this.$emit("update:dialogVisible", false); |
423 | }, | 292 | }, |
293 | // 上移下移 | ||
294 | moveUpward (index, row,type) { | ||
295 | if(type=="clxx"){ | ||
296 | upward(index, this.form.clxx) | ||
297 | }else{ | ||
298 | upward(index, this.form.djqx) | ||
299 | } | ||
300 | |||
301 | }, | ||
302 | moveDown (index, row,type) { | ||
303 | if(type=="clxx"){ | ||
304 | down(index, this.form.clxx) | ||
305 | }else{ | ||
306 | down(index, this.form.djqx) | ||
307 | } | ||
308 | }, | ||
424 | }, | 309 | }, |
425 | }; | 310 | }; |
426 | </script> | 311 | </script> | ... | ... |
... | @@ -6,22 +6,44 @@ | ... | @@ -6,22 +6,44 @@ |
6 | <el-row :gutter="20"> | 6 | <el-row :gutter="20"> |
7 | <el-col :span="6"> | 7 | <el-col :span="6"> |
8 | <el-form-item label="权利类型"> | 8 | <el-form-item label="权利类型"> |
9 | <el-select v-model="queryForm.qllx" @change="queryClick" filterable class="width100" clearable | 9 | <el-select |
10 | placeholder="请选择权利类型"> | 10 | v-model="queryForm.qllx" |
11 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | 11 | @change="queryClick" |
12 | filterable | ||
13 | class="width100" | ||
14 | clearable | ||
15 | placeholder="请选择权利类型" | ||
16 | > | ||
17 | <el-option | ||
18 | v-for="item in qllxs" | ||
19 | :key="item.value" | ||
20 | :label="item.label" | ||
21 | :value="item.value" | ||
22 | > | ||
12 | </el-option> | 23 | </el-option> |
13 | </el-select> | 24 | </el-select> |
14 | </el-form-item> | 25 | </el-form-item> |
15 | </el-col> | 26 | </el-col> |
16 | <el-col :span="6"> | 27 | <el-col :span="6"> |
17 | <el-form-item label="登记业务编码"> | 28 | <el-form-item label="登记业务编码"> |
18 | <el-input placeholder="请输入登记业务编码" @clear="queryClick" v-model="queryForm.djywbm" clearable> | 29 | <el-input |
30 | placeholder="请输入登记业务编码" | ||
31 | @clear="queryClick" | ||
32 | v-model="queryForm.djywbm" | ||
33 | clearable | ||
34 | > | ||
19 | </el-input> | 35 | </el-input> |
20 | </el-form-item> | 36 | </el-form-item> |
21 | </el-col> | 37 | </el-col> |
22 | <el-col :span="12" class="btnColRight"> | 38 | <el-col :span="12" class="btnColRight"> |
23 | <el-form-item> | 39 | <el-form-item> |
24 | <el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button> | 40 | <el-button |
41 | type="primary" | ||
42 | native-type="submit" | ||
43 | icon="el-icon-search" | ||
44 | @click="queryClick" | ||
45 | >查询</el-button | ||
46 | > | ||
25 | </el-form-item> | 47 | </el-form-item> |
26 | </el-col> | 48 | </el-col> |
27 | </el-row> | 49 | </el-row> |
... | @@ -29,38 +51,50 @@ | ... | @@ -29,38 +51,50 @@ |
29 | </div> | 51 | </div> |
30 | <!-- 表格 --> | 52 | <!-- 表格 --> |
31 | <div class="from-clues-content"> | 53 | <div class="from-clues-content"> |
32 | <lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage" | 54 | <lb-table |
33 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 55 | :page-size="pageData.pageSize" |
34 | :column="tableData.columns" :data="tableData.data"> | 56 | class="loadingtext" |
57 | :current-page.sync="pageData.currentPage" | ||
58 | :total="tableData.total" | ||
59 | @size-change="handleSizeChange" | ||
60 | @p-current-change="handleCurrentChange" | ||
61 | :column="tableData.columns" | ||
62 | :data="tableData.data" | ||
63 | > | ||
35 | </lb-table> | 64 | </lb-table> |
36 | </div> | 65 | </div> |
37 | <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> | 66 | <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> |
38 | <component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule&&flag" :sqqlRule="sqqlRule" @update:dialogVisible="dialogVisibles"></component-dialog> | 67 | <component-dialog |
68 | :dialogVisible="dialogVisible" | ||
69 | v-if="sqqlRule && flag" | ||
70 | :sqqlRule="sqqlRule" | ||
71 | @update:dialogVisible="dialogVisibles" | ||
72 | ></component-dialog> | ||
39 | </div> | 73 | </div> |
40 | </template> | 74 | </template> |
41 | <script> | 75 | <script> |
42 | import table from "@/utils/mixin/table" | 76 | import table from "@/utils/mixin/table"; |
43 | import editDialog from "./components/editDialog.vue" | 77 | import editDialog from "./components/editDialog.vue"; |
44 | import componentDialog from "./sqywDetail.vue" | 78 | import componentDialog from "./sqywDetail.vue"; |
45 | import { datas, sendThis } from "./sqywgzdata" | 79 | import { datas, sendThis } from "./sqywgzdata"; |
46 | import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/system.js" | 80 | import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/system.js"; |
47 | export default { | 81 | export default { |
48 | name: "djbcx", | 82 | name: "djbcx", |
49 | components: { | 83 | components: { |
50 | editDialog, | 84 | editDialog, |
51 | componentDialog | 85 | componentDialog, |
52 | }, | 86 | }, |
53 | mixins: [table], | 87 | mixins: [table], |
54 | mounted () { | 88 | mounted() { |
55 | sendThis(this); | 89 | sendThis(this); |
56 | this.queryClick() | 90 | this.queryClick(); |
57 | }, | 91 | }, |
58 | data () { | 92 | data() { |
59 | return { | 93 | return { |
60 | flag:false, | 94 | flag: false, |
61 | //控制弹窗 显示 | 95 | //控制弹窗 显示 |
62 | dialogVisible: false, | 96 | dialogVisible: false, |
63 | qllxmc:"", | 97 | qllxmc: "", |
64 | isDialog: false, | 98 | isDialog: false, |
65 | queryForm: { | 99 | queryForm: { |
66 | qllx: "", | 100 | qllx: "", |
... | @@ -70,31 +104,33 @@ export default { | ... | @@ -70,31 +104,33 @@ export default { |
70 | tableData: { | 104 | tableData: { |
71 | total: 0, | 105 | total: 0, |
72 | columns: datas.columns(), | 106 | columns: datas.columns(), |
73 | data: [] | 107 | data: [], |
74 | }, | 108 | }, |
75 | detailList: [], | 109 | detailList: [], |
76 | bsmSqyw:"", | 110 | bsmSqyw: "", |
77 | sqqlRule:"", | 111 | sqqlRule: "", |
78 | } | 112 | }; |
79 | }, | 113 | }, |
80 | methods: { | 114 | methods: { |
81 | // 初始化数据 | 115 | // 初始化数据 |
82 | queryClick () { | 116 | queryClick() { |
83 | this.$startLoading(); | 117 | this.$startLoading(); |
84 | getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(res => { | 118 | getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then( |
85 | this.$endLoading(); | 119 | (res) => { |
86 | if (res.code === 200) { | 120 | this.$endLoading(); |
87 | let { total, records } = res.result | 121 | if (res.code === 200) { |
88 | this.tableData.total = total ? total : 0 | 122 | let { total, records } = res.result; |
89 | this.tableData.data = records ? records : [] | 123 | this.tableData.total = total ? total : 0; |
124 | this.tableData.data = records ? records : []; | ||
125 | } | ||
90 | } | 126 | } |
91 | }) | 127 | ); |
92 | }, | 128 | }, |
93 | //编辑 | 129 | //编辑 |
94 | editClick (row) { | 130 | editClick(row) { |
95 | this.flag=true; | 131 | this.flag = true; |
96 | this.sqqlRule = row; | 132 | this.sqqlRule = row; |
97 | this.dialogVisible = true; | 133 | this.dialogVisible = true; |
98 | // if (row.nodecode === 'B50') { | 134 | // if (row.nodecode === 'B50') { |
99 | // this.detailList = [] | 135 | // this.detailList = [] |
100 | // this.bsmSqyw = row.bsmSqyw | 136 | // this.bsmSqyw = row.bsmSqyw |
... | @@ -107,10 +143,10 @@ export default { | ... | @@ -107,10 +143,10 @@ export default { |
107 | // }) | 143 | // }) |
108 | // } | 144 | // } |
109 | }, | 145 | }, |
110 | //子组件传 过来的 数据 | 146 | //子组件传 过来的 数据 |
111 | dialogVisibles(v){ | 147 | dialogVisibles(v) { |
112 | this.dialogVisible = v; | 148 | this.dialogVisible = v; |
113 | } | 149 | }, |
114 | }, | 150 | }, |
115 | }; | 151 | }; |
116 | </script> | 152 | </script> | ... | ... |
-
Please register or sign in to post a comment