| | |
| | | width="30px" |
| | | label="" |
| | | > |
| | | <template> |
| | | <template slot-scope="{row,$index}"> |
| | | <!-- <i class="el-icon-caret-right" v-if="$index ===1"></i>--> |
| | | <el-popover |
| | | placement="bottom" |
| | | trigger="click" |
| | | :disabled="!isShowIcon" |
| | | popper-class="popovers" |
| | | > |
| | | <ChemicalWastewater></ChemicalWastewater> |
| | | <i class="el-icon-caret-right" slot="reference" v-if="!isShowIcon" @click="doIcon"></i> |
| | | <!-- <i class="el-icon-caret-bottom" slot="reference" v-else-if="isShowIcon&&$index===1"></i>--> |
| | | <!-- <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-popover> |
| | | <!-- <i class="el-icon-caret-right" v-if="!isShowIcon"></i>--> |
| | | <!-- <i class="el-icon-caret-bottom" v-else-if="isShowIcon&&scope.row.index===1"></i>--> |
| | | <ChemicalWastewater v-show="$index ===1"></ChemicalWastewater> |
| | | <i class="el-icon-caret-right" slot="reference" v-if="!isShowIcon" @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 |
| | |
| | | <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>v- |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="WasteWaters" |
| | | label="外排废水量(m³)" |
| | |
| | | }, |
| | | data () { |
| | | return { |
| | | show: false, |
| | | isShowIcon: false, |
| | | tableData: [{ |
| | | UserName: '集团名称', |
| | |
| | | handle (row, column, event, cell) { |
| | | console.log(row.UserName) |
| | | }, |
| | | doIcon () { |
| | | console.log(1) |
| | | this.isShowIcon = !this.isShowIcon |
| | | doIcon (index) { |
| | | if (index === 1) { |
| | | this.isShowIcon = !this.isShowIcon |
| | | } else { |
| | | this.isShowIcon = false |
| | | } |
| | | } |
| | | } |
| | | } |