| | |
| | | <div v-if="item.type === 'text'"> |
| | | {{scope.row[item.prop]}} |
| | | </div> |
| | | <slot v-else name="operation" :info="scope"> |
| | | <div class="operationBox"> |
| | | <div class="divider" v-for="(child,index) in item.children" :key="child.operationName"> |
| | | <!-- @click="backMykey(scope.$index,child.mykey)" --> |
| | | <span>{{child.operationName}}</span> |
| | | <el-divider direction="vertical" v-if="index !== item.children.length-1"> |
| | | </el-divider> |
| | | </div> |
| | | </div> |
| | | <slot v-else-if="item.type === 'operation'" name="operation" :info="scope"> |
| | | |
| | | </slot> |
| | | <slot name="status" v-else-if="item.type === 'status'" :info="scope"> |
| | | </slot> |
| | | <div class=""></div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="tools" v-if="pageShow"> |
| | | <div class="funs"> |
| | | <div class="funsItem sp-item"> |
| | | <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox> |
| | |
| | | totalNum:{ |
| | | type:Number, |
| | | default:1 |
| | | }, |
| | | // 是否展示分页 |
| | | pageShow:{ |
| | | type: Boolean, |
| | | default: false, |
| | | } |
| | | }, |
| | | created(){ |
| | |
| | | .el-table { |
| | | color: #4b9bb7; |
| | | } |
| | | |
| | | .tools { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | |
| | | .funs { |
| | | display: flex; |
| | | |
| | | .sp-item{ |
| | | border: 1px solid #17324c; |
| | | } |
| | | |
| | | .funsItem { |
| | | line-height: 28px; |
| | | display: flex; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | &::v-deep .warning-row { |
| | | background-color: #06122c; |
| | | } |