@utogether/udp-core 1.0.0

package/src/views/urpt/design/panel.ts

@@ -0,0 +1,841 @@
+// export default {
+//   panels: [
+//     {
+//       index: 0,
+//       height: 297,
+//       width: 210,
+//       paperHeader: 49.5,
+//       paperFooter: 780,
+//       printElements: [
+//         {
+//           options: {
+//             left: 175.5,
+//             top: 10.5,
+//             height: 27,
+//             width: 259,
+//             title: 'UtPrint自定义模块打印平台',
+//             fontSize: 19,
+//             fontWeight: '600',
+//             textAlign: 'center',
+//             lineHeight: 26
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 60, top: 27, height: 13, width: 52, title: '页眉线', textAlign: 'center' },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 25.5, top: 57, height: 705, width: 9, fixed: true, borderStyle: 'dotted' },
+//           printElementType: { type: 'vline' }
+//         },
+//         {
+//           options: { left: 60, top: 61.5, height: 48, width: 87, src: '' },
+//           printElementType: { title: '图片', type: 'image' }
+//         },
+//         {
+//           options: {
+//             left: 153,
+//             top: 64.5,
+//             height: 39,
+//             width: 276,
+//             title:
+//               '二维码以及条形码均采用svg格式打印。不同打印机打印不会造成失真。图片打印：不同DPI打印可能会导致失真，',
+//             fontFamily: '微软雅黑',
+//             textAlign: 'center',
+//             lineHeight: 18
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 457.5,
+//             top: 79.5,
+//             height: 13,
+//             width: 120,
+//             title: '姓名',
+//             field: 'name',
+//             testData: '古力娜扎',
+//             color: '#f00808',
+//             textDecoration: 'underline',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 483,
+//             top: 124.5,
+//             height: 43,
+//             width: 51,
+//             title: '123456789',
+//             textType: 'qrcode'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 285,
+//             top: 130.5,
+//             height: 34,
+//             width: 175,
+//             title: '123456789',
+//             fontFamily: '微软雅黑',
+//             textAlign: 'center',
+//             textType: 'barcode'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 60,
+//             top: 132,
+//             height: 19,
+//             width: 213,
+//             title: '所有打印元素都可已拖拽的方式来改变元素大小',
+//             fontFamily: '微软雅黑',
+//             textAlign: 'center',
+//             lineHeight: 18
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 153,
+//             top: 189,
+//             height: 13,
+//             width: 238,
+//             title: '单击元素，右侧可自定义元素属性',
+//             textAlign: 'center',
+//             fontFamily: '微软雅黑'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 60, top: 190.5, height: 13, width: 51, title: '横线', textAlign: 'center' },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 415.5,
+//             top: 190.5,
+//             height: 13,
+//             width: 164,
+//             title: '可以配置各属性的默认值',
+//             textAlign: 'center',
+//             fontFamily: '微软雅黑'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 60, top: 214.5, height: 10, width: 475.5 },
+//           printElementType: { title: '横线', type: 'hline' }
+//         },
+//         {
+//           options: {
+//             left: 235.5,
+//             top: 220.5,
+//             height: 32,
+//             width: 342,
+//             title:
+//               '自定义表格：用户可左键选中表头，右键查看可操作项，操作类似Excel，双击表头单元格可进行编辑。内容：title#field',
+//             fontFamily: '微软雅黑',
+//             textAlign: 'center',
+//             lineHeight: 15
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 156,
+//             top: 265.5,
+//             height: 13,
+//             width: 94,
+//             title: '表头列大小可拖动',
+//             fontFamily: '微软雅黑',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 60,
+//             top: 265.5,
+//             height: 13,
+//             width: 90,
+//             title: '红色区域可拖动',
+//             fontFamily: '微软雅黑',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 60,
+//             top: 285,
+//             height: 44,
+//             width: 511.5,
+//             field: 'table',
+//             fields: [
+//               { text: 'id', field: 'id' },
+//               { text: '姓名', field: 'name' },
+//               { text: '性别', field: 'gender' },
+//               { text: '数量', field: 'count' }
+//             ],
+//             columns: [
+//               [
+//                 { width: 85.25, colspan: 1, rowspan: 1, checked: true },
+//                 {
+//                   width: 85.25,
+//                   colspan: 1,
+//                   rowspan: 1,
+//                   checked: true
+//                 },
+//                 {
+//                   title: '姓名',
+//                   field: 'name',
+//                   width: 85.25,
+//                   align: 'center',
+//                   colspan: 1,
+//                   rowspan: 1,
+//                   checked: true
+//                 },
+//                 { width: 85.25, colspan: 1, rowspan: 1, checked: true },
+//                 {
+//                   width: 85.25,
+//                   colspan: 1,
+//                   rowspan: 1,
+//                   checked: true
+//                 },
+//                 { width: 85.25, colspan: 1, rowspan: 1, checked: true }
+//               ]
+//             ]
+//           },
+//           printElementType: {
+//             title: '表格',
+//             type: 'table',
+//             editable: true,
+//             columnDisplayEditable: true, //列显示是否能编辑
+//             columnDisplayIndexEditable: true, //列顺序显示是否能编辑
+//             columnTitleEditable: true, //列标题是否能编辑
+//             columnResizable: true, //列宽是否能调整
+//             columnAlignEditable: true //列对齐是否调整
+//           }
+//         },
+//         {
+//           options: {
+//             left: 21,
+//             top: 346.5,
+//             height: 61.5,
+//             width: 15,
+//             title: '装订线',
+//             lineHeight: 18,
+//             fixed: true,
+//             contentPaddingTop: 3.75,
+//             backgroundColor: '#ffffff'
+//           },
+//           printElementType: { type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 225,
+//             top: 349.5,
+//             height: 13,
+//             width: 346.5,
+//             title: '自定义模块：主要为开发人员设计，能够快速，简单，实现自己功能',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 60,
+//             top: 370.5,
+//             height: 18,
+//             width: 79,
+//             title: '配置项表格',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 225,
+//             top: 385.5,
+//             height: 38,
+//             width: 346.5,
+//             title:
+//               '配置模块：主要为客户使用，开发人员可以配置属性，字段，标题等，客户直接使用，配置模块请参考实例2',
+//             fontFamily: '微软雅黑',
+//             lineHeight: 15,
+//             textAlign: 'center',
+//             color: '#d93838'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 60,
+//             top: 487.5,
+//             height: 13,
+//             width: 123,
+//             title: '长文本会自动分页',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 60, top: 507, height: 40, width: 511.5, field: 'longText' },
+//           printElementType: { title: '长文', type: 'longText' }
+//         },
+//         {
+//           options: { left: 475.5, top: 565.5, height: 100, width: 100 },
+//           printElementType: { title: '矩形', type: 'rect' }
+//         },
+//         {
+//           options: { left: 174, top: 568.5, height: 13, width: 90, title: '竖线', textAlign: 'center' },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 60, top: 574.5, height: 100, width: 10 },
+//           printElementType: { title: '竖线', type: 'vline' }
+//         },
+//         {
+//           options: { left: 210, top: 604.5, height: 13, width: 120, title: '横线', textAlign: 'center' },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 130.5, top: 625.5, height: 10, width: 277 },
+//           printElementType: { title: '横线', type: 'hline' }
+//         },
+//         {
+//           options: {
+//             left: 364.5,
+//             top: 649.5,
+//             height: 13,
+//             width: 101,
+//             title: '矩形',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 525,
+//             top: 784.5,
+//             height: 13,
+//             width: 63,
+//             title: '页尾线',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: { left: 12, top: 786, height: 49, width: 49 },
+//           printElementType: { title: 'html', type: 'html' }
+//         },
+//         {
+//           options: {
+//             left: 75,
+//             top: 790.5,
+//             height: 13,
+//             width: 137,
+//             title: '红色原型是自动定义的Html',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         },
+//         {
+//           options: {
+//             left: 334.5,
+//             top: 810,
+//             height: 13,
+//             width: 205,
+//             title: '页眉线已上。页尾下以下每页都会重复打印',
+//             textAlign: 'center'
+//           },
+//           printElementType: { title: '自定义文本', type: 'text' }
+//         }
+//       ],
+//       paperNumberLeft: 565.5,
+//       paperNumberTop: 819
+//     }
+//   ]
+// };
+
+export default {
+  panels: [
+    {
+      index: 0,
+      height: 148,
+      width: 210,
+      paperHeader: -1.5,
+      paperFooter: 380,
+      printElements: [
+        {
+          options: {
+            left: 540,
+            top: 10.5,
+            height: 35,
+            width: 33,
+            borderColor: '#f20000',
+            coordinateSync: true,
+            widthHeightSync: true
+          },
+          printElementType: { title: '椭圆', type: 'oval' }
+        },
+        {
+          options: {
+            left: 454.5,
+            top: 15,
+            height: 18,
+            width: 74,
+            title: '8888888',
+            fontSize: 18,
+            fontWeight: '600',
+            color: '#2935e3',
+            textAlign: 'center',
+            lineHeight: 16
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 424.5,
+            top: 15,
+            height: 19,
+            width: 24,
+            title: 'NO',
+            fontSize: 18,
+            color: '#2935e3',
+            textAlign: 'center',
+            lineHeight: 15
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 190.5,
+            top: 15,
+            height: 21,
+            width: 226,
+            title: '上海增值税普通发票',
+            fontSize: 18,
+            fontWeight: '600',
+            letterSpacing: 2.5,
+            color: '#cc5a5a',
+            textAlign: 'center',
+            lineHeight: 18
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 244.5,
+            top: 19.5,
+            height: 51,
+            width: 112,
+            borderColor: '#eb1111',
+            borderWidth: '2'
+          },
+          printElementType: { title: '椭圆', type: 'oval' }
+        },
+        {
+          options: {
+            left: 90,
+            top: 19.5,
+            height: 21,
+            width: 96,
+            title: '8888888',
+            fontSize: 19,
+            letterSpacing: 1,
+            color: '#2935e3',
+            textAlign: 'center',
+            lineHeight: 18
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 19.5,
+            top: 19.5,
+            height: 61,
+            width: 65,
+            title: '031001800204',
+            textType: 'qrcode'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 250.5, top: 25.5, height: 42, width: 104, borderColor: '#f00505' },
+          printElementType: { title: '椭圆', type: 'oval' }
+        },
+        {
+          options: { left: 190.5, top: 45, height: 10, width: 228, borderColor: '#b5a8a8' },
+          printElementType: { title: '横线', type: 'hline' }
+        },
+        {
+          options: { left: 190.5, top: 49.5, height: 10, width: 228, borderColor: '#baafaf' },
+          printElementType: { title: '横线', type: 'hline' }
+        },
+        {
+          options: {
+            left: 244.5,
+            top: 55.5,
+            height: 22,
+            width: 120,
+            title: '发票联',
+            fontSize: 18,
+            fontWeight: '600',
+            letterSpacing: 8,
+            color: '#cc5a5a',
+            textAlign: 'center',
+            lineHeight: 18
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 510,
+            top: 55.5,
+            height: 13,
+            width: 69,
+            title: '2019年05月09日',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 445.5,
+            top: 55.5,
+            height: 15,
+            width: 57,
+            title: '开票日期：',
+            color: '#cc5a5a',
+            lineHeight: 13
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 90,
+            top: 64.5,
+            height: 15,
+            width: 141,
+            title: '校验码：123456 788942 52344',
+            color: '#2935e3',
+            textAlign: 'center',
+            lineHeight: 13
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 400, top: 90, height: 60, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 35, top: 90, height: 60, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 420, top: 90, height: 61, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 10.5, top: 90, height: 282, width: 572, borderColor: '#cc5a5a' },
+          printElementType: { title: '矩形', type: 'rect' }
+        },
+        {
+          options: {
+            left: 405,
+            top: 94.5,
+            height: 55,
+            width: 13,
+            title: '密码区',
+            fontSize: 13,
+            color: '#cc5a5a',
+            lineHeight: 18
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 424.5, top: 94.5, height: 50, width: 152, title: '', color: '#2935e3' },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 15,
+            top: 94.5,
+            height: 53,
+            width: 15,
+            title: '购买方',
+            fontSize: 13,
+            color: '#cc5a5a',
+            lineHeight: 18
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 45,
+            top: 100.5,
+            height: 10,
+            width: 348,
+            title: '名称：北京地铁税务局有限公司',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 45,
+            top: 115.5,
+            height: 10,
+            width: 347,
+            title: '纳税人识别号：999999999999999999',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 45,
+            top: 130.5,
+            height: 10,
+            width: 347,
+            title: '地址、电话：18888888888',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 345, top: 150, height: 190, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 409.5, top: 150, height: 190, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 295.5, top: 150, height: 190, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 480, top: 150, height: 190, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 215, top: 150, height: 224, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 520.5, top: 150, height: 190, width: 10, borderColor: '#cc5a5a' },
+          printElementType: { title: '竖线', type: 'vline' }
+        },
+        {
+          options: { left: 10, top: 150, height: 10, width: 574, borderColor: '#cc5a5a' },
+          printElementType: { title: '横线', type: 'hline' }
+        },
+        {
+          options: {
+            left: 300,
+            top: 160.5,
+            height: 10,
+            width: 36,
+            title: '单位',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 349.5,
+            top: 160.5,
+            height: 11,
+            width: 51,
+            title: '数量',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 225,
+            top: 160.5,
+            height: 10,
+            width: 62,
+            title: '规格名称',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 420,
+            top: 160.5,
+            height: 10,
+            width: 53,
+            title: '单价',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 484.5,
+            top: 160.5,
+            height: 10,
+            width: 32,
+            title: '税率',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 525,
+            top: 160.5,
+            height: 10,
+            width: 52,
+            title: '税额',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 19.5,
+            top: 160.5,
+            height: 10,
+            width: 184,
+            title: '货物或应税劳务、服务名称',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 40.5,
+            top: 175.5,
+            height: 12,
+            width: 120,
+            title: '*餐饮服务*餐费',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 10.5, top: 340.5, height: 10, width: 574, borderColor: '#cc5a5a' },
+          printElementType: { title: '横线', type: 'hline' }
+        },
+        {
+          options: {
+            left: 225,
+            top: 349.5,
+            height: 14,
+            width: 229,
+            title: '壹佰贰拾元整',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 460.5,
+            top: 349.5,
+            height: 13,
+            width: 58,
+            title: '（小写）',
+            fontSize: 13,
+            color: '#cc5a5a'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 520.5,
+            top: 349.5,
+            height: 13,
+            width: 48,
+            title: '￥100.00',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 15,
+            top: 349.5,
+            height: 14,
+            width: 193,
+            title: '价税合计（大写）',
+            fontSize: 13,
+            color: '#cc5a5a',
+            textAlign: 'center'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 300, top: 385.5, height: 10, width: 39, title: '开票人：', color: '#cc5a5a' },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 190.5,
+            top: 385.5,
+            height: 10,
+            width: 103,
+            title: '轩大可',
+            color: '#2935e3'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 150, top: 385.5, height: 10, width: 33, title: '复核：', color: '#cc5a5a' },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 345, top: 385.5, height: 10, width: 86, title: '张天天', color: '#2935e3' },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 64.5, top: 385.5, height: 10, width: 78, title: '轩天天', color: '#2935e3' },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: {
+            left: 439.5,
+            top: 385.5,
+            height: 10,
+            width: 40,
+            title: '销售方：',
+            color: '#cc5a5a'
+          },
+          printElementType: { title: '文本', type: 'text' }
+        },
+        {
+          options: { left: 15, top: 385.5, height: 10, width: 44, title: '收款人：', color: '#cc5a5a' },
+          printElementType: { title: '文本', type: 'text' }
+        }
+      ],
+      paperNumberLeft: 565.5,
+      paperNumberTop: 394.5,
+      paperNumberDisabled: true
+    }
+  ]
+};