| | |
| | | :disabled="!isShowIcon" |
| | | popper-class="popovers"> |
| | | <ChemicalWastewater v-show="$index ===1"></ChemicalWastewater> |
| | | <i class="el-icon-caret-right" :class="{active: isActive === $index}" slot="reference" @click="doIcon($index)"></i> |
| | | <i class="el-icon-caret-right" :class="{active: isActive === $index}" slot="reference" |
| | | @click="doIcon($index)"></i> |
| | | <!-- <i class="el-icon-caret-bottom" slot="reference" v-else @click="doIcon($index)"></i>--> |
| | | </el-popover> |
| | | </template> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="UserName" label="企业名称" width="120px"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.UserName==='集团名称'" style="color: #00ffff">{{scope.row.UserName}}</div> |
| | | <div v-else-if="scope.row.UserName==='天津石化'" style="color: #00ffff">{{scope.row.UserName}}</div> |
| | | <div v-else >{{scope.row.UserName}}</div> |
| | | <div v-if="scope.row.UserName==='集团名称'" style="color: #00ffff">{{ scope.row.UserName }}</div> |
| | | <div v-else-if="scope.row.UserName==='天津石化'" style="color: #00ffff">{{ scope.row.UserName }}</div> |
| | | <div v-else>{{ scope.row.UserName }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="WasteWaters" label="外排废水量(m³)" width="100px"></el-table-column> |
| | |
| | | <el-table-column label="排放口检测统计状态"> |
| | | <el-table-column prop="normal" label="正常" width="60px"> |
| | | <template slot-scope="{row,$index}"> |
| | | <u v-if="$index!=2" >{{row.normal}}</u> |
| | | <u v-if="$index!=2">{{ row.normal }}</u> |
| | | <el-popover v-else |
| | | placement="bottom-end" |
| | | width="200" |
| | |
| | | title="监测点明细表" |
| | | > |
| | | <refinery></refinery> |
| | | <u slot="reference" style="color: #00ffff">{{row.normal}}</u> |
| | | <u slot="reference" style="color: #00ffff">{{ row.normal }}</u> |
| | | <!-- <i class="el-icon-caret-bottom" v-else-if="isShowIcon&&scope.row.index===1"></i>--> |
| | | <!-- <i v-if="isShowIcon" class="el-icon-caret-bottom" slot="reference" @click="isbtn"></i>--> |
| | | <!-- <i v-else class="el-icon-caret-right" slot="reference" @click="isbtn"></i>--> |
| | |
| | | <el-table-column prop="StopProduction" label="停产" width="60px"></el-table-column> |
| | | <el-table-column prop="deficiency" label="缺失" width="60px"> |
| | | <template slot-scope="{row,$index}"> |
| | | <u v-if="$index!=1" >{{row.deficiency}}</u> |
| | | <u v-if="$index!=1">{{ row.deficiency }}</u> |
| | | <el-popover v-else |
| | | placement="bottom-end" |
| | | width="200" |
| | |
| | | popper-class="popovers" |
| | | > |
| | | <MissingAlarm></MissingAlarm> |
| | | <u slot="reference" style="color: #00ffff">{{row.deficiency}}</u> |
| | | <u slot="reference" style="color: #00ffff">{{ row.deficiency }}</u> |
| | | </el-popover> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | import ChemicalWastewater from './componented/ChemicalWastewater' |
| | | import Refinery from '@components/table/components/componented/refinery' |
| | | import MissingAlarm from '@components/table/components/componented/MissingAlarm' |
| | | |
| | | export default { |
| | | name: 'SolidWaste', |
| | | components: { |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | tableHeaderColor ({ row, column, owIndex, columnIndex }) { |
| | | tableHeaderColor ({ |
| | | row, |
| | | column, |
| | | owIndex, |
| | | columnIndex |
| | | }) { |
| | | // return 'background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;font-wight:500;font-size:12px;text-align:center;height:0px' |
| | | }, |
| | | // 表头样式设置 |
| | | rowClass () { |
| | | rowClass () { |
| | | // return 'text-align: center;background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;width:64px' |
| | | }, |
| | | // 获取点击的表格 |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .popovers{ |
| | | <style lang="less" scoped> |
| | | .popovers { |
| | | width: auto !important; |
| | | background-color: gray !important; |
| | | } |
| | | .popovers.el-popover{ |
| | | padding:0; |
| | | |
| | | .popovers.el-popover { |
| | | padding: 0; |
| | | } |
| | | |
| | | .active { |
| | | /*color: red;*/ |
| | | transform:rotate(90deg); |
| | | transform: rotate(90deg); |
| | | } |
| | | |
| | | </style> |