|
@@ -14,11 +14,11 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="points" v-if="showAdjust">
|
|
<div class="points" v-if="showAdjust">
|
|
- <div :class="{ active: points.p1 }">
|
|
|
|
|
|
+ <div :class="{ active: points.p1 }" @click="onP1Click('left')">
|
|
<i class="iconfont" :class="[points.p1 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<i class="iconfont" :class="[points.p1 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<span>P1</span>
|
|
<span>P1</span>
|
|
</div>
|
|
</div>
|
|
- <div :class="{ active: points.p2 }">
|
|
|
|
|
|
+ <div :class="{ active: points.p2 }" @click="onP2Click('left')">
|
|
<i class="iconfont" :class="[points.p2 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<i class="iconfont" :class="[points.p2 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<span>P2</span>
|
|
<span>P2</span>
|
|
</div>
|
|
</div>
|
|
@@ -32,11 +32,11 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="points" v-if="showAdjust">
|
|
<div class="points" v-if="showAdjust">
|
|
- <div :class="{ active: points.p1 }">
|
|
|
|
|
|
+ <div :class="{ active: points.p1 }" @click="onP1Click('right')">
|
|
<i class="iconfont" :class="[points.p1 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<i class="iconfont" :class="[points.p1 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<span>P1</span>
|
|
<span>P1</span>
|
|
</div>
|
|
</div>
|
|
- <div :class="{ active: points.p2 }">
|
|
|
|
|
|
+ <div :class="{ active: points.p2 }" @click="onP1Click('right')">
|
|
<i class="iconfont" :class="[points.p2 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<i class="iconfont" :class="[points.p2 ? 'icon-positioning01' : 'icon-positioning02']"></i>
|
|
<span>P2</span>
|
|
<span>P2</span>
|
|
</div>
|
|
</div>
|
|
@@ -395,6 +395,22 @@ const onPointsUpdate = type => {
|
|
points.value[type] = true
|
|
points.value[type] = true
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+const onP1Click = (type) =>{
|
|
|
|
+ if(!points.value.p1){
|
|
|
|
+ //您还未选择关联位置
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ alert(type)
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+const onP2Click = (type) =>{
|
|
|
|
+ if(!points.value.p2){
|
|
|
|
+ //您还未选择关联位置
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ alert(type)
|
|
|
|
+}
|
|
|
|
+
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
const num = browser.valueFromUrl('m') || ''
|
|
const num = browser.valueFromUrl('m') || ''
|
|
const projectId = browser.valueFromUrl('projectId') || 1
|
|
const projectId = browser.valueFromUrl('projectId') || 1
|
|
@@ -510,6 +526,7 @@ main {
|
|
transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
|
|
|
|
div {
|
|
div {
|
|
|
|
+ cursor:pointer;
|
|
margin-left: 20px;
|
|
margin-left: 20px;
|
|
width: 70px;
|
|
width: 70px;
|
|
height: 88px;
|
|
height: 88px;
|