| | |
| | | <!-- |
| | | * @Date: 2024-01-05 23:47:53 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-12 00:22:57 |
| | | * @LastEditTime: 2024-01-12 00:35:17 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/Map/Map.vue |
| | | --> |
| | | <template> |
| | |
| | | <!-- <div>删除列</div> --> |
| | | </div> |
| | | <table> |
| | | <tr v-for="(item, index) in mapNew" :key="index"> |
| | | <tr v-for="(item, index) in map" :key="index"> |
| | | <td v-if="v.rowspan !==0 && v.colspan!==0" |
| | | :style="{ |
| | | 'width': v.type ===1 ? '20px' : v.colspan * 20 + 'px!important', |
| | | 'height': v.type ===1 ? '20px' : v.rowspan * 20+ 'px!important' |
| | | }" |
| | | :width="v.type ===1 ? '20px' : v.colspan * 400 + 'px'" |
| | | :height="v.type ===1 ? '20px' : v.rowspan * 100+ 'px'" |
| | | :class="{'active': (range.x !=='' && v.rowIndex >=range.x && v.rowIndex<=range.x1 && v.colIndex>=range.y && v.colIndex<=range.y1),aisle: v.type ===1}" @mousedown="e => onMousedown(e, v)" @mousemove="e => onMouseMove(e, v)" v-for="v in item" |
| | | :rowspan="v.rowspan" :colspan="v.colspan" :key="v.rowIndex + '-' + v.colIndex"> |
| | | <img @click="addDevice($event,v)" @mousedown="e => e.stopPropagation()" v-if="v.type ===2 && status!==2" src="./img/+.png" alt=""> |
| | |
| | | } |
| | | |
| | | table { |
| | | width: 100%; |
| | | width: 2000px; |
| | | height: 100%; |
| | | |
| | | border-collapse: collapse; |
| | | table-layout: fixed; |
| | | // table-layout: fixed; |
| | | word-wrap: break-word; |
| | | overflow: hidden; |
| | | |