{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\components\\ren-dept-tree\\src\\ren-dept-tree.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\components\\ren-dept-tree\\src\\ren-dept-tree.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.number.constructor\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'RenDeptTree',\n  data: function data() {\n    return {\n      filterText: '',\n      visibleDept: false,\n      deptList: [],\n      showDeptName: '',\n      expandedKeys: null,\n      defaultProps: {\n        children: 'children',\n        label: 'label'\n      }\n    };\n  },\n  props: {\n    value: [Number, String],\n    deptName: String,\n    query: Boolean,\n    placeholder: String\n  },\n  watch: {\n    filterText: function filterText(val) {\n      this.$refs.tree.filter(val);\n    },\n    deptName: function deptName(val) {\n      this.showDeptName = val;\n    }\n  },\n  methods: {\n    deptDialog: function deptDialog() {\n      this.expandedKeys = null;\n\n      if (this.$refs.tree) {\n        this.$refs.tree.setCurrentKey(null);\n      }\n\n      this.visibleDept = true;\n      this.getDeptList(this.value);\n    },\n    filterNode: function filterNode(value, data) {\n      if (!value) return true;\n      return data.name.indexOf(value) !== -1;\n    },\n    getDeptList: function getDeptList(id) {\n      var _this = this;\n\n      return this.$http.get('/sys/dept/list').then(function (_ref) {\n        var res = _ref.data;\n\n        if (res.code !== 0) {\n          return _this.$message.error(res.msg);\n        }\n\n        _this.deptList = res.data;\n\n        _this.$nextTick(function () {\n          _this.$refs.tree.setCurrentKey(id);\n\n          _this.expandedKeys = [id];\n        });\n      }).catch(function () {});\n    },\n    cancelHandle: function cancelHandle() {\n      this.visibleDept = false;\n      this.deptList = [];\n      this.filterText = '';\n    },\n    clearHandle: function clearHandle() {\n      this.$emit('input', '');\n      this.$emit('update:deptName', '');\n      this.showDeptName = '';\n      this.visibleDept = false;\n      this.deptList = [];\n      this.filterText = '';\n    },\n    commitHandle: function commitHandle() {\n      var node = this.$refs.tree.getCurrentNode();\n\n      if (!node) {\n        this.$message.error(this.$t('dept.chooseerror'));\n        return;\n      }\n\n      this.$emit('input', node.id);\n      this.$emit('update:deptName', node.name);\n      this.showDeptName = node.name;\n      this.visibleDept = false;\n      this.deptList = [];\n      this.filterText = '';\n    }\n  }\n};",{"version":3,"sources":["ren-dept-tree.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,UAAA,EAAA,EADA;AAEA,MAAA,WAAA,EAAA,KAFA;AAGA,MAAA,QAAA,EAAA,EAHA;AAIA,MAAA,YAAA,EAAA,EAJA;AAKA,MAAA,YAAA,EAAA,IALA;AAMA,MAAA,YAAA,EAAA;AACA,QAAA,QAAA,EAAA,UADA;AAEA,QAAA,KAAA,EAAA;AAFA;AANA,KAAA;AAWA,GAdA;AAeA,EAAA,KAAA,EAAA;AACA,IAAA,KAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CADA;AAEA,IAAA,QAAA,EAAA,MAFA;AAGA,IAAA,KAAA,EAAA,OAHA;AAIA,IAAA,WAAA,EAAA;AAJA,GAfA;AAqBA,EAAA,KAAA,EAAA;AACA,IAAA,UADA,sBACA,GADA,EACA;AACA,WAAA,KAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA;AACA,KAHA;AAIA,IAAA,QAJA,oBAIA,GAJA,EAIA;AACA,WAAA,YAAA,GAAA,GAAA;AACA;AANA,GArBA;AA6BA,EAAA,OAAA,EAAA;AACA,IAAA,UADA,wBACA;AACA,WAAA,YAAA,GAAA,IAAA;;AACA,UAAA,KAAA,KAAA,CAAA,IAAA,EAAA;AACA,aAAA,KAAA,CAAA,IAAA,CAAA,aAAA,CAAA,IAAA;AACA;;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,WAAA,CAAA,KAAA,KAAA;AACA,KARA;AASA,IAAA,UATA,sBASA,KATA,EASA,IATA,EASA;AACA,UAAA,CAAA,KAAA,EAAA,OAAA,IAAA;AACA,aAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,MAAA,CAAA,CAAA;AACA,KAZA;AAaA,IAAA,WAbA,uBAaA,EAbA,EAaA;AAAA;;AACA,aAAA,KAAA,KAAA,CAAA,GAAA,CAAA,gBAAA,EAAA,IAAA,CAAA,gBAAA;AAAA,YAAA,GAAA,QAAA,IAAA;;AACA,YAAA,GAAA,CAAA,IAAA,KAAA,CAAA,EAAA;AACA,iBAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA;AACA;;AACA,QAAA,KAAA,CAAA,QAAA,GAAA,GAAA,CAAA,IAAA;;AACA,QAAA,KAAA,CAAA,SAAA,CAAA,YAAA;AACA,UAAA,KAAA,CAAA,KAAA,CAAA,IAAA,CAAA,aAAA,CAAA,EAAA;;AACA,UAAA,KAAA,CAAA,YAAA,GAAA,CAAA,EAAA,CAAA;AACA,SAHA;AAIA,OATA,EASA,KATA,CASA,YAAA,CAAA,CATA,CAAA;AAUA,KAxBA;AAyBA,IAAA,YAzBA,0BAyBA;AACA,WAAA,WAAA,GAAA,KAAA;AACA,WAAA,QAAA,GAAA,EAAA;AACA,WAAA,UAAA,GAAA,EAAA;AACA,KA7BA;AA8BA,IAAA,WA9BA,yBA8BA;AACA,WAAA,KAAA,CAAA,OAAA,EAAA,EAAA;AACA,WAAA,KAAA,CAAA,iBAAA,EAAA,EAAA;AACA,WAAA,YAAA,GAAA,EAAA;AACA,WAAA,WAAA,GAAA,KAAA;AACA,WAAA,QAAA,GAAA,EAAA;AACA,WAAA,UAAA,GAAA,EAAA;AACA,KArCA;AAsCA,IAAA,YAtCA,0BAsCA;AACA,UAAA,IAAA,GAAA,KAAA,KAAA,CAAA,IAAA,CAAA,cAAA,EAAA;;AACA,UAAA,CAAA,IAAA,EAAA;AACA,aAAA,QAAA,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA,kBAAA,CAAA;AACA;AACA;;AACA,WAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA;AACA,WAAA,KAAA,CAAA,iBAAA,EAAA,IAAA,CAAA,IAAA;AACA,WAAA,YAAA,GAAA,IAAA,CAAA,IAAA;AACA,WAAA,WAAA,GAAA,KAAA;AACA,WAAA,QAAA,GAAA,EAAA;AACA,WAAA,UAAA,GAAA,EAAA;AACA;AAlDA;AA7BA,CAAA","sourcesContent":["<template>\n  <div>\n  <el-input v-model=\"showDeptName\" :placeholder=\"placeholder\" @focus=\"deptDialog\">\n    <el-button slot=\"append\" icon=\"el-icon-search\" @click=\"deptDialog\"></el-button>\n  </el-input>\n  <el-input :value=\"value\" style=\"display: none\"></el-input>\n  <el-dialog :visible.sync=\"visibleDept\" width=\"30%\" :modal=\"false\" :title=\"placeholder\" :close-on-click-modal=\"false\" :close-on-press-escape=\"false\">\n    <el-form size=\"mini\" :inline=\"true\">\n      <el-form-item :label=\"$t('keyword')\">\n        <el-input v-model=\"filterText\"></el-input>\n      </el-form-item>\n      <el-form-item>\n        <el-button type=\"default\">{{ $t('query') }}</el-button>\n      </el-form-item>\n    </el-form>\n    <el-tree\n      class=\"filter-tree\"\n      :data=\"deptList\"\n      :default-expanded-keys=\"expandedKeys\"\n      :props=\"{ label: 'name', children: 'children' }\"\n      :expand-on-click-node=\"false\"\n      :filter-node-method=\"filterNode\"\n      :highlight-current=\"true\"\n      node-key=\"id\"\n      ref=\"tree\">\n    </el-tree>\n    <template slot=\"footer\">\n      <el-button type=\"default\" @click=\"cancelHandle()\" size=\"mini\">{{ $t('cancel') }}</el-button>\n      <el-button v-if=\"query\" type=\"info\" @click=\"clearHandle()\" size=\"mini\">{{ $t('clear') }}</el-button>\n      <el-button type=\"primary\" @click=\"commitHandle()\" size=\"mini\">{{ $t('confirm') }}</el-button>\n    </template>\n  </el-dialog>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'RenDeptTree',\n  data () {\n    return {\n      filterText: '',\n      visibleDept: false,\n      deptList: [],\n      showDeptName: '',\n      expandedKeys: null,\n      defaultProps: {\n        children: 'children',\n        label: 'label'\n      }\n    }\n  },\n  props: {\n    value: [Number, String],\n    deptName: String,\n    query: Boolean,\n    placeholder: String\n  },\n  watch: {\n    filterText (val) {\n      this.$refs.tree.filter(val)\n    },\n    deptName (val) {\n      this.showDeptName = val\n    }\n  },\n  methods: {\n    deptDialog () {\n      this.expandedKeys = null\n      if (this.$refs.tree) {\n        this.$refs.tree.setCurrentKey(null)\n      }\n      this.visibleDept = true\n      this.getDeptList(this.value)\n    },\n    filterNode (value, data) {\n      if (!value) return true\n      return data.name.indexOf(value) !== -1\n    },\n    getDeptList (id) {\n      return this.$http.get('/sys/dept/list').then(({ data: res }) => {\n        if (res.code !== 0) {\n          return this.$message.error(res.msg)\n        }\n        this.deptList = res.data\n        this.$nextTick(() => {\n          this.$refs.tree.setCurrentKey(id)\n          this.expandedKeys = [id]\n        })\n      }).catch(() => {})\n    },\n    cancelHandle () {\n      this.visibleDept = false\n      this.deptList = []\n      this.filterText = ''\n    },\n    clearHandle () {\n      this.$emit('input', '')\n      this.$emit('update:deptName', '')\n      this.showDeptName = ''\n      this.visibleDept = false\n      this.deptList = []\n      this.filterText = ''\n    },\n    commitHandle () {\n      const node = this.$refs.tree.getCurrentNode()\n      if (!node) {\n        this.$message.error(this.$t('dept.chooseerror'))\n        return\n      }\n      this.$emit('input', node.id)\n      this.$emit('update:deptName', node.name)\n      this.showDeptName = node.name\n      this.visibleDept = false\n      this.deptList = []\n      this.filterText = ''\n    }\n  }\n}\n</script>\n"],"sourceRoot":"src/components/ren-dept-tree/src"}]}