From 451228f9adb23cca3fed4ec19fd45ebaa2aedd0f Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期四, 08 四月 2021 09:42:54 +0800 Subject: [PATCH] 统计表弹框 --- src/components/table/summarySheets.vue | 67 +++++++++++++++++++++------------ 1 files changed, 42 insertions(+), 25 deletions(-) diff --git a/src/components/table/summarySheets.vue b/src/components/table/summarySheets.vue index dcd7169..9411a28 100644 --- a/src/components/table/summarySheets.vue +++ b/src/components/table/summarySheets.vue @@ -1,23 +1,31 @@ <template> - <div class="summary-sheets"> - <div :class='["iconBtn",summaryVisible ? "active-button" : ""]' @click="closeBtn"> - <img src="@assets/images/map-pages/icon/toolbox/table.png" alt="" class="icon"> - <span class="icon-name">缁熻琛�</span> - </div> - <Dialog ref="summarySheets" title="浼佷笟鎸囨爣鍒嗙被缁熻"> - <tab-handover></tab-handover> - </Dialog > + <div class="summary-sheets"> + <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="缁熻琛�" placement="left"> + <div :class='["iconBtn",summaryVisible ? "active-button" : ""]' @click="closeBtn"> + <img src="@assets/images/map-pages/icon/toolbox/table.png" alt="" class="icon"> + <!--<span class="icon-name">缁熻琛�</span>--> + </div> + </el-tooltip> + <!-- <Dialog ref="summarySheets" title="浼佷笟鎸囨爣鍒嗙被缁熻">--> + <!-- <tab-handover></tab-handover>--> + <!-- </Dialog >--> + <div class="dialog" v-drag> + <tab-handover></tab-handover> </div> + </div> </template> <script> import tabHandover from '@components/table/components/tabHandover' -import Dialog from '@views/popup/Dialog' +// import Dialog from '@views/popup/Dialog' + +import '@/components/BaseNav/SolidWaste/directive/dir' + export default { name: 'summary-sheet.vue', components: { - tabHandover, - Dialog + tabHandover + // Dialog }, data () { return { @@ -44,19 +52,28 @@ </script> <style scoped lang="less"> - .summary-sheets { - position: absolute; - top: 0.42979rem; - left: 0.14583rem; - /*width: 850px;*/ - /*height: 265px;*/ - z-index:500; +.summary-sheets { + position: absolute; + top: 0.42979rem; + left: 0.14583rem; + /*width: 850px;*/ + /*height: 265px;*/ + z-index: 500; - /*color: #fff;*/ - .el-icon-c-scale-to-original { - width: 30px; - height: 30px; - font-size: 30px; - } - } + .dialog { + width: 800px; + height: 300px; + position: absolute; + top: 15%; + left: 3rem; + } + + /*color: #fff;*/ + + .el-icon-c-scale-to-original { + width: 30px; + height: 30px; + font-size: 30px; + } +} </style> -- Gitblit v1.8.0