| | |
| | | <template> |
| | | <div id="mapInfo" class="modelBox" v-drag> |
| | | <div id="mapInfo" class="modelBox"> |
| | | <div> |
| | | <div class="modleTitle "> |
| | | <div>格网</div> |
| | |
| | | <div class="modelContent"> |
| | | |
| | | <el-form :model="modelOption" style="width: 100%;"> |
| | | <el-form-item label="网格大小(单位米)"> |
| | | <el-input-number v-model="cellSide "></el-input-number> |
| | | <el-form-item label="行数"> |
| | | <el-input-number v-model="row "></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="列数"> |
| | | <el-input-number v-model="col "></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item > |
| | | <el-button @click="setMenuRowsCols" size="mall">提交</el-button> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import menuGrid from '../../../assets/js/Layer/menuGrid'; |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | import drawGrid from '../../../assets/js/Layer/drawGrid'; |
| | | export default { |
| | | name: "modelEdit", |
| | | components: { |
| | |
| | | |
| | | }, |
| | | |
| | | cellSide: 3, |
| | | row: 3, |
| | | col: 3, |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | this.modelOption = mapInfo.mssageInfo; |
| | | }, |
| | | setMenuRowsCols(){ |
| | | menuGrid.setGridRowCol({cellSide:this.cellSide}); |
| | | drawGrid.setGridRowCol({row:this.row,col:this.col}); |
| | | } |
| | | } |
| | | }; |