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