Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
0c4daae8 by 任超
Options

feat:国有建设用地使用权

1 parent 4e04fb62
Inline Side-by-side
Showing 1 changed file with 153 additions and 162 deletions
1 <template> 1 <template>
2 <el-dialog 2 <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="85%" top="0"
3 :title="sqqlRule.nodename" 3 :visible.sync="dialogVisible" :before-close="cancelDialog">
4 :visible.sync="dialogVisible"
5 :before-close="cancelDialog"
6 >
7 <ul class="edit-title-list" v-if="djlxList.length > 0"> 4 <ul class="edit-title-list" v-if="djlxList.length > 0">
8 <li 5 <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
9 v-for="(item, index) in djlxList" 6 :class="{ active: index == tn }">
10 @click="handleTitleSelct(item, index)"
11 :key="index"
12 :class="{ active: index == tn }"
13 >
14 {{ item.nodename }} 7 {{ item.nodename }}
15 </li> 8 </li>
16 </ul> 9 </ul>
17 <el-form 10 <div class="contentBox">
18 :model="form" 11 <el-form :model="form" v-show="n == 0" label-width="135px" ref="ruleForm">
19 v-show="n == 0" 12 <el-row>
20 label-width="135px" 13 <el-col :span="8">
21 ref="ruleForm" 14 <el-form-item label="申请分类">
22 > 15 <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100">
23 <el-row> 16 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
24 <el-col :span="8"> 17 </el-option>
25 <el-form-item label="申请分类"> 18 </el-select>
26 <el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100"> 19 </el-form-item>
27 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> 20 </el-col>
28 </el-option> 21 <el-col :span="8">
29 </el-select> 22 <el-form-item label="登记业务编码">
30 </el-form-item> 23 <el-input v-model="form.ywDetail.djywbm" disabled></el-input>
31 </el-col> 24 </el-form-item>
32 <el-col :span="8"> 25 </el-col>
33 <el-form-item label="登记业务编码"> 26 <el-col :span="8">
34 <el-input v-model="form.ywDetail.djywbm" disabled></el-input> 27 <el-form-item label="登记业务名称">
35 </el-form-item> 28 <el-input v-model="form.ywDetail.djywmc" disabled></el-input>
36 </el-col> 29 </el-form-item>
37 <el-col :span="8"> 30 </el-col>
38 <el-form-item label="登记业务名称"> 31 </el-row>
39 <el-input v-model="form.ywDetail.djywmc" disabled></el-input> 32 <el-row>
40 </el-form-item> 33 <el-col :span="8">
41 </el-col> 34 <el-form-item label="发起业务单元类型">
42 </el-row> 35 <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100">
43 <el-row> 36 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
44 <el-col :span="8"> 37 </el-option>
45 <el-form-item label="发起业务单元类型"> 38 </el-select>
46 <el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100"> 39 </el-form-item>
47 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> 40 </el-col>
48 </el-option> 41 <el-col :span="8">
49 </el-select> 42 <el-form-item label="是否启用" prop="enabled">
50 </el-form-item> 43 <el-radio-group v-model="form.ywDetail.enabled">
51 </el-col> 44 <el-radio label="1">启用</el-radio>
52 <el-col :span="8"> 45 <el-radio label="0">禁用</el-radio>
53 <el-form-item label="是否启用" prop="enabled"> 46 </el-radio-group>
54 <el-radio-group v-model="form.ywDetail.enabled"> 47 </el-form-item>
55 <el-radio label="1">启用</el-radio> 48 </el-col>
56 <el-radio label="0">禁用</el-radio> 49 <el-col :span="8">
57 </el-radio-group> 50 <el-form-item label="业务流程ID" prop="flowid">
58 </el-form-item> 51 <el-input v-model="form.ywDetail.flowid"></el-input>
59 </el-col> 52 </el-form-item>
60 <el-col :span="8"> 53 </el-col>
61 <el-form-item label="业务流程ID" prop="flowid"> 54 </el-row>
62 <el-input v-model="form.ywDetail.flowid"></el-input> 55
63 </el-form-item> 56 <el-row>
64 </el-col> 57 <el-col :span="8">
65 </el-row> 58 <el-form-item label="登记原因设置" prop="sfqydjyymb">
66 59 <el-radio-group v-model="form.ywDetail.sfqydjyymb">
67 <el-row> 60 <el-radio label="1">启用</el-radio>
68 <el-col :span="8"> 61 <el-radio label="0">禁用</el-radio>
69 <el-form-item label="登记原因设置" prop="sfqydjyymb"> 62 </el-radio-group>
70 <el-radio-group v-model="form.ywDetail.sfqydjyymb"> 63 </el-form-item>
71 <el-radio label="1">启用</el-radio> 64 </el-col>
72 <el-radio label="0">禁用</el-radio> 65 <el-col :span="8">
66 <el-form-item label="登记情形及材料">
67 <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input>
68 </el-form-item>
69 </el-col>
70 <el-col :span="1">
71 <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
72 :disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
73 <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
74 </el-upload>
75 </el-col>
76 </el-row>
77 <el-row>
78 <el-col :span="24">
79 <el-form-item label="登记原因模板" prop="djyy">
80 <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
81 </el-input>
82 </el-form-item>
83 </el-col>
84 </el-row>
85 </el-form>
86 <el-collapse accordion>
87 <el-collapse-item title="登记情形设置" name="1">
88 <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
89 </lb-table>
90 </el-collapse-item>
91 <el-collapse-item title="材料信息设置" name="2">
92 <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
93 </lb-table>
94 </el-collapse-item>
95 <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
96 <div class="dyztsd-title">
97 <b>请勾选需要查询的权利信息</b>
98 <div>
99 <el-button type="text" @click="handleSelectall">选择全部 </el-button>
100 <el-button type="text" @click="handleInvert">清除全部</el-button>
101 </div>
102 </div>
103 <el-divider></el-divider>
104 <ul class="qlxx-list">
105 <li v-for="(item, index) in form.sxql" :key="index">
106 <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox>
107 </li>
108 </ul>
109 </el-collapse-item>
110 <el-collapse-item title="办理状态设置" name="4">
111 <ul class="screen-list">
112 <li v-for="(item, index) in form.sxzt" :key="index">
113 <div class="screen-list-left">
114 {{ item.sxzdmc }} ：
115 <el-radio-group v-model="item.selected">
116 <el-radio label="1">禁止办理</el-radio>
117 <el-radio label="0">忽略</el-radio>
73 </el-radio-group> 118 </el-radio-group>
74 </el-form-item> 119 </div>
75 </el-col> 120 </li>
76 <el-col :span="8"> 121 </ul>
77 <el-form-item label="登记情形及材料"> 122 </el-collapse-item>
78 <el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input> 123 </el-collapse>
79 </el-form-item> 124 </div>
80 </el-col> 125 <div slot="footer" class="dialog_footer">
81 <el-col :span="1">
82 <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
83 :disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
84 <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
85 </el-upload>
86 </el-col>
87 </el-row>
88 <el-row>
89 <el-col :span="24">
90 <el-form-item label="登记原因模板" prop="djyy">
91 <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
92 </el-input>
93 </el-form-item>
94 </el-col>
95 </el-row>
96 </el-form>
97 <el-collapse accordion>
98 <el-collapse-item title="登记情形设置" name="1">
99 <lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
100 </lb-table>
101 </el-collapse-item>
102 <el-collapse-item title="材料信息设置" name="2">
103 <lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
104 </lb-table>
105 </el-collapse-item>
106 <el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
107 <div class="dyztsd-title">
108 <b>请勾选需要查询的权利信息</b>
109 <div>
110 <el-button type="text" @click="handleSelectall">选择全部 </el-button>
111 <el-button type="text" @click="handleInvert">清除全部</el-button>
112 </div>
113 </div>
114 <el-divider></el-divider>
115 <ul class="qlxx-list">
116 <li v-for="(item, index) in form.sxql" :key="index">
117 <el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox>
118 </li>
119 </ul>
120 </el-collapse-item>
121 <el-collapse-item title="办理状态设置" name="4">
122 <ul class="screen-list">
123 <li v-for="(item, index) in form.sxzt" :key="index">
124 <div class="screen-list-left">
125 {{ item.sxzdmc }} ：
126 <el-radio-group v-model="item.selected" >
127 <el-radio label="1">禁止办理</el-radio>
128 <el-radio label="0">忽略</el-radio>
129 </el-radio-group>
130 </div>
131 </li>
132 </ul>
133 </el-collapse-item>
134 </el-collapse>
135 <div slot="footer" class="dialog-footer">
136 <el-button type="primary" @click="submit">提 交</el-button> 126 <el-button type="primary" @click="submit">提 交</el-button>
137 <el-button @click="cancelDialog">取 消</el-button> 127 <el-button @click="cancelDialog">取 消</el-button>
138 </div> 128 </div>
139 </el-dialog> 129 </el-dialog>
140 </template> 130 </template>
141 <script> 131 <script>
142 import { mapGetters } from 'vuex'; 132 import { mapGetters } from 'vuex';
143 import { upward, down } from '@/utils/operation' 133 import { upward, down } from '@/utils/operation'
144 import { getDjlxInfo, getSqdjywDetail,saveSqdjyw } from "@/api/system.js"; 134 import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
145 export default { 135 export default {
146 //父组件 传 过来的 值 136 //父组件 传 过来的 值
147 props: { 137 props: {
...@@ -158,9 +148,9 @@ export default { ...@@ -158,9 +148,9 @@ export default {
158 immediate: true, 148 immediate: true,
159 }, 149 },
160 }, 150 },
161 components: { }, 151 components: {},
162 name: "componentDialog", 152 name: "componentDialog",
163 data() { 153 data () {
164 return { 154 return {
165 tn: 0, 155 tn: 0,
166 n: 0, 156 n: 0,
...@@ -168,7 +158,7 @@ export default { ...@@ -168,7 +158,7 @@ export default {
168 title: "", 158 title: "",
169 activeName: "1", 159 activeName: "1",
170 form: {}, 160 form: {},
171 djqxCol: [ 161 djqxCol: [
172 { 162 {
173 width: '60', 163 width: '60',
174 renderHeader: (h, scope) => { 164 renderHeader: (h, scope) => {
...@@ -263,7 +253,7 @@ export default { ...@@ -263,7 +253,7 @@ export default {
263 } 253 }
264 } 254 }
265 ], 255 ],
266 clxxCol: [ 256 clxxCol: [
267 { 257 {
268 width: '60', 258 width: '60',
269 renderHeader: (h, scope) => { 259 renderHeader: (h, scope) => {
...@@ -378,14 +368,14 @@ export default { ...@@ -378,14 +368,14 @@ export default {
378 ], 368 ],
379 }; 369 };
380 }, 370 },
381 computed: { 371 computed: {
382 ...mapGetters(['dictData']) 372 ...mapGetters(['dictData'])
383 }, 373 },
384 mounted() {}, 374 mounted () { },
385 methods: { 375 methods: {
386 //页面初始化 376 //页面初始化
387 init() { 377 init () {
388 this.tn = 0; 378 this.tn = 0;
389 getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { 379 getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
390 let { result } = res; 380 let { result } = res;
391 this.djlxList = result ? result : []; 381 this.djlxList = result ? result : [];
...@@ -394,14 +384,14 @@ export default { ...@@ -394,14 +384,14 @@ export default {
394 //} 384 //}
395 }, 385 },
396 //tab选项卡事件 386 //tab选项卡事件
397 handleTitleSelct(obj, index) { 387 handleTitleSelct (obj, index) {
398 this.n = 0; 388 this.n = 0;
399 this.tn = index; 389 this.tn = index;
400 this.getDetail(this.djlxList[index].bsmSqyw); 390 this.getDetail(this.djlxList[index].bsmSqyw);
401 }, 391 },
402 //获取业务具体明细内容 392 //获取业务具体明细内容
403 getDetail(bsmSqyw) { 393 getDetail (bsmSqyw) {
404 getSqdjywDetail(bsmSqyw).then((res) => { 394 getSqdjywDetail(bsmSqyw).then((res) => {
405 if (res.code === 200) { 395 if (res.code === 200) {
406 this.form = res.result; 396 this.form = res.result;
407 } else { 397 } else {
...@@ -410,20 +400,20 @@ export default { ...@@ -410,20 +400,20 @@ export default {
410 }); 400 });
411 }, 401 },
412 //提交保存数据 402 //提交保存数据
413 submit(){ 403 submit () {
414 let that = this; 404 let that = this;
415 saveSqdjyw(this.form).then(res => { 405 saveSqdjyw(this.form).then(res => {
416 if (res.code == 200) { 406 if (res.code == 200) {
417 that.$message({ 407 that.$message({
418 message: '修改成功', 408 message: '修改成功',
419 type: 'success' 409 type: 'success'
420 })
421 // that.$emit('input', false)
422 }
423 }) 410 })
411 // that.$emit('input', false)
412 }
413 })
424 }, 414 },
425 //修改父组件传过来的值 415 //修改父组件传过来的值
426 cancelDialog() { 416 cancelDialog () {
427 this.$emit("update:dialogVisible", false); 417 this.$emit("update:dialogVisible", false);
428 }, 418 },
429 }, 419 },
...@@ -431,19 +421,18 @@ export default { ...@@ -431,19 +421,18 @@ export default {
431 </script> 421 </script>
432 <style lang='scss' scoped> 422 <style lang='scss' scoped>
433 @import "~@/styles/mixin.scss"; 423 @import "~@/styles/mixin.scss";
434 /deep/ .el-dialog { 424 @import "~@/styles/dialogBox.scss";
435 margin: auto !important; 425
436 height: 90%; 426 .contentBox {
437 width: 80%; 427 height: 75vh;
438 overflow: auto; 428 overflow-y: scroll;
439 } 429 }
430
440 .form { 431 .form {
441 background: #eee; 432 background: #eee;
442 padding: 0 10px; 433 padding: 0 10px;
443 } 434 }
444 .dialog-footer { 435
445 text-align: center;
446 }
447 .edit-title-list { 436 .edit-title-list {
448 @include flex; 437 @include flex;
449 438
...@@ -461,10 +450,12 @@ export default { ...@@ -461,10 +450,12 @@ export default {
461 } 450 }
462 } 451 }
463 } 452 }
453
464 .active { 454 .active {
465 background: $light-blue !important; 455 background: $light-blue !important;
466 color: #fff; 456 color: #fff;
467 } 457 }
458
468 .dyztsd-title { 459 .dyztsd-title {
469 @include flex; 460 @include flex;
470 align-items: center; 461 align-items: center;
......