From 1bbce96c3e694c834a830b2c038f9303e35895b5 Mon Sep 17 00:00:00 2001 From: YANGDL <114714267@qq.com> Date: 星期五, 12 三月 2021 20:57:29 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/components/table/summarySheets.vue | 94 +++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 94 insertions(+), 0 deletions(-) diff --git a/src/components/table/summarySheets.vue b/src/components/table/summarySheets.vue new file mode 100644 index 0000000..e4bd2ef --- /dev/null +++ b/src/components/table/summarySheets.vue @@ -0,0 +1,94 @@ +<template> + <div class="summary-sheets"> + <div id="summary"> + <el-row type="flex" class="head-area" align="middle"> + <el-col> + <span>浼佷笟鎸囨爣鍒嗙被缁熻</span> + </el-col> + <el-col class="head-area-button"> + <el-button style="float: right; padding: 3px 0" icon="el-icon-close" type="info" @click="closebtn"></el-button> + </el-col> + </el-row> +<!-- <el-tabs class="tabs-text">--> + <el-row :gutter="20" class="el-rowscol"> + <el-col> + <el-tabs class="tabs-text" v-model="activeName" type="border-card" @tab-click="handleClick"> + <el-tab-pane label="搴熸按" name="first"> + <waste-water></waste-water> + </el-tab-pane> + <el-tab-pane label="搴熸皵" name="second"> + <waste-gas></waste-gas> + </el-tab-pane> + <el-tab-pane label="鍥哄簾" name="third"> + <solid-waste></solid-waste> + </el-tab-pane> + <el-tab-pane label="绌烘皵璐ㄩ噺" name="fourth"> + <AirQuality></AirQuality> + </el-tab-pane> + </el-tabs> + </el-col> + </el-row> + </div> + </div> +</template> + +<script> +import WasteWater from '@/components/table/components/WasteWater.vue' +import WasteGas from './components/WasteGas' +import SolidWaste from './components/SolidWaste' +import AirQuality from './components/AirQuality' +export default { + name: 'summary sheet.vue', + components: { + WasteWater, + WasteGas, + SolidWaste, + AirQuality + }, + data () { + return { + activeName: 'first' + } + }, + methods: { + handleClick (tab, event) { + console.log(tab, event) + }, + closebtn () { + const summary = document.getElementById('summary') + summary.style.display = 'none' + console.log(1) + } + } +} +</script> + +<style> + .summary-sheets { + position: absolute; + top: 50px; + left: 50px; + /*width: 850px;*/ + /*height: 265px;*/ + border: #90c8e0 1px solid; + z-index:9999999; + background-color: rgba(26, 73, 81, 0.901960784313726); + /*color: #fff;*/ + } + .head-area{ + color: #fff; + width: 100%; + height: 40px; + background-color: #002433; + font-size: 16px; + border-bottom: #90c8e0 2px solid; + padding-left: 16px; + /*line-height: 40px;*/ + } + .head-area-button{ + margin-right: 5px; + } + .tabs-text{ + background-color: rgba(26, 73, 81, 0.901960784313726); + } +</style> -- Gitblit v1.8.0