Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
be3f5528 by 蔡俊立
Options

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

2 parents 44d4c51e c9f6c360
Inline Side-by-side
Showing 14 changed files with 371 additions and 391 deletions
...@@ -59,7 +59,7 @@ export default { ...@@ -59,7 +59,7 @@ export default {
59 }, 59 },
60 heightNum: { 60 heightNum: {
61 type: Number, 61 type: Number,
62 default: 275, 62 default: 265,
63 }, 63 },
64 maxHeight: { 64 maxHeight: {
65 type: Number, 65 type: Number,
......
...@@ -19,7 +19,7 @@ export default { ...@@ -19,7 +19,7 @@ export default {
19 <style lang="scss" scoped> 19 <style lang="scss" scoped>
20 .hasTagsView { 20 .hasTagsView {
21 .app-main { 21 .app-main {
22 height: calc(100% - 48px); 22 height: calc(100% - 41px);
23 overflow-x: auto; 23 overflow-x: auto;
24 padding: 5px; 24 padding: 5px;
25 box-sizing: border-box; 25 box-sizing: border-box;
......
...@@ -206,15 +206,5 @@ export default { ...@@ -206,15 +206,5 @@ export default {
206 } 206 }
207 } 207 }
208 } 208 }
209
210 /*2.隐藏滚动条，太丑了*/
211 .el-drawer__container ::-webkit-scrollbar {
212 display: none;
213
214 }
215
216 .el-form-item--small .el-form-item__label {
217 width: 80px !important;
218 }
219 } 209 }
220 </style> 210 </style>
......
...@@ -9,32 +9,32 @@ const tagAndTagSpacing = 4 // tagAndTagSpacing ...@@ -9,32 +9,32 @@ const tagAndTagSpacing = 4 // tagAndTagSpacing
9 9
10 export default { 10 export default {
11 name: 'ScrollPane', 11 name: 'ScrollPane',
12 data() { 12 data () {
13 return { 13 return {
14 left: 0 14 left: 0
15 } 15 }
16 }, 16 },
17 computed: { 17 computed: {
18 scrollWrapper() { 18 scrollWrapper () {
19 return this.$refs.scrollContainer.$refs.wrap 19 return this.$refs.scrollContainer.$refs.wrap
20 } 20 }
21 }, 21 },
22 mounted() { 22 mounted () {
23 this.scrollWrapper.addEventListener('scroll', this.emitScroll, true) 23 this.scrollWrapper.addEventListener('scroll', this.emitScroll, true)
24 }, 24 },
25 beforeDestroy() { 25 beforeDestroy () {
26 this.scrollWrapper.removeEventListener('scroll', this.emitScroll) 26 this.scrollWrapper.removeEventListener('scroll', this.emitScroll)
27 }, 27 },
28 methods: { 28 methods: {
29 handleScroll(e) { 29 handleScroll (e) {
30 const eventDelta = e.wheelDelta || -e.deltaY * 40 30 const eventDelta = e.wheelDelta || -e.deltaY * 40
31 const $scrollWrapper = this.scrollWrapper 31 const $scrollWrapper = this.scrollWrapper
32 $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4 32 $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
33 }, 33 },
34 emitScroll() { 34 emitScroll () {
35 this.$emit('scroll') 35 this.$emit('scroll')
36 }, 36 },
37 moveToTarget(currentTag) { 37 moveToTarget (currentTag) {
38 const $container = this.$refs.scrollContainer.$el 38 const $container = this.$refs.scrollContainer.$el
39 const $containerWidth = $container.offsetWidth 39 const $containerWidth = $container.offsetWidth
40 const $scrollWrapper = this.scrollWrapper 40 const $scrollWrapper = this.scrollWrapper
...@@ -82,15 +82,14 @@ export default { ...@@ -82,15 +82,14 @@ export default {
82 position: relative; 82 position: relative;
83 overflow: hidden; 83 overflow: hidden;
84 width: 100%; 84 width: 100%;
85 ::v-deep { 85 height: 100%;
86 .el-scrollbar__bar { 86 }
87 bottom: 0px; 87
88 width: 0; 88 /deep/ .el-scrollbar__view {
89 } 89 display: inline-block !important;
90 .el-scrollbar__wrap { 90 }
91 height: 48px; 91
92 line-height: 48px; 92 /deep/ .el-scrollbar__wrap {
93 } 93 overflow-x: hidden !important;
94 }
95 } 94 }
96 </style> 95 </style>
......
1 <template> 1 <template>
2 <div id="tags-view-container" class="tags-view-container"> 2 <div id="tags-view-container" class="tags-view-container">
3 <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll"> 3 <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
4 <p class="pane-mask-left"></p> 4 <router-link v-for="tag in visitedViews" ref="tag" :key="tag.path" :class="isActive(tag)?'active':''"
5 <router-link v-for="tag in visitedViews" ref="tag" :key="tag.path" :class="isActive(tag) ? 'active' : ''"
6 :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" tag="span" class="tags-view-item" 5 :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" tag="span" class="tags-view-item"
7 @click.middle.native="!isAffix(tag) ? closeSelectedTag(tag) : ''" 6 @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
8 @contextmenu.prevent.native="openMenu(tag, $event)"> 7 @contextmenu.prevent.native="openMenu(tag,$event)">
9 {{ tag.title }} 8 {{ tag.title }}
10 <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" /> 9 <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
11 </router-link> 10 </router-link>
12 <p class="pane-mask-right"></p>
13 </scroll-pane> 11 </scroll-pane>
14 <ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> 12 <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
15 <li @click="refreshSelectedTag(selectedTag)">刷新</li> 13 <li @click="refreshSelectedTag(selectedTag)">Refresh</li>
16 <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">关闭</li> 14 <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">Close</li>
17 <li @click="closeOthersTags">关闭其他</li> 15 <li @click="closeOthersTags">Close Others</li>
18 <li @click="closeAllTags(selectedTag)">关闭全部</li> 16 <li @click="closeAllTags(selectedTag)">Close All</li>
19 </ul> 17 </ul>
20 </div> 18 </div>
21 </template> 19 </template>
...@@ -89,7 +87,7 @@ export default { ...@@ -89,7 +87,7 @@ export default {
89 return tags 87 return tags
90 }, 88 },
91 initTags () { 89 initTags () {
92 const affixTags = (this.affixTags = this.filterAffixTags(this.routes)) 90 const affixTags = this.affixTags = this.filterAffixTags(this.routes)
93 for (const tag of affixTags) { 91 for (const tag of affixTags) {
94 // Must have tag name 92 // Must have tag name
95 if (tag.name) { 93 if (tag.name) {
...@@ -130,21 +128,17 @@ export default { ...@@ -130,21 +128,17 @@ export default {
130 }) 128 })
131 }, 129 },
132 closeSelectedTag (view) { 130 closeSelectedTag (view) {
133 this.$store 131 this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
134 .dispatch('tagsView/delView', view) 132 if (this.isActive(view)) {
135 .then(({ visitedViews }) => { 133 this.toLastView(visitedViews, view)
136 if (this.isActive(view)) { 134 }
137 this.toLastView(visitedViews, view) 135 })
138 }
139 })
140 }, 136 },
141 closeOthersTags () { 137 closeOthersTags () {
142 this.$router.push(this.selectedTag) 138 this.$router.push(this.selectedTag)
143 this.$store 139 this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => {
144 .dispatch('tagsView/delOthersViews', this.selectedTag) 140 this.moveToCurrentTag()
145 .then(() => { 141 })
146 this.moveToCurrentTag()
147 })
148 }, 142 },
149 closeAllTags (view) { 143 closeAllTags (view) {
150 this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => { 144 this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => {
...@@ -168,14 +162,13 @@ export default { ...@@ -168,14 +162,13 @@ export default {
168 this.$router.push('/') 162 this.$router.push('/')
169 } 163 }
170 } 164 }
171 console.log(this.$store.state.tagsView.visitedViews);
172 }, 165 },
173 openMenu (tag, e) { 166 openMenu (tag, e) {
174 const menuMinWidth = 95 167 const menuMinWidth = 105
175 const offsetLeft = this.$el.getBoundingClientRect().left // container margin left 168 const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
176 const offsetWidth = this.$el.offsetWidth // container width 169 const offsetWidth = this.$el.offsetWidth // container width
177 const maxLeft = offsetWidth - menuMinWidth // left boundary 170 const maxLeft = offsetWidth - menuMinWidth // left boundary
178 const left = e.clientX - offsetLeft + 210 // 15: margin right 171 const left = e.clientX - offsetLeft + 15 // 15: margin right
179 172
180 if (left > maxLeft) { 173 if (left > maxLeft) {
181 this.left = maxLeft 174 this.left = maxLeft
...@@ -199,52 +192,29 @@ export default { ...@@ -199,52 +192,29 @@ export default {
199 192
200 <style lang="scss" scoped> 193 <style lang="scss" scoped>
201 .tags-view-container { 194 .tags-view-container {
202 height: 48px; 195 height: 40px;
203 line-height: 48px;
204 width: 100%; 196 width: 100%;
205 background: #EDF1F7; 197 background: #fff;
206 border-bottom: 1px solid #E4EBF4; 198 border-bottom: 1px solid #d8dce5;
207 box-shadow: 0 1px 3px 0 rgba(147, 173, 209, 0.12); 199 box-sizing: border-box;
200 padding-top: 3px;
201 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
208 202
209 .tags-view-wrapper { 203 .tags-view-wrapper {
210 .el-scrollbar__view {
211 position: relative;
212
213 .pane-mask-left,
214 .pane-mask-right {
215 position: absolute;
216 top: 8px;
217 height: 33px;
218 z-index: 1;
219 background: #EDF1F7!important;
220
221 }
222
223 .pane-mask-left {
224 width: 15px;
225 left: 0;
226 background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 20%, #FFFFFF 33%);
227 }
228
229 .pane-mask-right {
230 width: 30px;
231 right: 0;
232 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 5%, #FFFFFF 30%);
233 }
234 }
235
236 .tags-view-item { 204 .tags-view-item {
237 display: inline-block; 205 display: inline-block;
238 position: relative; 206 position: relative;
239 cursor: pointer; 207 cursor: pointer;
240 height: 31px; 208 height: 26px;
241 line-height: 29px; 209 line-height: 26px;
242 color: #686666; 210 border: 1px solid #d8dce5;
243 background: #D8DFE6; 211 color: #495060;
244 padding: 0 20px 0 20px; 212 background: #fff;
245 font-size: 16px; 213 padding: 0 8px;
246 margin-top: 5px; 214 font-size: 12px;
247 border-radius: 8px 8px 0 0; 215 margin-left: 5px;
216 margin-top: 4px;
217
248 &:first-of-type { 218 &:first-of-type {
249 margin-left: 15px; 219 margin-left: 15px;
250 } 220 }
...@@ -254,20 +224,21 @@ export default { ...@@ -254,20 +224,21 @@ export default {
254 } 224 }
255 225
256 &.active { 226 &.active {
257 color: #0f93f6; 227 background-color: #42b983;
258 background: #ffffff; 228 color: #fff;
259 // &::before { 229 border-color: #42b983;
260 // content: ''; 230
261 // background: #0F93F6; 231 &::before {
262 // display: inline-block; 232 content: '';
263 // width: 8px; 233 background: #fff;
264 // height: 8px; 234 display: inline-block;
265 // border-radius: 50%; 235 width: 8px;
266 // position: relative; 236 height: 8px;
267 // margin-right: 2px; 237 border-radius: 50%;
268 // } 238 position: relative;
239 margin-right: 2px;
240 }
269 } 241 }
270
271 } 242 }
272 } 243 }
273 244
...@@ -278,22 +249,19 @@ export default { ...@@ -278,22 +249,19 @@ export default {
278 position: absolute; 249 position: absolute;
279 list-style-type: none; 250 list-style-type: none;
280 padding: 5px 0; 251 padding: 5px 0;
252 border-radius: 4px;
281 font-size: 12px; 253 font-size: 12px;
282 font-weight: 400; 254 font-weight: 400;
283 color: #333; 255 color: #333;
284 border: 1px solid #EBEEF5; 256 box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
285 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
286 border-radius: 4px 0 0 4px 4px;
287 257
288 li { 258 li {
289 height: 29px;
290 line-height: 29px;
291 margin: 0; 259 margin: 0;
292 padding: 0px 16px; 260 padding: 7px 16px;
293 cursor: pointer; 261 cursor: pointer;
294 262
295 &:hover { 263 &:hover {
296 background: #F6F7F9; 264 background: #eee;
297 } 265 }
298 } 266 }
299 } 267 }
...@@ -304,24 +272,19 @@ export default { ...@@ -304,24 +272,19 @@ export default {
304 //reset element css of el-icon-close 272 //reset element css of el-icon-close
305 .tags-view-wrapper { 273 .tags-view-wrapper {
306 .tags-view-item { 274 .tags-view-item {
307 text-align: justify;
308 margin-right: 8px;
309
310 .el-icon-close { 275 .el-icon-close {
311 height: 16px;
312 width: 16px; 276 width: 16px;
313 position: relative; 277 height: 16px;
278 vertical-align: 2px;
314 border-radius: 50%; 279 border-radius: 50%;
315 text-align: center; 280 text-align: center;
316 line-height: 16px; 281 transition: all .3s cubic-bezier(.645, .045, .355, 1);
317 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
318 transform-origin: 100% 50%; 282 transform-origin: 100% 50%;
319 color: #686666;
320 font-size: 14px;
321 283
322 &:before { 284 &:before {
323 transform: scale(0.8); 285 transform: scale(.6);
324 display: inline-block; 286 display: inline-block;
287 vertical-align: -3px;
325 } 288 }
326 289
327 &:hover { 290 &:hover {
......
...@@ -120,7 +120,6 @@ ...@@ -120,7 +120,6 @@
120 ::-webkit-scrollbar-thumb:hover { 120 ::-webkit-scrollbar-thumb:hover {
121 background-color: rgb(162, 164, 167); 121 background-color: rgb(162, 164, 167);
122 } 122 }
123
124 // element 样式补丁 123 // element 样式补丁
125 .el-menu--horizontal { 124 .el-menu--horizontal {
126 border-bottom: none !important; 125 border-bottom: none !important;
......
...@@ -33,22 +33,6 @@ ...@@ -33,22 +33,6 @@
33 } 33 }
34 } 34 }
35 35
36 .el-scrollbar__bar.is-vertical {
37 right: 0px;
38 }
39
40 .el-scrollbar {
41 height: 100%;
42
43 &::-webkit-scrollbar {
44 display: none;
45 }
46 }
47
48 .is-horizontal {
49 display: none;
50 }
51
52 a { 36 a {
53 display: inline-block; 37 display: inline-block;
54 width: 100%; 38 width: 100%;
......
1 // global transition css
2
3 /* fade */ 1 /* fade */
4 .fade-enter-active, 2 .fade-enter-active,
5 .fade-leave-active { 3 .fade-leave-active {
......
1 <template> 1 <template>
2 <div class="rlPopup"> 2 <div class="rlPopup">
3 <div class="prev handle-btn" v-if="!isSingle" @click="prev()"> 3 <div class="prev handle-btn" @click="prev()">
4 <i class="el-icon-arrow-left"></i> 4 <i class="el-icon-arrow-left"></i>
5 </div> 5 </div>
6 <div class="next handle-btn" v-if="!isSingle" @click="next()"> 6 <div class="next handle-btn" @click="next()">
7 <i class="el-icon-arrow-right"></i> 7 <i class="el-icon-arrow-right"></i>
8 </div> 8 </div>
9 <div class="img-list-wrap"> 9 <div class="img-list-wrap">
10 <div v-for="(img, i) in previewImg.imgList" :key="i"> 10 <div v-for="(img, i) in previewImg.imgList" :key="i">
11 <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" 11 <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
12 overlayStyle="width: 100%;height: 563px;"> 12 overlayStyle="width: 100%;height:100%">
13 </photo-zoom> 13 </photo-zoom>
14 </div> 14 </div>
15 </div> 15 </div>
...@@ -78,9 +78,6 @@ export default { ...@@ -78,9 +78,6 @@ export default {
78 this.thumbnailImages = this.previewImg.imgList 78 this.thumbnailImages = this.previewImg.imgList
79 }, 79 },
80 computed: { 80 computed: {
81 isSingle () {
82 return this.previewImg.imgList.length <= 1
83 },
84 isFirst () { 81 isFirst () {
85 return this.previewImg.index === 0 82 return this.previewImg.index === 0
86 }, 83 },
...@@ -96,7 +93,7 @@ export default { ...@@ -96,7 +93,7 @@ export default {
96 } 93 }
97 return 94 return
98 } 95 }
99 const len = this.previewImg.imgList.length 96 let len = this.previewImg.imgList.length
100 this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len 97 this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len
101 this.reset() 98 this.reset()
102 }, 99 },
...@@ -106,8 +103,10 @@ export default { ...@@ -106,8 +103,10 @@ export default {
106 this.$parent.previewImg.index = 0 103 this.$parent.previewImg.index = 0
107 } 104 }
108 return 105 return
106 } else {
107 console.log(this.$parent.previewImg.selectedIndex);
109 } 108 }
110 const len = this.previewImg.imgList.length 109 let len = this.previewImg.imgList.length
111 this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len 110 this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len
112 this.reset() 111 this.reset()
113 }, 112 },
...@@ -204,22 +203,28 @@ export default { ...@@ -204,22 +203,28 @@ export default {
204 height: 66px; 203 height: 66px;
205 line-height: 75px; 204 line-height: 75px;
206 color: #fff; 205 color: #fff;
207 background-color: rgb(198, 198, 198); 206 background-color: rgb(239, 239, 239);
208 border-radius: 4px; 207 border-radius: 50%;
209 cursor: pointer; 208 cursor: pointer;
210 text-align: center; 209 text-align: center;
210 transition: all 0.3s;
211 211
212 i { 212 i {
213 font-size: 24px; 213 font-size: 24px;
214 } 214 }
215 } 215 }
216 216
217 .handle-btn:hover {
218 background-color: rgb(185, 183, 183);
219 }
220
221
217 .prev { 222 .prev {
218 left: 0%; 223 left: 1%;
219 } 224 }
220 225
221 .next { 226 .next {
222 right: 0%; 227 right: 1%;
223 } 228 }
224 229
225 .img-list-wrap { 230 .img-list-wrap {
...@@ -230,6 +235,7 @@ export default { ...@@ -230,6 +235,7 @@ export default {
230 align-items: center; 235 align-items: center;
231 background: rgba(194, 190, 190, 0.1); 236 background: rgba(194, 190, 190, 0.1);
232 overflow: scroll; 237 overflow: scroll;
238
233 img { 239 img {
234 display: block; 240 display: block;
235 object-fit: scale-down; 241 object-fit: scale-down;
......
...@@ -9,18 +9,12 @@ ...@@ -9,18 +9,12 @@
9 <col width="150" /> 9 <col width="150" />
10 <tr> 10 <tr>
11 <td colspan="6" class="title">宗地基本信息</td> 11 <td colspan="6" class="title">宗地基本信息</td>
12 </tr> 12 </tr>
13 <tr>
14 <td colspan="6" class="unit" v-if="zdjbxx.mjdw == '1'">
15 单位：■平方米 □公顷（□亩）、万元
16 </td>
17 <td colspan="6" class="unit" v-else>
18 单位：□平方米 ■公顷（■亩）、万元
19 </td>
20 </tr>
21 <tr> 13 <tr>
22 <td colspan="2">不动产类型</td> 14 <td colspan="2">不动产类型：</td>
23 <td colspan="4">■土地 ■房屋建筑 □构筑物 □森林、林地 □其他</td> 15 <td colspan="2">{{ zdjbxx.bdclx }}</td>
16 <td>单位：</td>
17 <td>{{ zdjbxx.mjdw }}</td>
24 </tr> 18 </tr>
25 <tr> 19 <tr>
26 <td colspan="2">坐落</td> 20 <td colspan="2">坐落</td>
...@@ -37,15 +31,15 @@ ...@@ -37,15 +31,15 @@
37 </tr> 31 </tr>
38 <tr> 32 <tr>
39 <td colspan="2">等级</td> 33 <td colspan="2">等级</td>
40 <td>{{ zdjbxx.dj }}</td> 34 <td>{{ zdjbxx.djmc }}</td>
41 <td>价格</td> 35 <td>价格</td>
42 <td>{{ zdjbxx.jg }}</td> 36 <td>{{ zdjbxx.jg }}</td>
43 </tr> 37 </tr>
44 <tr> 38 <tr>
45 <td colspan="2">权利类型</td> 39 <td colspan="2">权利类型</td>
46 <td>{{ zdjbxx.qllx }}</td> 40 <td>{{ zdjbxx.qllxmc }}</td>
47 <td>权利性质</td> 41 <td>权利性质</td>
48 <td>{{ zdjbxx.qlxz }}</td> 42 <td>{{ zdjbxx.qlxzmc }}</td>
49 </tr> 43 </tr>
50 <tr> 44 <tr>
51 <td colspan="2">权利设定方式</td> 45 <td colspan="2">权利设定方式</td>
...@@ -125,7 +119,7 @@ ...@@ -125,7 +119,7 @@
125 import { getZdjjxxBybdcdyid } from "@/api/registerBook.js"; 119 import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
126 120
127 export default { 121 export default {
128 data () { 122 data() {
129 return { 123 return {
130 bhqkColumns: [ 124 bhqkColumns: [
131 { 125 {
...@@ -164,16 +158,16 @@ export default { ...@@ -164,16 +158,16 @@ export default {
164 bhqkTableWidth: 745, 158 bhqkTableWidth: 745,
165 zdjbxx: {}, 159 zdjbxx: {},
166 zdbhqks: [], 160 zdbhqks: [],
167 propsParam:this.$attrs, 161 propsParam: this.$attrs,
168 showGroup: false, 162 showGroup: false,
169 }; 163 };
170 }, 164 },
171 created () { 165 created() {
172 this.loadData(); 166 this.loadData();
173 }, 167 },
174 methods: { 168 methods: {
175 loadData () { 169 loadData() {
176 getZdjjxxBybdcdyid({bdcdyid:this.propsParam.bdcdyid}).then((res) => { 170 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
177 if (res.code === 200) { 171 if (res.code === 200) {
178 this.zdjbxx = res.result.zdjbxx; 172 this.zdjbxx = res.result.zdjbxx;
179 this.zdbhqks = res.result.zdbhqkList; 173 this.zdbhqks = res.result.zdbhqkList;
...@@ -190,71 +184,69 @@ export default { ...@@ -190,71 +184,69 @@ export default {
190 <style lang="scss" scoped> 184 <style lang="scss" scoped>
191 .zdxx { 185 .zdxx {
192 width: 100%; 186 width: 100%;
193 height: calc(100% - 42px); 187 height: 100%;
194 background-color: #f5f5f5; 188 background-color: #f5f5f5;
195 padding: 5px; 189 padding: 5px;
196
197
198 } 190 }
199 .tablebox { 191 .tablebox {
200 overflow-x: auto; 192 overflow-x: auto;
193 width: 100%;
194 height: 100%;
195 background: #fff;
196 border: 1px solid rgb(228, 228, 228);
197 text-align: center;
198 padding: 4px;
199 overflow-y: scroll;
200
201 .zdxxTable {
201 width: 100%; 202 width: 100%;
202 height: 100%; 203 color: #333;
203 background: #fff;
204 border: 1px solid rgb(228, 228, 228);
205 text-align: center;
206 padding: 4px;
207 overflow-y: scroll;
208 204
209 .zdxxTable { 205 td {
210 width: 100%; 206 border: 1px solid rgb(228, 228, 228);
211 min-width: 900px; 207 line-height: 30px;
212 color: #333; 208 padding: 0 4px;
209 }
213 210
214 td { 211 .title {
215 border: 1px solid rgb(228, 228, 228); 212 line-height: 68px;
216 line-height: 30px; 213 font-size: 20px;
217 padding: 0 4px; 214 }
218 }
219 215
220 .title { 216 .unit {
221 line-height: 68px; 217 text-align: right;
222 font-size: 20px; 218 }
223 }
224 219
225 .unit { 220 .title2 {
226 text-align: right; 221 writing-mode: vertical-lr;
227 } 222 letter-spacing: 6px;
223 }
224
225 .bhqk {
226 padding: 0;
228 227
229 .title2 { 228 .box {
230 writing-mode: vertical-lr; 229 width: 745px;
231 letter-spacing: 6px; 230 overflow: auto;
232 } 231 }
233 232
234 .bhqk { 233 .test {
235 padding: 0; 234 }
236 235
237 .box { 236 table {
238 width: 745px; 237 .bhqkTh {
239 overflow: auto; 238 width: 110px;
239 line-height: 40px;
240 background-color: #f5f5f5;
241 border: 1px solid rgb(228, 228, 228);
242 font-weight: bold;
240 } 243 }
241 244
242 .test {} 245 td {
243 246 width: 180px;
244 table {
245 .bhqkTh {
246 width: 110px;
247 line-height: 40px;
248 background-color: #f5f5f5;
249 border: 1px solid rgb(228, 228, 228);
250 font-weight: bold;
251 }
252
253 td {
254 width: 180px;
255 }
256 } 247 }
257 } 248 }
258 } 249 }
259 } 250 }
251 }
260 </style> 252 </style>
......
...@@ -17,16 +17,15 @@ ...@@ -17,16 +17,15 @@
17 <div class="clyl-box" v-else> 17 <div class="clyl-box" v-else>
18 <div class="menu-tree"> 18 <div class="menu-tree">
19 <div class="item"> 19 <div class="item">
20 材料目录 20 材料目录({{tableData.length}})
21 <i :class="iclass" @click="iconClick()"></i> 21 <div>
22 <el-collapse-transition> 22 <div v-for="item in tableData" :key="item.bsmSj"
23 <div v-show="menuOpen"> 23 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item)">
24 <div v-for="item in tableData" :key="item.bsmSj" 24 <span v-if="item.isrequired==1" class="required">必选</span>
25 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item)"> 25 {{ item.sjmc }}
26 {{ item.sjmc }} 26 <span class="cl_number">({{item.children.length}})</span>
27 </div>
28 </div> 27 </div>
29 </el-collapse-transition> 28 </div>
30 </div> 29 </div>
31 </div> 30 </div>
32 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" /> 31 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" />
...@@ -55,8 +54,8 @@ export default { ...@@ -55,8 +54,8 @@ export default {
55 label: "材料预览", 54 label: "材料预览",
56 }, 55 },
57 ], 56 ],
58 menuOpen: true, 57 iclass: "",
59 iclass: "itemIcon el-icon-caret-bottom", 58 // 材料目录选中
60 treeCheckId: "", 59 treeCheckId: "",
61 checkedId: "1", 60 checkedId: "1",
62 column: [ 61 column: [
...@@ -195,16 +194,12 @@ export default { ...@@ -195,16 +194,12 @@ export default {
195 bsmSlsq: this.$parent.bsmSlsq, 194 bsmSlsq: this.$parent.bsmSlsq,
196 index: 0, 195 index: 0,
197 selectedIndex: 0, 196 selectedIndex: 0,
198 imgList: [ 197 imgList: []
199 {
200 fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
201 }
202 ]
203 } 198 }
204 } 199 }
205 }, 200 },
206 computed: { 201 computed: {
207 ...mapGetters(["dictData"]), 202 ...mapGetters(["dictData"])
208 }, 203 },
209 created () { 204 created () {
210 this.clmlInitList() 205 this.clmlInitList()
...@@ -233,25 +228,25 @@ export default { ...@@ -233,25 +228,25 @@ export default {
233 }) 228 })
234 }, 229 },
235 updateList (val) { 230 updateList (val) {
236 if(val!=null){ //删除最后一张图片时 val=null 231 if (val != null) { //删除最后一张图片时 val=null
237 this.tableData.forEach(item => { 232 this.tableData.forEach(item => {
238 if (item.bsmSj === val.bsmSj) { 233 if (item.bsmSj === val.bsmSj) {
239 item.children = val.children 234 item.children = val.children
235 }
236 })
237 this.previewImg.imgList = _.cloneDeep(val.children)
238 if (this.previewImg.index == this.previewImg.imgList.length) {
239 this.previewImg.index = this.previewImg.index - 1
240 } 240 }
241 }) 241 } else {
242 this.previewImg.imgList = _.cloneDeep(val.children)
243 if (this.previewImg.index == this.previewImg.imgList.length) {
244 this.previewImg.index = this.previewImg.index - 1
245 }
246 }else{
247 this.previewImg.imgList = [] 242 this.previewImg.imgList = []
248 this.tableData.forEach(item => { 243 this.tableData.forEach(item => {
249 if(this.treeCheckId == item.bsmSj){ 244 if (this.treeCheckId == item.bsmSj) {
250 item.children = [] 245 item.children = []
251 } 246 }
252 }) 247 })
253 } 248 }
254 249
255 }, 250 },
256 // 左侧菜单点击 251 // 左侧菜单点击
257 menuClick (item) { 252 menuClick (item) {
...@@ -347,20 +342,12 @@ export default { ...@@ -347,20 +342,12 @@ export default {
347 }) 342 })
348 }) 343 })
349 }, 344 },
350 // 材料目录关闭收起
351 iconClick () {
352 this.menuOpen = !this.menuOpen;
353 if (this.menuOpen) {
354 this.iclass = "itemIcon el-icon-caret-bottom close";
355 } else {
356 this.iclass = "itemIcon el-icon-caret-bottom open";
357 }
358 },
359 // 材料目录点击选中 345 // 材料目录点击选中
360 treeClick (item) { 346 treeClick (item) {
361 this.treeCheckId = item.bsmSj; 347 this.previewImg.index = 0
362 this.previewImg.imgList = item?.children; 348 this.treeCheckId = item.bsmSj
363 this.previewImg.bsmSj = item?.bsmSj; 349 this.previewImg.imgList = item?.children
350 this.previewImg.bsmSj = item?.bsmSj
364 }, 351 },
365 // 小图片点击 352 // 小图片点击
366 imgClick (item, index) { 353 imgClick (item, index) {
...@@ -391,6 +378,16 @@ export default { ...@@ -391,6 +378,16 @@ export default {
391 color: #fff; 378 color: #fff;
392 } 379 }
393 380
381 .required {
382 font-size: 12px;
383 color: $pink;
384 float: left;
385 }
386
387 .cl_number {
388 float: right;
389 }
390
394 .clxx { 391 .clxx {
395 width: 100%; 392 width: 100%;
396 display: flex; 393 display: flex;
...@@ -449,12 +446,14 @@ export default { ...@@ -449,12 +446,14 @@ export default {
449 border-right: 1px dotted #d9d9d9; 446 border-right: 1px dotted #d9d9d9;
450 padding: 0 15px; 447 padding: 0 15px;
451 448
449
452 .item { 450 .item {
453 height: 60px; 451 line-height: 30px;
454 line-height: 60px; 452 padding-top: 5px;
455 border-bottom: 1px solid #e8e8e8; 453 border-bottom: 1px solid #e8e8e8;
456 font-size: 16px; 454 font-size: 16px;
457 color: #4a4a4a; 455 text-align: center;
456 color: $light-blue;
458 457
459 .itemIcon { 458 .itemIcon {
460 float: right; 459 float: right;
...@@ -462,44 +461,26 @@ export default { ...@@ -462,44 +461,26 @@ export default {
462 cursor: pointer; 461 cursor: pointer;
463 } 462 }
464 463
465 @keyframes open {
466 100% {
467 transform: rotate(180deg);
468 }
469 }
470
471 @keyframes close {
472 0% {
473 transform: rotate(180deg);
474 }
475
476 100% {
477 transform: rotate(-0deg);
478 }
479 }
480
481 .open {
482 animation: open 0.5s;
483 animation-fill-mode: both;
484 }
485
486 .close {
487 animation: close 0.5s;
488 animation-fill-mode: both;
489 }
490
491 .child { 464 .child {
492 line-height: 36px; 465 line-height: 32px;
493 border-bottom: 1px solid #e8e8e8; 466 border-bottom: 1px solid #e8e8e8;
494 padding-left: 10px; 467 padding-left: 10px;
495 color: #6b6b6b; 468 color: #6b6b6b;
496 cursor: pointer; 469 cursor: pointer;
497 box-sizing: border-box; 470 box-sizing: border-box;
471 border-radius: 6px;
472 line-height: 24px;
473 transition: all 0.3s;
474 }
475
476 .child:hover {
477 color: $light-blue;
478 transform: scale(1.1);
498 } 479 }
499 480
500 .checked { 481 .checked {
501 border-radius: 6px; 482 border: 1px solid $light-blue;
502 border: 1px solid #4083f9; 483 color: $light-blue;
503 } 484 }
504 } 485 }
505 } 486 }
......
...@@ -117,6 +117,7 @@ ...@@ -117,6 +117,7 @@
117 .svg-icon { 117 .svg-icon {
118 width: 2.5em; 118 width: 2.5em;
119 height: 2.5em; 119 height: 2.5em;
120 transition: all 0.3s;
120 } 121 }
121 122
122 .iconName { 123 .iconName {
...@@ -184,6 +185,10 @@ ...@@ -184,6 +185,10 @@
184 li:hover { 185 li:hover {
185 border: 1px solid #ffffff; 186 border: 1px solid #ffffff;
186 border-radius: 5px; 187 border-radius: 5px;
188
189 .icon {
190 transform: scale(1.3);
191 }
187 } 192 }
188 } 193 }
189 } 194 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,13 +5,17 @@ ...@@ -5,13 +5,17 @@
5 <!-- 左侧业务功能按钮 --> 5 <!-- 左侧业务功能按钮 -->
6 <ul> 6 <ul>
7 <li @click="operation(index, item)" v-for="(item, index) in leftButtonList" :key="index"> 7 <li @click="operation(index, item)" v-for="(item, index) in leftButtonList" :key="index">
8 <svg-icon :icon-class="item.icon" /> 8 <svg-icon class="icon" :icon-class="item.icon" />
9 <span class="iconName">{{ item.name }}</span> 9 <span class="iconName">{{ item.name }}</span>
10 </li> 10 </li>
11 </ul> 11 </ul>
12 <!-- 右侧流程按钮 --> 12 <!-- 右侧流程按钮 -->
13 <ul> 13 <ul>
14 <li @click="operation(index, item)" v-for="(item, index) in rightButtonList" :key="index"> 14 <li
15 @click="operation(index, item)"
16 v-for="(item, index) in rightButtonList"
17 :key="index"
18 >
15 <svg-icon class="icon" :icon-class="item.icon" /> 19 <svg-icon class="icon" :icon-class="item.icon" />
16 <span class="iconName">{{ item.name }}</span> 20 <span class="iconName">{{ item.name }}</span>
17 </li> 21 </li>
...@@ -22,29 +26,52 @@ ...@@ -22,29 +26,52 @@
22 <!-- 左侧菜单栏 --> 26 <!-- 左侧菜单栏 -->
23 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 27 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
24 <div v-if="this.isShowdrawer"> 28 <div v-if="this.isShowdrawer">
25 <div class="title">申请单元列表({{ unitData.length }}) 29 <div class="title">
26 <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length>1">批量删除</el-button> 30 申请单元列表({{ unitData.length }})
31 <el-button
32 type="text"
33 class="batchDel"
34 @click="handleBatchDel"
35 v-if="unitData.length > 1"
36 >批量删除</el-button
37 >
27 </div> 38 </div>
28 <el-menu :default-active="activeIndex" @select="unitClick"> 39 <el-menu :default-active="activeIndex" @select="unitClick">
29 <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> 40 <el-menu-item
41 v-for="(item, index) in unitData"
42 :index="index.toString()"
43 :key="index"
44 >
30 <div> 45 <div>
31 <p>{{ item.bdcdyh }}</p> 46 <p>{{ item.bdcdyh }}</p>
32 <p class="title-detail">{{ item.zl }}</p> 47 <p class="title-detail">{{ item.zl }}</p>
33 </div> 48 </div>
34 <i class="el-icon-delete" v-if="unitData.length>1" @click.stop="handleDel(item)"></i> 49 <i
50 class="el-icon-delete"
51 v-if="unitData.length > 1"
52 @click.stop="handleDel(item)"
53 ></i>
35 </el-menu-item> 54 </el-menu-item>
36 </el-menu> 55 </el-menu>
37 </div> 56 </div>
38 <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" 57 <div
39 () => { 58 class="map-drawer-click map-drawer"
40 this.isShowdrawer = !this.isShowdrawer; 59 v-if="!isShowdrawer"
41 } 60 @click="
42 "></div> 61 () => {
43 <div class="map-drawer-expand map-drawer" v-else @click=" 62 this.isShowdrawer = !this.isShowdrawer;
44 () => { 63 }
45 this.isShowdrawer = !this.isShowdrawer; 64 "
46 } 65 ></div>
47 "></div> 66 <div
67 class="map-drawer-expand map-drawer"
68 v-else
69 @click="
70 () => {
71 this.isShowdrawer = !this.isShowdrawer;
72 }
73 "
74 ></div>
48 </div> 75 </div>
49 <div class="leftCon"> 76 <div class="leftCon">
50 <!-- 分屏左侧预览 --> 77 <!-- 分屏左侧预览 -->
...@@ -54,14 +81,28 @@ ...@@ -54,14 +81,28 @@
54 <!-- 表单内容区域 --> 81 <!-- 表单内容区域 -->
55 <div class="rightContainer"> 82 <div class="rightContainer">
56 <el-tabs v-model="tabName" @tab-click="tabClick"> 83 <el-tabs v-model="tabName" @tab-click="tabClick">
57 <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> 84 <el-tab-pane
85 :label="item.name"
86 :name="item.value"
87 v-for="item in tabList"
88 :key="item.value"
89 >
58 </el-tab-pane> 90 </el-tab-pane>
59 </el-tabs> 91 </el-tabs>
60 <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> 92 <component
93 :key="fresh"
94 :is="componentTag"
95 v-bind="currentSelectProps"
96 />
61 </div> 97 </div>
62 </div> 98 </div>
63 </div> 99 </div>
64 <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> 100 <fqsqDialog
101 v-model="isDialog"
102 :djywbm="$route.query.sqywbm"
103 :isJump="true"
104 @updateDialog="updateDialog"
105 />
65 </div> 106 </div>
66 </template> 107 </template>
67 108
...@@ -76,25 +117,25 @@ import { ...@@ -76,25 +117,25 @@ import {
76 record, 117 record,
77 getNextLinkInfo, 118 getNextLinkInfo,
78 completeTask, 119 completeTask,
79 } from "@/api/fqsq.js" 120 } from "@/api/fqsq.js";
80 import { deleteBdcdy } from "@/api/ywbl.js" 121 import { deleteBdcdy } from "@/api/ywbl.js";
81 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js" 122 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js";
82 import { getForm } from "./flowform.js" 123 import { getForm } from "./flowform.js";
83 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue" 124 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue";
84 import { queueDjywmc } from '@/views/ywbl/ywsq/slectBdcdata.js'; 125 import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js";
85 export default { 126 export default {
86 components: { 127 components: {
87 fqsqDialog 128 fqsqDialog,
88 }, 129 },
89 data () { 130 data() {
90 return { 131 return {
91 isDialog: false, 132 isDialog: false,
92 // 流程图 133 // 流程图
93 imgSrc: '', 134 imgSrc: "",
94 // 折叠 135 // 折叠
95 isShowdrawer: true, 136 isShowdrawer: true,
96 // 默认选中 137 // 默认选中
97 activeIndex: '0', 138 activeIndex: "0",
98 //受理申请标识码 139 //受理申请标识码
99 bsmSlsq: this.$route.query.bsmSlsq, 140 bsmSlsq: this.$route.query.bsmSlsq,
100 //当前流程所在环节 141 //当前流程所在环节
...@@ -123,62 +164,64 @@ export default { ...@@ -123,62 +164,64 @@ export default {
123 clxxIndex: "", 164 clxxIndex: "",
124 //材料信息选项卡对象 165 //材料信息选项卡对象
125 clxxTab: {}, 166 clxxTab: {},
126 } 167 };
127 }, 168 },
128 mounted () { 169 mounted() {
129 this.loadBdcdylist(); 170 this.loadBdcdylist();
130 this.flowInitParam(); 171 this.flowInitParam();
131 }, 172 },
132 methods: { 173 methods: {
133 // 更新列表 174 // 更新列表
134 updateDialog () { 175 updateDialog() {
135 this.loadBdcdylist(); 176 this.loadBdcdylist();
136 }, 177 },
137 // 删除左侧列表 178 // 删除左侧列表
138 handleDel (item) { 179 handleDel(item) {
139 this.$confirm('确定要删除吗, 是否继续?', '提示', { 180 this.$confirm("确定要删除吗, 是否继续?", "提示", {
140 confirmButtonText: '确定', 181 confirmButtonText: "确定",
141 cancelButtonText: '取消', 182 cancelButtonText: "取消",
142 type: 'warning' 183 type: "warning",
143 }).then(() => {
144 deleteBdcdy({
145 bsmSlsq: this.bsmSlsq,
146 bsmSldyList: item.bsmSldy.split(',')
147 }).then(res => {
148 if (res.code == 200) {
149 this.$message.success("删除成功");
150 this.loadBdcdylist();
151 }else{
152 this.$message.error(res.message)
153 }
154 })
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 })
160 }) 184 })
185 .then(() => {
186 deleteBdcdy({
187 bsmSlsq: this.bsmSlsq,
188 bsmSldyList: item.bsmSldy.split(","),
189 }).then((res) => {
190 if (res.code == 200) {
191 this.$message.success("删除成功");
192 this.loadBdcdylist();
193 } else {
194 this.$message.error(res.message);
195 }
196 });
197 })
198 .catch(() => {
199 this.$message({
200 type: "info",
201 message: "已取消删除",
202 });
203 });
161 }, 204 },
162 handleBatchDel () { 205 handleBatchDel() {
163 let that = this; 206 let that = this;
164 this.$popup({ 207 this.$popup({
165 title: '批量删除', 208 title: "批量删除",
166 width: '50%', 209 width: "50%",
167 btnShow: true, 210 btnShow: true,
168 editItem: 'workflow/components/batchDel', 211 editItem: "workflow/components/batchDel",
169 height: '600px', 212 height: "600px",
170 formData: { 213 formData: {
171 bsmSlsq: this.bsmSlsq, 214 bsmSlsq: this.bsmSlsq,
172 dataList: this.unitData 215 dataList: this.unitData,
173 }, 216 },
174 cancel: function () { }, //取消事件的回调 217 cancel: function () {}, //取消事件的回调
175 confirm: function () { 218 confirm: function () {
176 that.loadBdcdylist(); 219 that.loadBdcdylist();
177 }, //确认事件的回调 220 }, //确认事件的回调
178 }) 221 });
179 }, 222 },
180 //加载流程初始参数 223 //加载流程初始参数
181 flowInitParam () { 224 flowInitParam() {
182 var formdata = new FormData(); 225 var formdata = new FormData();
183 formdata.append("bsmSlsq", this.bsmSlsq); 226 formdata.append("bsmSlsq", this.bsmSlsq);
184 formdata.append("bestepid", this.bestepid); 227 formdata.append("bestepid", this.bestepid);
...@@ -200,7 +243,7 @@ export default { ...@@ -200,7 +243,7 @@ export default {
200 //默认加载第一个选项卡的组件内容 243 //默认加载第一个选项卡的组件内容
201 this.getFromRouter(res.result.form[0].value); 244 this.getFromRouter(res.result.form[0].value);
202 } 245 }
203 }) 246 });
204 }, 247 },
205 //流程环节操作按钮 248 //流程环节操作按钮
206 operation (index, item) { 249 operation (index, item) {
...@@ -210,39 +253,59 @@ export default { ...@@ -210,39 +253,59 @@ export default {
210 switch (item.value) { 253 switch (item.value) {
211 case "B0": 254 case "B0":
212 // let type = queueDjywmc(this.$route.query.sqywbm) 255 // let type = queueDjywmc(this.$route.query.sqywbm)
213 this.isDialog = true 256 this.isDialog = true;
214 break; 257 break;
215 case "B1": 258 case "B1":
216 getWorkFlowImage(this.bsmSlsq).then(res => { 259 getWorkFlowImage(this.bsmSlsq).then((res) => {
217 this.imgSrc = URL.createObjectURL(res) 260 this.imgSrc = URL.createObjectURL(res);
218 this.$popup({ 261 this.$popup({
219 title: '流程图', 262 title: "流程图",
220 btnShow: true, 263 btnShow: true,
221 editItem: 'workflow/components/flowChart', 264 editItem: "workflow/components/flowChart",
222 formData: this.imgSrc 265 formData: this.imgSrc,
223 }) 266 });
224 }) 267 });
225 break;
226 case "B5":
227 this.zsylFlag = true;
228 break; 268 break;
229 case "B2": //材料分屏按钮 269 case "B2": //材料分屏按钮
230 this.splitScreen = this.splitScreen ? false : true; 270 this.splitScreen = this.splitScreen ? false : true;
231 this.$store.dispatch('app/settScreen', this.splitScreen) 271 this.$store.dispatch("app/settScreen", this.splitScreen);
232 if (this.splitScreen) { 272 if (this.splitScreen) {
233 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容 273 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
234 if (this.tabName == this.clxxTab.value) { 274 if (this.tabName == this.clxxTab.value) {
235 this.tabName = this.tabList[this.clxxIndex - 1].value; 275 this.tabName = this.tabList[this.clxxIndex - 1].value;
236 this.getFromRouter(this.tabList[this.clxxIndex - 1].value); 276 this.getFromRouter(this.tabList[this.clxxIndex - 1].value);
237 } 277 }
278 //删除材料信息选项卡数据
238 this.tabList.splice(this.clxxIndex, 1); 279 this.tabList.splice(this.clxxIndex, 1);
239 } else { 280 } else {
240 this.tabList.splice(this.clxxIndex, 1, this.clxxTab); 281 //新增材料信息选项卡数据
282 this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
241 } 283 }
242 break; 284 break;
285 case "B4":
286 this.$popup({
287 titleStyle: "left",
288 title: "登记簿详情", // 弹窗标题
289 editItem: "registerBook/djbFrame", // 弹窗内容
290 formData: this.currentSelectProps,
291 width: "1220px",
292 height: "790px",
293 // cancelText: '取消摆烂', // 右边按钮文本
294 // confirmText: '确定点击', //左边按钮文本
295 cancel: () => {
296 console.log("取消回调");
297 },
298 confirm: () => {
299 console.log("确认回调");
300 },
301 });
302 break;
303 case "B5":
304 this.zsylFlag = true;
305 break;
243 case "back": //退回按钮 306 case "back": //退回按钮
244 break; 307 break;
245 case "transfer": //转件按钮 308 case "transfer": //转件按钮
246 getNextLinkInfo({ 309 getNextLinkInfo({
247 bsmSlsq: this.bsmSlsq, 310 bsmSlsq: this.bsmSlsq,
248 bestepid: this.bestepid, 311 bestepid: this.bestepid,
...@@ -276,7 +339,7 @@ export default { ...@@ -276,7 +339,7 @@ export default {
276 } 339 }
277 }, 340 },
278 //读取申请单元信息 341 //读取申请单元信息
279 loadBdcdylist () { 342 loadBdcdylist() {
280 var formdata = new FormData(); 343 var formdata = new FormData();
281 formdata.append("bsmSlsq", this.bsmSlsq); 344 formdata.append("bsmSlsq", this.bsmSlsq);
282 formdata.append("bestepid", this.bestepid); 345 formdata.append("bestepid", this.bestepid);
...@@ -285,25 +348,25 @@ export default { ...@@ -285,25 +348,25 @@ export default {
285 this.unitData = res.result; 348 this.unitData = res.result;
286 this.currentSelectProps = res.result[0]; 349 this.currentSelectProps = res.result[0];
287 } 350 }
288 }) 351 });
289 }, 352 },
290 //申请单元点击事件 353 //申请单元点击事件
291 unitClick (index) { 354 unitClick(index) {
292 if (this.currentSelectProps.bsmSldy != this.unitData[index].bsmSldy) { 355 if (this.currentSelectProps.bsmSldy != this.unitData[index].bsmSldy) {
293 this.currentSelectProps = this.unitData[index]; 356 this.currentSelectProps = this.unitData[index];
294 this.fresh += 1; 357 this.fresh += 1;
295 } 358 }
296 }, 359 },
297 //表单选项卡事件 360 //表单选项卡事件
298 tabClick (tab, event) { 361 tabClick(tab, event) {
299 this.getFromRouter(tab.name); 362 this.getFromRouter(tab.name);
300 }, 363 },
301 //切换选项卡内容组件 364 //切换选项卡内容组件
302 getFromRouter (tabname) { 365 getFromRouter(tabname) {
303 this.componentTag = getForm(tabname); 366 this.componentTag = getForm(tabname);
304 }, 367 },
305 //发送下一个环节 368 //发送下一个环节
306 send (obj) { 369 send(obj) {
307 const h = this.$createElement; 370 const h = this.$createElement;
308 this.$msgbox({ 371 this.$msgbox({
309 title: "您确定转出吗？", 372 title: "您确定转出吗？",
...@@ -322,7 +385,7 @@ export default { ...@@ -322,7 +385,7 @@ export default {
322 completeTask({ 385 completeTask({
323 bsmSlsq: this.bsmSlsq, 386 bsmSlsq: this.bsmSlsq,
324 shyj: "this.bestepid", 387 shyj: "this.bestepid",
325 stepform: JSON.stringify(this.tabList) 388 stepform: JSON.stringify(this.tabList),
326 }).then((res) => { 389 }).then((res) => {
327 if (res.code === 200) { 390 if (res.code === 200) {
328 instance.confirmButtonLoading = false; 391 instance.confirmButtonLoading = false;
...@@ -342,10 +405,10 @@ export default { ...@@ -342,10 +405,10 @@ export default {
342 }).then((action) => { 405 }).then((action) => {
343 this.$message({ 406 this.$message({
344 type: "info", 407 type: "info",
345 message: "action: " + action 408 message: "action: " + action,
346 }) 409 });
347 }) 410 });
348 } 411 },
349 } 412 },
350 } 413 };
351 </script> 414 </script>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -116,7 +116,7 @@ export default { ...@@ -116,7 +116,7 @@ export default {
116 editItem: 'registerBook/djbFrame', // 弹窗内容 116 editItem: 'registerBook/djbFrame', // 弹窗内容
117 formData: scroll, 117 formData: scroll,
118 width:"1220px", 118 width:"1220px",
119 height:"835px", 119 height:"790px",
120 // cancelText: '取消摆烂', // 右边按钮文本 120 // cancelText: '取消摆烂', // 右边按钮文本
121 // confirmText: '确定点击', //左边按钮文本 121 // confirmText: '确定点击', //左边按钮文本
122 cancel: () => { 122 cancel: () => {
......