HolyKnightIX 10 месяцев назад
Родитель
Сommit
d8492457ac
1 измененных файлов: 6 добавлений и 18 удалений
  1. +6
    -18
      src/components/panel/page.vue

+ 6
- 18
src/components/panel/page.vue Просмотреть файл

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

}, },
methods: { methods: {
// 宽度与高度的比例必须约等于纸张宽度与纸张高度的比例,否则拖拽组件将错位 // 宽度与高度的比例必须约等于纸张宽度与纸张高度的比例,否则拖拽组件将错位
shapeChanged(element) { 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") { } 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
} }
} }
} }


Загрузка…
Отмена
Сохранить