Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
861da534 by 任超
Options

style:业务申请

1 parent 8fd3ab4e
Inline Side-by-side
Showing 4 changed files with 46 additions and 38 deletions
...@@ -4,14 +4,14 @@ ...@@ -4,14 +4,14 @@
4 <div class="ls-mask-window" :style="{'width':width,'height':height}"> 4 <div class="ls-mask-window" :style="{'width':width,'height':height}">
5 <div class="ls-head"> 5 <div class="ls-head">
6 <div class="ls-title" :style="{'text-align':titleStyle}"> 6 <div class="ls-title" :style="{'text-align':titleStyle}">
7 <svg-icon v-if="iconClass!=''" :icon-class='iconClass' /> 7 <svg-icon v-if="iconClass!=''" :icon-class='iconClass' />
8 <b>{{title}}</b> 8 <b>{{title}}</b>
9 </div> 9 </div>
10 <svg-icon icon-class='close' class="closeStyle" @click="onCancel" /> 10 <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
11 </div> 11 </div>
12 12
13 <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight + 'px'}"> 13 <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight + 'px'}">
14 <component :is="editItem" ref='childRef' @loading='loadingFn' :formData='formData' /> 14 <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' />
15 </div> 15 </div>
16 <div class="ls-mask-footer"> 16 <div class="ls-mask-footer">
17 <el-button type="primary" @click="onConfirm">{{confirmText}}</el-button> 17 <el-button type="primary" @click="onConfirm">{{confirmText}}</el-button>
...@@ -38,24 +38,25 @@ export default { ...@@ -38,24 +38,25 @@ export default {
38 width: "75%", 38 width: "75%",
39 height: "auto", 39 height: "auto",
40 formData: "",//父组件传递的参数 负责传给子组件 40 formData: "",//父组件传递的参数 负责传给子组件
41 contentHeight:"", 41 contentHeight: "",
42 iconClass:"", 42 iconClass: "",
43 key: 0
43 } 44 }
44 }, 45 },
45
46 props: { 46 props: {
47 loading: { type: Boolean, default: false }, 47 loading: { type: Boolean, default: false },
48 }, 48 },
49 watch: { 49 watch: {
50 isShow (a, b) { 50 isShow (a, b) {
51 this.key++
51 this.editItem = this.loadViewFn(this.editItem) 52 this.editItem = this.loadViewFn(this.editItem)
52 }, 53 },
53 }, 54 },
54 mounted(){ 55 mounted () {
55 // 计算滚动条高度 56 // 计算滚动条高度
56 setTimeout(() => { 57 setTimeout(() => {
57 this.contentHeight = this.$refs.contentRef.offsetHeight 58 this.contentHeight = this.$refs.contentRef.offsetHeight
58 }, 1000); 59 }, 1000)
59 }, 60 },
60 methods: { 61 methods: {
61 onCancel () { 62 onCancel () {
...@@ -80,7 +81,7 @@ export default { ...@@ -80,7 +81,7 @@ export default {
80 require.ensure([], () => 81 require.ensure([], () =>
81 r(require(`@/views/${view}.vue`)) 82 r(require(`@/views/${view}.vue`))
82 ); 83 );
83 }, 84 }
84 } 85 }
85 } 86 }
86 </script> 87 </script>
...@@ -109,21 +110,26 @@ export default { ...@@ -109,21 +110,26 @@ export default {
109 transform: translate(-50%, -50%); 110 transform: translate(-50%, -50%);
110 border-radius: 10px; 111 border-radius: 10px;
111 } 112 }
112 .ls-head{ 113
114 .ls-head {
113 position: relative; 115 position: relative;
114 } 116 }
117
115 .ls-mask-window b { 118 .ls-mask-window b {
116 padding-left: 5px; 119 padding-left: 5px;
117 } 120 }
118 .ls-title{ 121
122 .ls-title {
119 padding: 16px; 123 padding: 16px;
120 background: linear-gradient(2deg, #00CCFF, transparent); 124 background: linear-gradient(2deg, #00CCFF, transparent);
121 color: #ffffff; 125 color: #ffffff;
122 126
123 } 127 }
124 .ls-title .svg-icon{ 128
125 font-size: 18px; 129 .ls-title .svg-icon {
126 } 130 font-size: 18px;
131 }
132
127 .ls-mask-content { 133 .ls-mask-content {
128 padding: 20px; 134 padding: 20px;
129 text-align: center; 135 text-align: center;
...@@ -141,11 +147,11 @@ export default { ...@@ -141,11 +147,11 @@ export default {
141 bottom: 0px; 147 bottom: 0px;
142 right: 0px; 148 right: 0px;
143 box-shadow: 0px 0px 2px 0px; 149 box-shadow: 0px 0px 2px 0px;
144 border-radius: 0 0 10px 10px; 150 border-radius: 0 0 10px 10px;
145 } 151 }
146 152
147 153
148 /deep/.closeStyle{ 154 /deep/.closeStyle {
149 position: absolute; 155 position: absolute;
150 top: 17px; 156 top: 17px;
151 right: 12px; 157 right: 12px;
...@@ -153,10 +159,12 @@ export default { ...@@ -153,10 +159,12 @@ export default {
153 cursor: pointer; 159 cursor: pointer;
154 color: #ffffff; 160 color: #ffffff;
155 } 161 }
162
156 /deep/.el-loading-mask { 163 /deep/.el-loading-mask {
157 background: none; 164 background: none;
158 } 165 }
159 /deep/.el-button{ 166
167 /deep/.el-button {
160 margin: 15px 10px; 168 margin: 15px 10px;
161 width: 75px; 169 width: 75px;
162 } 170 }
......
...@@ -101,6 +101,7 @@ ...@@ -101,6 +101,7 @@
101 .iconName { 101 .iconName {
102 line-height: 24px; 102 line-height: 24px;
103 font-size: 12px; 103 font-size: 12px;
104 white-space: nowrap;
104 } 105 }
105 106
106 .container { 107 .container {
......
...@@ -153,11 +153,8 @@ export default { ...@@ -153,11 +153,8 @@ export default {
153 case "B0": 153 case "B0":
154 let type = queueDjywmc(this.$route.query.sqywbm) 154 let type = queueDjywmc(this.$route.query.sqywbm)
155 this.$popup({ 155 this.$popup({
156 title: '提示', // 弹窗标题 156 title: '查询权利信息',
157 editItem: 'ywbl/ywsq/components/' + type, 157 editItem: 'ywbl/ywsq/components/houseOwnership',
158 formData: this.formData, //父组件传给子组件的参数
159 cancel: function () { }, //取消事件的回调
160 confirm: function () { }, //确认事件的回调
161 }) 158 })
162 break; 159 break;
163 case "B1": 160 case "B1":
......
...@@ -116,9 +116,9 @@ export default { ...@@ -116,9 +116,9 @@ export default {
116 // 业务-登记情形选择 116 // 业务-登记情形选择
117 handleSelectYw (item, list) { 117 handleSelectYw (item, list) {
118 list.forEach(item => { 118 list.forEach(item => {
119 item.cselect = false 119 this.$set(item, 'cselect', false)
120 }) 120 })
121 item.cselect = !item.cselect 121 item.cselect = true
122 this.$store.dispatch('ywbl/setDjqxObj', { 122 this.$store.dispatch('ywbl/setDjqxObj', {
123 'djqxbm': item.nodecode, 123 'djqxbm': item.nodecode,
124 'djqxmc': item.nodename, 124 'djqxmc': item.nodename,
...@@ -141,18 +141,18 @@ export default { ...@@ -141,18 +141,18 @@ export default {
141 this.djlxList = [] 141 this.djlxList = []
142 }, 142 },
143 // 获取下个节点类型 143 // 获取下个节点类型
144 getNextNode (bsmSqyw) { 144 getNextNode (bsmSqyw, type) {
145 getNextNode(bsmSqyw).then(res => { 145 getNextNode(bsmSqyw).then(res => {
146 if (res.result.djqx) this.djqxList = res.result.djqx 146 if (res.result.djqx) this.djqxList = res.result.djqx
147 if (res.result.djlx) this.djlxList = res.result.djlx 147 if (res.result.djlx) this.djlxList = res.result.djlx
148 this.djqxList.forEach(item => { 148 if (type) {
149 this.$set(item, 'cselect', false) 149 this.djqxList.forEach(item => {
150 this.$set(item, 'select', false) 150 this.$set(item, 'cselect', false)
151 }) 151 })
152 this.djlxList.forEach(item => { 152 this.djlxList.forEach(item => {
153 this.$set(item, 'cselect', false) 153 this.$set(item, 'cselect', false)
154 this.$set(item, 'select', false) 154 })
155 }) 155 }
156 }) 156 })
157 }, 157 },
158 handleCollection (item) { 158 handleCollection (item) {
...@@ -165,6 +165,7 @@ export default { ...@@ -165,6 +165,7 @@ export default {
165 message: '收藏成功！', 165 message: '收藏成功！',
166 type: 'success' 166 type: 'success'
167 }) 167 })
168 that.getDataList()
168 } 169 }
169 }) 170 })
170 } else { 171 } else {
...@@ -175,6 +176,7 @@ export default { ...@@ -175,6 +176,7 @@ export default {
175 message: '取消收藏成功！', 176 message: '取消收藏成功！',
176 type: 'success' 177 type: 'success'
177 }) 178 })
179 that.getDataList()
178 } 180 }
179 }) 181 })
180 } 182 }
...@@ -197,7 +199,7 @@ export default { ...@@ -197,7 +199,7 @@ export default {
197 this.$store.dispatch('ywbl/setBsmSqyw', item.bsmSqyw) 199 this.$store.dispatch('ywbl/setBsmSqyw', item.bsmSqyw)
198 this.$store.dispatch('ywbl/setDjywbm', item.djywbm) 200 this.$store.dispatch('ywbl/setDjywbm', item.djywbm)
199 } else { 201 } else {
200 this.getNextNode(item.bsmSqyw) 202 this.getNextNode(item.bsmSqyw, false)
201 } 203 }
202 this.djqxList = [] 204 this.djqxList = []
203 }, 205 },
......