vue2-client 1.10.7 → 1.10.8

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

@@ -1,304 +1,304 @@
-<template>
-  <div id="test" v-if="showReport">
-    <XReport
-      @updateImg="updateImg"
-      ref="main"
-      :use-oss-for-img="false"
-      config-name="RegistrationForm"
-      :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: 'XReportDemo',
-  components: {
-    XReport
-  },
-  mounted () {
-    console.log(this.$route)
-  },
-  data () {
-    return {
-      test: {
-        title: {
-          type: 'titleKey',
-          value: 'f_type'
-        },
-        content: [
-          {
-            customFunctionForLabel: "function (config) {\n\treturn { type: 'key', content: 'f_project',\n          style: {\n            \"backgroundColor\": \"rgb(247,247,247)\",\n        \t\t\"fontWeight\": \"bold\",\n            \"borderColor\": \"rgb(247,247,247)\",\n            \"borderWidth\": \"1px\"\n          }\n         }\n}",
-            customFunctionForValue: "function (config, item) {\n  if (!item.f_content || item.f_content === null) {\n    if (item.type === 'picture') {\n      return {\n          type: 'imgs', \n          content: 'imgs',\n          originalKey: 'imgs',\n          style: {\n            \"borderColor\": \"rgb(247,247,247)\",\n            \"borderWidth\": \"1px\"\n          }\n        }\n    } else {\n      return { \n        type: 'value', \n        content: '无',\n        originalKey: 'f_content',\n        style: {\n          \"borderColor\": \"rgb(247,247,247)\",\n          \"borderWidth\": \"1px\"\n        }\n      }\n    }\n  }else {\n    if (item.type === 'picture') {\n      return {\n          type: 'imgs', \n          content: 'imgs',\n          originalKey: 'imgs',\n          style: {\n            \"borderColor\": \"rgb(247,247,247)\",\n            \"borderWidth\": \"1px\"\n          }\n        }\n    } else {\n      return {\n        type: 'key', \n        content: 'f_content',\n        originalKey: 'f_content',\n        style: {\n          \"borderColor\": \"rgb(247,247,247)\",\n          \"borderWidth\": \"1px\"\n        }\n      }\n    }\n  }\n}",
-            jsonArrayDataIndex: 'details',
-            type: 'jsonArray'
-          }
-        ],
-        designMode: 'json',
-        testJsonData: {
-          imgs: [],
-          details: [
-            {
-              f_project: '旧表表号',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224392,
-              type: 'string'
-            },
-            {
-              f_project: '新表表号',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224393,
-              type: 'string'
-            },
-            {
-              f_project: '引入方式',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224394,
-              type: 'selector'
-            },
-            {
-              f_project: '是否高空作业',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224395,
-              type: 'selector'
-            },
-            {
-              f_project: '处理结果',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224396,
-              type: 'selector'
-            },
-            {
-              f_project: '位置',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224397,
-              type: 'selector'
-            },
-            {
-              f_project: '补装管卡',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224398,
-              type: 'selector'
-            },
-            {
-              f_project: '备注',
-              f_service_id: 35917,
-              f_is_must: 'false',
-              id: 224399,
-              type: 'string'
-            }
-          ],
-          id: 35917,
-          f_type: '改管维修'
-        }
-      },
-      test_data: {
-        imgs: [
-
-        ],
-        f_repair_date: null,
-        details: [
-          {
-            parent: null,
-            f_third_imgname: null,
-            f_service_id: 35987,
-            f_is_must: 'true',
-            f_second_repairimg: null,
-            f_type: null,
-            type: 'selector',
-            f_contentmessage: null,
-            f_servicerepair_id: null,
-            f_fourth_imgname: null,
-            f_repair_date: null,
-            id: 225020,
-            f_repair_man: null,
-            f_second_imgname: null,
-            f_status: null,
-            f_filiale: null,
-            f_defect_id: null,
-            f_project: '维修类型',
-            f_first_imgname: null,
-            f_first_repairimg: null,
-            f_content: null,
-            f_parentname: null,
-            money: null,
-            f_third_repairimg: null,
-            serviceid: null,
-            f_fourth_repairimg: null
-          },
-          {
-            parent: null,
-            f_third_imgname: null,
-            f_service_id: 35987,
-            f_is_must: 'true',
-            f_second_repairimg: null,
-            f_type: null,
-            type: 'selector',
-            f_contentmessage: null,
-            f_servicerepair_id: null,
-            f_fourth_imgname: null,
-            f_repair_date: null,
-            id: 225021,
-            f_repair_man: null,
-            f_second_imgname: null,
-            f_status: null,
-            f_filiale: null,
-            f_defect_id: null,
-            f_project: '维修险情类别',
-            f_first_imgname: null,
-            f_first_repairimg: null,
-            f_content: null,
-            f_parentname: null,
-            money: null,
-            f_third_repairimg: null,
-            serviceid: null,
-            f_fourth_repairimg: null
-          },
-          {
-            parent: null,
-            f_third_imgname: null,
-            f_service_id: 35987,
-            f_is_must: null,
-            f_second_repairimg: null,
-            f_type: null,
-            type: 'picture',
-            f_contentmessage: null,
-            f_servicerepair_id: null,
-            f_fourth_imgname: null,
-            f_repair_date: null,
-            id: 225022,
-            f_repair_man: null,
-            f_second_imgname: null,
-            f_status: null,
-            f_filiale: null,
-            f_defect_id: null,
-            f_project: '隐患前照片',
-            f_first_imgname: null,
-            f_first_repairimg: null,
-            f_content: null,
-            f_parentname: null,
-            money: null,
-            f_third_repairimg: null,
-            serviceid: null,
-            f_fourth_repairimg: null,
-            imgs: [{ serviceId: 55469, imgid: 1, imgpath: '隐患前照片', path: '/apply-image/resource/webmeter/cs/20240802/d394b9303c03476198291cce35199fb0.gif' }]
-          },
-          {
-            parent: null,
-            f_third_imgname: null,
-            f_service_id: 35987,
-            f_is_must: null,
-            f_second_repairimg: null,
-            f_type: null,
-            type: 'picture',
-            f_contentmessage: null,
-            f_servicerepair_id: null,
-            f_fourth_imgname: null,
-            f_repair_date: null,
-            id: 225023,
-            f_repair_man: null,
-            f_second_imgname: null,
-            f_status: null,
-            f_filiale: null,
-            f_defect_id: null,
-            f_project: '隐患后照片',
-            f_first_imgname: null,
-            f_first_repairimg: null,
-            f_content: null,
-            f_parentname: null,
-            money: null,
-            f_third_repairimg: null,
-            serviceid: null,
-            f_fourth_repairimg: null
-          },
-          {
-            parent: null,
-            f_third_imgname: null,
-            f_service_id: 35987,
-            f_is_must: null,
-            f_second_repairimg: null,
-            f_type: null,
-            type: 'string',
-            f_contentmessage: null,
-            f_servicerepair_id: null,
-            f_fourth_imgname: null,
-            f_repair_date: null,
-            id: 225024,
-            f_repair_man: null,
-            f_second_imgname: null,
-            f_status: null,
-            f_filiale: null,
-            f_defect_id: null,
-            f_project: '隐患备注',
-            f_first_imgname: null,
-            f_first_repairimg: null,
-            f_content: null,
-            f_parentname: null,
-            money: null,
-            f_third_repairimg: null,
-            serviceid: null,
-            f_fourth_repairimg: null
-          }
-        ],
-        id: 35987,
-        f_remarks: null,
-        f_type: '隐患信息',
-        serviceid: 55469
-      },
-      total: 1,
-      registerMap: [],
-      displayOnly: true,
-      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="RegistrationForm"
+      :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: 'XReportDemo',
+  components: {
+    XReport
+  },
+  mounted () {
+    console.log(this.$route)
+  },
+  data () {
+    return {
+      test: {
+        title: {
+          type: 'titleKey',
+          value: 'f_type'
+        },
+        content: [
+          {
+            customFunctionForLabel: "function (config) {\n\treturn { type: 'key', content: 'f_project',\n          style: {\n            \"backgroundColor\": \"rgb(247,247,247)\",\n        \t\t\"fontWeight\": \"bold\",\n            \"borderColor\": \"rgb(247,247,247)\",\n            \"borderWidth\": \"1px\"\n          }\n         }\n}",
+            customFunctionForValue: "function (config, item) {\n  if (!item.f_content || item.f_content === null) {\n    if (item.type === 'picture') {\n      return {\n          type: 'imgs', \n          content: 'imgs',\n          originalKey: 'imgs',\n          style: {\n            \"borderColor\": \"rgb(247,247,247)\",\n            \"borderWidth\": \"1px\"\n          }\n        }\n    } else {\n      return { \n        type: 'value', \n        content: '无',\n        originalKey: 'f_content',\n        style: {\n          \"borderColor\": \"rgb(247,247,247)\",\n          \"borderWidth\": \"1px\"\n        }\n      }\n    }\n  }else {\n    if (item.type === 'picture') {\n      return {\n          type: 'imgs', \n          content: 'imgs',\n          originalKey: 'imgs',\n          style: {\n            \"borderColor\": \"rgb(247,247,247)\",\n            \"borderWidth\": \"1px\"\n          }\n        }\n    } else {\n      return {\n        type: 'key', \n        content: 'f_content',\n        originalKey: 'f_content',\n        style: {\n          \"borderColor\": \"rgb(247,247,247)\",\n          \"borderWidth\": \"1px\"\n        }\n      }\n    }\n  }\n}",
+            jsonArrayDataIndex: 'details',
+            type: 'jsonArray'
+          }
+        ],
+        designMode: 'json',
+        testJsonData: {
+          imgs: [],
+          details: [
+            {
+              f_project: '旧表表号',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224392,
+              type: 'string'
+            },
+            {
+              f_project: '新表表号',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224393,
+              type: 'string'
+            },
+            {
+              f_project: '引入方式',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224394,
+              type: 'selector'
+            },
+            {
+              f_project: '是否高空作业',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224395,
+              type: 'selector'
+            },
+            {
+              f_project: '处理结果',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224396,
+              type: 'selector'
+            },
+            {
+              f_project: '位置',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224397,
+              type: 'selector'
+            },
+            {
+              f_project: '补装管卡',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224398,
+              type: 'selector'
+            },
+            {
+              f_project: '备注',
+              f_service_id: 35917,
+              f_is_must: 'false',
+              id: 224399,
+              type: 'string'
+            }
+          ],
+          id: 35917,
+          f_type: '改管维修'
+        }
+      },
+      test_data: {
+        imgs: [
+
+        ],
+        f_repair_date: null,
+        details: [
+          {
+            parent: null,
+            f_third_imgname: null,
+            f_service_id: 35987,
+            f_is_must: 'true',
+            f_second_repairimg: null,
+            f_type: null,
+            type: 'selector',
+            f_contentmessage: null,
+            f_servicerepair_id: null,
+            f_fourth_imgname: null,
+            f_repair_date: null,
+            id: 225020,
+            f_repair_man: null,
+            f_second_imgname: null,
+            f_status: null,
+            f_filiale: null,
+            f_defect_id: null,
+            f_project: '维修类型',
+            f_first_imgname: null,
+            f_first_repairimg: null,
+            f_content: null,
+            f_parentname: null,
+            money: null,
+            f_third_repairimg: null,
+            serviceid: null,
+            f_fourth_repairimg: null
+          },
+          {
+            parent: null,
+            f_third_imgname: null,
+            f_service_id: 35987,
+            f_is_must: 'true',
+            f_second_repairimg: null,
+            f_type: null,
+            type: 'selector',
+            f_contentmessage: null,
+            f_servicerepair_id: null,
+            f_fourth_imgname: null,
+            f_repair_date: null,
+            id: 225021,
+            f_repair_man: null,
+            f_second_imgname: null,
+            f_status: null,
+            f_filiale: null,
+            f_defect_id: null,
+            f_project: '维修险情类别',
+            f_first_imgname: null,
+            f_first_repairimg: null,
+            f_content: null,
+            f_parentname: null,
+            money: null,
+            f_third_repairimg: null,
+            serviceid: null,
+            f_fourth_repairimg: null
+          },
+          {
+            parent: null,
+            f_third_imgname: null,
+            f_service_id: 35987,
+            f_is_must: null,
+            f_second_repairimg: null,
+            f_type: null,
+            type: 'picture',
+            f_contentmessage: null,
+            f_servicerepair_id: null,
+            f_fourth_imgname: null,
+            f_repair_date: null,
+            id: 225022,
+            f_repair_man: null,
+            f_second_imgname: null,
+            f_status: null,
+            f_filiale: null,
+            f_defect_id: null,
+            f_project: '隐患前照片',
+            f_first_imgname: null,
+            f_first_repairimg: null,
+            f_content: null,
+            f_parentname: null,
+            money: null,
+            f_third_repairimg: null,
+            serviceid: null,
+            f_fourth_repairimg: null,
+            imgs: [{ serviceId: 55469, imgid: 1, imgpath: '隐患前照片', path: '/apply-image/resource/webmeter/cs/20240802/d394b9303c03476198291cce35199fb0.gif' }]
+          },
+          {
+            parent: null,
+            f_third_imgname: null,
+            f_service_id: 35987,
+            f_is_must: null,
+            f_second_repairimg: null,
+            f_type: null,
+            type: 'picture',
+            f_contentmessage: null,
+            f_servicerepair_id: null,
+            f_fourth_imgname: null,
+            f_repair_date: null,
+            id: 225023,
+            f_repair_man: null,
+            f_second_imgname: null,
+            f_status: null,
+            f_filiale: null,
+            f_defect_id: null,
+            f_project: '隐患后照片',
+            f_first_imgname: null,
+            f_first_repairimg: null,
+            f_content: null,
+            f_parentname: null,
+            money: null,
+            f_third_repairimg: null,
+            serviceid: null,
+            f_fourth_repairimg: null
+          },
+          {
+            parent: null,
+            f_third_imgname: null,
+            f_service_id: 35987,
+            f_is_must: null,
+            f_second_repairimg: null,
+            f_type: null,
+            type: 'string',
+            f_contentmessage: null,
+            f_servicerepair_id: null,
+            f_fourth_imgname: null,
+            f_repair_date: null,
+            id: 225024,
+            f_repair_man: null,
+            f_second_imgname: null,
+            f_status: null,
+            f_filiale: null,
+            f_defect_id: null,
+            f_project: '隐患备注',
+            f_first_imgname: null,
+            f_first_repairimg: null,
+            f_content: null,
+            f_parentname: null,
+            money: null,
+            f_third_repairimg: null,
+            serviceid: null,
+            f_fourth_repairimg: null
+          }
+        ],
+        id: 35987,
+        f_remarks: null,
+        f_type: '隐患信息',
+        serviceid: 55469
+      },
+      total: 1,
+      registerMap: [],
+      displayOnly: true,
+      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>