当前博客:物品损耗单报表设计器界面源码

142 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

请复制下面的代码,然后加载到报表设计器中

{
  "version": "1.0.0",
  "formName": "表单示例",
  "Author": "快码编程UI设计器",
  "formId": "formPreviewForm",
  "generateId": 0,
  "data": [
    {
      "id": "textBox_1",
      "index": 0,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "-0",
      "height": "30",
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": "0",
      "top": "0",
      "zIndex": 1,
      "TextValue": "物品损耗单",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "center",
      "VerticalAlignment": "center",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000"
    },
    {
      "id": "textBox_2",
      "index": 1,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "56",
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 2.80002,
      "top": 36.9875,
      "zIndex": 2,
      "TextValue": "部门:",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "left",
      "VerticalAlignment": "center",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000"
    },
    {
      "id": "textBox_3",
      "index": 2,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "161",
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 47.000030517578125,
      "top": 32.80000305175781,
      "zIndex": 3,
      "TextValue": "研发部",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "left",
      "VerticalAlignment": "center",
      "BorderLineStyle": "border-bottom: 1px solid #000000;",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框"
    },
    {
      "id": "textBox_4",
      "index": 3,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "195",
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 238.4,
      "top": 37.2,
      "zIndex": 4,
      "TextValue": "          年          月          日",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "center",
      "VerticalAlignment": "center",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框"
    },
    {
      "id": "reportFormsTable_8",
      "index": 4,
      "tag": "reportFormsTable",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "打印表格",
      "width": "790.5",
      "height": 262,
      "margin": "",
      "padding": "",
      "left": 0,
      "top": 71,
      "zIndex": 5,
      "reportFormsSqlType": "普通数据模式",
      "reportFormsDataType": "不跟随数据库变动",
      "reportFormsTableType": false,
      "reportFormsTableRowsSize": "小尺寸",
      "reportFormsTableLine": "",
      "reportFormsTableHead": "[{\"数据\":[{\"内容\":\"编  号\",\"宽度\":100},{\"内容\":\"品    名\"},{\"内容\":\"规则和类型\"},{\"内容\":\"单  位\"},{\"内容\":\"数 量\"},{\"内容\":\"单 价\"},{\"内容\":\"总金额\"},{\"内容\":\"报损原因\"}]}]",
      "reportFormsTableHeadToolJson": {
        "宽度": 100,
        "高度": 100,
        "内容": "",
        "字体": "微软雅黑",
        "字体尺寸": 14,
        "背景色": "#FFFFFF",
        "文本色": "#000000",
        "元素ID": "",
        "允许输入": true,
        "合并行": 0,
        "合并列": 0,
        "垂直对齐-居中": "居中对齐",
        "垂直对齐-顶部": "顶部对齐",
        "垂直对齐-底部": "底部对齐",
        "水平对齐-居中": "居中对齐",
        "水平对齐-左侧": "左侧对齐",
        "水平对齐-右侧": "右侧对齐",
        "字体类型-加粗": "粗体",
        "字体类型-正常": "正常",
        "自定义CSS": ""
      },
      "reportFormsTableData": "[{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"总经理审批\",\"高度\":100},{\"内容\":\"\",\"合并列\":2},{\"内容\":\"财务部意见\"},{\"内容\":\"\",\"合并列\":2},{\"内容\":\"部门意见\"},{\"内容\":\"\"}]}]",
      "reportFormsTableDataToolJson": {
        "宽度": 100,
        "高度": 100,
        "内容": "",
        "字体": "微软雅黑",
        "字体尺寸": 14,
        "背景色": "#FFFFFF",
        "文本色": "#000000",
        "元素ID": "",
        "允许输入": true,
        "合并行": 0,
        "合并列": 0,
        "垂直对齐-居中": "居中对齐",
        "垂直对齐-顶部": "顶部对齐",
        "垂直对齐-底部": "底部对齐",
        "水平对齐-居中": "居中对齐",
        "水平对齐-左侧": "左侧对齐",
        "水平对齐-右侧": "右侧对齐",
        "字体类型-加粗": "粗体",
        "字体类型-正常": "正常",
        "自定义CSS": ""
      },
      "reportFormsSqlCode_NoBut": "",
      "reportFormsSqlDataName": "[]",
      "reportFormsCode_NoBut": "",
      "grid": false
    },
    {
      "id": "textBox_5",
      "index": 5,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": 82,
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 550.3999694824219,
      "top": 337.41249694824216,
      "zIndex": 6,
      "TextValue": "制表:",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "textBoxDataType": "普通文本框",
      "HorizontalAlignment": "right",
      "VerticalAlignment": "center",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false
    },
    {
      "id": "HorizontalLines_6",
      "index": 6,
      "tag": "HorizontalLines",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "分割线",
      "width": "137",
      "height": 1,
      "margin": "",
      "padding": "10",
      "transformRotate": "0",
      "left": 621.2,
      "top": 349.212,
      "zIndex": 7,
      "HorizontalLinesType": "",
      "BackgroundValue": "#000",
      "grid": false,
      "BorderLineStyle2": "solid"
    }
  ],
  "optionsArray": [
    {
      "id": "textBox_1",
      "index": 0,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "-0",
      "height": "30",
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": "0",
      "top": "0",
      "zIndex": 1,
      "TextValue": "物品损耗单",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "center",
      "VerticalAlignment": "center",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000"
    },
    {
      "id": "textBox_2",
      "index": 1,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "56",
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 2.80002,
      "top": 36.9875,
      "zIndex": 2,
      "TextValue": "部门:",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "left",
      "VerticalAlignment": "center",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000"
    },
    {
      "id": "textBox_3",
      "index": 2,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "161",
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 47.000030517578125,
      "top": 32.80000305175781,
      "zIndex": 3,
      "TextValue": "研发部",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "left",
      "VerticalAlignment": "center",
      "BorderLineStyle": "border-bottom: 1px solid #000000;",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框"
    },
    {
      "id": "textBox_4",
      "index": 3,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": "195",
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 238.4,
      "top": 37.2,
      "zIndex": 4,
      "TextValue": "          年          月          日",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "HorizontalAlignment": "center",
      "VerticalAlignment": "center",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false,
      "textBoxDataType": "普通文本框"
    },
    {
      "id": "reportFormsTable_8",
      "index": 4,
      "tag": "reportFormsTable",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "打印表格",
      "width": "790.5",
      "height": 262,
      "margin": "",
      "padding": "",
      "left": 0,
      "top": 71,
      "zIndex": 5,
      "reportFormsSqlType": "普通数据模式",
      "reportFormsDataType": "不跟随数据库变动",
      "reportFormsTableType": false,
      "reportFormsTableRowsSize": "小尺寸",
      "reportFormsTableLine": "",
      "reportFormsTableHead": "[{\"数据\":[{\"内容\":\"编  号\",\"宽度\":100},{\"内容\":\"品    名\"},{\"内容\":\"规则和类型\"},{\"内容\":\"单  位\"},{\"内容\":\"数 量\"},{\"内容\":\"单 价\"},{\"内容\":\"总金额\"},{\"内容\":\"报损原因\"}]}]",
      "reportFormsTableHeadToolJson": {
        "宽度": 100,
        "高度": 100,
        "内容": "",
        "字体": "微软雅黑",
        "字体尺寸": 14,
        "背景色": "#FFFFFF",
        "文本色": "#000000",
        "元素ID": "",
        "允许输入": true,
        "合并行": 0,
        "合并列": 0,
        "垂直对齐-居中": "居中对齐",
        "垂直对齐-顶部": "顶部对齐",
        "垂直对齐-底部": "底部对齐",
        "水平对齐-居中": "居中对齐",
        "水平对齐-左侧": "左侧对齐",
        "水平对齐-右侧": "右侧对齐",
        "字体类型-加粗": "粗体",
        "字体类型-正常": "正常",
        "自定义CSS": ""
      },
      "reportFormsTableData": "[{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"总经理审批\",\"高度\":100},{\"内容\":\"\",\"合并列\":2},{\"内容\":\"财务部意见\"},{\"内容\":\"\",\"合并列\":2},{\"内容\":\"部门意见\"},{\"内容\":\"\"}]}]",
      "reportFormsTableDataToolJson": {
        "宽度": 100,
        "高度": 100,
        "内容": "",
        "字体": "微软雅黑",
        "字体尺寸": 14,
        "背景色": "#FFFFFF",
        "文本色": "#000000",
        "元素ID": "",
        "允许输入": true,
        "合并行": 0,
        "合并列": 0,
        "垂直对齐-居中": "居中对齐",
        "垂直对齐-顶部": "顶部对齐",
        "垂直对齐-底部": "底部对齐",
        "水平对齐-居中": "居中对齐",
        "水平对齐-左侧": "左侧对齐",
        "水平对齐-右侧": "右侧对齐",
        "字体类型-加粗": "粗体",
        "字体类型-正常": "正常",
        "自定义CSS": ""
      },
      "reportFormsSqlCode_NoBut": "",
      "reportFormsSqlDataName": "[]",
      "reportFormsCode_NoBut": "",
      "grid": false
    },
    {
      "id": "textBox_5",
      "index": 5,
      "tag": "textBox",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "文本框",
      "width": 82,
      "height": 30,
      "margin": "",
      "padding": "",
      "transformRotate": "0",
      "writingMode": "",
      "left": 550.3999694824219,
      "top": 337.41249694824216,
      "zIndex": 6,
      "TextValue": "制表:",
      "TextSize": "15",
      "fontFamily": "微软雅黑",
      "textBoxDataType": "普通文本框",
      "HorizontalAlignment": "right",
      "VerticalAlignment": "center",
      "BorderLineStyle": "",
      "BorderLineSize": "1",
      "BorderLineColor": "#000000",
      "BackgroundValue": "#ffffff",
      "ColorValue": "#000",
      "grid": false
    },
    {
      "id": "HorizontalLines_6",
      "index": 6,
      "tag": "HorizontalLines",
      "tagIcon": "layui-icon layui-icon-picture",
      "title": "分割线",
      "width": "137",
      "height": 1,
      "margin": "",
      "padding": "10",
      "transformRotate": "0",
      "left": 621.2,
      "top": 349.212,
      "zIndex": 7,
      "HorizontalLinesType": "",
      "BackgroundValue": "#000",
      "grid": false,
      "BorderLineStyle2": "solid"
    }
  ],
  "dataSource": {},
  "formData": {},
  "globalDisable": false,
  "viewOrDesign": true,
  "formDefaultButton": true,
  "formProperty": {},
  "selectItems": [],
  "model": "A4",
  "page": {
    "id": ""
  },
  "elem": {
    "0": {
      "sizzle1704951215017": {
        "undefined": {
          "parentNode": [
            684,
            16,
            false
          ]
        }
      },
      "sizzle1704951215283": {
        "undefined": {
          "parentNode": [
            90,
            6,
            true
          ]
        }
      }
    },
    "length": 1
  },
  "id": "formdesigner",
  "size": [
    "21cm",
    "29.7cm"
  ],
  "selectItem": {
    "id": "reportFormsTable_8",
    "index": 4,
    "tag": "reportFormsTable",
    "tagIcon": "layui-icon layui-icon-picture",
    "title": "打印表格",
    "width": "790.5",
    "height": 262,
    "margin": "",
    "padding": "",
    "left": 0,
    "top": 71,
    "zIndex": 5,
    "reportFormsSqlType": "普通数据模式",
    "reportFormsDataType": "不跟随数据库变动",
    "reportFormsTableType": false,
    "reportFormsTableRowsSize": "小尺寸",
    "reportFormsTableLine": "",
    "reportFormsTableHead": "[{\"数据\":[{\"内容\":\"编  号\",\"宽度\":100},{\"内容\":\"品    名\"},{\"内容\":\"规则和类型\"},{\"内容\":\"单  位\"},{\"内容\":\"数 量\"},{\"内容\":\"单 价\"},{\"内容\":\"总金额\"},{\"内容\":\"报损原因\"}]}]",
    "reportFormsTableHeadToolJson": {
      "宽度": 100,
      "高度": 100,
      "内容": "",
      "字体": "微软雅黑",
      "字体尺寸": 14,
      "背景色": "#FFFFFF",
      "文本色": "#000000",
      "元素ID": "",
      "允许输入": true,
      "合并行": 0,
      "合并列": 0,
      "垂直对齐-居中": "居中对齐",
      "垂直对齐-顶部": "顶部对齐",
      "垂直对齐-底部": "底部对齐",
      "水平对齐-居中": "居中对齐",
      "水平对齐-左侧": "左侧对齐",
      "水平对齐-右侧": "右侧对齐",
      "字体类型-加粗": "粗体",
      "字体类型-正常": "正常",
      "自定义CSS": ""
    },
    "reportFormsTableData": "[{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"\",\"高度\":20},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"},{\"内容\":\"\"}]},{\"数据\":[{\"内容\":\"总经理审批\",\"高度\":100},{\"内容\":\"\",\"合并列\":2},{\"内容\":\"财务部意见\"},{\"内容\":\"\",\"合并列\":2},{\"内容\":\"部门意见\"},{\"内容\":\"\"}]}]",
    "reportFormsTableDataToolJson": {
      "宽度": 100,
      "高度": 100,
      "内容": "",
      "字体": "微软雅黑",
      "字体尺寸": 14,
      "背景色": "#FFFFFF",
      "文本色": "#000000",
      "元素ID": "",
      "允许输入": true,
      "合并行": 0,
      "合并列": 0,
      "垂直对齐-居中": "居中对齐",
      "垂直对齐-顶部": "顶部对齐",
      "垂直对齐-底部": "底部对齐",
      "水平对齐-居中": "居中对齐",
      "水平对齐-左侧": "左侧对齐",
      "水平对齐-右侧": "右侧对齐",
      "字体类型-加粗": "粗体",
      "字体类型-正常": "正常",
      "自定义CSS": ""
    },
    "reportFormsSqlCode_NoBut": "",
    "reportFormsSqlDataName": "[]",
    "reportFormsCode_NoBut": "",
    "grid": false
  }
}

也可以直接下载文件手动复制代码到布局导入中:物品损耗单.zip

物品损耗单报表设计器界面源码