diff --git a/frontend/src/components/canvas/store/copy.js b/frontend/src/components/canvas/store/copy.js
index 4d740986e7..08c8bef204 100644
--- a/frontend/src/components/canvas/store/copy.js
+++ b/frontend/src/components/canvas/store/copy.js
@@ -115,8 +115,8 @@ export default {
// 仪表板复制的组件默认不在移动端部署中mobileSelected = false
data.mobileSelected = false
if (!state.curComponent.auxiliaryMatrix) {
- data.style.top += 20
- data.style.left += 20
+ data.style.top = Number(data.style.top) + 20
+ data.style.left = Number(data.style.left) + 20
}
data.id = generateID()
// 如果是用户视图 测先进行底层复制
diff --git a/frontend/src/views/chart/view/PositionAdjust.vue b/frontend/src/views/chart/view/PositionAdjust.vue
index b2377909ac..00f5618e8a 100644
--- a/frontend/src/views/chart/view/PositionAdjust.vue
+++ b/frontend/src/views/chart/view/PositionAdjust.vue
@@ -16,7 +16,6 @@
:min="0"
:max="maxTop"
class="hide-icon-number"
- @change="topOnChange"
>
px
@@ -33,7 +32,6 @@
:min="0"
:max="maxLeft"
class="hide-icon-number"
- @change="leftOnChange"
>
px
@@ -50,7 +48,6 @@
:max="maxWidth"
type="number"
class="hide-icon-number"
- @change="widthOnChange"
>
px
@@ -59,7 +56,6 @@
:label="$t('panel.space_height')"
:min="0"
class="form-item"
- prop="marginTop"
>
px
@@ -87,7 +82,7 @@ export default {
data() {
return {
maxHeight: 2000,
- maxTop: 40000
+ maxTop: 20000
}
},
computed: {
@@ -104,7 +99,20 @@ export default {
'componentGap'
])
},
- watch: {},
+ watch: {
+ 'styleInfo.top': function() {
+ this.topOnChange()
+ },
+ 'styleInfo.left': function() {
+ this.leftOnChange()
+ },
+ 'styleInfo.width': function() {
+ this.widthOnChange()
+ },
+ 'styleInfo.height': function() {
+ this.heightOnChange()
+ }
+ },
mounted() {
},
methods: {