{"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\\user-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\\user-add-or-update.vue","mtime":1620724486256},{"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/es6.object.keys\";\nimport _toConsumableArray from \"C:\\\\Users\\\\27446\\\\Desktop\\\\up\\\\front\\\\dkha-web-sz-main\\\\node_modules\\\\@babel\\\\runtime-corejs2/helpers/esm/toConsumableArray\";\nimport _defineProperty from \"C:\\\\Users\\\\27446\\\\Desktop\\\\up\\\\front\\\\dkha-web-sz-main\\\\node_modules\\\\@babel\\\\runtime-corejs2/helpers/esm/defineProperty\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.string.iterator\";\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//\nimport debounce from 'lodash/debounce';\nimport { isEmail, isMobile } from '@/utils/validate';\nimport { getDictDataList } from '@/utils';\nexport default {\n  data: function data() {\n    return {\n      visible: false,\n      roleList: [],\n      roleIdListDefault: [],\n      // genderList: getDictDataList('gender'),\n      // genderList: [{dictLabel: \"男\", dictValue: \"男\"}, {dictLabel: \"女\", dictValue: \"女\"}, {dictLabel: \"保密\", dictValue: \"保密\"},],\n      dataForm: {\n        id: '',\n        username: '',\n        deptId: '0',\n        deptName: '',\n        password: '',\n        confirmPassword: '',\n        realName: '',\n        gender: '0',\n        email: '',\n        mobile: '',\n        roleIdList: [],\n        status: 1\n      }\n    };\n  },\n  computed: {\n    dataRule: function dataRule() {\n      var _this = this;\n\n      var validatePassword = function validatePassword(rule, value, callback) {\n        if (!_this.dataForm.id && !/\\S/.test(value)) {\n          return callback(new Error(_this.$t('validate.required')));\n        }\n\n        callback();\n      };\n\n      var validateConfirmPassword = function validateConfirmPassword(rule, value, callback) {\n        if (!_this.dataForm.id && !/\\S/.test(value)) {\n          return callback(new Error(_this.$t('validate.required')));\n        }\n\n        if (_this.dataForm.password !== value) {\n          return callback(new Error(_this.$t('user.validate.confirmPassword')));\n        }\n\n        callback();\n      };\n\n      var validateEmail = function validateEmail(rule, value, callback) {\n        if (!isEmail(value)) {\n          return callback(new Error(_this.$t('validate.format', {\n            'attr': _this.$t('user.email')\n          })));\n        }\n\n        callback();\n      };\n\n      var validateMobile = function validateMobile(rule, value, callback) {\n        if (!isMobile(value)) {\n          return callback(new Error(_this.$t('validate.format', {\n            'attr': _this.$t('user.mobile')\n          })));\n        }\n\n        callback();\n      }; // return {\n      // \tusername: [{\n      // \t\trequired: true,\n      // \t\tmessage: this.$t('validate.required'),\n      // \t\ttrigger: 'blur'\n      // \t}],\n      // \tdeptName: [{\n      // \t\trequired: true,\n      // \t\tmessage: this.$t('validate.required'),\n      // \t\ttrigger: 'change'\n      // \t}],\n      // \tpassword: [{\n      // \t\tvalidator: validatePassword,\n      // \t\ttrigger: 'blur'\n      // \t}],\n      // \tconfirmPassword: [{\n      // \t\tvalidator: validateConfirmPassword,\n      // \t\ttrigger: 'blur'\n      // \t}],\n      // \trealName: [{\n      // \t\trequired: true,\n      // \t\tmessage: this.$t('validate.required'),\n      // \t\ttrigger: 'blur'\n      // \t}],\n      // \temail: [{\n      // \t\t\trequired: true,\n      // \t\t\tmessage: this.$t('validate.required'),\n      // \t\t\ttrigger: 'blur'\n      // \t\t},\n      // \t\t{\n      // \t\t\tvalidator: isEmail,\n      // \t\t\ttrigger: 'blur'\n      // \t\t}\n      // \t],\n      // \tmobile: [{\n      // \t\t\trequired: true,\n      // \t\t\tmessage: this.$t('validate.required'),\n      // \t\t\ttrigger: 'blur'\n      // \t\t},\n      // \t\t{\n      // \t\t\tvalidator: isMobile,\n      // \t\t\ttrigger: 'blur'\n      // \t\t}\n      // \t]\n      // }\n\n    }\n  },\n  methods: {\n    init: function init() {\n      var _this2 = this;\n\n      this.visible = true;\n      this.dataForm.deptId = '';\n      this.$nextTick(function () {\n        _this2.$refs['dataForm'].resetFields();\n\n        _this2.roleIdListDefault = [];\n        Promise.all([_this2.getRoleList()]).then(function () {\n          if (_this2.dataForm.id) {\n            _this2.getInfo();\n          }\n        });\n      });\n    },\n    // 获取角色列表\n    getRoleList: function getRoleList() {\n      var _this3 = this;\n\n      return this.$http.get('/sys/role/list').then(function (_ref) {\n        var res = _ref.data;\n\n        if (res.code !== 0) {\n          return _this3.$message.error(res.msg);\n        }\n\n        _this3.roleList = res.data;\n      }).catch(function () {});\n    },\n    // 获取信息\n    getInfo: function getInfo() {\n      var _this4 = this;\n\n      this.$http.get(\"/sys/user/\".concat(this.dataForm.id)).then(function (_ref2) {\n        var res = _ref2.data;\n\n        if (res.code !== 0) {\n          return _this4.$message.error(res.msg);\n        }\n\n        _this4.dataForm = _objectSpread({}, _this4.dataForm, {}, res.data, {\n          gender: String(res.data.gender),\n          roleIdList: [] // 角色配置, 区分是否为默认角色\n\n        });\n\n        for (var i = 0; i < res.data.roleIdList.length; i++) {\n          if (_this4.roleList.filter(function (item) {\n            return item.id === res.data.roleIdList[i];\n          })[0]) {\n            _this4.dataForm.roleIdList.push(res.data.roleIdList[i]);\n\n            continue;\n          }\n\n          _this4.roleIdListDefault.push(res.data.roleIdList[i]);\n        }\n      }).catch(function () {});\n    },\n    // 表单提交\n    dataFormSubmitHandle: debounce(function () {\n      var _this5 = this;\n\n      this.$refs['dataForm'].validate(function (valid) {\n        if (!valid) {\n          return false;\n        }\n\n        _this5.$http[!_this5.dataForm.id ? 'post' : 'put']('/sys/user', _objectSpread({}, _this5.dataForm, {\n          roleIdList: [].concat(_toConsumableArray(_this5.dataForm.roleIdList), _toConsumableArray(_this5.roleIdListDefault))\n        })).then(function (_ref3) {\n          var res = _ref3.data;\n\n          if (res.code !== 0) {\n            return _this5.$message.error(res.msg);\n          }\n\n          _this5.$message({\n            message: _this5.$t('prompt.success'),\n            type: 'success',\n            duration: 500,\n            onClose: function onClose() {\n              _this5.visible = false;\n\n              _this5.$emit('refreshDataList');\n            }\n          });\n        }).catch(function () {});\n      });\n    }, 1000, {\n      'leading': true,\n      'trailing': false\n    })\n  }\n};",{"version":3,"sources":["user-add-or-update.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n\t<el-dialog :visible.sync=\"visible\" :title=\"!dataForm.id ? $t('add') : $t('update')\" :close-on-click-modal=\"false\"\n\t :close-on-press-escape=\"false\">\n\t\t<el-form :model=\"dataForm\" :rules=\"dataRule\" ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\" label-width=\"120px\">\n\t\t\t<el-form-item prop=\"username\" :label=\"$t('user.username')\">\n\t\t\t\t<el-input v-model=\"dataForm.username\" :placeholder=\"$t('user.username')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"deptName\" :label=\"$t('user.deptName')\">\n\t\t\t\t<ren-dept-tree v-model=\"dataForm.deptId\" :placeholder=\"$t('dept.title')\" :dept-name.sync=\"dataForm.deptName\"></ren-dept-tree>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"password\" :label=\"$t('user.password')\" :class=\"{ 'is-required': !dataForm.id }\">\n\t\t\t\t<el-input v-model=\"dataForm.password\" type=\"password\" :placeholder=\"$t('user.password')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"confirmPassword\" :label=\"$t('user.confirmPassword')\" :class=\"{ 'is-required': !dataForm.id }\">\n\t\t\t\t<el-input v-model=\"dataForm.confirmPassword\" type=\"password\" :placeholder=\"$t('user.confirmPassword')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"realName\" :label=\"$t('user.realName')\">\n\t\t\t\t<el-input v-model=\"dataForm.realName\" :placeholder=\"$t('user.realName')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"gender\" :label=\"$t('user.gender')\" size=\"mini\">\n\t\t\t\t<el-radio-group v-model=\"dataForm.gender\">\n<!--\t\t\t\t\t<el-radio :label=\"item.dictValue\" v-for=\"item in genderList\" :key=\"item.dictLabel\">{{item.dictLabel}}</el-radio>-->\n          <el-radio  label=\"0\">男</el-radio>\n          <el-radio  label=\"1\">女</el-radio>\n\t\t\t\t</el-radio-group>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"email\" :label=\"$t('user.email')\">\n\t\t\t\t<el-input v-model=\"dataForm.email\" :placeholder=\"$t('user.email')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"mobile\" :label=\"$t('user.mobile')\">\n\t\t\t\t<el-input v-model=\"dataForm.mobile\" :placeholder=\"$t('user.mobile')\"></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"roleIdList\" :label=\"$t('user.roleIdList')\" class=\"role-list\">\n\t\t\t\t<el-select v-model=\"dataForm.roleIdList\" multiple :placeholder=\"$t('user.roleIdList')\">\n\t\t\t\t\t<el-option v-for=\"role in roleList\" :key=\"role.id\" :label=\"role.name\" :value=\"role.id\"></el-option>\n\t\t\t\t</el-select>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"status\" :label=\"$t('user.status')\" size=\"mini\">\n\t\t\t\t<el-radio-group v-model=\"dataForm.status\">\n\t\t\t\t\t<el-radio :label=\"0\">{{ $t('user.status0') }}</el-radio>\n\t\t\t\t\t<el-radio :label=\"1\">{{ $t('user.status1') }}</el-radio>\n\t\t\t\t</el-radio-group>\n\t\t\t</el-form-item>\n\t\t</el-form>\n\t\t<template slot=\"footer\">\n\t\t\t<el-button @click=\"visible = false\">{{ $t('cancel') }}</el-button>\n\t\t\t<el-button type=\"primary\" @click=\"dataFormSubmitHandle()\">{{ $t('confirm') }}</el-button>\n\t\t</template>\n\t</el-dialog>\n</template>\n\n<script>\n\timport debounce from 'lodash/debounce'\n\timport {\n\t\tisEmail,\n\t\tisMobile\n\t} from '@/utils/validate'\n\timport {\n\t\tgetDictDataList\n\t} from '@/utils'\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvisible: false,\n\t\t\t\troleList: [],\n\t\t\t\troleIdListDefault: [],\n\t\t\t\t// genderList: getDictDataList('gender'),\n\t\t\t\t// genderList: [{dictLabel: \"男\", dictValue: \"男\"}, {dictLabel: \"女\", dictValue: \"女\"}, {dictLabel: \"保密\", dictValue: \"保密\"},],\n\t\t\t\tdataForm: {\n\t\t\t\t\tid: '',\n\t\t\t\t\tusername: '',\n\t\t\t\t\tdeptId: '0',\n\t\t\t\t\tdeptName: '',\n\t\t\t\t\tpassword: '',\n\t\t\t\t\tconfirmPassword: '',\n\t\t\t\t\trealName: '',\n\t\t\t\t\tgender: '0',\n\t\t\t\t\temail: '',\n\t\t\t\t\tmobile: '',\n\t\t\t\t\troleIdList: [],\n\t\t\t\t\tstatus: 1\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tdataRule() {\n\t\t\t\tvar validatePassword = (rule, value, callback) => {\n\t\t\t\t\tif (!this.dataForm.id && !/\\S/.test(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.required')))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\tvar validateConfirmPassword = (rule, value, callback) => {\n\t\t\t\t\tif (!this.dataForm.id && !/\\S/.test(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.required')))\n\t\t\t\t\t}\n\t\t\t\t\tif (this.dataForm.password !== value) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('user.validate.confirmPassword')))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\tvar validateEmail = (rule, value, callback) => {\n\t\t\t\t\tif (!isEmail(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.format', {\n\t\t\t\t\t\t\t'attr': this.$t('user.email')\n\t\t\t\t\t\t})))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\tvar validateMobile = (rule, value, callback) => {\n\t\t\t\t\tif (!isMobile(value)) {\n\t\t\t\t\t\treturn callback(new Error(this.$t('validate.format', {\n\t\t\t\t\t\t\t'attr': this.$t('user.mobile')\n\t\t\t\t\t\t})))\n\t\t\t\t\t}\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t\t// return {\n\t\t\t\t// \tusername: [{\n\t\t\t\t// \t\trequired: true,\n\t\t\t\t// \t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \tdeptName: [{\n\t\t\t\t// \t\trequired: true,\n\t\t\t\t// \t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\ttrigger: 'change'\n\t\t\t\t// \t}],\n\t\t\t\t// \tpassword: [{\n\t\t\t\t// \t\tvalidator: validatePassword,\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \tconfirmPassword: [{\n\t\t\t\t// \t\tvalidator: validateConfirmPassword,\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \trealName: [{\n\t\t\t\t// \t\trequired: true,\n\t\t\t\t// \t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\ttrigger: 'blur'\n\t\t\t\t// \t}],\n\t\t\t\t// \temail: [{\n\t\t\t\t// \t\t\trequired: true,\n\t\t\t\t// \t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t},\n\t\t\t\t// \t\t{\n\t\t\t\t// \t\t\tvalidator: isEmail,\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t}\n\t\t\t\t// \t],\n\t\t\t\t// \tmobile: [{\n\t\t\t\t// \t\t\trequired: true,\n\t\t\t\t// \t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t},\n\t\t\t\t// \t\t{\n\t\t\t\t// \t\t\tvalidator: isMobile,\n\t\t\t\t// \t\t\ttrigger: 'blur'\n\t\t\t\t// \t\t}\n\t\t\t\t// \t]\n\t\t\t\t// }\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\tinit() {\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.dataForm.deptId = ''\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.$refs['dataForm'].resetFields()\n\t\t\t\t\tthis.roleIdListDefault = []\n\t\t\t\t\tPromise.all([\n\t\t\t\t\t\tthis.getRoleList()\n\t\t\t\t\t]).then(() => {\n\t\t\t\t\t\tif (this.dataForm.id) {\n\t\t\t\t\t\t\tthis.getInfo()\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\t// 获取角色列表\n\t\t\tgetRoleList() {\n\t\t\t\treturn this.$http.get('/sys/role/list').then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tthis.roleList = res.data\n\t\t\t\t}).catch(() => {})\n\t\t\t},\n\t\t\t// 获取信息\n\t\t\tgetInfo() {\n\t\t\t\tthis.$http.get(`/sys/user/${this.dataForm.id}`).then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tthis.dataForm = {\n\t\t\t\t\t\t...this.dataForm,\n\t\t\t\t\t\t...res.data,\n\t\t\t\t\t\tgender: String(res.data.gender),\n\t\t\t\t\t\troleIdList: []\n\t\t\t\t\t}\n\t\t\t\t\t// 角色配置, 区分是否为默认角色\n\t\t\t\t\tfor (var i = 0; i < res.data.roleIdList.length; i++) {\n\t\t\t\t\t\tif (this.roleList.filter(item => item.id === res.data.roleIdList[i])[0]) {\n\t\t\t\t\t\t\tthis.dataForm.roleIdList.push(res.data.roleIdList[i])\n\t\t\t\t\t\t\tcontinue\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.roleIdListDefault.push(res.data.roleIdList[i])\n\t\t\t\t\t}\n\t\t\t\t}).catch(() => {})\n\t\t\t},\n\t\t\t// 表单提交\n\t\t\tdataFormSubmitHandle: debounce(function() {\n\t\t\t\tthis.$refs['dataForm'].validate((valid) => {\n\t\t\t\t\tif (!valid) {\n\t\t\t\t\t\treturn false\n\t\t\t\t\t}\n\t\t\t\t\tthis.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', {\n\t\t\t\t\t\t...this.dataForm,\n\t\t\t\t\t\troleIdList: [\n\t\t\t\t\t\t\t...this.dataForm.roleIdList,\n\t\t\t\t\t\t\t...this.roleIdListDefault\n\t\t\t\t\t\t]\n\t\t\t\t\t}).then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.$message({\n\t\t\t\t\t\t\tmessage: this.$t('prompt.success'),\n\t\t\t\t\t\t\ttype: 'success',\n\t\t\t\t\t\t\tduration: 500,\n\t\t\t\t\t\t\tonClose: () => {\n\t\t\t\t\t\t\t\tthis.visible = false\n\t\t\t\t\t\t\t\tthis.$emit('refreshDataList')\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}).catch(() => {})\n\t\t\t\t})\n\t\t\t}, 1000, {\n\t\t\t\t'leading': true,\n\t\t\t\t'trailing': false\n\t\t\t})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.mod-sys__user {\n\t\t.dept-list {\n\n\t\t\t.el-input__inner,\n\t\t\t.el-input__suffix {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t.role-list {\n\t\t\t.el-select {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n</style>\n"],"sourceRoot":"src/views/modules/sys"}]}