Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
14d76203 by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 41264184 7963b2d5
Inline Side-by-side
Showing 1 changed file with 90 additions and 87 deletions
1 <template> 1 <template>
2 <div class="ywsq" id="ywsq"> 2 <div class="ywsq" id="ywsq">
3 <div class="ywsq-left"> 3 <div class="ywsq-left">
4 <p v-for="(item, index) in leftList" @click="handleleftTitle(index)" :key="index" 4 <p v-for="(item, index) in sqywlxList" @click="sqywlxClick(item)" :key="index"
5 :class="{ 'active': n == index }">{{ item }}</p> 5 :class="{ 'active': selectType == item.type }">{{ item.name }}</p>
6 <el-collapse disabled v-model="activeNames"> 6 <el-collapse disabled v-model="activeNames">
7 <el-collapse-item title="业务申请" name="1"> 7 <el-collapse-item title="业务申请" name="1">
8 <ul class="item-list"> 8 <ul class="item-list">
9 <li v-for="(obj, key) in list" :key="key" @click="handleList(list, obj)" :class="obj.check ? 'active' : ''"> 9 <li v-for="(item, index) in sqywQllxList" :key="index" @click="qllxClick(index)" :class="item.check ? 'active' : ''">
10 {{ obj.nodename }}</li> 10 {{ item.nodename }}</li>
11 </ul> 11 </ul>
12 </el-collapse-item> 12 </el-collapse-item>
13 </el-collapse> 13 </el-collapse>
14 </div> 14 </div>
15
16 <!-- right -->
17 <div class="ywsq-right"> 15 <div class="ywsq-right">
18 <div class="right-type el-card box-card is-always-shadow" v-if="n == -1"> 16 <!-- 常办业务 -->
17 <div v-if="selectType=='collect'" class="right-situation">
18 <div class="right-title">常办业务列表</div>
19 <ul>
20 <li class="cactive" v-for="(item, index) in collectList" :key="index" @dblclick="dblclick(item)"
21 @click="selectSqywClick(item)">
22 <p>{{ item.djywmc }}<br>{{ item.nodename }}</p>
23 <p class="active" @click.stop="handleCollection(item)">
24 <i class="el-icon-star-off active"></i>
25 </p>
26 </li>
27 </ul>
28 </div>
29 <!-- 一并申请 -->
30 <div v-if="selectType=='together'">一并申请</div>
31 <!-- 登记簿补录 -->
32 <div v-if="selectType=='amend'">登记簿补录</div>
33 <!-- 业务申请 -->
34 <div v-if="selectType=='apply'">
19 <div class="right-title">登记类型</div> 35 <div class="right-title">登记类型</div>
20 <ul class="type-content"> 36 <ul class="type-content">
21 <li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)" 37 <li :class="item.cselect ? 'cactive' : ''" @dblclick="dblclick(item)" @click="selectSqywClick(item)"
22 v-for="(item, index) in djlxList" :key="index"> 38 v-for="(item, index) in djlxList" :key="index">
23 <p> 39 <p>
24 {{ item.nodename }} 40 {{ item.nodename }}
...@@ -30,48 +46,35 @@ ...@@ -30,48 +46,35 @@
30 </li> 46 </li>
31 </ul> 47 </ul>
32 </div> 48 </div>
33 <div class="right-situation el-card box-card is-always-shadow">
34 <div class="right-title">{{ obj[n] }}</div>
35 <ul>
36 <li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
37 @click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
38 <p v-if="n == 0">
39 {{ item.djywmc }}<br>
40 {{ item.nodename }}
41 </p>
42 <dt v-else>{{ item.nodename }}</dt>
43
44 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
45 <i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
46 </p>
47 </li>
48 </ul>
49 </div>
50 <div class="submit-button"> 49 <div class="submit-button">
51 <el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button> 50 <el-button type="primary" :disabled="btnDisabled" @click="dialogClick">选择不动产</el-button>
52 </div> 51 </div>
53 </div> 52 </div>
54 <fqsqDialog v-model="isDialog" :djqxObj="djqxObj" :bsmSqyw="bsmSqyw" :djywbm="djywbm" /> 53 <selectDialog v-model="isDialog" v-bind="selectSqdjyw"/>
55 </div> 54 </div>
56 </template> 55 </template>
57 <script> 56 <script>
58 import fqsqDialog from "./slectBdc.vue" 57 import selectDialog from "./slectBdc.vue"
59 import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" 58 import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
60 export default { 59 export default {
61 data () { 60 data () {
62 return { 61 return {
63 n: 0, 62 sqywlxList: [
64 activeNames: ['1'], 63 {name:"常办业务",type:"collect"},
65 leftList: [ 64 {name:"一并申请",type:"together"},
66 '常办业务', '一并申请', '登记簿补录', 65 {name:"登记簿补录",type:"amend"}
67 ], 66 ],
68 // 左侧列表 67 selectType: "collect",
69 list: [], 68 activeNames: ['1'],
69 collectList :[],
70 sqywQllxList :[],
70 djlxList: [], 71 djlxList: [],
72 djqxList: [],
73 selectSqdjyw:{},
71 74
72 itemList: [], 75 itemList: [],
73 ywList: [], 76 ywList: [],
74 djqxList: [], 77
75 obj: { 78 obj: {
76 '0': '常办业务列表', 79 '0': '常办业务列表',
77 '-1': '登记情形' 80 '-1': '登记情形'
...@@ -84,42 +87,68 @@ export default { ...@@ -84,42 +87,68 @@ export default {
84 } 87 }
85 }, 88 },
86 components: { 89 components: {
87 fqsqDialog 90 selectDialog
88 }, 91 },
89 created () { 92 created () {
90 this.getDataList() 93 this.getDataList();
91 }, 94 },
92 methods: { 95 methods: {
93 getDataList () { 96 getDataList () {
97 //获取收藏信息集合
94 getCollectBiz().then(res => { 98 getCollectBiz().then(res => {
95 let { result } = res 99 this.collectList = res.result
96 this.ywList = result 100 });
97 this.ywList.forEach(item => { 101 //获取申请权利信息集合
98 this.$set(item, 'cselect', false)
99 item.userCollect = 1
100 })
101 if (this.n == 0) {
102 this.itemList = this.ywList
103 }
104 })
105 getleftMenu().then(res => { 102 getleftMenu().then(res => {
106 let { result } = res 103 this.sqywQllxList=res.result;
107 this.list = result 104 })
105 },
106 //申请业务类型菜单事件
107 sqywlxClick (item) {
108 this.selectType = item.type;
109 this.sqywQllxList.forEach(item => {
110 if (item.check) item.check = false;
111 })
112 },
113 //权利类型菜单事件
114 qllxClick (index) {
115 this.sqywQllxList.forEach(item => {
116 if (item.check) item.check = false;
108 }) 117 })
118 this.sqywQllxList[index].check=true;
119 this.selectType = "apply";
120 this.djlxList=[];
121 this.djqxList=[];
122 this.getNextNode(this.sqywQllxList[index].bsmSqyw);
109 }, 123 },
110 handleleftTitle (index) { 124 //选择申请业务事件
111 this.n = index 125 selectSqywClick(item){
112 let obj = { 126 if(item.sffqlc=="1"){
113 '0': this.ywList 127 this.selectSqdjyw=item;
128 this.btnDisabled=false;
129 }else{
130 this.getNextNode(item.bsmSqyw);
114 } 131 }
115 this.itemList = obj[this.n] 132 },
116 this.list.forEach(item => { 133 //获取下个节点类型数据
117 if (item.check) item.check = false 134 getNextNode (bsmSqyw) {
135 getNextNode(bsmSqyw).then(res => {
136 if (res.result.djqx) this.djqxList = res.result.djqx;
137 if (res.result.djlx) this.djlxList = res.result.djlx;
118 }) 138 })
119 139 },
140 //双击事件
141 dblclick(item){
142 this.selectSqdjyw=item;
143 this.btnDisabled=false;
144 this.dialogClick();
145 },
146 //打开弹框内容
147 dialogClick(){
148 this.isDialog = true;
120 }, 149 },
121 // 业务-登记情形选择 150 // 业务-登记情形选择
122 handleSelectYw (item, list) { 151 SelectDjqx (item, list) {
123 list.forEach(item => { 152 list.forEach(item => {
124 this.$set(item, 'cselect', false) 153 this.$set(item, 'cselect', false)
125 }) 154 })
...@@ -131,34 +160,8 @@ export default { ...@@ -131,34 +160,8 @@ export default {
131 this.djywbm = item.djywbm 160 this.djywbm = item.djywbm
132 } 161 }
133 }, 162 },
134 handleList (list, obj) { 163
135 this.btnDisabled = true 164
136 list.forEach(item => {
137 if (item.check) item.check = false
138 })
139 this.n = -1
140 this.$set(obj, 'check', true)
141 this.getNextNode(obj.bsmSqyw)
142 this.djqxList = []
143 this.djlxList = []
144 this.itemList = []
145 },
146 // 获取下个节点类型
147 getNextNode (bsmSqyw, type = true) {
148 getNextNode(bsmSqyw).then(res => {
149 if (res.result.djqx) this.djqxList = res.result.djqx
150 if (res.result.djlx) this.djlxList = res.result.djlx
151 if (type) {
152 this.djqxList.forEach(item => {
153 this.$set(item, 'cselect', false)
154 })
155 this.djlxList.forEach(item => {
156 this.$set(item, 'cselect', false)
157 })
158 }
159 this.itemList = this.djqxList
160 })
161 },
162 handleCollection (item) { 165 handleCollection (item) {
163 let that = this 166 let that = this
164 if (item.userCollect == '2') { 167 if (item.userCollect == '2') {
......