vue2-client 1.8.310 → 1.8.312

package/src/base-client/components/common/XReport/XReportDemo.vue

@@ -1,266 +1,266 @@
-<template>
-  <div id="test" v-if="showReport">
-    <XReport
-      @updateImg="updateImg"
-      ref="main"
-      :use-oss-for-img="false"
-      config-name="report_ticket"
-      :local-config="test"
-      :config-data="test_data"
-      server-name="af-apply"
-      :show-img-in-cell="true"
-      :display-only="displayOnly"
-      :edit-mode="false"
-      :show-save-button="false"
-      :dont-format="true"/>
-    <a-button @click="testExport">导出</a-button>
-    <a-button @click="testSave">保存</a-button>
-  </div>
-</template>
-
-<script>
-import XReport from '@vue2-client/base-client/components/common/XReport'
-// eslint-disable-next-line no-unused-vars
-import { exportHTMLNodeToPDF } from '@vue2-client/utils/htmlToPDFApi'
-
-export default {
-  name: 'Example',
-  components: {
-    XReport
-  },
-  mounted () {
-    console.log(this.$route)
-  },
-  data () {
-    return {
-      test: {
-        slotsDefine: {},
-        subTitle: [],
-        slotsDeclare: [],
-        data: {
-          images: {
-            'serviceall@@@f_signname': []
-          }
-        },
-        columns: [
-          [
-            {
-              rowSpan: 1,
-              dynamicDataIndex: false,
-              colSpan: 12,
-              dataIndex: 'serviceall@@@f_signname',
-              customFunctionForDynamicDataIndex: 'function (config) {\n  return `/rs/image/file/${}`\n}',
-              originalRowIndex: 1,
-              type: 'images',
-              originalCellIndex: 0
-            }
-          ]
-        ],
-        width: 'auto',
-        style: {
-          borderColor: 'rgb(247,247,247)'
-        },
-        designMode: 'VisualTable',
-        title: '用户签名照片',
-        table: [
-          [
-            {
-              rowSpan: 1,
-              def: {
-                dynamicDataIndex: false,
-                dataIndex: 'serviceall@@@f_signname',
-                customFunctionForDynamicDataIndex: 'function (config) {\n  return `/rs/image/file/${}`\n}',
-                type: 'images'
-              },
-              colSpan: 12,
-              originalRowIndex: 1,
-              originalCellIndex: 0
-            }
-          ]
-        ],
-        labelStyle: {}
-      },
-      test_data: {
-        serviceall: {
-          f_signname: [
-            {
-              uid: 'vc-upload-1721804393350-2',
-              name: '1.png',
-              status: 'done',
-              response: {
-                f_filetype: 'png',
-                f_file_size: 0.0005,
-                f_form_type: 'image',
-                f_use_type: 'Default',
-                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/22a6d6d151f5401eae58628a589233ec.png',
-                id: '52747',
-                f_filename: '1.png',
-                f_stock_id: 1,
-                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/22a6d6d151f5401eae58628a589233ec.png',
-                f_operator: '1',
-                fusetype: 'Default'
-              },
-              url: '/apply-image/resource/webmeter/cs/20240724/22a6d6d151f5401eae58628a589233ec.png',
-              id: '52747'
-            },
-            {
-              uid: 'vc-upload-1721804393350-4',
-              name: '2.png',
-              status: 'done',
-              response: {
-                f_filetype: 'png',
-                f_file_size: 0.0003,
-                f_form_type: 'image',
-                f_use_type: 'Default',
-                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/3cd3f0561edd466aa7026fbdc2c16803.png',
-                id: '52748',
-                f_filename: '2.png',
-                f_stock_id: 1,
-                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/3cd3f0561edd466aa7026fbdc2c16803.png',
-                f_operator: '1',
-                fusetype: 'Default'
-              },
-              url: '/apply-image/resource/webmeter/cs/20240724/3cd3f0561edd466aa7026fbdc2c16803.png',
-              id: '52748'
-            },
-            {
-              uid: 'vc-upload-1721804393350-6',
-              name: '3.png',
-              status: 'done',
-              response: {
-                f_filetype: 'png',
-                f_file_size: 0.0003,
-                f_form_type: 'image',
-                f_use_type: 'Default',
-                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                id: '52749',
-                f_filename: '3.png',
-                f_stock_id: 1,
-                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                f_operator: '1',
-                fusetype: 'Default'
-              },
-              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-              id: '52749'
-            },
-            {
-              uid: 'vc-upload-1721804393350-6',
-              name: '3.png',
-              status: 'done',
-              response: {
-                f_filetype: 'png',
-                f_file_size: 0.0003,
-                f_form_type: 'image',
-                f_use_type: 'Default',
-                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                id: '52749',
-                f_filename: '3.png',
-                f_stock_id: 1,
-                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                f_operator: '1',
-                fusetype: 'Default'
-              },
-              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-              id: '52749'
-            },
-            {
-              uid: 'vc-upload-1721804393350-6',
-              name: '3.png',
-              status: 'done',
-              response: {
-                f_filetype: 'png',
-                f_file_size: 0.0003,
-                f_form_type: 'image',
-                f_use_type: 'Default',
-                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                id: '52749',
-                f_filename: '3.png',
-                f_stock_id: 1,
-                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                f_operator: '1',
-                fusetype: 'Default'
-              },
-              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-              id: '52749'
-            },
-            {
-              uid: 'vc-upload-1721804393350-6',
-              name: '3.png',
-              status: 'done',
-              response: {
-                f_filetype: 'png',
-                f_file_size: 0.0003,
-                f_form_type: 'image',
-                f_use_type: 'Default',
-                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                id: '52749',
-                f_filename: '3.png',
-                f_stock_id: 1,
-                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                f_operator: '1',
-                fusetype: 'Default'
-              },
-              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-              id: '52749'
-            },
-            {
-              uid: 'vc-upload-1721804393350-6',
-              name: '3.png',
-              status: 'done',
-              response: {
-                f_filetype: 'png',
-                f_file_size: 0.0003,
-                f_form_type: 'image',
-                f_use_type: 'Default',
-                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                id: '52749',
-                f_filename: '3.png',
-                f_stock_id: 1,
-                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-                f_operator: '1',
-                fusetype: 'Default'
-              },
-              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
-              id: '52749'
-            },
-          ]
-        }
-      },
-      total: 1,
-      registerMap: [],
-      displayOnly: false,
-      showReport: true
-    }
-  },
-  methods: {
-    updateImg (data) {
-      console.warn('demo', data)
-    },
-    testExport () {
-      this.showReport = false
-      this.displayOnly = true
-      this.$nextTick(() => {
-        this.showReport = true
-        setTimeout(() => {
-          exportHTMLNodeToPDF('123', '#test')
-          this.showReport = false
-          this.displayOnly = false
-          this.$nextTick(() => {
-            this.showReport = true
-          })
-        }, 500)
-      })
-    },
-    testSave () {
-      const result = []
-      this.registerMap.forEach(item => {
-        result.push(item.exportData())
-      })
-      console.warn('save', result)
-    }
-  }
-}
-</script>
-<style scoped>
-
-</style>
+<template>
+  <div id="test" v-if="showReport">
+    <XReport
+      @updateImg="updateImg"
+      ref="main"
+      :use-oss-for-img="false"
+      config-name="report_ticket"
+      :local-config="test"
+      :config-data="test_data"
+      server-name="af-apply"
+      :show-img-in-cell="true"
+      :display-only="displayOnly"
+      :edit-mode="false"
+      :show-save-button="false"
+      :dont-format="true"/>
+    <a-button @click="testExport">导出</a-button>
+    <a-button @click="testSave">保存</a-button>
+  </div>
+</template>
+
+<script>
+import XReport from '@vue2-client/base-client/components/common/XReport'
+// eslint-disable-next-line no-unused-vars
+import { exportHTMLNodeToPDF } from '@vue2-client/utils/htmlToPDFApi'
+
+export default {
+  name: 'Example',
+  components: {
+    XReport
+  },
+  mounted () {
+    console.log(this.$route)
+  },
+  data () {
+    return {
+      test: {
+        slotsDefine: {},
+        subTitle: [],
+        slotsDeclare: [],
+        data: {
+          images: {
+            'serviceall@@@f_signname': []
+          }
+        },
+        columns: [
+          [
+            {
+              rowSpan: 1,
+              dynamicDataIndex: false,
+              colSpan: 12,
+              dataIndex: 'serviceall@@@f_signname',
+              customFunctionForDynamicDataIndex: 'function (config) {\n  return `/rs/image/file/${}`\n}',
+              originalRowIndex: 1,
+              type: 'images',
+              originalCellIndex: 0
+            }
+          ]
+        ],
+        width: 'auto',
+        style: {
+          borderColor: 'rgb(247,247,247)'
+        },
+        designMode: 'VisualTable',
+        title: '用户签名照片',
+        table: [
+          [
+            {
+              rowSpan: 1,
+              def: {
+                dynamicDataIndex: false,
+                dataIndex: 'serviceall@@@f_signname',
+                customFunctionForDynamicDataIndex: 'function (config) {\n  return `/rs/image/file/${}`\n}',
+                type: 'images'
+              },
+              colSpan: 12,
+              originalRowIndex: 1,
+              originalCellIndex: 0
+            }
+          ]
+        ],
+        labelStyle: {}
+      },
+      test_data: {
+        serviceall: {
+          f_signname: [
+            {
+              uid: 'vc-upload-1721804393350-2',
+              name: '1.png',
+              status: 'done',
+              response: {
+                f_filetype: 'png',
+                f_file_size: 0.0005,
+                f_form_type: 'image',
+                f_use_type: 'Default',
+                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/22a6d6d151f5401eae58628a589233ec.png',
+                id: '52747',
+                f_filename: '1.png',
+                f_stock_id: 1,
+                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/22a6d6d151f5401eae58628a589233ec.png',
+                f_operator: '1',
+                fusetype: 'Default'
+              },
+              url: '/apply-image/resource/webmeter/cs/20240724/22a6d6d151f5401eae58628a589233ec.png',
+              id: '52747'
+            },
+            {
+              uid: 'vc-upload-1721804393350-4',
+              name: '2.png',
+              status: 'done',
+              response: {
+                f_filetype: 'png',
+                f_file_size: 0.0003,
+                f_form_type: 'image',
+                f_use_type: 'Default',
+                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/3cd3f0561edd466aa7026fbdc2c16803.png',
+                id: '52748',
+                f_filename: '2.png',
+                f_stock_id: 1,
+                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/3cd3f0561edd466aa7026fbdc2c16803.png',
+                f_operator: '1',
+                fusetype: 'Default'
+              },
+              url: '/apply-image/resource/webmeter/cs/20240724/3cd3f0561edd466aa7026fbdc2c16803.png',
+              id: '52748'
+            },
+            {
+              uid: 'vc-upload-1721804393350-6',
+              name: '3.png',
+              status: 'done',
+              response: {
+                f_filetype: 'png',
+                f_file_size: 0.0003,
+                f_form_type: 'image',
+                f_use_type: 'Default',
+                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                id: '52749',
+                f_filename: '3.png',
+                f_stock_id: 1,
+                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                f_operator: '1',
+                fusetype: 'Default'
+              },
+              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+              id: '52749'
+            },
+            {
+              uid: 'vc-upload-1721804393350-6',
+              name: '3.png',
+              status: 'done',
+              response: {
+                f_filetype: 'png',
+                f_file_size: 0.0003,
+                f_form_type: 'image',
+                f_use_type: 'Default',
+                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                id: '52749',
+                f_filename: '3.png',
+                f_stock_id: 1,
+                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                f_operator: '1',
+                fusetype: 'Default'
+              },
+              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+              id: '52749'
+            },
+            {
+              uid: 'vc-upload-1721804393350-6',
+              name: '3.png',
+              status: 'done',
+              response: {
+                f_filetype: 'png',
+                f_file_size: 0.0003,
+                f_form_type: 'image',
+                f_use_type: 'Default',
+                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                id: '52749',
+                f_filename: '3.png',
+                f_stock_id: 1,
+                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                f_operator: '1',
+                fusetype: 'Default'
+              },
+              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+              id: '52749'
+            },
+            {
+              uid: 'vc-upload-1721804393350-6',
+              name: '3.png',
+              status: 'done',
+              response: {
+                f_filetype: 'png',
+                f_file_size: 0.0003,
+                f_form_type: 'image',
+                f_use_type: 'Default',
+                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                id: '52749',
+                f_filename: '3.png',
+                f_stock_id: 1,
+                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                f_operator: '1',
+                fusetype: 'Default'
+              },
+              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+              id: '52749'
+            },
+            {
+              uid: 'vc-upload-1721804393350-6',
+              name: '3.png',
+              status: 'done',
+              response: {
+                f_filetype: 'png',
+                f_file_size: 0.0003,
+                f_form_type: 'image',
+                f_use_type: 'Default',
+                f_downloadpath: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                id: '52749',
+                f_filename: '3.png',
+                f_stock_id: 1,
+                f_realpath: 'D:\\nginx-resource\\resource\\webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+                f_operator: '1',
+                fusetype: 'Default'
+              },
+              url: '/apply-image/resource/webmeter/cs/20240724/ddc49b4375284027b11ce2c86fde47b0.png',
+              id: '52749'
+            },
+          ]
+        }
+      },
+      total: 1,
+      registerMap: [],
+      displayOnly: false,
+      showReport: true
+    }
+  },
+  methods: {
+    updateImg (data) {
+      console.warn('demo', data)
+    },
+    testExport () {
+      this.showReport = false
+      this.displayOnly = true
+      this.$nextTick(() => {
+        this.showReport = true
+        setTimeout(() => {
+          exportHTMLNodeToPDF('123', '#test')
+          this.showReport = false
+          this.displayOnly = false
+          this.$nextTick(() => {
+            this.showReport = true
+          })
+        }, 500)
+      })
+    },
+    testSave () {
+      const result = []
+      this.registerMap.forEach(item => {
+        result.push(item.exportData())
+      })
+      console.warn('save', result)
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>