{"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/FormList.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/FormList.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//\n//\n//\n//\n//\n//\n//\n\nimport { getModuleFormList, deleteModuleForm } from \"@/service/FormApi.js\"\nimport { delMsg } from \"@/utils/elementui\"\nexport default {\n  name: \"formlist\",\n  data() {\n    return {\n      searchParams: {\n        appId: \"\",\n        moduleId: \"\",\n        name: \"\",\n        description: \"\",\n        type: \"\",\n        pageNo: 1,\n        linesPerPage: 10,\n      },\n      params: {\n        appId: \"\",\n        moduleId: \"\",\n        id: \"\",\n        name: \"\",\n        type: 1,\n        showLog: false,\n        showWaterMark: false,\n        openComment: false,\n        waterMarkScript: \"\",\n        version: 3,\n        mappingStr: \"\",\n        checkout: false,\n        orderno: 1,\n        permissionType: \"\",\n        layoutType: \"\",\n        typeName: \"\",\n        inited: false,\n        showType: \"old\",\n      },\n      data: {},\n      multipleSelectionId: [],\n      multipleSelectionArray: [],\n      tableHeight: 100,\n      chooseFormTypeVisible: false,\n      showType: \"old\", //新建的时候的表单类型\n      loading: true,\n    }\n  },\n  watch: {},\n  mounted() {\n    this.getScollerHeight()\n    let appId = sessionStorage.getItem(\"appId\")\n    // console.log(\"formList\",appId)\n    let moduleId = this.$route.query.moduleId\n    let searchParams = {\n      ...this.searchParams,\n      appId: appId,\n      moduleId: moduleId,\n    }\n    let params = {\n      ...this.params,\n      appId: appId,\n      moduleId: moduleId,\n    }\n    this.searchParams = searchParams\n    this.params = params\n    this.getFromList()\n  },\n  created() {},\n  methods: {\n    /**\n     * 动态计算页面table高度\n     */\n    getScollerHeight() {\n      setTimeout(() => {\n        let clientHeight = document.documentElement.clientHeight || document.body.clientHeight\n        //60 头部， 32 面包屑， 41 第一层页签， 50 列表标题， 71 查询， 20 父组件外边距, 40分页\n        this.tableHeight = clientHeight - 60 - 32 - 41 - 50 - 71 - 20 - 40 + \"px\"\n      }, 100)\n    },\n\n    /**\n     * 获取表单列表\n     */\n    getFromList() {\n      this.loading = true\n      getModuleFormList(this.searchParams, {\n        onSucess: (response) => {\n          this.loading = false\n          if (response.data.errcode == 0) {\n            this.data = response.data.data\n          }\n        },\n      })\n    },\n    /**\n     * 重置查询名称值\n     */\n    resetName() {\n      let searchParams = {\n        ...this.searchParams,\n        name: \"\",\n        description: \"\",\n        searchword: \"\",\n      }\n      this.searchParams = searchParams\n      this.getFromList()\n    },\n    /**\n     * 勾选行时响应\n     */\n    handleSelectionChange(val) {\n      let multipleSelectionId = []\n      if (val.length) {\n        val.map((e) => {\n          multipleSelectionId.push(e.id)\n        })\n      }\n      this.multipleSelectionArray = val\n      this.multipleSelectionId = multipleSelectionId\n    },\n\n    /**\n     * 删除角色\n     */\n    async showDeleteConfirm() {\n      let multipleSelectionId = this.multipleSelectionId\n      if (multipleSelectionId.length > 0) {\n        try {\n          await delMsg(this.$t(\"msg.delConfirm\"), this.$t(\"msg.tip\"))\n          const response = await deleteModuleForm(multipleSelectionId)\n          if (response.data.errcode == 0) {\n            this.getFromList()\n            this.$message.success(this.$t(\"msg.del_ss\"))\n          }\n        } catch (e) {\n          console.log(e)\n        }\n      } else {\n        this.$message.error(this.$t(\"msg.check_data\"))\n      }\n    },\n\n    /**\n     * 当前页\n     */\n    handleCurrentChange(val) {\n      let searchParams = {\n        ...this.searchParams,\n        pageNo: val,\n      }\n      this.searchParams = searchParams\n      this.getFromList()\n    },\n\n    /**\n     * 切换分页，每页显示多少条\n     */\n    handleSizeChange(val) {\n      let searchParams = {\n        ...this.searchParams,\n        linesPerPage: val,\n      }\n      this.searchParams = searchParams\n      this.getFromList()\n    },\n\n    /**\n     * 选中数据源回显\n     */\n    onRowClick(row, column, cell) {\n      if (cell.cellIndex == 2) return false\n\n      // this.formDetailRef = row.id\n      let params = {\n        ...this.params,\n        id: row.id, //表单id\n        name: row.name, //表单名称\n        templatecontext: row.templatecontext, //源代码文本\n        description: row.description, //描述\n        type: row.type, //类型\n        styleId: row.styleId, //样式库id\n        showLog: row.showLog, //显示日志操作\n        showWaterMark: row.showWaterMark, //是否显示水印\n        openComment: row.openComment, //是否开通评论\n        waterMarkScript: row.waterMarkScript, //水印脚本\n        isopenablescript: row.isopenablescript, //是否可打开脚本\n        iseditablescript: row.iseditablescript, //是否可编辑脚本\n        mappingStr: row.mappingStr, //映射表数据\n        orderno: row.orderno, //排序号\n        permissionType: row.permissionType, //权限\n        layoutType: row.layoutType, //手机端表单控件布局样式\n        showType: row.showType, //新旧版参数\n      }\n      this.$router.push({ path: \"/home/softwaresdetails/form\", query: { edit: true, moduleId: this.$route.query.moduleId, params: params} })\n      console.log(\"onRowClick\")\n    },\n\n    /**\n     * 新建表单\n     */\n    cerateForm() {\n      this.chooseFormTypeVisible = true\n    },\n    /**\n     * 选择新建表单的显示类型（新版表单设计器和旧版表单设计器）\n     *  */\n    chooseFormTypeOk(type) {\n      this.showType = this.params.showType = type\n      this.chooseFormTypeVisible = false\n      this.$router.push({ path: \"/home/softwaresdetails/form\", query: { edit: false, moduleId: this.$route.query.moduleId, params: this.params } })\n    },\n  },\n}\n",null]}