From 7dc874389c669b0644c66d582ac1ed20b87bffd5 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期三, 14 四月 2021 15:25:28 +0800 Subject: [PATCH] 图表样式修改 --- src/components/table/components/componented/ChemicalWastewater.vue | 87 +++++++++++-------------------------------- 1 files changed, 22 insertions(+), 65 deletions(-) diff --git a/src/components/table/components/componented/ChemicalWastewater.vue b/src/components/table/components/componented/ChemicalWastewater.vue index 4bdfdd7..ecb78a1 100644 --- a/src/components/table/components/componented/ChemicalWastewater.vue +++ b/src/components/table/components/componented/ChemicalWastewater.vue @@ -1,67 +1,26 @@ <template> <div class="Chemical-Waste-water" id="Chemical-Waste-water"> - <el-row type="flex" class="head-area" align="middle"> + <!-- <el-row type="flex" class="head-area" align="middle"> <el-col> - <span>浼佷笟鎸囨爣鍒嗙被缁熻</span> + <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="closebtns"></el-button> - </el-col> - </el-row> - <el-table - class="tableBox" - :data="tableData" - > - <el-table-column - label="搴忓彿" - width="60px" - type="index"> - </el-table-column> - <el-table-column - prop="UserName" - label="浼佷笟鍚嶇О" - width="120px"> - </el-table-column> - <el-table-column - prop="WasteWaters" - label="宸ヤ笟澶栨帓搴熸按閲忥紙m鲁锛�" - width="200px"> - </el-table-column> + </el-row> --> + <div class="panel-title">鐩戞祴鐐规帓鏀炬槑缁�</div> + <el-table class="tableBox" :data="tableData"> + <el-table-column label="搴忓彿" width="60px" type="index"></el-table-column> + <el-table-column prop="UserName" label="浼佷笟鍚嶇О" width="120px"></el-table-column> + <el-table-column prop="WasteWaters" label="宸ヤ笟澶栨帓搴熸按閲忥紙m鲁锛�" width="200px"></el-table-column> <el-table-column label="浜х敓閲� 锛堝惃锛�"> - <el-table-column - prop="AddOutPut" - label="涓�鑸浐搴�" - width="100px"> - </el-table-column> - <el-table-column - prop="MonthOutPut" - label="鍗遍櫓搴熺墿" - width="100px"> - </el-table-column> + <el-table-column prop="AddOutPut" label="涓�鑸浐搴�" width="100px"></el-table-column> + <el-table-column prop="MonthOutPut" label="鍗遍櫓搴熺墿" width="100px"></el-table-column> </el-table-column> <el-table-column label="璐瓨鐘舵�侊紙涓級"> - <el-table-column - prop="normal" - label="姝e父" - width="100px"> - </el-table-column> - <el-table-column - prop="warning" - label="棰勮" - width="100px"> - </el-table-column> + <el-table-column prop="normal" label="姝e父" width="100px"></el-table-column> + <el-table-column prop="warning" label="棰勮" width="100px"></el-table-column> </el-table-column> <el-table-column label="璐瓨鐘舵�侊紙涓級"> - <el-table-column - prop="normal" - label="姝e父" - width="100px"> - </el-table-column> - <el-table-column - prop="warning" - label="棰勮" - width="100px"> - </el-table-column> + <el-table-column prop="normal" label="姝e父" width="100px"></el-table-column> + <el-table-column prop="warning" label="棰勮" width="100px"></el-table-column> </el-table-column> </el-table> </div> @@ -83,17 +42,14 @@ } }, methods: { - closebtns () { - // const summary = document.getElementById('Chemical-Waste-water') - // summary.style.display = 'none' - // console.log(1) - this.$emit('isshow') - } + // closeBtns () { + // this.$emit('isShow') + // } } } </script> <style scoped> - /*.Chemical-Waste-water {*/ + .Chemical-Waste-water { /* position:fixed;*/ /* top: 330px;*/ /* left: 65px;*/ @@ -101,9 +57,10 @@ /* !*height: 265px;*!*/ /* border: #90c8e0 1px solid;*/ /* z-index:3000;*/ - /* background-color: rgba(26, 73, 81, 0.901960784313726);*/ - /* !*color: #fff;*!*/ - /*}*/ + text-align: center; + background-color: rgba(26, 73, 81, 0.901960784313726); + color: #fff; + } /*.head-area{*/ /* color: #fff;*/ /* width: 100%;*/ -- Gitblit v1.8.0