| | |
|---|
| | | <!-- |
|---|
| | | * @Date: 2024-01-05 23:47:53 |
|---|
| | | * @LastEditors: Sneed |
|---|
| | | * @LastEditTime: 2024-01-14 16:50:48 |
|---|
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/Map/Map.vue |
|---|
| | | * @LastEditTime: 2024-01-16 22:37:15 |
|---|
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/mapPreview/Map.vue |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | | <div class="map"> |
|---|
| | | <div class="map-container" v-if="!addStatus"> |
|---|
| | | <div class="table-tool" v-if="status !== 2"> |
|---|
| | | <el-button style="width: 150px;" type="primary" size="mini" @click="save">保存</el-button> |
|---|
| | | <el-button style="width: 150px;" size="mini" @click="out">退出</el-button> |
|---|
| | | <el-input v-show="status !==2" v-model="rows" /> |
|---|
| | | <el-input v-show="status !==2" v-model="cols" /> |
|---|
| | | <el-button size="mini" v-show="status !==2" @click="createMap">生成地图</el-button> |
|---|
| | | <div class="plant-name" v-if="status===2">{{plantName}}</div> |
|---|
| | | <el-input class="plant-name" v-if="status!==2" v-model="plantName" placeholder="请输入厂名"/> |
|---|
| | | </div> |
|---|
| | | <div class="table" :class="$route.name ==='preview' ? 'active' : ''" > |
|---|
| | | <div class="table-action" :style="position" v-show="showAction && status !== 2"> |
|---|
| | | <div @click="merge">合并</div> |
|---|
| | | <div @click="split">拆分</div> |
|---|
| | | <div @click="sign(1)">过道</div> |
|---|
| | | <div @click="sign(2)">机床</div> |
|---|
| | | <div @click="sign(0)">取消</div> |
|---|
| | | <div @click="edit" v-if="showEdit">修改机床</div> |
|---|
| | | <!-- <div>增加行</div> --> |
|---|
| | | <!-- <div>删除行</div> --> |
|---|
| | | <!-- <div>增加列</div> --> |
|---|
| | | <!-- <div>删除列</div> --> |
|---|
| | | </div> |
|---|
| | | <div :style="{width: (cols * height + 'px'),height: rows * height + 'px'}"> |
|---|
| | | <table > |
|---|
| | | <tr v-for="(item, index) in map" :key="index"> |
|---|
| | |
|---|
| | | :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 && !v.id" src="./img/+.png" alt=""> |
|---|
| | | <!-- <div v-show="v.id" class="machine"> |
|---|
| | | <p>YKX123123213</p> |
|---|
| | | <div> |
|---|
| | | <div class="img"> |
|---|
| | | <img src="./img/machine.png" alt=""> |
|---|
| | | </div> |
|---|
| | | <ul> |
|---|
| | | <li> |
|---|
| | | <img src="./img/sd.png" alt=""> |
|---|
| | | <div> |
|---|
| | | <p>0.00%</p> |
|---|
| | | <p>能力利用率</p> |
|---|
| | | </div> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <img src="./img/sd.png" alt=""> |
|---|
| | | <div> |
|---|
| | | <p>0.00%</p> |
|---|
| | | <p>能力利用率</p> |
|---|
| | | </div> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <img src="./img/sd.png" alt=""> |
|---|
| | | <div> |
|---|
| | | <p>0.00%</p> |
|---|
| | | <p>能力利用率</p> |
|---|
| | | </div> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> --> |
|---|
| | | <Device v-if="v.id" :id="v.id" style="width: 100%;height: 100%;"></Device> |
|---|
| | | <!-- <Device v-if="v.id" :id="v.id" style="width: 100%;height: 100%;"></Device> --> |
|---|
| | | <Device v-if="v.id" :id="v.id" style="width: 100%;height: 100%;" :deviceList="deviceList" |
|---|
| | | :plantDeviceList="plantDeviceList" ::info="info"></Device> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <addMachine :id="id" :machineid="machineid" @setmachineId="setmachineId" v-else @close="close"/> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </template> |
|---|
