cloud-web-corejs 1.0.54-dev.600 → 1.0.54-dev.602

package/src/views/user/form/vform/designer.vue

@@ -1,24 +1,15 @@
 <template>
   <div>
     <!-- <el-button type="primary" @click="test">Submit</el-button> -->
-    <div class="designer-box" id="containt" style="margin-bottom: 0;">
-      <v-form-designer
-        ref="designer"
-        :reportTemplate.sync="reportTemplate"
-        :designer-config="designerConfig"
-        :field-list-data="fieldListData"
-        @field-widget-used="handleFWU"
-        @field-widget-removed="handleFWR"
-        @form-json-updated="handleFJU"
-        @reflushTemplateList="reflushTemplateList"
-        v-if="showDesinger"
-        :readonly="readonly"
-        :columnFlag="columnFlag"
-        :sourceData="sourceData"
-        sourceData:="sourceData"
-        @customConfirm="customConfirm"
-      />
-    </div><!--
+    <div class="designer-box" id="containt" style="margin-bottom: 0">
+      <v-form-designer ref="designer" :reportTemplate.sync="reportTemplate"
+      :designer-config="designerConfig" :field-list-data="fieldListData"
+      @field-widget-used="handleFWU" @field-widget-removed="handleFWR"
+      @form-json-updated="handleFJU" @reflushTemplateList="reflushTemplateList"
+      v-if="showDesinger" :readonly="readonly" :columnFlag="columnFlag"
+      :sourceData="sourceData" sourceData:="sourceData" @customConfirm="customConfirm" />
+    </div>
+    <!--
     <el-tabs v-model="activeName" class="tab-boxCard tabCard-sty1" v-if="showDesinger">
       <el-tab-pane label="设计器" name="first">
 
@@ -28,25 +19,26 @@
 </template>
 
 <script>
-import {loadExtension} from '@base/components/xform/extension/extension-loader'
+import { loadExtension } from "@base/components/xform/extension/extension-loader";
 
-loadExtension()
-import VFormDesigner from '@base/components/xform/form-designer/index.vue'
-import {deepClone, overwriteObj} from "@base/components/xform/utils/util";
-import {formFieldMapping} from "./formFieldMapping";
+loadExtension();
+import VFormDesigner from "@base/components/xform/form-designer/index.vue";
+import { deepClone, overwriteObj } from "@base/components/xform/utils/util";
+import { formFieldMapping } from "./formFieldMapping";
 
 export default {
-  name: 'vform-designer:edit',
+  name: "vform-designer:edit",
   props: {
     formCode: String,
     readonly: Boolean,
     formTemplate: Object,
     widgetList: Array,
     columnFlag: Boolean,
-    sourceData:Object
+    sourceData: Object,
+    historyFlag: Boolean,
   },
   components: {
-    VFormDesigner
+    VFormDesigner,
   },
   data() {
     return {
@@ -55,7 +47,7 @@ export default {
       optionData: {},
       reportTemplate: {},
       showDesinger: false,
-      activeName: 'first',
+      activeName: "first",
       showRequestaccessList: false,
       showFunctionScriptList: false,
       designerConfig: {
@@ -75,7 +67,7 @@ export default {
       meteFieldsResult: null,
       usedFieldNames: {},
       entity: null,
-      entityLabel: null
+      entityLabel: null,
     };
   },
   computed: {},
@@ -84,7 +76,7 @@ export default {
       if (this.showRequestaccessList === false && val == "second") {
         this.showRequestaccessList = true;
       }
-    }
+    },
   },
   mounted() {
     this.getTemplate();
@@ -105,33 +97,40 @@ export default {
         this.$nextTick(() => {
           let formJson = this.$baseLodash.cloneDeep({
             widgetList: this.widgetList,
-            formConfig:{}
+            formConfig: {},
           });
           this.$refs.designer.setFormJson(formJson);
-        })
-        return
+        });
+      } else if (this.formTemplate) {
+        this.reportTemplate = this.$baseLodash.cloneDeep(this.formTemplate);
+        this.showDesinger = true;
+        this.$nextTick(() => {
+          this.$refs.designer.setFormJson(this.reportTemplate.formViewContent);
+        });
+      } else {
+        this.$http({
+          aes: true,
+          url: USER_PREFIX + `/formTemplate/getByFormCode`,
+          method: `post`,
+          data: {
+            stringOne: this.formCode,
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: (res) => {
+            if (!res.objx) {
+              this.$baseAlert(this.$t1("获取报表模板失败"));
+              return;
+            }
+            let reportTemplate = res.objx || {};
+            this.reportTemplate = reportTemplate;
+            this.showDesinger = true;
+            this.$nextTick(() => {
+              this.$refs.designer.setFormJson(reportTemplate.formViewContent);
+            });
+          },
+        });
       }
-      this.$http({
-        aes: true,
-        url: USER_PREFIX + `/formTemplate/getByFormCode`,
-        method: `post`,
-        data: {
-          stringOne: this.formCode
-        },
-        isLoading: true,
-        modalStrictly: true,
-        success: res => {
-          let reportTemplate = res.objx || {};
-          this.reportTemplate = reportTemplate;
-          this.showDesinger = true;
-          this.$nextTick(() => {
-            this.$refs.designer.setFormJson(reportTemplate.formViewContent);
-
-            // this.loadFieldListData();
-
-          })
-        }
-      });
     },
     loadFieldListData(res) {
       this.entity = "User";
@@ -210,27 +209,37 @@ export default {
         }
       };*/
       res = {
-        "code": 200, "error": null, "message": "success", "data": {
-          "subFormList": [{"name": "Jinjilianxiren", "label": "员工-紧急联系人"}],
-          "storageSetting": [{"cloudStorage": "false"}],
-          "fieldList": [
+        code: 200,
+        error: null,
+        message: "success",
+        data: {
+          subFormList: [{ name: "Jinjilianxiren", label: "员工-紧急联系人" }],
+          storageSetting: [{ cloudStorage: "false" }],
+          fieldList: [
             /*{
             "name": "yuangongdanganId",
             "label": "id主键",
             "type": "PrimaryKey",
             "required": "1"
-          },*/ {"name": "createdOn", "label": "创建时间", "type": "DateTime", "required": "1"}, /*{
+          },*/ {
+              name: "createdOn",
+              label: "创建时间",
+              type: "DateTime",
+              required: "1",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "name": "createdBy",
             "label": "创建用户",
             "type": "Reference",
             "required": "1"
           },*/ {
-              "name": "modifiedOn",
-              "label": "最近修改时间",
-              "type": "DateTime",
-              "required": "0"
-            }, /*{
+              name: "modifiedOn",
+              label: "最近修改时间",
+              type: "DateTime",
+              required: "0",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "name": "modifiedBy",
             "label": "修改用户",
@@ -249,116 +258,140 @@ export default {
             "type": "Reference",
             "required": "1"
           },*/ {
-              "name": "gonghao",
-              "label": "工号",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {
-              "name": "xingming",
-              "label": "姓名",
-              "type": "Text",
-              "required": "1",
-              "maxLength": "200"
-            }, /*{
+              name: "gonghao",
+              label: "工号",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              name: "xingming",
+              label: "姓名",
+              type: "Text",
+              required: "1",
+              maxLength: "200",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "name": "bumen",
             "label": "部门",
             "type": "Reference",
             "required": "1"
           },*/ {
-              "name": "gangwei",
-              "label": "岗位",
-              "type": "Text",
-              "required": "1",
-              "maxLength": "200"
-            }, /*{
+              name: "gangwei",
+              label: "岗位",
+              type: "Text",
+              required: "1",
+              maxLength: "200",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "name": "yuangongchengyuan",
             "label": "员工成员",
             "type": "Reference",
             "required": "0"
           },*/ {
-              "name": "shenfenzhenghao",
-              "label": "身份证号",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {"name": "xingbie", "label": "性别", "type": "Option", "required": "1"}, {
-              "name": "chushengriqi",
-              "label": "出生日期",
-              "type": "Date",
-              "required": "0"
-            }, /*{
+              name: "shenfenzhenghao",
+              label: "身份证号",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            { name: "xingbie", label: "性别", type: "Option", required: "1" },
+            {
+              name: "chushengriqi",
+              label: "出生日期",
+              type: "Date",
+              required: "0",
+            },
+            /*{
             "name": "jiguan",
             "label": "籍贯",
             "type": "AreaSelect",
             "areaDataType": "2",
             "required": "0"
           },*/ {
-              "name": "hujisuozaidi",
-              "label": "户籍所在地",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {"name": "hujileixing", "label": "户籍类型", "type": "Option", "required": "0"}, {
-              "name": "minzu",
-              "label": "民族",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {
-              "name": "hunyinzhuangtai",
-              "label": "婚姻状态",
-              "type": "Option",
-              "required": "0"
-            }, {
-              "name": "zhengzhimianmao",
-              "label": "政治面貌",
-              "type": "Option",
-              "required": "0"
-            }, /*{
+              name: "hujisuozaidi",
+              label: "户籍所在地",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            { name: "hujileixing", label: "户籍类型", type: "Option", required: "0" },
+            {
+              name: "minzu",
+              label: "民族",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              name: "hunyinzhuangtai",
+              label: "婚姻状态",
+              type: "Option",
+              required: "0",
+            },
+            {
+              name: "zhengzhimianmao",
+              label: "政治面貌",
+              type: "Option",
+              required: "0",
+            },
+            /*{
             "name": "yuangongzhaopian",
             "label": "员工照片",
             "type": "Picture",
             "required": "0"
           },*/ {
-              "name": "pinyongxingshi",
-              "label": "聘用形式",
-              "type": "Option",
-              "required": "0"
-            }, {
-              "name": "yuangongzhuangtai",
-              "label": "员工状态",
-              "type": "Option",
-              "required": "1"
-            }, {"name": "canjiagongzuoriqi", "label": "参加工作日期", "type": "Date", "required": "0"}, {
-              "name": "ruzhiriqi",
-              "label": "入职日期",
-              "type": "Date",
-              "required": "1"
-            }, {
-              "name": "shiyongqitianshu",
-              "label": "试用期天数（天）",
-              "type": "Integer",
-              "required": "1"
-            }, {"name": "zhuanzhengriqi", "label": "转正日期", "type": "Date", "required": "0"}, {
-              "min": "-999999999",
-              "max": "999999999",
-              "precision": "2",
-              "name": "shiyongqixinzi",
-              "label": "试用期薪资",
-              "type": "Money",
-              "required": "0"
-            }, {
-              "min": "-999999999",
-              "max": "999999999",
-              "precision": "2",
-              "name": "zhengshixinzi",
-              "label": "正式薪资",
-              "type": "Money",
-              "required": "0"
-            }, /*{
+              name: "pinyongxingshi",
+              label: "聘用形式",
+              type: "Option",
+              required: "0",
+            },
+            {
+              name: "yuangongzhuangtai",
+              label: "员工状态",
+              type: "Option",
+              required: "1",
+            },
+            {
+              name: "canjiagongzuoriqi",
+              label: "参加工作日期",
+              type: "Date",
+              required: "0",
+            },
+            {
+              name: "ruzhiriqi",
+              label: "入职日期",
+              type: "Date",
+              required: "1",
+            },
+            {
+              name: "shiyongqitianshu",
+              label: "试用期天数（天）",
+              type: "Integer",
+              required: "1",
+            },
+            { name: "zhuanzhengriqi", label: "转正日期", type: "Date", required: "0" },
+            {
+              min: "-999999999",
+              max: "999999999",
+              precision: "2",
+              name: "shiyongqixinzi",
+              label: "试用期薪资",
+              type: "Money",
+              required: "0",
+            },
+            {
+              min: "-999999999",
+              max: "999999999",
+              precision: "2",
+              name: "zhengshixinzi",
+              label: "正式薪资",
+              type: "Money",
+              required: "0",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "name": "zhijieshangji",
             "label": "直接上级",
@@ -371,65 +404,75 @@ export default {
             "type": "Reference",
             "required": "0"
           },*/ {
-              "name": "shebaozhanghao",
-              "label": "社保账号",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {
-              "name": "gongjijinzhanghao",
-              "label": "公积金账号",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {
-              "name": "yinhangkahao",
-              "label": "银行卡号",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {
-              "name": "kaihuxing",
-              "label": "开户行",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {
-              "name": "shoujihao",
-              "label": "手机号",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, /*{
+              name: "shebaozhanghao",
+              label: "社保账号",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              name: "gongjijinzhanghao",
+              label: "公积金账号",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              name: "yinhangkahao",
+              label: "银行卡号",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              name: "kaihuxing",
+              label: "开户行",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              name: "shoujihao",
+              label: "手机号",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            /*{
             "name": "changzhudizhi",
             "label": "常住地址",
             "type": "AreaSelect",
             "areaDataType": "2",
             "required": "0"
           },*/ {
-              "name": "jutidizhi",
-              "label": "具体地址",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {"name": "zuigaoxueli", "label": "最高学历", "type": "Option", "required": "0"}, {
-              "name": "biyeshijian",
-              "label": "毕业时间",
-              "type": "Date",
-              "required": "0"
-            }, {"name": "aa", "label": "aa", "type": "Integer", "required": "1"}, /*{
+              name: "jutidizhi",
+              label: "具体地址",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            { name: "zuigaoxueli", label: "最高学历", type: "Option", required: "0" },
+            {
+              name: "biyeshijian",
+              label: "毕业时间",
+              type: "Date",
+              required: "0",
+            },
+            { name: "aa", label: "aa", type: "Integer", required: "1" },
+            /*{
             "detailEntity": "Jinjilianxiren",
             "name": "jinjilianxirenId",
             "label": "员工-紧急联系人.id主键",
             "type": "PrimaryKey",
             "required": "1"
           },*/ {
-              "detailEntity": "Jinjilianxiren",
-              "name": "createdOn",
-              "label": "员工-紧急联系人.创建时间",
-              "type": "DateTime",
-              "required": "1"
-            }, /*{
+              detailEntity: "Jinjilianxiren",
+              name: "createdOn",
+              label: "员工-紧急联系人.创建时间",
+              type: "DateTime",
+              required: "1",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "detailEntity": "Jinjilianxiren",
             "name": "createdBy",
@@ -437,12 +480,13 @@ export default {
             "type": "Reference",
             "required": "1"
           },*/ {
-              "detailEntity": "Jinjilianxiren",
-              "name": "modifiedOn",
-              "label": "员工-紧急联系人.最近修改时间",
-              "type": "DateTime",
-              "required": "0"
-            }, /*{
+              detailEntity: "Jinjilianxiren",
+              name: "modifiedOn",
+              label: "员工-紧急联系人.最近修改时间",
+              type: "DateTime",
+              required: "0",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "detailEntity": "Jinjilianxiren",
             "name": "modifiedBy",
@@ -457,38 +501,34 @@ export default {
             "type": "Reference",
             "required": "1"
           },*/ {
-              "detailEntity": "Jinjilianxiren",
-              "name": "shouji",
-              "label": "员工-紧急联系人.手机",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }, {
-              "detailEntity": "Jinjilianxiren",
-              "name": "jinjilianxirenxingming",
-              "label": "员工-紧急联系人.紧急联系人姓名",
-              "type": "Text",
-              "required": "0",
-              "maxLength": "200"
-            }]
-        }
+              detailEntity: "Jinjilianxiren",
+              name: "shouji",
+              label: "员工-紧急联系人.手机",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              detailEntity: "Jinjilianxiren",
+              name: "jinjilianxirenxingming",
+              label: "员工-紧急联系人.紧急联系人姓名",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+          ],
+        },
       };
       if (res.data.fieldList) {
         this.fieldListData.fieldList = res.data.fieldList;
         if (res.data.subFormList) {
-          this.fieldListData.subFormList =
-            res.data.subFormList;
+          this.fieldListData.subFormList = res.data.subFormList;
         }
         this.meteFieldsResult = res;
-        const metaFields = this.buildMetaFields(
-          this.meteFieldsResult
-        );
-        this.$refs.designer.setFieldListData(
-          this.fieldListData
-        );
+        const metaFields = this.buildMetaFields(this.meteFieldsResult);
+        this.$refs.designer.setFieldListData(this.fieldListData);
         this.$refs.designer.setMetaFields(metaFields);
       }
-
     },
 
     buildMetaFields(mdResult) {
@@ -509,10 +549,7 @@ export default {
               return;
             }
 
-            if (
-              fld.type === "AnyReference" ||
-              fld.type === "ReferenceList"
-            ) {
+            if (fld.type === "AnyReference" || fld.type === "ReferenceList") {
               return;
             }
 
@@ -520,18 +557,11 @@ export default {
               return; //跳过本次循环
             }
 
-            const fieldNewProps = deepClone(
-              formFieldMapping[fld.type]
-            );
+            const fieldNewProps = deepClone(formFieldMapping[fld.type]);
             const fieldSchema = deepClone(
-              this.$refs.designer.designer.getFieldWidgetByType(
-                fieldNewProps.type
-              )
-            );
-            overwriteObj(
-              fieldSchema.options,
-              fieldNewProps.options
+              this.$refs.designer.designer.getFieldWidgetByType(fieldNewProps.type)
             );
+            overwriteObj(fieldSchema.options, fieldNewProps.options);
 
             fieldSchema.displayName = fld.label;
             fieldSchema.nameReadonly = true;
@@ -560,10 +590,7 @@ export default {
               fld.type !== "PrimaryKey"
             ) {
               //跳过id主键
-              if (
-                fld.type === "AnyReference" ||
-                fld.type === "ReferenceList"
-              ) {
+              if (fld.type === "AnyReference" || fld.type === "ReferenceList") {
                 return;
               }
 
@@ -571,18 +598,11 @@ export default {
                 return; //跳过本次循环
               }
 
-              const fieldNewProps = deepClone(
-                formFieldMapping[fld.type]
-              );
+              const fieldNewProps = deepClone(formFieldMapping[fld.type]);
               const fieldSchema = deepClone(
-                this.$refs.designer.designer.getFieldWidgetByType(
-                  fieldNewProps.type
-                )
-              );
-              overwriteObj(
-                fieldSchema.options,
-                fieldNewProps.options
+                this.$refs.designer.designer.getFieldWidgetByType(fieldNewProps.type)
               );
+              overwriteObj(fieldSchema.options, fieldNewProps.options);
 
               fieldSchema.displayName = fld.label;
               fieldSchema.nameReadonly = true;
@@ -605,11 +625,9 @@ export default {
       let cloudStorageFlag = false;
       let cloudStorageType = "";
       if (mdResult.data.storageSetting) {
-        cloudStorageFlag =
-          mdResult.data.storageSetting[0].cloudStorage === "true";
+        cloudStorageFlag = mdResult.data.storageSetting[0].cloudStorage === "true";
         if (cloudStorageFlag) {
-          cloudStorageType =
-            mdResult.data.storageSetting[0].cloudStorageType;
+          cloudStorageType = mdResult.data.storageSetting[0].cloudStorageType;
         }
       }
 
@@ -646,12 +664,8 @@ export default {
         fieldSchema.options.precision = !fldObj.precision
           ? fieldSchema.options.precision
           : fldObj.precision * 1;
-        fieldSchema.options.min = !fldObj.min
-          ? fieldSchema.options.min
-          : fldObj.min * 1;
-        fieldSchema.options.max = !fldObj.max
-          ? fieldSchema.options.max
-          : fldObj.max * 1;
+        fieldSchema.options.min = !fldObj.min ? fieldSchema.options.min : fldObj.min * 1;
+        fieldSchema.options.max = !fldObj.max ? fieldSchema.options.max : fldObj.max * 1;
       }
 
       /* 处理地区选择字段 */
@@ -664,17 +678,14 @@ export default {
 
       /* 处理一对一字段 */
       if (fldObj.type === "Reference") {
-        fieldSchema.options.searchDialogWidth =
-          !fldObj.searchDialogWidth
-            ? fieldSchema.options.searchDialogWidth
-            : fldObj.searchDialogWidth;
+        fieldSchema.options.searchDialogWidth = !fldObj.searchDialogWidth
+          ? fieldSchema.options.searchDialogWidth
+          : fldObj.searchDialogWidth;
       }
 
       /* 处理单选项字段 */
       if (fieldSchema.options.hasOwnProperty("optionItems")) {
-        if (
-          this.formOptionData.hasOwnProperty(fieldSchema.options.name)
-        ) {
+        if (this.formOptionData.hasOwnProperty(fieldSchema.options.name)) {
           fieldSchema.options.optionItems = deepClone(
             this.formOptionData[fieldSchema.options.name]
           );
@@ -682,8 +693,8 @@ export default {
 
         if (fldObj.type === "Boolean") {
           fieldSchema.options.optionItems = [
-            {value: true, label: "是"},
-            {value: false, label: "否"},
+            { value: true, label: "是" },
+            { value: false, label: "否" },
           ];
         }
 
@@ -696,11 +707,18 @@ export default {
       }
 
       /* 取消系统字段的必填校验 */
-      if (fieldSchema.options.name === "createdOn" || fieldSchema.options.name === "createdBy"
-        || fieldSchema.options.name === "modifiedOn" || fieldSchema.options.name === "modifiedBy"
-        || fieldSchema.options.name === "ownerUser" || fieldSchema.options.name === "ownerDepartment"
-        || fieldSchema.options.name === "approvalConfigId" || fieldSchema.options.name === "approvalStatus"
-        || fieldSchema.options.name === "lastApprovedBy" || fieldSchema.options.name === "lastApprovedOn") {
+      if (
+        fieldSchema.options.name === "createdOn" ||
+        fieldSchema.options.name === "createdBy" ||
+        fieldSchema.options.name === "modifiedOn" ||
+        fieldSchema.options.name === "modifiedBy" ||
+        fieldSchema.options.name === "ownerUser" ||
+        fieldSchema.options.name === "ownerDepartment" ||
+        fieldSchema.options.name === "approvalConfigId" ||
+        fieldSchema.options.name === "approvalStatus" ||
+        fieldSchema.options.name === "lastApprovedBy" ||
+        fieldSchema.options.name === "lastApprovedOn"
+      ) {
         fieldSchema.options.required = false;
       }
 
@@ -750,9 +768,7 @@ export default {
         aes: true,
         url: USER_PREFIX + "/szTaMb/listPage",
         data: {},
-        success: res => {
-
-        }
+        success: (res) => {},
       });
     },
     reflushTemplateList() {
@@ -760,8 +776,8 @@ export default {
     },
     customConfirm(json) {
       this.$emit("customConfirm", json);
-    }
-  }
+    },
+  },
 };
 </script>