Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
7d5b1cb1 by renchao@pashanhoo.com
Options

style:cad

1 parent 5d390fda
Inline Side-by-side
Showing 25 changed files with 314 additions and 261 deletions
1 000000000018{"ver":3,"count":6,"type":[0,0,1,1,1,1]}
...\ No newline at end of file ...\ No newline at end of file
1 000000000011{"pt1":["402653184.000000","402653184.000000","0.000000"],"pt2":["671088640.000000","671088640.000000","0.000000"],"DToWMat":[753185.903479,0.000000,0.000000,0.000000,0.000000,753185.903479,0.000000,0.000000,0.000000,0.000000,753185.903479,0.000000,425022805.333341,457786392.134663,0.000000,1.000000],"ver":3,"layout":["Layout1","Layout2"],"viewangle":0.000000}
...\ No newline at end of file ...\ No newline at end of file
1 000000000013{"list":[{"name":"0","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":75,"zerolayer":1},{"name":"2","off":0,"color":"#FFFF00","colorvalue":50397183,"id":123,"zerolayer":0},{"name":"4","off":0,"color":"#00FFFF","colorvalue":67108608,"id":124,"zerolayer":0},{"name":"ASDIM0","off":0,"color":"#00FF00","colorvalue":50396928,"id":125,"zerolayer":0},{"name":"ASD_BAR","off":0,"color":"#FF0000","colorvalue":50331903,"id":126,"zerolayer":0},{"name":"AXIS","off":0,"color":"#00FF00","colorvalue":50396928,"id":127,"zerolayer":0},{"name":"BOUT","off":0,"color":"#00FFFF","colorvalue":67108608,"id":128,"zerolayer":0},{"name":"D","off":0,"color":"#00FF00","colorvalue":50396928,"id":129,"zerolayer":0},{"name":"DEFPOINTS","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":130,"zerolayer":0},{"name":"DIM","off":0,"color":"#00FF00","colorvalue":50396928,"id":131,"zerolayer":0},{"name":"F","off":0,"color":"#CC0000","colorvalue":50331852,"id":132,"zerolayer":0},{"name":"GJ","off":0,"color":"#0000FF","colorvalue":67043328,"id":133,"zerolayer":0},{"name":"JG-梁实线130","off":0,"color":"#00FFFF","colorvalue":67108608,"id":135,"zerolayer":0},{"name":"JG-梁虚线130","off":0,"color":"#00FFFF","colorvalue":67108608,"id":136,"zerolayer":0},{"name":"JG-说明字31","off":0,"color":"#FFBF7F","colorvalue":58703871,"id":137,"zerolayer":0},{"name":"JG-图名31","off":0,"color":"#FFBF7F","colorvalue":58703871,"id":134,"zerolayer":0},{"name":"OTHER","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":138,"zerolayer":0},{"name":"PUB_DIM","off":0,"color":"#00FF00","colorvalue":50396928,"id":139,"zerolayer":0},{"name":"PUB_TEXT","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":140,"zerolayer":0},{"name":"PUB_TITLE","off":0,"color":"#00FFFF","colorvalue":67108608,"id":141,"zerolayer":0},{"name":"T","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":142,"zerolayer":0},{"name":"TEXT","off":0,"color":"#00FF00","colorvalue":50396928,"id":143,"zerolayer":0},{"name":"TITLE","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":144,"zerolayer":0},{"name":"TK","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":145,"zerolayer":0},{"name":"ZXX","off":0,"color":"#990000","colorvalue":50331801,"id":146,"zerolayer":0},{"name":"标高","off":0,"color":"#FF0000","colorvalue":50331903,"id":152,"zerolayer":0},{"name":"粗可见","off":0,"color":"#00BFFF","colorvalue":67092224,"id":154,"zerolayer":0},{"name":"挡土墙","off":0,"color":"#FF00FF","colorvalue":67043583,"id":149,"zerolayer":0},{"name":"道路中线","off":0,"color":"#FF0000","colorvalue":50331903,"id":156,"zerolayer":0},{"name":"铺地","off":0,"color":"#0000FF","colorvalue":67043328,"id":157,"zerolayer":0},{"name":"文字","off":0,"color":"#00FF00","colorvalue":50396928,"id":150,"zerolayer":0},{"name":"细可见","off":0,"color":"#990000","colorvalue":50331801,"id":155,"zerolayer":0},{"name":"小品","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":148,"zerolayer":0},{"name":"中可见","off":0,"color":"#FFBF00","colorvalue":50380799,"id":147,"zerolayer":0},{"name":"种植土","off":0,"color":"#C0C0C0","colorvalue":62963904,"id":153,"zerolayer":0},{"name":"柱子","off":0,"color":"#808080","colorvalue":58753152,"id":151,"zerolayer":0}],"size":36,"isSketch":0}
...\ No newline at end of file ...\ No newline at end of file
1 000000000018{"ver":3,"count":6,"type":[0,0,1,1,1,1]}
...\ No newline at end of file ...\ No newline at end of file
1 000000000011{"pt1":["402653184.000000","402653184.000000","0.000000"],"pt2":["671088640.000000","671088640.000000","0.000000"],"DToWMat":[753185.903479,0.000000,0.000000,0.000000,0.000000,753185.903479,0.000000,0.000000,0.000000,0.000000,753185.903479,0.000000,425022805.333341,457786392.134663,0.000000,1.000000],"ver":3,"layout":["Layout1","Layout2"],"viewangle":0.000000}
...\ No newline at end of file ...\ No newline at end of file
1 000000000013{"list":[{"name":"0","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":75,"zerolayer":1},{"name":"2","off":0,"color":"#FFFF00","colorvalue":50397183,"id":123,"zerolayer":0},{"name":"4","off":0,"color":"#00FFFF","colorvalue":67108608,"id":124,"zerolayer":0},{"name":"ASDIM0","off":0,"color":"#00FF00","colorvalue":50396928,"id":125,"zerolayer":0},{"name":"ASD_BAR","off":0,"color":"#FF0000","colorvalue":50331903,"id":126,"zerolayer":0},{"name":"AXIS","off":0,"color":"#00FF00","colorvalue":50396928,"id":127,"zerolayer":0},{"name":"BOUT","off":0,"color":"#00FFFF","colorvalue":67108608,"id":128,"zerolayer":0},{"name":"D","off":0,"color":"#00FF00","colorvalue":50396928,"id":129,"zerolayer":0},{"name":"DEFPOINTS","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":130,"zerolayer":0},{"name":"DIM","off":0,"color":"#00FF00","colorvalue":50396928,"id":131,"zerolayer":0},{"name":"F","off":0,"color":"#CC0000","colorvalue":50331852,"id":132,"zerolayer":0},{"name":"GJ","off":0,"color":"#0000FF","colorvalue":67043328,"id":133,"zerolayer":0},{"name":"JG-梁实线130","off":0,"color":"#00FFFF","colorvalue":67108608,"id":135,"zerolayer":0},{"name":"JG-梁虚线130","off":0,"color":"#00FFFF","colorvalue":67108608,"id":136,"zerolayer":0},{"name":"JG-说明字31","off":0,"color":"#FFBF7F","colorvalue":58703871,"id":137,"zerolayer":0},{"name":"JG-图名31","off":0,"color":"#FFBF7F","colorvalue":58703871,"id":134,"zerolayer":0},{"name":"OTHER","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":138,"zerolayer":0},{"name":"PUB_DIM","off":0,"color":"#00FF00","colorvalue":50396928,"id":139,"zerolayer":0},{"name":"PUB_TEXT","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":140,"zerolayer":0},{"name":"PUB_TITLE","off":0,"color":"#00FFFF","colorvalue":67108608,"id":141,"zerolayer":0},{"name":"T","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":142,"zerolayer":0},{"name":"TEXT","off":0,"color":"#00FF00","colorvalue":50396928,"id":143,"zerolayer":0},{"name":"TITLE","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":144,"zerolayer":0},{"name":"TK","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":145,"zerolayer":0},{"name":"ZXX","off":0,"color":"#990000","colorvalue":50331801,"id":146,"zerolayer":0},{"name":"标高","off":0,"color":"#FF0000","colorvalue":50331903,"id":152,"zerolayer":0},{"name":"粗可见","off":0,"color":"#00BFFF","colorvalue":67092224,"id":154,"zerolayer":0},{"name":"挡土墙","off":0,"color":"#FF00FF","colorvalue":67043583,"id":149,"zerolayer":0},{"name":"道路中线","off":0,"color":"#FF0000","colorvalue":50331903,"id":156,"zerolayer":0},{"name":"铺地","off":0,"color":"#0000FF","colorvalue":67043328,"id":157,"zerolayer":0},{"name":"文字","off":0,"color":"#00FF00","colorvalue":50396928,"id":150,"zerolayer":0},{"name":"细可见","off":0,"color":"#990000","colorvalue":50331801,"id":155,"zerolayer":0},{"name":"小品","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":148,"zerolayer":0},{"name":"中可见","off":0,"color":"#FFBF00","colorvalue":50380799,"id":147,"zerolayer":0},{"name":"种植土","off":0,"color":"#C0C0C0","colorvalue":62963904,"id":153,"zerolayer":0},{"name":"柱子","off":0,"color":"#808080","colorvalue":58753152,"id":151,"zerolayer":0}],"size":36,"isSketch":0}
...\ No newline at end of file ...\ No newline at end of file
1 000000000018{"ver":3,"count":8,"type":[0,0,1,1,1,1,1,1]}
...\ No newline at end of file ...\ No newline at end of file
1 000000000011{"pt1":["402682990.708291","473440463.010280","7451677.072646"],"pt2":["671058833.291709","600301360.989720","7451677.072646"],"DToWMat":[1490.335415,0.000000,0.000000,0.000000,0.000000,1490.335415,0.000000,0.000000,0.000000,0.000000,1490.335415,0.000000,402682990.708291,473440463.010280,0.000000,1.000000],"ver":3,"layout":["Layout1","Layout2"],"viewangle":0.000000}
...\ No newline at end of file ...\ No newline at end of file
1 000000000013{"list":[{"name":"0","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":75,"zerolayer":1},{"name":"2","off":0,"color":"#FFFF00","colorvalue":50397183,"id":123,"zerolayer":0},{"name":"4","off":0,"color":"#00FFFF","colorvalue":67108608,"id":124,"zerolayer":0},{"name":"ASDIM0","off":0,"color":"#00FF00","colorvalue":50396928,"id":125,"zerolayer":0},{"name":"ASD_BAR","off":0,"color":"#FF0000","colorvalue":50331903,"id":126,"zerolayer":0},{"name":"AXIS","off":0,"color":"#00FF00","colorvalue":50396928,"id":127,"zerolayer":0},{"name":"BOUT","off":0,"color":"#00FFFF","colorvalue":67108608,"id":128,"zerolayer":0},{"name":"D","off":0,"color":"#00FF00","colorvalue":50396928,"id":129,"zerolayer":0},{"name":"DEFPOINTS","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":130,"zerolayer":0},{"name":"DIM","off":0,"color":"#00FF00","colorvalue":50396928,"id":131,"zerolayer":0},{"name":"F","off":0,"color":"#CC0000","colorvalue":50331852,"id":132,"zerolayer":0},{"name":"GJ","off":0,"color":"#0000FF","colorvalue":67043328,"id":133,"zerolayer":0},{"name":"JG-梁实线130","off":0,"color":"#00FFFF","colorvalue":67108608,"id":135,"zerolayer":0},{"name":"JG-梁虚线130","off":0,"color":"#00FFFF","colorvalue":67108608,"id":136,"zerolayer":0},{"name":"JG-说明字31","off":0,"color":"#FFBF7F","colorvalue":58703871,"id":137,"zerolayer":0},{"name":"JG-图名31","off":0,"color":"#FFBF7F","colorvalue":58703871,"id":134,"zerolayer":0},{"name":"OTHER","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":138,"zerolayer":0},{"name":"PUB_DIM","off":0,"color":"#00FF00","colorvalue":50396928,"id":139,"zerolayer":0},{"name":"PUB_TEXT","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":140,"zerolayer":0},{"name":"PUB_TITLE","off":0,"color":"#00FFFF","colorvalue":67108608,"id":141,"zerolayer":0},{"name":"T","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":142,"zerolayer":0},{"name":"TEXT","off":0,"color":"#00FF00","colorvalue":50396928,"id":143,"zerolayer":0},{"name":"TITLE","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":144,"zerolayer":0},{"name":"TK","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":145,"zerolayer":0},{"name":"ZXX","off":0,"color":"#990000","colorvalue":50331801,"id":146,"zerolayer":0},{"name":"标高","off":0,"color":"#FF0000","colorvalue":50331903,"id":152,"zerolayer":0},{"name":"粗可见","off":0,"color":"#00BFFF","colorvalue":67092224,"id":154,"zerolayer":0},{"name":"挡土墙","off":0,"color":"#FF00FF","colorvalue":67043583,"id":149,"zerolayer":0},{"name":"道路中线","off":0,"color":"#FF0000","colorvalue":50331903,"id":156,"zerolayer":0},{"name":"铺地","off":0,"color":"#0000FF","colorvalue":67043328,"id":157,"zerolayer":0},{"name":"文字","off":0,"color":"#00FF00","colorvalue":50396928,"id":150,"zerolayer":0},{"name":"细可见","off":0,"color":"#990000","colorvalue":50331801,"id":155,"zerolayer":0},{"name":"小品","off":0,"color":"#FFFFFF","colorvalue":67108863,"id":148,"zerolayer":0},{"name":"中可见","off":0,"color":"#FFBF00","colorvalue":50380799,"id":147,"zerolayer":0},{"name":"种植土","off":0,"color":"#C0C0C0","colorvalue":62963904,"id":153,"zerolayer":0},{"name":"柱子","off":0,"color":"#808080","colorvalue":58753152,"id":151,"zerolayer":0}],"size":36,"isSketch":0}
...\ No newline at end of file ...\ No newline at end of file
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
1 <template>
2 <div class="ywsq" id="ywsq">
3 <div class="ywsq-left">
4 <p v-for="(item, index) in sqywlxList" @click="sqywlxClick(item)" :key="index"
5 :class="{ 'active': selectType == item.type }">{{ item.name }}</p>
6 <el-collapse disabled v-model="activeNames">
7 <el-collapse-item title="业务申请" name="1">
8 <ul class="item-list">
9 <li v-for="(item, index) in sqywQllxList" :key="index" @click="qllxClick(index)"
10 :class="item.check ? 'active' : ''">
11 {{ item.nodename }}</li>
12 </ul>
13 </el-collapse-item>
14 </el-collapse>
15 </div>
16 <div class="ywsq-right">
17 <!-- 常办业务 -->
18 <div v-show="selectType == 'collect'" class="right-situation el-card">
19 <div class="right-title">常办业务列表</div>
20 <ul>
21 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in collectList" :key="index"
22 @dblclick="dblclick(collectList, index, item)" @click="selectSqywClick(collectList, index)">
23 <p v-if="item.nodetype == 'djqx'">{{ item.djywmc }}<br>{{ item.nodename }}</p>
24 <dt v-else>{{ item.djywmc }}</dt>
25 <p class="active" @click.stop="handleCollection(item)">
26 <i class="el-icon-star-off"></i>
27 </p>
28 </li>
29 </ul>
30 </div>
31 <!-- 一并申请 -->
32 <div v-if="selectType == 'together'" class="right-title">一并申请</div>
33 <!-- 登记簿补录 -->
34 <div v-if="selectType == 'amend'" class="right-title">登记簿补录</div>
35 <!-- 业务申请 -->
36 <template v-if="selectType == 'apply'">
37 <div class="right-type el-card box-card is-always-shadow">
38 <div class="right-title">登记类型</div>
39 <ul class="type-content">
40 <li :class="item.selected ? 'cactive' : ''" @dblclick="item.sffqlc == 1 && dblclick(djlxList, index, item)"
41 @click="selectSqywClick(djlxList, index)" v-for="(item, index) in djlxList" :key="index">
42 <p>
43 {{ item.nodename }}
44 </p>
45 <p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''"
46 @click.stop="handleCollection(item)">
47 <i class="el-icon-star-off"></i>
48 </p>
49 </li>
50 </ul>
51 </div>
52 <div class="right-situation el-card box-card is-always-shadow">
53 <div class="right-title">登记情形</div>
54 <ul>
55 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
56 @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
57 <dt>{{ item.nodename }}</dt>
58 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
59 <i class="el-icon-star-off"></i>
60 </p>
61 </li>
62 </ul>
63 </div>
64 </template>
65 <div class="submit-button">
66 <el-button type="primary" :disabled="btnDisabled" @click="dialogClick">选择不动产</el-button>
67 </div>
68 </div>
69 </div>
70 </template>
71 <script>
72 import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
73 export default {
74 data () {
75 return {
76 //申请业务类型集合
77 sqywlxList: [
78 { name: "常办业务", type: "collect" },
79 { name: "一并申请", type: "together" },
80 { name: "登记簿补录", type: "amend" }
81 ],
82 //类型默认选择常办业务
83 selectType: "collect",
84 //堆叠框选中第一个
85 activeNames: ['1'],
86 //收藏业务集合
87 collectList: [],
88 //申请权利类型集合
89 sqywQllxList: [],
90 //登记类型集合
91 djlxList: [],
92 //申请权利类型集合
93 djqxList: [],
94 //选中业务的参数
95 selectParam: {},
96 //选择按钮显示或隐藏
97 btnDisabled: true,
98 }
99 },
100 created () {
101 this.getDataList();
102 },
103 methods: {
104 getDataList () {
105 //获取收藏信息集合
106 getCollectBiz().then(res => {
107 this.collectList = res.result;
108 this.collectList.forEach(item => {
109 this.$set(item, 'selected', false);
110 });
111 });
112 //获取申请权利信息集合
113 getleftMenu().then(res => {
114 this.sqywQllxList = res.result;
115 })
116 },
117 //申请业务类型菜单事件
118 sqywlxClick (item) {
119 this.btnDisabled = true;
120 this.selectType = item.type;
121 this.sqywQllxList.forEach(item => {
122 if (item.check) item.check = false;
123 })
124 },
125 //权利类型菜单事件
126 qllxClick (index) {
127 this.btnDisabled = true;
128 this.sqywQllxList.forEach(item => {
129 if (item.check) item.check = false;
130 })
131 this.sqywQllxList[index].check = true;
132 this.selectType = "apply";
133 this.djlxList = [];
134 this.djqxList = [];
135 this.getNextNode(this.sqywQllxList[index].bsmSqyw);
136 },
137 //选择申请业务事件
138 selectSqywClick (data, index) {
139 data.forEach(item => {
140 item.selected = false;
141 });
142 data[index].selected = true;
143 if (data[index].sffqlc == "1") {
144 this.selectParam = data[index];
145 this.btnDisabled = false;
146 } else {
147 this.btnDisabled = true;
148 this.getNextNode(data[index].bsmSqyw);
149 }
150 },
151 //获取下个节点类型数据
152 getNextNode (bsmSqyw) {
153 getNextNode(bsmSqyw).then(res => {
154 if (res.result.djqx) {
155 this.djqxList = res.result.djqx;
156 this.djqxList.forEach(item => {
157 this.$set(item, 'selected', false);
158 });
159 }
160 if (res.result.djlx) {
161 this.djlxList = res.result.djlx;
162 this.djlxList.forEach(item => {
163 this.$set(item, 'selected', false);
164 });
165 }
166 })
167 },
168 //双击事件
169 dblclick (data, index, item) {
170 localStorage.setItem('ywbl', JSON.stringify(item));
171 this.selectSqywClick(data, index);
172 this.dialogClick();
173 },
174 //打开弹框内容
175 dialogClick () {
176 this.openDialog();
177 },
178 //收藏操作
179 handleCollection (item) {
180 let that = this
181 if (item.userCollect == '2') {
182 addCollectBiz(item.bsmSqyw).then(res => {
183 if (res.code == 200) {
184 item.userCollect = '1'
185 that.$message({
186 message: '收藏成功！',
187 type: 'success'
188 })
189 that.getDataList()
190 }
191 })
192 } else {
193 this.$confirm('此操作将取消收藏, 是否继续?', '提示', {
194 confirmButtonText: '确定',
195 cancelButtonText: '取消',
196 type: 'warning'
197 }).then(() => {
198 deleteCollectBiz(item.bsmSqyw).then(res => {
199 if (res.code == 200) {
200 item.userCollect = '2'
201 that.$message({
202 message: '取消收藏成功！',
203 type: 'success'
204 })
205 that.getDataList()
206 }
207 })
208 })
209 }
210 },
211 handleSelect (item) {
212 this.busList.forEach(item => {
213 item.cselect = false
214 })
215 item.cselect = !item.cselect
216 },
217 // 登记类型
218 handleDjlxSelect (item) {
219 this.djlxList.forEach(item => {
220 item.cselect = false
221 })
222 this.btnDisabled = true
223 item.cselect = true;
224 this.djqxObj = item;
225 if (item.sffqlc == '1') {
226 this.btnDisabled = false
227 this.bsmSqyw = item.bsmSqyw
228 this.djywbm = item.djywbm;
229 } else {
230 this.getNextNode(item.bsmSqyw, false)
231 }
232 this.djqxList = []
233 },
234 handleDjqxItem (item) {
235 this.djlxList.forEach(item => {
236 item.cselect = false
237 })
238 if (item.sffqlc == 1) {
239 this.djywbm = item.djywbm
240 this.bsmSqyw = item.bsmSqyw
241 item.cselect = true
242 this.openDialog()
243 this.btnDisabled = true
244 }
245 },
246 handleSelectItem (item, list) {
247 this.handleSelectYw(item, list)
248 this.openDialog()
249 },
250 // 选择不动产信息
251 bthSelectClick () {
252 this.openDialog()
253 },
254 openDialog () {
255 let title = "申请业务：" + this.selectParam?.djywmc ? this.selectParam?.djywmc : '';
256 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "80%")
257 },
258 loadView (view) {
259 return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
260 }
261 }
262 }
263 </script>
264 <style scoped lang='scss'>
265 @import "~@/styles/mixin.scss";
266 @import "./ywsq.scss";
267
268 /deep/.el-collapse-item__content {
269 padding-bottom: 0;
270 }
271
272 /deep/.el-collapse-item__wrap {
273 border-bottom: none;
274 }
275 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-31 17:35:03
5 -->
1 <template> 6 <template>
2 <div class="ywsq" id="ywsq"> 7 <canvas id="mxcad">
3 <div class="ywsq-left"> 8 </canvas>
4 <p v-for="(item, index) in sqywlxList" @click="sqywlxClick(item)" :key="index"
5 :class="{ 'active': selectType == item.type }">{{ item.name }}</p>
6 <el-collapse disabled v-model="activeNames">
7 <el-collapse-item title="业务申请" name="1">
8 <ul class="item-list">
9 <li v-for="(item, index) in sqywQllxList" :key="index" @click="qllxClick(index)"
10 :class="item.check ? 'active' : ''">
11 {{ item.nodename }}</li>
12 </ul>
13 </el-collapse-item>
14 </el-collapse>
15 </div>
16 <div class="ywsq-right">
17 <!-- 常办业务 -->
18 <div v-show="selectType == 'collect'" class="right-situation el-card">
19 <div class="right-title">常办业务列表</div>
20 <ul>
21 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in collectList" :key="index"
22 @dblclick="dblclick(collectList, index, item)" @click="selectSqywClick(collectList, index)">
23 <p v-if="item.nodetype == 'djqx'">{{ item.djywmc }}<br>{{ item.nodename }}</p>
24 <dt v-else>{{ item.djywmc }}</dt>
25 <p class="active" @click.stop="handleCollection(item)">
26 <i class="el-icon-star-off"></i>
27 </p>
28 </li>
29 </ul>
30 </div>
31 <!-- 一并申请 -->
32 <div v-if="selectType == 'together'" class="right-title">一并申请</div>
33 <!-- 登记簿补录 -->
34 <div v-if="selectType == 'amend'" class="right-title">登记簿补录</div>
35 <!-- 业务申请 -->
36 <template v-if="selectType == 'apply'">
37 <div class="right-type el-card box-card is-always-shadow">
38 <div class="right-title">登记类型</div>
39 <ul class="type-content">
40 <li :class="item.selected ? 'cactive' : ''" @dblclick="item.sffqlc == 1 && dblclick(djlxList, index, item)"
41 @click="selectSqywClick(djlxList, index)" v-for="(item, index) in djlxList" :key="index">
42 <p>
43 {{ item.nodename }}
44 </p>
45 <p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''"
46 @click.stop="handleCollection(item)">
47 <i class="el-icon-star-off"></i>
48 </p>
49 </li>
50 </ul>
51 </div>
52 <div class="right-situation el-card box-card is-always-shadow">
53 <div class="right-title">登记情形</div>
54 <ul>
55 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
56 @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
57 <dt>{{ item.nodename }}</dt>
58 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
59 <i class="el-icon-star-off"></i>
60 </p>
61 </li>
62 </ul>
63 </div>
64 </template>
65 <div class="submit-button">
66 <el-button type="primary" :disabled="btnDisabled" @click="dialogClick">选择不动产</el-button>
67 </div>
68 </div>
69 </div>
70 </template> 9 </template>
71 <script> 10 <script>
72 import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" 11 import Mx from "mxdraw"
73 export default { 12 export default {
74 data () { 13 mounted () {
75 return { 14 Mx.loadCoreCode().then(() => {
76 //申请业务类型集合 15 // Mx.MxFun.setMxServer("ws://localhost:5090") // 开启socket通信 可编辑图纸
77 sqywlxList: [ 16 // 创建控件对象
78 { name: "常办业务", type: "collect" }, 17 Mx.MxFun.createMxObject({
79 { name: "一并申请", type: "together" }, 18 canvasId: "mxcad", // canvas元素的id
80 { name: "登记簿补录", type: "amend" } 19 cadFile: "./buf/$hhhh#Layout1#.dwg.mxb1.wgh", // http方式(预览): 加载public/demo文件夹下转换后的图纸
81 ], 20 // cadFile: "test2.dwg", // socket通信方式请直接提供图纸名称 如：text.dwg
82 //类型默认选择常办业务 21 callback: (mxDraw, {
83 selectType: "collect", 22 canvas,
84 //堆叠框选中第一个 23 canvasParent
85 activeNames: ['1'], 24 }) => {
86 //收藏业务集合 25 // 可以拿到canvas元素和它的父级元素
87 collectList: [], 26 console.log(canvas, canvasParent)
88 //申请权利类型集合 27 console.log(mxDraw)
89 sqywQllxList: [], 28 // 拿到图层数据
90 //登记类型集合 29 mxDraw.addEvent('uiSetLayerData', (listLayer) => {
91 djlxList: [], 30 console.log(listLayer)
92 //申请权利类型集合
93 djqxList: [],
94 //选中业务的参数
95 selectParam: {},
96 //选择按钮显示或隐藏
97 btnDisabled: true,
98 }
99 },
100 created () {
101 this.getDataList();
102 },
103 methods: {
104 getDataList () {
105 //获取收藏信息集合
106 getCollectBiz().then(res => {
107 this.collectList = res.result;
108 this.collectList.forEach(item => {
109 this.$set(item, 'selected', false);
110 });
111 });
112 //获取申请权利信息集合
113 getleftMenu().then(res => {
114 this.sqywQllxList = res.result;
115 })
116 },
117 //申请业务类型菜单事件
118 sqywlxClick (item) {
119 this.btnDisabled = true;
120 this.selectType = item.type;
121 this.sqywQllxList.forEach(item => {
122 if (item.check) item.check = false;
123 }) 31 })
124 }, 32 },
125 //权利类型菜单事件 33 isNewFile: true // 是否新建文件
126 qllxClick (index) {
127 this.btnDisabled = true;
128 this.sqywQllxList.forEach(item => {
129 if (item.check) item.check = false;
130 })
131 this.sqywQllxList[index].check = true;
132 this.selectType = "apply";
133 this.djlxList = [];
134 this.djqxList = [];
135 this.getNextNode(this.sqywQllxList[index].bsmSqyw);
136 },
137 //选择申请业务事件
138 selectSqywClick (data, index) {
139 data.forEach(item => {
140 item.selected = false;
141 });
142 data[index].selected = true;
143 if (data[index].sffqlc == "1") {
144 this.selectParam = data[index];
145 this.btnDisabled = false;
146 } else {
147 this.btnDisabled = true;
148 this.getNextNode(data[index].bsmSqyw);
149 }
150 },
151 //获取下个节点类型数据
152 getNextNode (bsmSqyw) {
153 getNextNode(bsmSqyw).then(res => {
154 if (res.result.djqx) {
155 this.djqxList = res.result.djqx;
156 this.djqxList.forEach(item => {
157 this.$set(item, 'selected', false);
158 });
159 }
160 if (res.result.djlx) {
161 this.djlxList = res.result.djlx;
162 this.djlxList.forEach(item => {
163 this.$set(item, 'selected', false);
164 });
165 }
166 }) 34 })
167 },
168 //双击事件
169 dblclick (data, index, item) {
170 localStorage.setItem('ywbl', JSON.stringify(item));
171 this.selectSqywClick(data, index);
172 this.dialogClick();
173 },
174 //打开弹框内容
175 dialogClick () {
176 this.openDialog();
177 },
178 //收藏操作
179 handleCollection (item) {
180 let that = this
181 if (item.userCollect == '2') {
182 addCollectBiz(item.bsmSqyw).then(res => {
183 if (res.code == 200) {
184 item.userCollect = '1'
185 that.$message({
186 message: '收藏成功！',
187 type: 'success'
188 }) 35 })
189 that.getDataList()
190 }
191 })
192 } else {
193 this.$confirm('此操作将取消收藏, 是否继续?', '提示', {
194 confirmButtonText: '确定',
195 cancelButtonText: '取消',
196 type: 'warning'
197 }).then(() => {
198 deleteCollectBiz(item.bsmSqyw).then(res => {
199 if (res.code == 200) {
200 item.userCollect = '2'
201 that.$message({
202 message: '取消收藏成功！',
203 type: 'success'
204 })
205 that.getDataList()
206 }
207 })
208 })
209 }
210 },
211 handleSelect (item) {
212 this.busList.forEach(item => {
213 item.cselect = false
214 })
215 item.cselect = !item.cselect
216 },
217 // 登记类型
218 handleDjlxSelect (item) {
219 this.djlxList.forEach(item => {
220 item.cselect = false
221 })
222 this.btnDisabled = true
223 item.cselect = true;
224 this.djqxObj = item;
225 if (item.sffqlc == '1') {
226 this.btnDisabled = false
227 this.bsmSqyw = item.bsmSqyw
228 this.djywbm = item.djywbm;
229 } else {
230 this.getNextNode(item.bsmSqyw, false)
231 }
232 this.djqxList = []
233 },
234 handleDjqxItem (item) {
235 this.djlxList.forEach(item => {
236 item.cselect = false
237 })
238 if (item.sffqlc == 1) {
239 this.djywbm = item.djywbm
240 this.bsmSqyw = item.bsmSqyw
241 item.cselect = true
242 this.openDialog()
243 this.btnDisabled = true
244 }
245 },
246 handleSelectItem (item, list) {
247 this.handleSelectYw(item, list)
248 this.openDialog()
249 },
250 // 选择不动产信息
251 bthSelectClick () {
252 this.openDialog()
253 },
254 openDialog () {
255 let title = "申请业务：" + this.selectParam?.djywmc ? this.selectParam?.djywmc : '';
256 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "80%")
257 },
258 loadView (view) {
259 return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
260 }
261 } 36 }
262 } 37 }
263 </script> 38 </script>
264 <style scoped lang='scss'> 39 <style scoped lang='scss'>
265 @import "~@/styles/mixin.scss"; 40 #cad-container {
266 @import "./ywsq.scss"; 41 width: 100%;
267 42 height: 100%;
268 /deep/.el-collapse-item__content {
269 padding-bottom: 0;
270 }
271
272 /deep/.el-collapse-item__wrap {
273 border-bottom: none;
274 } 43 }
275 </style> 44 </style>
...\ No newline at end of file ...\ No newline at end of file
......