{"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/comm_tree.vue?vue&type=script&lang=js&","dependencies":[{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-mobile/src/components/comm_tree.vue","mtime":1740130327256},{"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 comm_dialog from \"@/components/comm_dialog.vue\"\nimport view_delegate from \"@/components/view_delegate.vue\";\n// import { Indicator } from \"mint-ui\";\nexport default {\n  name: \"comm-tree\",\n  props: [\n    \"props\", \n    \"load\", \n    \"node\",\n    \"userSelectionBox\",\n    \"newSelectedDept\", \n    \"isTreeView\", //判断是否是树形视图\n    'viewId', \n    \"selectMode\",\n    \"saveStatusVal\", //树形部门选中部门后的回选状态\n    \"isView\", //判断是否是视图选择框\n    \"mutil\",  //视图选择框时多选\n    \"selectOne\", //视图选择框时单选\n    \"selectedTreeviewId\",\n    \"newTreeRadioVal\", //树形视图单选时选中的值\n    \"innerType\",  //树形视图判断是链接视图还是链接表单\n    \"keepSelectionData\", //用户选择框控件保持选中的状态\n    \"remainingUsers\",\n    \"revisedDept\", //部门选择框修改后的部门\n    \"limit\"\n  ],\n  components: {comm_dialog, view_delegate},\n  inject: ['limitOne'], //树形部门选择框限制选择一个数据时\n\n  data: function() {\n    return {\n      selectedKeys: [],\n      loaded: false,\n      subnodes: [] ,//格式为[{level:0, key:123, label:总部, isLeaf:false}]\n      selectedDept:[],//选中的部门\n      currentKey:'',\n      selectedUserId:[],\n      selectedUserRow:[],\n      userlists:[],\n      dialogVisible:false,\n      params:{},\n      parentId:'',\n      hasChilds:[],\n      userCount:'',\n      treeRadioVal:'',//视图选择框时树形视图单选值\n      treeCheckVal:[],//视图选择框时树形视图多选值\n    };\n  },\n\n  watch: {\n    newTreeRadioVal() {\n      this.treeRadioVal = this.newTreeRadioVal\n    },\n    selectedKeys(val){\n      this.$emit(\"update:selected\", val);\n    },\n    newSelectedDept() {\n      this.selectedKeys=[];\n      for(let i=0; i<this.newSelectedDept.length; i++) {\n        this.selectedKeys.push(this.newSelectedDept[i].key);\n      }\n    },\n    remainingUsers() {\n      this.selectedUserId = [];\n      if(this.remainingUsers.length > 0) {\n        for(let i = 0; i < this.remainingUsers.length; i++) {\n          this.selectedUserId.push(this.remainingUsers[i].id);\n        }\n        this.$emit(\"setuserList\",this.remainingUsers); //调用o_user_select的newUserList()方法\n      }else {\n        this.selectedUserId = [];\n      }\n    },\n    revisedDept() {\n      this.selectedKeys=[];\n      for(let i=0; i<this.revisedDept.length; i++) {\n        this.selectedKeys.push(this.revisedDept[i].key);\n      }\n      let del = \"THREE\";\n      this.$emit('selectedVal',this.revisedDept,del);\n    },\n    'limitOne.treeDeptlimitOne': {\n      deep:true,\n      handler:function(newVal){\n        this.treeRadioVal = newVal\n      }\n    }\n  },\n\n  beforeCreate() {\n    this.$options.components.view_delegate = require('@/components/view_delegate.vue').default\n  },\n\n  created() {\n    // this.loadNodeData({ key: \"\", level: 0, label: \"总部\" });\n  },\n\n  mounted() {\n    this.setSelectedKeys(); //树形部门选择框回选\n    this.setSelectionData(); //用户选择框控件已选中的用户\n  },\n\n  methods: {\n    setSelectionData() {\n      if(this.keepSelectionData && this.keepSelectionData.length > 0) {\n        if(this.selectMode == 'selectOne') {\n          this.selectedUserId = this.keepSelectionData[0].id //单选框回选只能用字符串\n        }else {\n          for(let i=0; i<this.keepSelectionData.length; i++) {\n            this.selectedUserId.push(this.keepSelectionData[i].id);\n          }\n        }\n        let onHold = \"YES\";\n        this.$emit(\"action\",this.keepSelectionData, '', '', onHold); //调用o_user_select的getUserData()方法\n      }\n    },\n\n    //树形视图链接表单选值\n    treeViewFormHandle(ev, node) {\n      // this.$emit(\"treeViewAction\", this.selectedKeys);\n      let selected;\n      if(ev.target.checked) {\n        selected = \"YES\"\n        this.$emit(\"treeViewAction\",node.key, selected);  //调用view_treeview组件的treeViewSelectId()方法\n      }else {\n        selected = \"NO\"\n        this.$emit(\"treeViewAction\",node.key, selected); \n      }\n      \n    },\n\n    onTreeRadioValChange(ev, node) {\n      this.$emit('event',this.treeRadioVal, node)\n    },\n\n    setSelectedKeys(){\n      if(this.saveStatusVal!=undefined){\n        for(let i=0; i<this.saveStatusVal.length; i++) {\n          this.selectedKeys.push(this.saveStatusVal[i].key);\n        }\n      }\n      let del = \"THREE\";\n      this.$emit('selectedVal',this.saveStatusVal,del);\n    },\n\n    treeViewList(node, key) {\n      if(!this.isView) {\n        if(this.isTreeView) {\n          if(this.innerType == \"VIEW\") {\n            let view = 'VIEW';\n            this.$emit(\"jumpToForm\", node, view);\n          }else if(this.innerType == \"FORM\") {\n            let form = 'FORM';\n            this.$emit(\"jumpToForm\", node, form);\n          }else if(this.innerType == \"LINK\"){\n            let form = 'LINK';\n            this.$emit(\"jumpToForm\", node, form);\n          }\n        }\n      }\n    },\n\n    //用户选择框选择用户时\n    handleSelectedUser(ev, item) { \n      if(this.selectMode == \"selectOne\"){\n        let selectUser = [];\n        let addRole = true\n        selectUser.push(item);\n        this.selectedUserRow = selectUser;\n        this.$emit(\"action\",this.selectedUserRow, addRole, this.selectMode);//调用o_user_select的getUserData()方法\n      }else if(this.selectMode == \"multiSelect\"){\n        if(ev.target.checked) { \n          let addRole = true\n          //this.selectedUserRow.push(item)\n          this.$emit(\"action\",item, addRole, this.selectMode);\n        }else {\n          let addRole = false\n          this.$emit(\"action\",item, addRole, this.selectMode);\n        }\n      }\n    },\n\n    hideUsers() {\n      this.currentKey = '';\n    },\n\n    showUsers(key){\n      let appId = this.$root.appid;\n      let deptId = key;\n      let pageSize = 9999;\n      let pageNum = 1;\n      this.$api.departmentPage(appId, deptId, pageNum, pageSize, {\n        onSucess: response => {\n          let data = response.data.data.datas;\n          let obj = [];\n          data.forEach(item => {\n            if(item.type == 1) {\n              obj.push(item);\n            }\n          });\n          this.userlists = obj;\n          this.userlists.forEach((item,index) => {\n            this.$api.getAvatar(item.id, {\n              onSucess: response => {\n                this.userlists[index].photo = response.data.data;\n                this.$forceUpdate();\n              }\n            })\n          });\n        }\n      });\n      this.currentKey = key\n    },\n    \n    //树形视图选中的值\n    onTreeCkeckValChange(ev, node){\n      let selected;\n      if(ev.target.checked) {\n        selected = \"YES\"\n        this.$emit(\"action\",node.key, selected);  //调用view_treeview组件的getCheckVal()方法\n      }else {\n        selected = \"NO\"\n        this.$emit(\"action\",node.key, selected); \n      }\n    },\n\n    //当改变时，触发树形部门选择框的方法\n    onChange(ev, node, selectedKeys) { \n      let del;\n      if(ev.target.checked) {\n        for(let i=0; i<selectedKeys.length; i++) {\n          if(node.key && selectedKeys[i] == node.key) {\n            this.selectedDept.push(node);\n          }\n        }\n        del = \"FIRST\";\n        this.$emit('selectedVal',this.selectedDept,del);  //调用父组件的getSelectedData()方法\n      }else {\n        let arr = [];\n        arr.push(node);\n        del = \"SECOND\";\n        this.$emit('selectedVal', arr, del);\n      }\n    },\n\n    onToggleClick(node) {\n      if (!this.loaded) {\n        this.loadNodeData(node);\n      }else{\n        this.hideloadNodeData();\n      }\n    },\n\n    hideloadNodeData() {\n      this.loaded = false;\n      this.node.loaded = false;\n    },\n\n    loadNodeData(node) {\n      let nn = node;\n      let nodekey = this.$attrs[\"node-key\"];\n      let label = this.props.label;\n      this.load(node, data => {\n        if(this.subnodes.length != 0){\n          if(this.subnodes[0].key == data[0].id){\n            this.loaded = true;\n            this.node.loaded = true;\n            return false;\n          }else{\n            if(this.isTreeView) {\n              data.forEach(elm => {\n                for(let i=0; i<this.subnodes.length; i++) {\n                  if(elm.key == this.subnodes[i].key) {\n                    this.subnodes.splice(i,1);\n                    i--\n                  }\n                }\n                let n = {\n                  level: nn.level + 1,\n                  key: elm[nodekey],\n                  label: elm[label],\n                  loaded: false,\n                  hasChilds:elm.hasChilds,\n                  userCount:elm.userCount,\n                };\n                this.subnodes.push(n);\n                this.loaded = true;\n                this.hasChilds.push(n.hasChilds);\n              })\n\n            }else {\n              data.forEach(elm => {\n                let n = {\n                  level: nn.level + 1,\n                  key: elm[nodekey],\n                  label: elm[label],\n                  loaded: false,\n                  hasChilds: elm.hasChilds,\n                  userCount: elm.userCount,\n                  children: elm.children, //判断树形视图是否有下级节点\n                  formId: elm.formId  //树形视图需要的formId\n                };\n                this.subnodes.push(n);\n                this.loaded = true;\n                this.hasChilds.push(n.hasChilds);\n              });\n            }\n          }\n        }else{\n          data.forEach(elm => {\n            let n = {\n              level: nn.level + 1,\n              key: elm[nodekey],\n              label: elm[label],\n              loaded: false,\n              hasChilds: elm.hasChilds,\n              userCount: elm.userCount,\n              children: elm.children, //判断树形视图是否有下级节点\n              formId: elm.formId  //树形视图需要的formId\n            };\n            this.subnodes.push(n);\n            this.loaded = true;\n            this.hasChilds.push(n.hasChilds);\n          });\n        }\n      });\n      this.node.loaded = true;\n    }\n  }\n};\n",null]}