{"remainingRequest":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/src/components/o_tab.vue?vue&type=script&lang=js&","dependencies":[{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/src/components/o_tab.vue","mtime":1740130327258},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"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//\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 o_tab_view from \"@/components/o_tab_view.vue\"\nimport Constant from \"@/Constant.js\"\nimport controlHidden from \"@/assets/js/controlHidden.js\"\nexport default {\n  name: \"o-tab\",\n  props: [\"id\"],\n  components: { o_tab_view },\n  computed: {\n    field() {\n      let formData = this.$parent.findField(this.id);\n      return this.setField(formData);\n    }\n  },\n  \n  watch: {\n    tabList(arr) {\n      this.setTabList(arr);\n    },\n    active(newVal) {\n      if (this.$refs[`li${newVal}`]) {\n        let liWidth = this.$refs[`li${newVal}`][0].offsetLeft;\n        let screenWidth =\n          window.innerWidth ||\n          document.documentElement.clientWidth ||\n          document.body.clientWidth;\n        let halfWidth = parseInt(screenWidth / 2);\n        if (liWidth > halfWidth) {\n          this.$refs[`box`].scrollLeft = \n            liWidth - halfWidth + this.$refs[`li${newVal}`][0].clientWidth / 2;\n        } else {\n          this.$refs[`box`].scrollLeft = 0;\n        }\n      }\n    },\n    \n  },\n\n  mounted(){\n    this.$nextTick(()=>{\n      let field = this.field;\n      if(field.isHideType) {\n        let id = this.id,\n          formShowType = field.formShowType;\n        controlHidden({id, field, formShowType})\n      }\n    })\n  },\n  data: function() {\n    return {\n      Constant,\n      collapseNames: [],\n      isOpenAll: true,\n      viewId: \"\",\n      selected: \"1\",\n      active: 0,\n      tabList: \"\",\n      isShowTab: true,//选项卡是否隐藏\n    };\n  },\n\n  methods: {\n    getbuildFormdata() {\n      //this.$emit(\"getFormdata\");\n    },\n    showTab(id) {\n      let data = this.field.tabs;\n      for(let i=0; i<data.length; i++) {\n        if(data[i].id == id) {\n          data[i].isOpenAll = !data[i].isOpenAll;\n          this.$forceUpdate();\n          return;\n        }\n      }\n      //\n    },\n    setField(data) {\n      this.isShowTab = true;\n      for(let i=0; i<data.tabs.length; i++) { //此循环删除隐藏的tab标签，\n        if(data.tabs.length == 1) {\n          if(data.tabs[i].displayType == 3) {\n            this.isShowTab = false //当选项卡里的tabs长度为1时，整个样式类tab隐藏，超过1时不隐藏\n            data.tabs.splice(i, 1);\n            i--;\n          }\n        }else {\n          if(data.tabs[i].displayType == 3) {\n            data.tabs.splice(i, 1);\n            i--;\n          }\n        }\n      }\n      this.tabList = data;\n      if(data.showMode == '1') {\n        if(data.tabs && data.tabs.length > 0) {\n          for(let i=0; i<data.tabs.length; i++) {\n            if(data.openAll == \"true\") {\n              data.tabs[i].isOpenAll = true\n            }else if(data.openAll == \"false\"){\n              data.tabs[i].isOpenAll = false\n            }\n          }\n        }\n        \n      }else {\n         if (data.tabs && data.tabs.length > 0) {\n          for (let i = 0; i < data.tabs.length; i++) {\n            if(data.tabs[i].selected) {\n              this.active = i;\n            }\n          }\n        }\n      }\n      return data;\n    },\n    setTabList(arr) {\n      if (arr.tabs && arr.tabs.length > 0) {\n        for (let i = 0; i < arr.tabs.length; i++) {\n          if (arr.tabs[i].displayType == 3) {  //隐藏\n            if (i == 0) {\n              this.active = i + 1;\n\n            } else if (i > 0) {\n              if (\n                arr.tabs[i - 1].displayType &&\n                arr.tabs[i - 1].displayType != 3\n              ) {\n                this.active = i - 1;\n                return;\n              } else {\n                this.active = i + 1;\n              }\n            }\n          }\n        }\n      }\n    },\n    test(id) {\n      this.active = id;\n    },\n   \n    template(index) {\n      let data = this.field.tabs[index];\n      if (data && data.fields) {\n        let fields = data.fields;\n        let mobileTmpl = this.$common.convertTemplate(fields);\n        return {\n          methods: {\n            findField(id) {\n              for (let i = 0; i < data.fields.length; i++) {\n                let fld = data.fields[i];\n                if (id == fld.id) return fld;\n              }\n              return null;\n            },\n            checkData(){\n              return this.$parent.$parent.$parent.$parent.checkData();\n            },\n            // getAllFields(){\n            //   return this.$parent.$parent.$parent.$parent.getAllFields();\n            // }\n          },\n          template: \"<div>\" + mobileTmpl + \"</div>\"\n        };\n      } else if (data.type == \"view\") {\n        let viewId = data.id;\n        let showtype = \"tab\";\n        let parentId = data.docId;\n        let isRelate = data.relate;\n        let formId = this.field.formId;\n        let id = this.id;\n        let displayType = data.displayType;\n        return {\n          components: { o_tab_view },\n          methods: {\n            getParams() {\n              return {\n                appId: this.$root.appid,\n                actionContent: viewId,\n                showtype: showtype,\n                parentId:parentId,\n                isRelate:isRelate,\n                formId:formId,\n                id:id,\n                includeDisplayType: displayType,\n              };\n            }\n          },\n          template: \"<div><o_tab_view :openParams='getParams()' :includeDisplayType='getParams().includeDisplayType'/></div>\"\n          //template:\"<div><button @click='params()'>视图</button></div>\"\n        };\n        // return {\n        //   template: \"<div>empty</div>\"\n        // };\n      } else {\n        return {\n          template: \"<div>empty</div>\"\n        };\n      }\n    }\n  }\n};\n",null]}