派生自 wuyushui/SewerAndRainNetwork
| src/assets/css/map/map-panel-style.less | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/ToolBoxPanel.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/table/components/IndexStatistics.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/table/components/WasteWater.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/table/summarySheets.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/conf/Topic.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/assets/css/map/map-panel-style.less
@@ -48,7 +48,6 @@ } .el-dialog { height: 500px; border: 0.00521rem solid @color; box-shadow: 0 0 0.03rem @color; background: rgba(0, 16, 30, 0.8); @@ -222,33 +221,6 @@ margin-left: 10px; } .el-scrollbar__wrap { } .el-scrollbar__wrap::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .el-scrollbar__wrap::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; background: none; } .el-scrollbar__wrap::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: none; border-radius: 10px; } #el-scrollbar__wrap::-webkit-scrollbar-button { /*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/ background: #74D334; } /*******************操作按钮点击选中整体样式******************************/ .el-button { @@ -366,13 +338,6 @@ /*************** PublicTable 表格样式。*********************************/ .el-table { border: 1px solid #396d83 !important; .el-table__body-wrapper::-webkit-scrollbar { width: 0; height: 0; background: none; } .cell { padding: 0 3px !important; i { @@ -382,6 +347,13 @@ line-height: 12px; } } } .el-table--border{ border-bottom: 1px solid #ddd; } .el-dialog--center .el-dialog__body{ padding: 0.04rem; } .el-table--border th { @@ -431,6 +403,40 @@ padding: 0 !important; font-size: 0.01rem !important; } .el-scrollbar__wrap { } /*****滚动条***/ .scroll::-webkit-scrollbar, .el-table__body-wrapper::-webkit-scrollbar, .el-scrollbar__wrap::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px; } .scroll::-webkit-scrollbar-thumb, .el-table__body-wrapper::-webkit-scrollbar-thumb, .el-scrollbar__wrap::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; background: #000; } .scroll::-webkit-scrollbar-track, .el-table__body-wrapper::-webkit-scrollbar-track, .el-scrollbar__wrap::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: @background-color; border-radius: 10px; } /*********解决横向滚动**/ /***********************************************动画效果************/ .transition { src/components/panel/ToolBoxPanel.vue
@@ -2,13 +2,12 @@ <div class="left-top-toolbox-panel"> <div class="specific-tools"> <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="工具" placement="left"> <el-button :class="selectGroup === true ?'active-button':''" class="el-button-choice" @click.enter.native="changeSelectMouse"> <div :class='["iconBtn",selectGroup === true ? "active-button" : ""]' @click="changeSelectMouse" > <i class="icon iconfont icongongju"></i> <!--<span class="span-default">工具</span>--> </el-button> </div> </el-tooltip> <transition name="animationChange"> <el-row v-show="selectGroup" class="specific-tools-group"> <div v-show="selectGroup" class="specific-tools-group"> <el-popover trigger="manual" placement="bottom" @@ -18,13 +17,9 @@ v-model="isShow[index]" > <el-button slot="reference" class="el-button" :class="active === index? 'tools-panel-choose':''" @click.native="changeChoose(index)"> <!-- <img :src="item.iconSelecd" alt="" v-if="active === index"/> <img :src="item.icon" alt="" v-else/> --> <i :class="'icon iconfont '+item.icon"></i> </el-button> <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)" v-show="item.index!=='2'"> <!-- <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT && checkedItem" alt=""/> <img :src="itemT.icon" :title="itemT.title" alt="" v-else/> --> <i :class="'icon iconfont '+itemT.icon"></i> </el-button> <lc-base-map v-show="item.index==='2'"></lc-base-map> @@ -32,7 +27,7 @@ <!-- <el-button @click="changeSelect" class="special-button"> <i class="el-icon-d-arrow-left"></i> </el-button> --> </el-row> </div> </transition> </div> </div> @@ -437,6 +432,7 @@ margin: 0 0.015rem; width: 0.2725rem; height: 0.2725rem; color:#fff; background: @background-color; vertical-align: middle !important; font-size: 20px; @@ -487,9 +483,9 @@ z-index: 1; .tools-panel-choose { border: none; box-shadow: 0 0 0.03rem @color-shadow; border: 0.00521rem solid #fff700; box-shadow: 0 0 0.03rem #fff700; color:#fff700; img { width: 22px; height: 22px; src/components/table/components/IndexStatistics.vue
@@ -1,8 +1,8 @@ <template> <el-tabs v-model="activeName"> <el-tab-pane label="指标统计" name="first"> <el-table :data="tableData" > <el-table-column type="index" label="序号"></el-table-column> <el-table :data="tableData" :lock-scroll="true" class="scroll" > <el-table-column type="index" label="序号"></el-table-column> <el-table-column prop="date" label="单位名称"></el-table-column> <el-table-column prop="province" label="工业取水量(m3)"></el-table-column> <el-table-column prop="province" label="外排废水量(m3)"></el-table-column> src/components/table/components/WasteWater.vue
@@ -1,6 +1,6 @@ <template> <div class="waste-water"> <el-table class="tableBox" :data="tableData" @cell-click="handle"> <el-table class="tableBox" :data="tableData" style="width: 100%" @cell-click="handle"> <el-table-column width="30px" label=""> <template slot-scope="{row,$index}"> <!-- <i class="el-icon-caret-right" v-if="$index ===1"></i>--> src/components/table/summarySheets.vue
@@ -142,8 +142,8 @@ color:#fff; } .iconBtn.active-button{ border-color:#00fff6 !important; color:#00fff6 !important; //border-color:#00fff6 !important; //color:#00fff6 !important; } }
@@ -60,7 +60,7 @@ isShow: true, icon: 'iconguanxianxuncha', comp: '' }, { }/*, { name: '管道变更', id: 8, checked: false, @@ -74,4 +74,4 @@ isShow: true, icon: 'iconguanxianbiaozhu', comp: '' }] } */]
