HolyKnightIX pirms 9 mēnešiem
vecāks
revīzija
d8492457ac
1 mainītis faili ar 6 papildinājumiem un 18 dzēšanām
  1. +6
    -18
      src/components/panel/page.vue

+ 6
- 18
src/components/panel/page.vue Parādīt failu

@@ -10,13 +10,13 @@
<el-col :span="12">
<el-form-item label="模板宽度">
<el-input-number v-model="pageInfo.width" controls-position="right" :min="0" class="min-input"
@input="shapeChanged('width')"></el-input-number>
disabled></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="模板高度">
<el-input-number v-model="pageInfo.height" controls-position="right" :min="0" class="min-input"
@input="shapeChanged('height')"></el-input-number>
disabled></el-input-number>
</el-form-item>
</el-col>
</el-row>
@@ -34,11 +34,6 @@
<span class="unit-text">(mm)</span>
</el-form-item>
</el-row>
<el-row>
<div style="padding:0 12px;">
注:模板宽度与模板高度的比例将自动同步为纸张宽度与纸张高度的比例
</div>
</el-row>
</el-form>
</div>
</template>
@@ -49,22 +44,15 @@ export default {
pageInfo() {
return this.$vptd.state.page
},

},
methods: {
// 宽度与高度的比例必须约等于纸张宽度与纸张高度的比例,否则拖拽组件将错位
shapeChanged(element) {
if (element === "width") {
const proportion = this.pageInfo.width / this.pageInfo.height
this.pageInfo.pageWidth = Math.ceil(proportion * this.pageInfo.pageHeight)
} else if (element === "height") {
const proportion = this.pageInfo.height / this.pageInfo.width
this.pageInfo.pageHeight = Math.ceil(proportion * this.pageInfo.pageWidth)
} else if (element === "pageWidth") {
const proportion = this.pageInfo.pageWidth / this.pageInfo.pageHeight
this.pageInfo.width = Math.ceil(proportion * this.pageInfo.height)
if (element === "pageWidth") {
this.pageInfo.width = this.pageInfo.pageWidth * 2
} else if (element === "pageHeight") {
const proportion = this.pageInfo.pageHeight / this.pageInfo.pageWidth
this.pageInfo.height = Math.ceil(proportion * this.pageInfo.width)
this.pageInfo.height = this.pageInfo.pageHeight * 2
}
}
}


Notiek ielāde…
Atcelt
Saglabāt