分割页面弹框重叠问题修改
Showing
2 changed files
with
23 additions
and
11 deletions
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | width="70%" | 6 | width="70%" |
| 7 | @close="close" | 7 | @close="close" |
| 8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
| 9 | center> | 9 | > |
| 10 | <div class="search"> | 10 | <div class="search"> |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="24"> | 12 | <el-col :span="24"> | ... | ... |
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | <el-tab-pane label="宗地分割" name="zd"> | 4 | <el-tab-pane label="宗地分割" name="zd"> |
| 5 | <div class="fg-tabs top20"> | 5 | <div class="fg-tabs top20"> |
| 6 | <span class="tips">分割前宗地信息</span> | 6 | <span class="tips">分割前宗地信息</span> |
| 7 | <el-button type="primary" class="addBtn" @click="newAdd" icon="el-icon-plus">新增</el-button> | 7 | <el-button type="primary" class="addBtn" @click="newAdd('zd')" icon="el-icon-plus">新增</el-button> |
| 8 | <div class="fgq"> | 8 | <div class="fgq"> |
| 9 | <el-card class="data"> | 9 | <el-card class="data"> |
| 10 | <div slot="header" class="clearfix"> | 10 | <div slot="header" class="clearfix"> |
| ... | @@ -171,7 +171,7 @@ | ... | @@ -171,7 +171,7 @@ |
| 171 | </template> | 171 | </template> |
| 172 | </table> | 172 | </table> |
| 173 | </div> | 173 | </div> |
| 174 | <zd-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :isZdClose="true" | 174 | <zd-query-data @getData="getData" :centerDialogVisible.sync="centerDialogZdVisible" :isZdClose="true" |
| 175 | @close="close"></zd-query-data> | 175 | @close="close"></zd-query-data> |
| 176 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> | 176 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
| 177 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> | 177 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> |
| ... | @@ -181,7 +181,7 @@ | ... | @@ -181,7 +181,7 @@ |
| 181 | <el-tab-pane label="多幢分割" name="dz"> | 181 | <el-tab-pane label="多幢分割" name="dz"> |
| 182 | <div class="fg-tabs top20"> | 182 | <div class="fg-tabs top20"> |
| 183 | <span class="tips">分割前多幢信息</span> | 183 | <span class="tips">分割前多幢信息</span> |
| 184 | <el-button type="primary" class="addBtn" @click="newAdd" icon="el-icon-plus">新增</el-button> | 184 | <el-button type="primary" class="addBtn" @click="newAdd('dz')" icon="el-icon-plus">新增</el-button> |
| 185 | <div class="fgq"> | 185 | <div class="fgq"> |
| 186 | <el-card class="data"> | 186 | <el-card class="data"> |
| 187 | <div slot="header" class="clearfix"> | 187 | <div slot="header" class="clearfix"> |
| ... | @@ -277,7 +277,7 @@ | ... | @@ -277,7 +277,7 @@ |
| 277 | </tr> | 277 | </tr> |
| 278 | </table> | 278 | </table> |
| 279 | </div> | 279 | </div> |
| 280 | <dz-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" | 280 | <dz-query-data @getData="getData" :centerDialogVisible.sync="centerDialogDzVisible" |
| 281 | :isClose="false" | 281 | :isClose="false" |
| 282 | @close="close"> | 282 | @close="close"> |
| 283 | </dz-query-data> | 283 | </dz-query-data> |
| ... | @@ -321,7 +321,8 @@ | ... | @@ -321,7 +321,8 @@ |
| 321 | data() { | 321 | data() { |
| 322 | return { | 322 | return { |
| 323 | tabName: 'zd', | 323 | tabName: 'zd', |
| 324 | centerDialogVisible: false, | 324 | centerDialogZdVisible: false, |
| 325 | centerDialogDzVisible: false, | ||
| 325 | zdFgqData: {}, // 宗地分割前数据 | 326 | zdFgqData: {}, // 宗地分割前数据 |
| 326 | mapDefault:require('@assets/images/map_default.png'), | 327 | mapDefault:require('@assets/images/map_default.png'), |
| 327 | dzFgqData: {}, //多幢分割前数据 | 328 | dzFgqData: {}, //多幢分割前数据 |
| ... | @@ -812,16 +813,27 @@ | ... | @@ -812,16 +813,27 @@ |
| 812 | } | 813 | } |
| 813 | }, | 814 | }, |
| 814 | close: function () { | 815 | close: function () { |
| 815 | this.centerDialogVisible = false; | 816 | this.centerDialogDzVisible = false; |
| 817 | this.centerDialogZdVisible = false; | ||
| 816 | }, | 818 | }, |
| 817 | newAdd: function () { | 819 | newAdd: function (type) { |
| 818 | this.result(); | 820 | this.result(); |
| 819 | this.centerDialogVisible = true; | 821 | switch (type) { |
| 822 | case 'dz': | ||
| 823 | this.centerDialogDzVisible = true; | ||
| 824 | break; | ||
| 825 | case 'zd': | ||
| 826 | this.centerDialogZdVisible = true; | ||
| 827 | break; | ||
| 828 | |||
| 829 | default: | ||
| 830 | break; | ||
| 831 | } | ||
| 820 | }, | 832 | }, |
| 821 | getData: function (data) { | 833 | getData: function (data) { |
| 822 | switch (this.tabName) { | 834 | switch (this.tabName) { |
| 823 | case "zd": | 835 | case "zd": |
| 824 | this.centerDialogVisible=false; | 836 | this.centerDialogZdVisible=false; |
| 825 | this.zdFgqData = data; | 837 | this.zdFgqData = data; |
| 826 | break; | 838 | break; |
| 827 | case "dz": | 839 | case "dz": |
| ... | @@ -830,7 +842,7 @@ | ... | @@ -830,7 +842,7 @@ |
| 830 | break | 842 | break |
| 831 | } | 843 | } |
| 832 | this.dzFgqData = data; | 844 | this.dzFgqData = data; |
| 833 | this.centerDialogVisible=false; | 845 | this.centerDialogDzVisible=false; |
| 834 | break; | 846 | break; |
| 835 | case "h": | 847 | case "h": |
| 836 | this.hFgqData = data; | 848 | this.hFgqData = data; | ... | ... |
-
Please register or sign in to post a comment