{"remainingRequest":"/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/Modules/Form.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/Modules/Form.vue","mtime":1701674859501},{"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":["//\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 { generateView, createForms, updateForm, getModuleForm } from \"@/service/FormApi.js\"\nimport { getModuleViewData } from \"@/service/ViewApi.js\"\n\nimport FormMapping from \"@/components/modulesDetail/FormMapping\"\nimport FormSummary from \"@/components/modulesDetail/FormSummary\"\nimport FormCleanData from \"@/components/modulesDetail/FormCleanData\"\nimport FormOperation from \"@/components/modulesDetail/FormOperation\"\nimport FormFormat from \"@/components/modulesDetail/FormFormat\"\nimport FormBasic from \"@/components/modulesDetail/FormBasic\"\n\nimport CreateMenu from \"@/components/CommonTool/createMenu\"\nimport viewDetail from \"@/components/Modules/View.vue\"\n\nexport default {\n name: \"formDetail\",\n components: {\n viewDetail,\n FormMapping,\n FormSummary,\n CreateMenu,\n FormCleanData,\n FormOperation,\n FormFormat,\n FormBasic,\n },\n props: {\n detailData: Object,\n showLinkBack: {\n // 是否显示有调整链接的按钮\n type: Boolean,\n default: true,\n },\n },\n data() {\n return {\n activeName: \"basic\",\n activeName1:\"basic\",\n tabList: [], // 选项卡的列表数组\n\n saveDisabled: false, //保存的状态\n saveDisabled1:false,\n // formDetailRef: null,\n showBtnAction: false, // tab栏 操作显示隐藏\n showSummary: false, // tab栏 操作摘要隐藏\n showMenuBtn: false, // 创建菜单\n showMenuBtn1:false,\n\n params: {},\n params1:{},\n edit: false, // 是否为编辑状态\n editFormType: false, // 编辑表单类型\n openNewFormFlag:false,//判断是否打开新视图\n }\n },\n mounted() {\n this.$store.dispatch(\"rightHelpPageParams\", {\n title: \"表单信息\",\n url: \"application/application_module_form_info_help.html\",\n })\n // 监测选项卡\n let that = this\n window[\"openTabForm\"] = (type, formId, moduleId) => {\n console.log(\"点击了选项卡啊\", type, formId, moduleId)\n // 判断列表中有没有当前的数据\n let flag = false\n for (let i = 0; i < that.tabList; i++) {\n if (that.tabList[i].formId == formId) {\n flag = true\n break\n }\n }\n if (!flag) {\n // 将数据添加到选项卡列表中\n that.tabList.push({\n formId: formId,\n tabVisible: false,\n tabFormVisible: false,\n tabViewVisible: false,\n tabDetailData: {},\n })\n }\n // 打开选项卡\n that.openTabFormMethod(type, formId, moduleId)\n }\n window['openNewForm']=(flag)=>{\n that.params1={\n appId: that.params.appId,\n checkout: false,\n id: \"\",\n inited: false,\n layoutType: \"\",\n mappingStr: \"\",\n moduleId: that.params.moduleId,\n name: \"\",\n openComment: false,\n orderno: 1,\n permissionType: \"\",\n showLog: false,\n showType: \"new\",\n showWaterMark: false,\n type: 1,\n typeName: \"\",\n version: 3,\n waterMarkScript: \"\"\n }\n that.openNewFormFlag=true\n }\n },\n created() {\n this.params = this.detailData || this.$route.query.params\n console.log(this.params.id, \"id\", this.detailData)\n if (this.params.id) {\n this.edit = true\n // this.formDetailRef = this.params.id\n }\n },\n methods: {\n openTabFormMethod(type, formId, moduleId) {\n console.log(\"tab\", type, formId, moduleId)\n // 找到对应的选项卡\n let index = null\n for (let i = 0; i < this.tabList.length; i++) {\n if (this.tabList[i].formId == formId) {\n index = i\n break\n }\n }\n if (index !== null) {\n // 重置选项卡中的弹窗\n this.tabList[index].tabVisible = false\n this.tabList[index].tabFormVisible = false\n this.tabList[index].tabViewVisible = false\n // 获取选项卡中的数组\n if (type == \"form\" && formId && moduleId) {\n //获取detailData\n getModuleForm(formId, {\n onSucess: (response) => {\n if (response.data.errcode == 0) {\n this.tabList[index].tabVisible = true\n this.tabList[index].tabFormVisible = true\n this.tabList[index].tabViewVisible = false\n Object.assign(this.tabList[index].tabDetailData, this.params, response.data.data, { moduleId: moduleId })\n this.params.id = this.tabDetailData.id\n // debugger\n console.log(\"111\", this.tabList[index])\n }\n },\n })\n } else if (type == \"view\" && formId && moduleId) {\n //获取detailData\n getModuleViewData(formId, {\n onSucess: (response) => {\n if (response.data.errcode == 0) {\n this.tabList[index].tabVisible = true\n this.tabList[index].tabFormVisible = false\n this.tabList[index].tabViewVisible = true\n Object.assign(this.tabList[index].tabDetailData, this.params, response.data.data, { moduleId: moduleId, viewId: formId })\n this.params.id = this.tabDetailData.id\n }\n },\n })\n } else {\n this.$message.error(this.$t(\"msg.select_tab_view\"))\n }\n }\n },\n\n updateFormType(val) {\n if(this.openNewFormFlag){\n this.params1.type=val\n this.$emit(\"updateDetailData\", this.params1, val)\n }\n else {this.params.type=val\n this.$emit(\"updateDetailData\", this.params, val)}\n },\n /**\n * 显示菜单\n */\n showMenuDialog() {\n this.$refs[\"createMenu\"].showCreateDialog()\n },\n\n /**\n * 显示清除数据弹窗\n */\n showClearField() {\n this.$refs[\"cleanData\"].onClearField()\n },\n\n //vue中的全屏按钮点击事件\n openAllScren() {\n this.$refs[\"formFormat\"].openAllScren()\n },\n\n /**\n * 切换页签\n */\n handleClick(tab) {\n let id = !this.openNewFormFlag?this.params.id:this.params1.id\n //操作列\n if (id != \"\" && tab.name == \"btnAction\") {\n this.$store.dispatch(\"rightHelpPageParams\", {\n title: this.$t(\"msg.form_info\"),\n url: \"application/application_module_form_info_activity_help.html\",\n })\n } else if (id != \"\" && tab.name == \"summary\") {\n this.$store.dispatch(\"rightHelpPageParams\", {\n title: this.$t(\"form.summary\"),\n url: \"application/application_module_form_reminder_help.html\",\n })\n } else if (id != \"\" && tab.name == \"mapping\") {\n this.$store.dispatch(\"rightHelpPageParams\", {\n title: this.$t(\"msg.form_info\"),\n url: \"application/application_module_form_info_activity_help.html\",\n })\n } else if (id != \"\" && tab.name == \"basic\") {\n this.$store.dispatch(\"rightHelpPageParams\", {\n title: this.$t(\"msg.form_message\"),\n url: \"application/application_module_form_info_help.html\",\n })\n } else if (id != \"\" && tab.name == \"content\") {\n this.$store.dispatch(\"rightHelpPageParams\", {\n title: this.$t(\"msg.form_info_senior\"),\n url: \"application/application_module_form_info_advance_help.html\",\n })\n }\n },\n\n /**\n * 退出\n */\n goback() {\n if(this.openNewFormFlag){this.openNewFormFlag=false}\n else {\n this.$store.dispatch(\"rightHelpPageParams\", {\n title: this.$t(\"form.title\"),\n url: \"application/application_module_form_help.html\",\n })\n this.$router.push({ path: \"/home/softwaresdetails/formlist\", query: { edit: true, moduleId: this.params.moduleId } })\n }\n },\n changeformVisible(item) {\n // 找到对应的选项然后重置\n let index = \"\"\n for (let i = 0; i < this.tabList; i++) {\n if (this.tabList[i].formId == item.formId) {\n index = i\n break\n }\n }\n if (index !== \"\") {\n this.tabList[index].tabVisible = false\n this.tabList[index].tabDetailData = {}\n }\n // this.$refs.formFormat.contentWindow.location.reload(true); // 选项卡退出会重置页面\n },\n\n /**\n * 一键生成视图\n */\n handleGenerateView() {\n let id=!this.openNewFormFlag?this.params.id:this.params1.id\n if (this.params.id == \"\"&&this.openNewFormFlag==false||this.params1.id==\"\"&&this.openNewFormFlag==true) {\n this.$message({\n type: \"info\",\n message: this.$t(\"msg.save_first\"),\n })\n return false\n } else {\n generateView(id, {\n onSucess: (response) => {\n if (response.data.errcode == 0) {\n this.$message({\n message: this.$t(\"msg.generate_view\"),\n type: \"success\",\n })\n }\n },\n })\n }\n },\n\n /**\n *保存表单\n */\n saveBtn() {\n if(this.openNewFormFlag) this.saveDisabled1=true\n else this.saveDisabled = true\n // 先判断有无数据源\n if (!this.$store.state.dataSourceId) {\n this.$message.error(this.$t(\"msg.set_datasource_first\"))\n return false\n }\n\n // 接收表单基本的数据\n let basicData;\n if(this.openNewFormFlag) basicData=this.$refs[\"formBasic1\"].save()\n else basicData=this.$refs[\"formBasic\"].save()\n if(this.openNewFormFlag){\n basicData.appId=this.params1.appId;\n basicData.moduleId=this.params1.moduleId;\n basicData.showType='new'\n }\n if (basicData == false) {\n if(this.openNewFormFlag) this.saveDisabled1=false\n else this.saveDisabled = false\n return false\n }\n\n // 接收表单格式的诗句\n let formatData ;\n if(this.openNewFormFlag) formatData=this.$refs[\"formFormat1\"].save()\n else formatData=this.$refs[\"formFormat\"].save()\n if (!formatData) {\n if (formatData === \"\") {\n if(this.openNewFormFlag) this.saveDisabled1=false\n else this.saveDisabled = false\n this.$message.error(this.$t(\"msg.content_notnull\"))\n return false\n } else if (formatData == false) {\n if(this.openNewFormFlag) this.saveDisabled1=false\n else this.saveDisabled = false\n return false\n }\n }\n\n basicData.templatecontext = formatData\n let mapFlag = !this.openNewFormFlag?this.$refs[\"mapping\"].verifyMapping():this.$refs[\"mapping1\"].verifyMapping()\n if (mapFlag) {\n basicData.mappingStr = mapFlag\n } else {\n basicData.mappingStr = \"\"\n }\n if (this.params.id&&this.openNewFormFlag==false||this.params1.id&&this.openNewFormFlag==true) {\n basicData.id = !this.openNewFormFlag?this.params.id:this.params1.id\n updateForm(basicData, {\n onSucess: (response) => {\n if (response.data.errcode == 0) {\n this.$message({\n message: this.$t(\"msg.ss\"),\n type: \"success\",\n })\n }\n if(this.openNewFormFlag) this.saveDisabled1=false\n else this.saveDisabled = false\n },\n })\n } else {\n createForms(basicData, {\n onSucess: (response) => {\n if (response.data.errcode == 0) {\n let params = {\n ...basicData,\n id: response.data.data.id,\n }\n if(this.openNewFormFlag) this.params1=params\n else this.params = params;\n this.$message({\n message: this.$t(\"msg.ss\"),\n type: \"success\",\n })\n }\n if(this.openNewFormFlag) this.saveDisabled1=false\n else this.saveDisabled = false\n },\n })\n }\n },\n\n /**\n * 重置所有字段id\n */\n resetAllFieldId() {\n if(this.openNewFormFlag) this.$refs[\"formFormat1\"].resetId()\n else this.$refs[\"formFormat\"].resetId()\n },\n },\n\n watch: {\n \"params.type\": {\n handler() {\n // 操作\n if (this.params.id && this.params.type != 2 && this.params.type != 256) {\n this.showBtnAction = true\n } else {\n this.showBtnAction = false\n }\n // 摘要\n if (this.params.id && this.params.type != 2 && this.params.type != 256 && this.params.type != 1048576) {\n this.showSummary = true\n } else {\n this.showSummary = false\n }\n // 菜单\n if (this.params.type == \"2\" || this.params.type == \"256\" || this.params.type == \"1048576\") {\n this.showMenuBtn = true\n } else {\n this.showMenuBtn = false\n }\n },\n deep: true,\n immediate: true,\n },\n \"params1.type\":{\n handler() {\n if (this.params1.type == \"2\" || this.params1.type == \"256\" || this.params1.type == \"1048576\") {\n this.showMenuBtn1 = true\n } else {\n this.showMenuBtn1 = false\n }\n },\n deep:true,\n immediate:true,\n },\n \"$store.state.rightHelpPageParams\": {\n handler() {\n if (this.$store.state.rightHelpFrame) {\n this.$store.state.rightHelpFrame.contentWindow.showHelpContentHtml(this.$store.state.rightHelpPageParams.title, this.$store.state.rightHelpPageParams.url)\n }\n },\n deep: true,\n },\n },\n}\n",null]}