label-print-design
Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
1 lines • 10.4 kB
Source Map (JSON)
{"version":3,"file":"index.vue2.mjs","sources":["../../../../../../src/components/content/widget/index.vue"],"sourcesContent":["<template>\n <div class=\"option-container display-flex-column\">\n <div class=\"option-container display-flex-column\">\n <my-scrollbar>\n <div\n style=\"\n padding: 20px 20px 1px 20px;\n background-color: #fff;\n border-bottom: 1px solid #dedede;\n \"\n >\n <el-form-item\n label=\"标签类型: \"\n prop=\"labelType\"\n label-width=\"98px\"\n >\n <el-select\n v-model=\"state.labelType\"\n :suffix-icon=\"CaretBottom\"\n placeholder=\"请选择\"\n >\n <el-option label=\"主打印机\" :value=\"0\" />\n <el-option label=\"辅打印机\" :value=\"1\" />\n </el-select>\n </el-form-item>\n <el-form-item\n label=\"标签名称: \"\n prop=\"name\"\n label-width=\"98px\"\n >\n <el-input\n v-model=\"state.name\"\n maxlength=\"30\"\n placeholder=\"\"\n style=\"width: 100%\"\n />\n </el-form-item>\n </div>\n <my-widget-collapse :title=\"'条件属性'\">\n <div\n class=\"display-flex display-flex-wrap design-btn\"\n style=\"gap: 5px; padding-left: 20px\"\n >\n <el-form-item\n label=\"标签尺寸: \"\n prop=\"widthHeight\"\n label-width=\"100px\"\n >\n <span style=\"font-size: 20px; color: #0101017f\"\n >长(mm) </span\n ><el-input\n v-model=\"state.paperWidth\"\n disabled\n maxlength=\"30\"\n placeholder=\"\"\n />\n <span\n style=\"font-size: 20px; color: #0101017f\"\n >宽(mm) </span\n ><el-input\n v-model=\"state.paperHeight\"\n disabled\n maxlength=\"30\"\n placeholder=\"\"\n />\n </el-form-item>\n <el-form-item\n label=\"旋转: \"\n prop=\"height\"\n label-width=\"60px\"\n >\n <el-radio-group\n v-model=\"state.flipText\"\n size=\"large\"\n >\n <el-radio-button\n label=\"不旋转\"\n value=\"不旋转\"\n />\n <el-radio-button\n label=\"旋转180度\"\n value=\"旋转180度\"\n />\n </el-radio-group>\n <span\n style=\"\n font-size: 20px;\n color: rgba(1, 1, 1, 0.5);\n \"\n > 自动换行: </span\n >\n <el-switch\n v-model=\"state.autoWrap\"\n :active-value=\"1\"\n :inactive-value=\"0\"\n inline-prompt\n />\n </el-form-item>\n </div>\n </my-widget-collapse>\n\n <my-widget-collapse :title=\"i18n('common.common.widget')\">\n <div\n class=\"display-flex\"\n style=\"flex-wrap: wrap; padding-left: 20px\"\n >\n <basic\n v-for=\"(\n element, index\n ) in customProvider.elementList\"\n :key=\"index\"\n :data=\"element\"\n :pageUnit=\"customProvider.pageUnit\"\n />\n </div>\n\n <!-- <el-collapse-item title=\"设计辅助\" name=\"3\" v-if=\"auxiliaryProvider.length> 0\">-->\n <!-- <div class=\"display-flex\" style=\"flex-wrap: wrap;\">-->\n <!-- <basic v-for=\"(element, index) in auxiliaryProvider\" :key=\"index\" :data=\"element\" />-->\n <!-- </div>-->\n <!-- </el-collapse-item>-->\n </my-widget-collapse>\n <my-widget-collapse\n :title=\"i18n('common.business.widget')\"\n v-if=\"\n provider.elementList != null &&\n provider.elementList.length > 0\n \"\n >\n <div\n class=\"display-flex display-flex-wrap\"\n style=\"gap: 5px; padding-left: 20px\"\n >\n <business\n v-for=\"(element, index) in provider.elementList\"\n :key=\"index\"\n :data=\"element\"\n :pageUnit=\"provider.pageUnit\"\n />\n </div>\n </my-widget-collapse>\n </my-scrollbar>\n </div>\n <!-- <div class=\"option-bottom\">\n <img class=\"my-logo\" src=\"../../../assets/myprint-logo.png\" alt=\"my-logo\"/>\n <div class=\"my-version\">{{ _package.version }}</div>\n </div> -->\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue-demi';\nimport business from './business.vue';\nimport basic from './basic.vue';\nimport { customProvider } from '@myprint/design/constants/provider/custom';\nimport MyScrollbar from '@myprint/design/components/my/scrollbar/my-scrollbar.vue';\nimport MyWidgetCollapse from '@myprint/design/components/my/collapse/my-widget-collapse.vue';\nimport { i18n } from '@myprint/design/locales';\nimport { getProvider } from '@myprint/design/utils/elementUtil';\nimport { CaretBottom } from '@element-plus/icons-vue';\n// import ArrowLeft from '@myprint/design/components/my/icon/icons/ArrowLeft.vue';\n// import MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\n\nconst $emit = defineEmits(['back']);\nconst provider = getProvider();\nwithDefaults(\n defineProps<{\n moduleName?: string;\n showBackButton?: boolean;\n }>(),\n {\n moduleName: i18n('common.default.name'),\n showBackButton: true\n }\n);\n\nfunction back() {\n $emit('back');\n}\n\nconst state = reactive({\n labelType: '',\n name: '',\n paperWidth: 100,\n paperHeight: 100,\n flipText: '旋转180度',\n autoWrap: 0\n});\n</script>\n\n<!-- <style scoped>\n.design-btn {\n width: 100%;\n height: 100%;\n}\n\n:deep(.el-radio-button__inner) {\n font-size: 18px;\n}\n\n:deep(.el-switch) {\n width: 82px;\n height: 44px;\n}\n\n.design-btn .el-input {\n width: 100px;\n height: 54px;\n font-size: 1.04167vw !important;\n}\n\n:deep(.el-form-item__label) {\n height: 2.8125vw !important;\n line-height: 2.8125vw !important;\n font-size: 1.04167vw !important;\n color: #0101017f !important;\n padding-right: 0.52083vw;\n}\n\n:deep(.el-radio-button__inner) {\n font-size: 18px !important;\n}\n\n:deep(.el-switch) {\n width: 82px;\n height: 44px;\n}\n\n:deep(.el-switch__core) {\n width: 82px;\n height: 44px;\n border-radius: 22px;\n}\n:deep(.el-switch__action) {\n width: 38px !important;\n height: 38px !important;\n}\n:deep(.el-switch.is-checked .el-switch__action) {\n left: calc(100% - 38px) !important;\n}\n\n:deep(.el-select) {\n height: 2.8125vw !important;\n border-radius: 0.20833vw !important;\n}\n\n:deep(.el-select__caret) {\n font-size: 20px !important;\n}\n\n:deep(.el-select .el-select__wrapper) {\n height: 2.8125vw !important;\n border-radius: 0.20833vw !important;\n}\n\n:deep(.el-select .el-select__wrapper .el-select__selected-item) {\n font-size: 18px !important;\n}\n\n:deep(.el-input) {\n height: 54px;\n font-size: 1.04167vw !important;\n}\n\n:deep(.el-select-dropdown__item) {\n font-size: 18px !important;\n}\n</style> -->\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmKA,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAY7B,IAAA,SAAS,IAAO,GAAA;AACZ,MAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAAA,KAChB;AAEA,IAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,MACnB,SAAW,EAAA,EAAA;AAAA,MACX,IAAM,EAAA,EAAA;AAAA,MACN,UAAY,EAAA,GAAA;AAAA,MACZ,WAAa,EAAA,GAAA;AAAA,MACb,QAAU,EAAA,uBAAA;AAAA,MACV,QAAU,EAAA,CAAA;AAAA,KACb,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}