全局添加输入框空格校验
This commit is contained in:
@@ -1,55 +1,29 @@
|
||||
<template>
|
||||
<el-dialog class="cn-operate-dialog" v-model="dialogVisible" title="编辑拓扑图信息">
|
||||
<el-dialog class="cn-operate-dialog" v-model.trim="dialogVisible" title="编辑拓扑图信息">
|
||||
<el-form :label-width="140">
|
||||
<el-form-item label="拓扑图:" style="height: auto !important">
|
||||
<div class="gplot-content">
|
||||
<VueDraggableResizable
|
||||
class-name-draggable="gplot-content-item"
|
||||
class-name-active="gplot-content-item-active"
|
||||
:active="editorIndex == index"
|
||||
:resizable="false"
|
||||
:parent="true"
|
||||
:x="item.left"
|
||||
:y="item.top"
|
||||
:w="item.width"
|
||||
:h="item.height"
|
||||
@dragStart="editorIndex = index"
|
||||
@dragging="resize"
|
||||
v-for="(item, index) in pointList"
|
||||
:key="index"
|
||||
:isResizable="false"
|
||||
>
|
||||
<div
|
||||
class="text"
|
||||
style="line-height: 20px; white-space: nowrap"
|
||||
:style="{ color: item.name === '监测点' ? 'red' : 'black' }"
|
||||
>
|
||||
<VueDraggableResizable class-name-draggable="gplot-content-item"
|
||||
class-name-active="gplot-content-item-active" :active="editorIndex == index" :resizable="false"
|
||||
:parent="true" :x="item.left" :y="item.top" :w="item.width" :h="item.height"
|
||||
@dragStart="editorIndex = index" @dragging="resize" v-for="(item, index) in pointList"
|
||||
:key="index" :isResizable="false">
|
||||
<div class="text" style="line-height: 20px; white-space: nowrap"
|
||||
:style="{ color: item.name === '监测点' ? 'red' : 'black' }">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</VueDraggableResizable>
|
||||
<img
|
||||
:src="imgUrl"
|
||||
class="gplot-content"
|
||||
style="border: 1px solid #dcdfe6; position: unset; user-select: none"
|
||||
draggable="false"
|
||||
/>
|
||||
<img :src="imgUrl" class="gplot-content"
|
||||
style="border: 1px solid #dcdfe6; position: unset; user-select: none" draggable="false" />
|
||||
<div>注意监测点不要移出圈</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="监测点位置:" v-if="editorIndex > -1">
|
||||
<div style="display: flex">
|
||||
<el-select
|
||||
v-model="pointList[editorIndex].position"
|
||||
placeholder="请选择"
|
||||
style="flex: 1"
|
||||
@change="positionChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in linePosition"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
<el-select v-model.trim="pointList[editorIndex].position" placeholder="请选择" style="flex: 1"
|
||||
@change="positionChange">
|
||||
<el-option v-for="item in linePosition" :key="item.id" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-button class="ml20" type="danger" @click="deletePoint" icon="el-icon-Delete">删除</el-button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user