{"version":3,"sources":["webpack:///./src/components/business/pc/product/InsProductAttrsTree.vue","webpack:///./src/components/business/pc/product/InsProductAttrsTree.vue?233a","webpack:///./src/components/business/pc/product/InsProductAttrsTree.vue?c1c2","webpack:///./src/components/business/pc/product/InsProductAttrsTree.vue?6bbe","webpack:///./src/components/business/pc/product/InsProductAttrsTree.vue?c589"],"names":["render","_vm","this","_c","_self","_setupProxy","staticClass","direction","_l","attrData","attr","index","key","attrs","multiSelect","on","changeOSelect","_e","title","_v","_s","ref","expandAll","showCheckbox","props","changeCSelect","staticRenderFns","InsPoductAttrsTree","_Vue","_this","_classCallCheck","checkedKeys","selectedAttr","children","label","_inherits","_createClass","get","JSON","parse","$route","query","type","value","_this2","$Api","prodAttrApi","getAttrList","then","result","forEach","item","keyValue","Id","push","Vals","AttrValues","element","_this3","length","routerType","v","$refs","tree","setCheckedKeys","setTimeout","a","getCheckedNodes","changeSelectedAttr","b","val","parentId","flag","_this4","$emit","i","j","AttrId","n","o","getCheckedKeys","Vue","__decorate","Prop","default","Watch","deep","Component","name","components","InsSelectSearch","component"],"mappings":"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","file":"js/chunk-30cabf56.d7bf62d9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"productAttrsTree\"},[(_vm.direction === 'row')?_vm._l((_vm.attrData),function(attr,index){return _c('ins-select-search',{key:index,attrs:{\"data\":attr,\"multiple\":_vm.multiSelect},on:{\"changeSelect\":_vm.changeOSelect}})}):_vm._e(),(_vm.direction === 'column')?[(_vm.title)?_c('p',{staticClass:\"Title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('el-tree',{ref:\"tree\",attrs:{\"icon-class\":\"el-icon-arrow-right\",\"default-expand-all\":_vm.expandAll,\"data\":_vm.attrData,\"node-key\":\"keyValue\",\"show-checkbox\":_vm.showCheckbox,\"props\":_vm.props,\"check-strictly\":!_vm.multiSelect},on:{\"check\":_vm.changeCSelect}})]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\nimport { Component, Prop, Vue, Watch } from 'vue-property-decorator';\r\nexport interface attrItem {\r\n  Id: number,\r\n  Vals: number[]\r\n}\r\n@Component({\r\n  name: 'InsPoductAttrsTree',\r\n  components: {\r\n    InsSelectSearch: () => import('@/components/base/pc/InsSelectSearch.vue')\r\n  }\r\n})\r\nexport default class InsPoductAttrsTree extends Vue {\r\n    @Prop({ default: '' }) private title!: string; // 标题\r\n    @Prop({ default: 'column' }) private direction!: string; // 高级搜索组件方向  column/row\r\n    @Prop({ default: false }) private expandAll!: boolean; // 是否默认展开所有节点\r\n    @Prop({ default: true }) private multiSelect!: boolean; // 是否为多选\r\n    @Prop({ default: false }) private showCheckbox!: boolean; // 节点是否可被选择\r\n\r\n    attrData: object[] = []; // 产品属性数据\r\n    checkedKeys: any[] = []; // 设置选中的节点\r\n    selectedAttr: attrItem[] = []; // 选中的产品属性数组\r\n    // 设置树形控件节点对象属性值\r\n    props: object = {\r\n      children: 'AttrValues',\r\n      label: 'Name'\r\n    };\r\n\r\n    // 选中的产品属性值对象数组\r\n    get attrs () {\r\n      return JSON.parse(this.$route.query.attrs as string);\r\n    }\r\n\r\n    get routerType () {\r\n      return JSON.parse(this.$route.query.type as string);\r\n    }\r\n\r\n    // 获取全部非库存属性\r\n    getAttrList () {\r\n      this.$Api.prodAttrApi.getAttrList({ type: 0 }).then((result) => {\r\n        result.forEach((item) => {\r\n          item.keyValue = 'p' + item.Id;\r\n\r\n          this.selectedAttr.push({\r\n            Id: item.Id,\r\n            Vals: []\r\n          });\r\n\r\n          item.AttrValues.forEach(element => {\r\n            element.keyValue = 'c' + element.Id;\r\n          });\r\n        });\r\n\r\n        this.attrData = result;\r\n\r\n        console.log(this.attrData, '处理后的产品属性');\r\n      });\r\n    }\r\n\r\n    // 获取选中attr\r\n    getCheckedKeys () {\r\n      this.checkedKeys = [];\r\n\r\n      this.attrs.forEach(element => {\r\n        if (element.Vals.length || this.routerType) {\r\n          element.Vals.forEach(v => {\r\n            this.checkedKeys.push('c' + v);\r\n          });\r\n        } else {\r\n          this.checkedKeys.push('p' + element.Id);\r\n        }\r\n      });\r\n\r\n      console.log(this.checkedKeys, 'this.checkedKeys');\r\n\r\n      (this.$refs.tree as any).setCheckedKeys(this.checkedKeys);\r\n\r\n      setTimeout(() => {\r\n        let a = (this.$refs.tree as any).getCheckedNodes(true);\r\n        this.changeSelectedAttr(a, 1);\r\n      }, 300);\r\n    }\r\n\r\n    // 选择改变（树形控件）\r\n    changeCSelect (key) {\r\n      if (!this.multiSelect) {\r\n        (this.$refs.tree as any).setCheckedKeys([key.keyValue]);\r\n      }\r\n\r\n      let b = (this.$refs.tree as any).getCheckedNodes(true);\r\n      this.changeSelectedAttr(b, 0);\r\n    }\r\n\r\n    // 选择改变（下拉框）\r\n    changeOSelect (val, parentId, flag) {\r\n      console.log(parentId, val, 'changeSelect');\r\n      this.selectedAttr.forEach(element => {\r\n        if (element.Id === parentId) {\r\n          if (this.multiSelect) {\r\n            element.Vals = val;\r\n          } else {\r\n            element.Vals = [val];\r\n          }\r\n        }\r\n      });\r\n\r\n      console.log(this.selectedAttr, 'searchV2查询参数（下拉框）');\r\n      this.$emit('changeSelect', this.selectedAttr, flag);\r\n    }\r\n\r\n    // 搜寻attr改变\r\n    changeSelectedAttr (item, flag) {\r\n      console.log(item, '搜寻attr改变');\r\n\r\n      this.selectedAttr.forEach(element => {\r\n        element.Vals = [];\r\n      });\r\n\r\n      for (var i = 0; i < item.length; i++) {\r\n        for (var j = 0; j < this.selectedAttr.length; j++) {\r\n          if (item[i].AttrId === this.selectedAttr[j].Id) {\r\n            this.selectedAttr[j].Vals.push(item[i].Id);\r\n          }\r\n        }\r\n      }\r\n      console.log(this.selectedAttr, 'searchV2查询参数（Tree）');\r\n      this.$emit('changeSelect', this.selectedAttr, flag);\r\n    }\r\n\r\n    @Watch('$route', { deep: true })\r\n    onRouteChange (n, o) {\r\n      if (this.direction === 'column' && !this.routerType) {\r\n        this.getCheckedKeys();\r\n      }\r\n    }\r\n\r\n    mounted () {\r\n      this.getAttrList();\r\n      if (this.direction === 'column') {\r\n        this.getCheckedKeys();\r\n      }\r\n    }\r\n}\r\n","import mod from \"-!../../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js!../../../../../node_modules/_ts-loader@5.4.5@ts-loader/index.js??ref--14-3!../../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./InsProductAttrsTree.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js!../../../../../node_modules/_ts-loader@5.4.5@ts-loader/index.js??ref--14-3!../../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./InsProductAttrsTree.vue?vue&type=script&lang=ts\"","import { render, staticRenderFns } from \"./InsProductAttrsTree.vue?vue&type=template&id=78d0e7cb&scoped=true\"\nimport script from \"./InsProductAttrsTree.vue?vue&type=script&lang=ts\"\nexport * from \"./InsProductAttrsTree.vue?vue&type=script&lang=ts\"\nimport style0 from \"./InsProductAttrsTree.vue?vue&type=style&index=0&id=78d0e7cb&prod&scoped=true&lang=less\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"78d0e7cb\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--10-oneOf-1-1!../../../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/_style-resources-loader@1.5.0@style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./InsProductAttrsTree.vue?vue&type=style&index=0&id=78d0e7cb&prod&scoped=true&lang=less\""],"sourceRoot":""}