UNPKG

label-print-design

Version:

操作简单,组件丰富的一站式打印解决方案打印设计器

1 lines 6.95 kB
{"version":3,"file":"my-panel-setting.vue2.mjs","sources":["../../../../../../../src/components/content/handle-panel/operation-panel/my-panel-setting.vue"],"sourcesContent":["<template>\n <my-form class=\"my-form\" label-width=\"80px\" size=\"small\"\n label-position=\"right\">\n \n <my-divider-panel>\n <template #divider>\n {{ i18n('common.panel') }}\n </template>\n \n <my-form-item :label=\"i18n('handle.template.name')\">\n <my-history-input v-model=\"panel.name\"\n type=\"textarea\"\n :placeholder=\"i18n('handle.please.template.name')\"\n :historyLabel=\"i18n('handle.template.name')\"\n style=\"margin-right: 18px\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('common.unit')\">\n <my-history-select v-model=\"panel.pageUnit\"\n @change=\"selectPageUnit\"\n class=\"width-160\"\n :data-list=\"pageUnitList\"\n :historyLabel=\"i18n('common.unit')\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('common.font.size.unit')\">\n <my-history-select v-model=\"panel.fontSizeUnit\"\n class=\"width-160\"\n :data-list=\"fontSizeUnitList\"\n :historyLabel=\"i18n('common.font.size.unit')\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('common.paper')\">\n <my-history-select v-model=\"panel.pageSize\"\n class=\"width-160\"\n @change=\"selectPageSize\"\n :data-list=\"pageSizeList\"\n :historyLabel=\"i18n('common.paper')\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.width&height')\">\n <my-group>\n <my-history-input-number class=\"width-66\" v-model=\"panel.width\"\n @change=\"changePanelWidth\"\n :historyLabel=\"i18n('handle.page.width')\" />\n <my-history-input-number class=\"width-66\" v-model=\"panel.height\"\n @change=\"changePanelHeight\"\n :disabled=\"panel.pageSize == 'AutoHeight'\"\n :historyLabel=\"i18n('handle.page.height')\" />\n <my-unit />\n </my-group>\n </my-form-item>\n \n <!-- <style-icon tips=\"水印\" v-model=\"panel.watermark\" enable>-->\n <!-- <i class=\"iconfont-color icon-color-watermark my-watermark\"/>-->\n <!-- </style-icon>-->\n <!-- <el-form-item label=\"水印\">-->\n <!-- <el-switch-->\n <!-- v-model=\"panel.watermark\"-->\n <!-- class=\"ml-2\"-->\n <!-- inline-prompt-->\n <!-- style=\"&#45;&#45;el-switch-on-color: var(&#45;&#45;drag-h-color); &#45;&#45;el-switch-off-color: var(&#45;&#45;switch-off-color)\"-->\n <!-- active-text=\"开启\"-->\n <!-- inactive-text=\"关闭\"/>-->\n <!-- </el-form-item>-->\n \n <my-form-item :label=\"i18n('handle.watermark')\" v-if=\"panel.watermark\">\n <my-history-input v-model=\"panel.watermarkContent\"\n :placeholder=\"i18n('handle.watermark')\"\n size=\"small\"\n :historyLabel=\"i18n('handle.watermark')\"\n style=\"margin-right: 20px\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.drag.snap.panel')\">\n <my-switch\n v-model=\"panel.dragSnapPanelIs\"\n class=\"ml-2\" />\n </my-form-item>\n \n <my-form-item :label=\"i18n('handle.drag.snap')\">\n <my-switch v-model=\"panel.dragSnapIs\"\n class=\"ml-2\" />\n </my-form-item>\n </my-divider-panel>\n \n </my-form>\n\n</template>\n<script setup lang=\"ts\">\nimport { i18n } from '@myprint/design/locales';\n\nimport { fontSizeUnitList, pageSizeList, pageUnitList } from '@myprint/design/constants/common';\nimport { MyHistoryInput, MyHistoryInputNumber, MyHistorySelect, MyUnit } from '@myprint/design/components/my/input';\nimport MyGroup from '@myprint/design/components/my/group/my-group.vue';\nimport { changePageSize, changePageUnit, getCurrentPanel } from '@myprint/design/utils/elementUtil';\nimport MySwitch from '@myprint/design/components/my/switch/my-switch.vue';\nimport MyFormItem from '@myprint/design/components/my/form/my-form-item.vue';\nimport MyForm from '@myprint/design/components/my/form/my-form.vue';\nimport MyDividerPanel from '@myprint/design/components/my/divider/my-divider-panel.vue';\nconst panel = getCurrentPanel()\nfunction selectPageSize(val: any) {\n for (let valueElement of pageSizeList) {\n if (valueElement.value == val) {\n changePageSize(valueElement);\n break;\n }\n }\n}\n\nfunction changePanelWidth(_val: number) {\n changePageSize();\n // console.log(val)\n}\n\nfunction changePanelHeight(_val: number) {\n changePageSize();\n // console.log(val)\n}\n\nfunction selectPageUnit() {\n // console.log(123)\n changePageUnit();\n \n // for (let valueElement of pageSizeList) {\n // if (valueElement.value == val) {\n // panel.width = valueElement.width\n // panel.height = valueElement.height\n // panel.pageSize = valueElement.value\n // break\n // }\n // }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoGA,IAAA,MAAM,QAAQ,eAAgB,EAAA,CAAA;AAC9B,IAAA,SAAS,eAAe,GAAU,EAAA;AAC9B,MAAA,KAAA,IAAS,gBAAgB,YAAc,EAAA;AACnC,QAAI,IAAA,YAAA,CAAa,SAAS,GAAK,EAAA;AAC3B,UAAA,cAAA,CAAe,YAAY,CAAA,CAAA;AAC3B,UAAA,MAAA;AAAA,SACJ;AAAA,OACJ;AAAA,KACJ;AAEA,IAAA,SAAS,iBAAiB,IAAc,EAAA;AACpC,MAAe,cAAA,EAAA,CAAA;AAAA,KAEnB;AAEA,IAAA,SAAS,kBAAkB,IAAc,EAAA;AACrC,MAAe,cAAA,EAAA,CAAA;AAAA,KAEnB;AAEA,IAAA,SAAS,cAAiB,GAAA;AAEtB,MAAe,cAAA,EAAA,CAAA;AAAA,KAUnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}