{"remainingRequest":"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/thread-loader/dist/cjs.js!/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/babel-loader/lib/index.js!/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/cache-loader/dist/cjs.js??ref--0-0!/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/src/components/modulesDetail/FormMapping.vue?vue&type=script&lang=js&","dependencies":[{"path":"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/src/components/modulesDetail/FormMapping.vue","mtime":1701674859502},{"path":"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/cache-loader/dist/cjs.js","mtime":1701674874584},{"path":"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/thread-loader/dist/cjs.js","mtime":1701674873947},{"path":"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/babel-loader/lib/index.js","mtime":1701674874357},{"path":"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/cache-loader/dist/cjs.js","mtime":1701674874584},{"path":"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/vue-loader/lib/index.js","mtime":1701674874903}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"/data/jenkins/workspace/test-v5in-source-front-01/src/badp-bcxin-5.x/obpm-designer-web/node_modules/@babel/runtime-corejs2/helpers/esm/defineProperty\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.number.constructor\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { reqDbTableMapping, getDbColumnMapping as _getDbColumnMapping, reqSynchronousDBData, getModuleForm, getFieldData } from '@/service/FormApi.js';\nimport { getDomainList } from '@/service/ReportApi.js';\nexport default {\n  name: 'FormMapping',\n  data: function data() {\n    return {\n      tableName: '',\n      // 数据库表格名称\n      mappingtb: [],\n      // 配置字段名称\n      name: \"\",\n      // 表单名称\n      dbOptions: [],\n      mappingHeight: 300,\n      scopeByFieldOption: [],\n      //字段名称选项\n      scopeByColumnOption: [],\n      // \t列名称选项\n      synchronousDBDataDialog: false,\n      // 同步数据弹框\n      domainName: '',\n      // 企业域值\n      domainOptions: [],\n      // 企业域选项值\n      loading: false\n    };\n  },\n  props: {\n    type: Number,\n    // 表单类型\n    formId: String,\n    // 表单id\n    isEdit: Boolean\n  },\n  methods: {\n    /**\n     * 动态计算页面table高度\n     */\n    getScollerHeight: function getScollerHeight() {\n      var _this = this;\n\n      setTimeout(function () {\n        var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; //60 头部， 32 面包屑， 41 第一层页签， 40 第二层页签， 50 列表标题， 71 查询， 20 父组件外边距, 40分页, 16 外边距\n        //这个组件在父组件dialog中高度给的85%，54 弹窗标题 30 弹窗底部padding 50 第一季页签 20机动距离\n\n        _this.mappingHeight = clientHeight - 60 - 32 - 41 - 50 - 24 * 4 - 28; // 24: 分割线的margin， 28数据库表格名称\n      }, 100);\n    },\n\n    /**\n     * 校验表单\n     */\n    verifyMapping: function verifyMapping() {\n      //todo\n      if (this.mappingtb.length > 0 && this.type == 65536) {\n        for (var i = 0; i < this.mappingtb.length; i++) {\n          if (this.mappingtb[i].columnName == '' || this.mappingtb[i].columnName == this.$t('btns.select')) {\n            this.$message.error(this.$t('placeholder.filed'));\n            this.saveDisabled = false;\n            return false;\n          }\n\n          if (this.mappingtb[i].fieldName == '' || this.mappingtb[i].fieldName == this.$t('btns.select')) {\n            this.$message.error(this.$t('msg.choose_field'));\n            this.saveDisabled = false;\n            return false;\n          }\n        }\n\n        var _obj = {\n          formName: this.name,\n          tableName: this.tableName,\n          columnMappings: this.mappingtb\n        };\n        return JSON.stringify(_obj);\n      }\n\n      var obj = {\n        formName: this.name,\n        tableName: this.tableName,\n        columnMappings: this.mappingtb\n      };\n      return JSON.stringify(obj);\n    },\n\n    /**\n     * 映射 数据库值发生改变\n     */\n    changeDBColumnData: function changeDBColumnData() {\n      var _this2 = this;\n\n      this.getDbColumnMapping();\n      this.mappingtb.forEach(function (elm) {\n        elm.columnName = _this2.$t('btns.select');\n      });\n    },\n\n    /**\n     * 映射 同步数据弹窗\n     */\n    synchronousDBData: function synchronousDBData() {\n      if (this.tableName === '') {\n        return this.$message.error(this.$t('msg.select_db'));\n      } else if (this.mappingtb.length === 0) {\n        return this.$message.error(this.$t('msg.select_field'));\n      } else if (this.mappingtb[0].field === '' || this.mappingtb[0].column === '') {\n        return this.$message.error(this.$t('placeholder.name'));\n      }\n\n      this.getDomainData();\n      this.synchronousDBDataDialog = true;\n    },\n\n    /**\n     * 映射  企业域\n     */\n    getDomainData: function getDomainData() {\n      var _this3 = this;\n\n      getDomainList({\n        onSucess: function onSucess(response) {\n          console.log(response);\n\n          if (response.data.errcode == 0) {\n            _this3.domainOptions = response.data.data;\n          }\n        }\n      });\n    },\n\n    /**\n     * 映射数据库表格名称\n     */\n    getDbTableMapping: function getDbTableMapping() {\n      var _this4 = this;\n\n      var params = {\n        appId: sessionStorage.getItem('appId')\n      };\n      reqDbTableMapping(params, {\n        onSucess: function onSucess(response) {\n          if (response.data.errcode == 0) {\n            var listObj = response.data.data;\n            var arr = [];\n\n            for (var i in listObj) {\n              arr.push({\n                value: listObj[i],\n                label: listObj[i]\n              });\n            }\n\n            _this4.dbOptions = arr;\n          }\n        }\n      });\n    },\n\n    /**\n     * 映射 获取字段名称\n     */\n    getDBFieldOption: function getDBFieldOption() {\n      var _this5 = this;\n\n      var formId = this.formId;\n      getFieldData(formId, {\n        onSucess: function onSucess(response) {\n          if (response.data.errcode == 0) {\n            _this5.scopeByFieldOption = response.data.data;\n          }\n        }\n      });\n    },\n\n    /**\n     * 映射 获取数据库列名称映射\n     */\n    getDbColumnMapping: function getDbColumnMapping() {\n      var _this6 = this;\n\n      var params = {\n        appId: sessionStorage.getItem('appId'),\n        tableName: this.tableName\n      };\n\n      _getDbColumnMapping(params, {\n        onSucess: function onSucess(response) {\n          if (response.data.errcode == 0) {\n            var listObj = response.data.data;\n            var arr = [];\n\n            for (var i in listObj) {\n              arr.push({\n                value: listObj[i],\n                label: listObj[i]\n              });\n            }\n\n            _this6.scopeByColumnOption = arr;\n          }\n        }\n      });\n    },\n\n    /**\n     * 添加\n     */\n    addDbParams: function addDbParams() {\n      this.mappingtb.push({\n        fieldName: '',\n        columnName: ''\n      });\n    },\n\n    /**\n     * 删除\n     */\n    delDbParams: function delDbParams(index) {\n      this.mappingtb.splice(index, 1);\n    },\n\n    /**\n     * 取消同步数据\n     */\n    cancelSynchronousDBData: function cancelSynchronousDBData() {\n      this.domainName === '';\n      this.synchronousDBDataDialog = false;\n    },\n\n    /**\n     * 弹框确认数据\n     */\n    confirmSynchronousDBData: function confirmSynchronousDBData() {\n      var _this7 = this;\n\n      if (this.domainName === '') {\n        return this.$message.error(this.$t('msg.choose_domain'));\n      }\n\n      var params = _objectSpread(_objectSpread({}, this.params), {}, {\n        tableName: this.tableName,\n        domainId: this.domainName,\n        id: this.formId\n      });\n\n      reqSynchronousDBData(params, {\n        onSucess: function onSucess(response) {\n          if (response.data.errcode == 0) {\n            _this7.$message.success(_this7.$t('msg.sync_data_ss'));\n          }\n        }\n      });\n      this.synchronousDBDataDialog = false;\n    },\n\n    /**\n     * 表单映射-添加字段-选择字段名称\n     */\n    selectDBField: function selectDBField(row) {\n      var _this8 = this;\n\n      var index = 0;\n      this.mappingtb.forEach(function (elm) {\n        if (elm.fieldName == row.fieldName && index != 0) {\n          _this8.$message.error(_this8.$t('msg.field_occupied'));\n        } else if (elm.fieldName == row.fieldName && index == 0) {\n          index++;\n        }\n      });\n    },\n\n    /**\n     * 表单映射-添加字段-选择列名称\n     */\n    selectColumnField: function selectColumnField(row) {\n      var _this9 = this;\n\n      var index = 0;\n      this.mappingtb.forEach(function (elm) {\n        if (elm.columnName == row.columnName && index != 0) {\n          _this9.$message.error(_this9.$t('msg.field_occupied'));\n        } else if (elm.columnName == row.columnName && index == 0) {\n          index++;\n        }\n      });\n    },\n\n    /**\n     * 获取表单映射详情\n     */\n    getMappingData: function getMappingData() {\n      var _this10 = this;\n\n      this.loading = true;\n      getModuleForm(this.formId, {\n        onSucess: function onSucess(response) {\n          if (response.data.errcode == 0) {\n            _this10.loading = false;\n            var data = response.data.data;\n            _this10.tableName = data.mappingStr ? JSON.parse(data.mappingStr).tableName : \"\", // 数据库表\n            _this10.mappingtb = data.mappingStr ? JSON.parse(data.mappingStr).columnMappings : []; // 字段名称\n\n            _this10.name = data.name;\n            if (_this10.tableName) _this10.getDbColumnMapping();\n          } else {\n            _this10.loading = false;\n          }\n        }\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.getScollerHeight();\n    if (this.isEdit) this.getMappingData();\n    this.getDbTableMapping();\n    this.getDBFieldOption();\n  }\n};",null]}