{"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\\views\\modules\\sys\\menu-add-or-update.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\sys\\menu-add-or-update.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/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"C:\\\\Users\\\\27446\\\\Desktop\\\\up\\\\front\\\\dkha-web-sz-main\\\\node_modules\\\\@babel\\\\runtime-corejs2/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 debounce from 'lodash/debounce';\nimport { getIconList } from '@/utils';\nexport default {\n  data: function data() {\n    return {\n      visible: false,\n      menuList: [],\n      menuListVisible: false,\n      iconList: [],\n      iconListVisible: false,\n      dataForm: {\n        id: '',\n        type: 0,\n        name: '',\n        pid: '0',\n        parentName: '',\n        url: '',\n        permissions: '',\n        sort: 0,\n        icon: ''\n      }\n    };\n  },\n  computed: {\n    dataRule: function dataRule() {\n      return {\n        name: [{\n          required: true,\n          message: this.$t('validate.required'),\n          trigger: 'blur'\n        }],\n        parentName: [{\n          required: true,\n          message: this.$t('validate.required'),\n          trigger: 'change'\n        }]\n      };\n    }\n  },\n  watch: {\n    'dataForm.type': function dataFormType(val) {\n      this.$refs['dataForm'].clearValidate();\n    }\n  },\n  methods: {\n    init: function init() {\n      var _this = this;\n\n      this.visible = true;\n      this.$nextTick(function () {\n        _this.$refs['dataForm'].resetFields();\n\n        _this.iconList = getIconList();\n        _this.dataForm.parentName = _this.$t('menu.parentNameDefault');\n\n        _this.getMenuList().then(function () {\n          if (_this.dataForm.id) {\n            _this.getInfo();\n          }\n        });\n      });\n    },\n    // 获取菜单列表\n    getMenuList: function getMenuList() {\n      var _this2 = this;\n\n      return this.$http.get('/sys/menu/list?type=0').then(function (_ref) {\n        var res = _ref.data;\n\n        if (res.code !== 0) {\n          return _this2.$message.error(res.msg);\n        }\n\n        _this2.menuList = res.data;\n      }).catch(function () {});\n    },\n    // 获取信息\n    getInfo: function getInfo() {\n      var _this3 = this;\n\n      this.$http.get(\"/sys/menu/\".concat(this.dataForm.id)).then(function (_ref2) {\n        var res = _ref2.data;\n\n        if (res.code !== 0) {\n          return _this3.$message.error(res.msg);\n        }\n\n        _this3.dataForm = _objectSpread({}, _this3.dataForm, {}, res.data);\n\n        if (_this3.dataForm.pid === '0') {\n          return _this3.deptListTreeSetDefaultHandle();\n        }\n\n        _this3.$refs.menuListTree.setCurrentKey(_this3.dataForm.pid);\n      }).catch(function () {});\n    },\n    // 上级菜单树, 设置默认值\n    deptListTreeSetDefaultHandle: function deptListTreeSetDefaultHandle() {\n      this.dataForm.pid = '0';\n      this.dataForm.parentName = this.$t('menu.parentNameDefault');\n    },\n    // 上级菜单树, 选中\n    menuListTreeCurrentChangeHandle: function menuListTreeCurrentChangeHandle(data) {\n      this.dataForm.pid = data.id;\n      this.dataForm.parentName = data.name;\n      this.menuListVisible = false;\n    },\n    // 图标, 选中\n    iconListCurrentChangeHandle: function iconListCurrentChangeHandle(icon) {\n      this.dataForm.icon = icon;\n      this.iconListVisible = false;\n    },\n    // 表单提交\n    dataFormSubmitHandle: debounce(function () {\n      var _this4 = this;\n\n      this.$refs['dataForm'].validate(function (valid) {\n        if (!valid) {\n          return false;\n        }\n\n        _this4.$http[!_this4.dataForm.id ? 'post' : 'put']('/sys/menu', _this4.dataForm).then(function (_ref3) {\n          var res = _ref3.data;\n\n          if (res.code !== 0) {\n            return _this4.$message.error(res.msg);\n          }\n\n          _this4.$message({\n            message: _this4.$t('prompt.success'),\n            type: 'success',\n            duration: 500,\n            onClose: function onClose() {\n              _this4.visible = false;\n\n              _this4.$emit('refreshDataList');\n            }\n          });\n        }).catch(function () {});\n      });\n    }, 1000, {\n      'leading': true,\n      'trailing': false\n    })\n  }\n};",{"version":3,"sources":["menu-add-or-update.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n  <el-dialog :visible.sync=\"visible\" :title=\"!dataForm.id ? $t('add') : $t('update')\" :close-on-click-modal=\"false\" :close-on-press-escape=\"false\">\n    <el-form :model=\"dataForm\" :rules=\"dataRule\" ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\" label-width=\"120px\">\n      <el-form-item prop=\"type\" :label=\"$t('menu.type')\" size=\"mini\">\n        <el-radio-group v-model=\"dataForm.type\" :disabled=\"!!dataForm.id\">\n          <el-radio :label=\"0\">{{ $t('menu.type0') }}</el-radio>\n          <el-radio :label=\"1\">{{ $t('menu.type1') }}</el-radio>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item prop=\"name\" :label=\"$t('menu.name')\">\n        <el-input v-model=\"dataForm.name\" :placeholder=\"$t('menu.name')\"></el-input>\n      </el-form-item>\n      <el-form-item prop=\"parentName\" :label=\"$t('menu.parentName')\" class=\"menu-list\">\n        <el-popover v-model=\"menuListVisible\" ref=\"menuListPopover\" placement=\"bottom-start\" trigger=\"click\">\n          <el-tree\n            :data=\"menuList\"\n            :props=\"{ label: 'name', children: 'children' }\"\n            node-key=\"id\"\n            ref=\"menuListTree\"\n            :highlight-current=\"true\"\n            :expand-on-click-node=\"false\"\n            accordion\n            @current-change=\"menuListTreeCurrentChangeHandle\">\n          </el-tree>\n        </el-popover>\n        <el-input v-model=\"dataForm.parentName\" v-popover:menuListPopover :readonly=\"true\" :placeholder=\"$t('menu.parentName')\">\n          <i v-if=\"dataForm.pid !== '0'\" slot=\"suffix\" @click.stop=\"deptListTreeSetDefaultHandle()\" class=\"el-icon-circle-close el-input__icon\"></i>\n        </el-input>\n      </el-form-item>\n      <el-form-item v-if=\"dataForm.type === 0\" prop=\"url\" :label=\"$t('menu.url')\">\n        <el-input v-model=\"dataForm.url\" :placeholder=\"$t('menu.url')\"></el-input>\n      </el-form-item>\n      <el-form-item prop=\"sort\" :label=\"$t('menu.sort')\">\n        <el-input-number v-model=\"dataForm.sort\" controls-position=\"right\" :min=\"0\" :label=\"$t('menu.sort')\"></el-input-number>\n      </el-form-item>\n      <el-form-item v-if=\"dataForm.type === 0\" prop=\"icon\" :label=\"$t('menu.icon')\" class=\"icon-list\">\n        <el-popover v-model=\"iconListVisible\" ref=\"iconListPopover\" placement=\"bottom-start\" trigger=\"click\" popper-class=\"mod-sys__menu-icon-popover\">\n          <div class=\"mod-sys__menu-icon-inner\">\n            <div class=\"mod-sys__menu-icon-list\">\n              <el-button\n                v-for=\"(item, index) in iconList\"\n                :key=\"index\"\n                @click=\"iconListCurrentChangeHandle(item)\"\n                :class=\"{ 'is-active': dataForm.icon === item }\">\n                <svg class=\"icon-svg\" aria-hidden=\"true\"><use :xlink:href=\"`#${item}`\"></use></svg>\n              </el-button>\n            </div>\n          </div>\n        </el-popover>\n        <el-input v-model=\"dataForm.icon\" v-popover:iconListPopover :readonly=\"true\" :placeholder=\"$t('menu.icon')\"></el-input>\n      </el-form-item>\n      <el-form-item prop=\"permissions\" :label=\"$t('menu.permissions')\">\n        <el-input v-model=\"dataForm.permissions\" :placeholder=\"$t('menu.permissionsTips')\"></el-input>\n      </el-form-item>\n    </el-form>\n    <template slot=\"footer\">\n      <el-button @click=\"visible = false\">{{ $t('cancel') }}</el-button>\n      <el-button type=\"primary\" @click=\"dataFormSubmitHandle()\">{{ $t('confirm') }}</el-button>\n    </template>\n  </el-dialog>\n</template>\n\n<script>\nimport debounce from 'lodash/debounce'\nimport { getIconList } from '@/utils'\nexport default {\n  data () {\n    return {\n      visible: false,\n      menuList: [],\n      menuListVisible: false,\n      iconList: [],\n      iconListVisible: false,\n      dataForm: {\n        id: '',\n        type: 0,\n        name: '',\n        pid: '0',\n        parentName: '',\n        url: '',\n        permissions: '',\n        sort: 0,\n        icon: ''\n      }\n    }\n  },\n  computed: {\n    dataRule () {\n      return {\n        name: [\n          { required: true, message: this.$t('validate.required'), trigger: 'blur' }\n        ],\n        parentName: [\n          { required: true, message: this.$t('validate.required'), trigger: 'change' }\n        ]\n      }\n    }\n  },\n  watch: {\n    'dataForm.type' (val) {\n      this.$refs['dataForm'].clearValidate()\n    }\n  },\n  methods: {\n    init () {\n      this.visible = true\n      this.$nextTick(() => {\n        this.$refs['dataForm'].resetFields()\n        this.iconList = getIconList()\n        this.dataForm.parentName = this.$t('menu.parentNameDefault')\n        this.getMenuList().then(() => {\n          if (this.dataForm.id) {\n            this.getInfo()\n          }\n        })\n      })\n    },\n    // 获取菜单列表\n    getMenuList () {\n      return this.$http.get('/sys/menu/list?type=0').then(({ data: res }) => {\n        if (res.code !== 0) {\n          return this.$message.error(res.msg)\n        }\n        this.menuList = res.data\n      }).catch(() => {})\n    },\n    // 获取信息\n    getInfo () {\n      this.$http.get(`/sys/menu/${this.dataForm.id}`).then(({ data: res }) => {\n        if (res.code !== 0) {\n          return this.$message.error(res.msg)\n        }\n        this.dataForm = {\n          ...this.dataForm,\n          ...res.data\n        }\n        if (this.dataForm.pid === '0') {\n          return this.deptListTreeSetDefaultHandle()\n        }\n        this.$refs.menuListTree.setCurrentKey(this.dataForm.pid)\n      }).catch(() => {})\n    },\n    // 上级菜单树, 设置默认值\n    deptListTreeSetDefaultHandle () {\n      this.dataForm.pid = '0'\n      this.dataForm.parentName = this.$t('menu.parentNameDefault')\n    },\n    // 上级菜单树, 选中\n    menuListTreeCurrentChangeHandle (data) {\n      this.dataForm.pid = data.id\n      this.dataForm.parentName = data.name\n      this.menuListVisible = false\n    },\n    // 图标, 选中\n    iconListCurrentChangeHandle (icon) {\n      this.dataForm.icon = icon\n      this.iconListVisible = false\n    },\n    // 表单提交\n    dataFormSubmitHandle: debounce(function () {\n      this.$refs['dataForm'].validate((valid) => {\n        if (!valid) {\n          return false\n        }\n        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/menu', this.dataForm).then(({ data: res }) => {\n          if (res.code !== 0) {\n            return this.$message.error(res.msg)\n          }\n          this.$message({\n            message: this.$t('prompt.success'),\n            type: 'success',\n            duration: 500,\n            onClose: () => {\n              this.visible = false\n              this.$emit('refreshDataList')\n            }\n          })\n        }).catch(() => {})\n      })\n    }, 1000, { 'leading': true, 'trailing': false })\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.mod-sys__menu {\n  .menu-list,\n  .icon-list {\n    .el-input__inner,\n    .el-input__suffix {\n      cursor: pointer;\n    }\n  }\n  &-icon-popover {\n    width: 458px;\n    overflow: hidden;\n  }\n  &-icon-inner {\n    width: 478px;\n    max-height: 258px;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n  &-icon-list {\n    width: 458px;\n    padding: 0;\n    margin: -8px 0 0 -8px;\n    > .el-button {\n      padding: 8px;\n      margin: 8px 0 0 8px;\n      > span {\n        display: inline-block;\n        vertical-align: middle;\n        width: 18px;\n        height: 18px;\n        font-size: 18px;\n      }\n    }\n  }\n}\n</style>\n"],"sourceRoot":"src/views/modules/sys"}]}