management/front/dkha-web-sz-main/node_modules/.cache/vue-loader/c6a7c199f282160f125c1af7f14c971a.json

{"remainingRequest":"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\\role-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\\role-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":["//\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'\nexport default {\n  data () {\n    return {\n      visible: false,\n      menuList: [],\n      deptList: [],\n      dataForm: {\n        id: '',\n        name: '',\n        menuIdList: [],\n        deptIdList: [],\n        remark: ''\n      }\n    }\n  },\n  computed: {\n    dataRule () {\n      return {\n        name: [\n          { required: true, message: this.$t('validate.required'), trigger: 'blur' }\n        ]\n      }\n    }\n  },\n  methods: {\n    init () {\n      this.visible = true\n      this.$nextTick(() => {\n        this.$refs['dataForm'].resetFields()\n        this.$refs.menuListTree.setCheckedKeys([])\n        this.$refs.deptListTree.setCheckedKeys([])\n        Promise.all([\n          this.getMenuList(),\n          this.getDeptList()\n        ]).then(() => {\n          if (this.dataForm.id) {\n            this.getInfo()\n          }\n        })\n      })\n    },\n    // 获取菜单列表\n    getMenuList () {\n      return this.$http.get('/sys/menu/select').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    getDeptList () {\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      }).catch(() => {})\n    },\n    // 获取信息\n    getInfo () {\n      this.$http.get(`/sys/role/${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        this.dataForm.menuIdList.forEach(item => this.$refs.menuListTree.setChecked(item, true))\n        this.$refs.deptListTree.setCheckedKeys(this.dataForm.deptIdList)\n      }).catch(() => {})\n    },\n    // 表单提交\n    dataFormSubmitHandle: debounce(function () {\n      this.$refs['dataForm'].validate((valid) => {\n        if (!valid) {\n          return false\n        }\n        this.dataForm.menuIdList = [\n          ...this.$refs.menuListTree.getCheckedKeys(),\n          ...this.$refs.menuListTree.getHalfCheckedKeys()\n        ]\n        this.dataForm.deptIdList = this.$refs.deptListTree.getCheckedKeys()\n        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/role', 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",{"version":3,"sources":["role-add-or-update.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"role-add-or-update.vue","sourceRoot":"src/views/modules/sys","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=\"name\" :label=\"$t('role.name')\">\n        <el-input v-model=\"dataForm.name\" :placeholder=\"$t('role.name')\"></el-input>\n      </el-form-item>\n      <el-form-item prop=\"remark\" :label=\"$t('role.remark')\">\n        <el-input v-model=\"dataForm.remark\" :placeholder=\"$t('role.remark')\"></el-input>\n      </el-form-item>\n      <el-row>\n        <el-col :span=\"12\">\n          <el-form-item size=\"mini\" :label=\"$t('role.menuList')\">\n            <el-tree\n              :data=\"menuList\"\n              :props=\"{ label: 'name', children: 'children' }\"\n              node-key=\"id\"\n              ref=\"menuListTree\"\n              accordion\n              show-checkbox>\n            </el-tree>\n          </el-form-item>\n        </el-col>\n        <el-col :span=\"12\">\n          <el-form-item size=\"mini\" :label=\"$t('role.deptList')\">\n            <el-tree\n              :data=\"deptList\"\n              :props=\"{ label: 'name', children: 'children' }\"\n              node-key=\"id\"\n              ref=\"deptListTree\"\n              accordion\n              show-checkbox>\n            </el-tree>\n          </el-form-item>\n        </el-col>\n      </el-row>\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'\nexport default {\n  data () {\n    return {\n      visible: false,\n      menuList: [],\n      deptList: [],\n      dataForm: {\n        id: '',\n        name: '',\n        menuIdList: [],\n        deptIdList: [],\n        remark: ''\n      }\n    }\n  },\n  computed: {\n    dataRule () {\n      return {\n        name: [\n          { required: true, message: this.$t('validate.required'), trigger: 'blur' }\n        ]\n      }\n    }\n  },\n  methods: {\n    init () {\n      this.visible = true\n      this.$nextTick(() => {\n        this.$refs['dataForm'].resetFields()\n        this.$refs.menuListTree.setCheckedKeys([])\n        this.$refs.deptListTree.setCheckedKeys([])\n        Promise.all([\n          this.getMenuList(),\n          this.getDeptList()\n        ]).then(() => {\n          if (this.dataForm.id) {\n            this.getInfo()\n          }\n        })\n      })\n    },\n    // 获取菜单列表\n    getMenuList () {\n      return this.$http.get('/sys/menu/select').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    getDeptList () {\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      }).catch(() => {})\n    },\n    // 获取信息\n    getInfo () {\n      this.$http.get(`/sys/role/${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        this.dataForm.menuIdList.forEach(item => this.$refs.menuListTree.setChecked(item, true))\n        this.$refs.deptListTree.setCheckedKeys(this.dataForm.deptIdList)\n      }).catch(() => {})\n    },\n    // 表单提交\n    dataFormSubmitHandle: debounce(function () {\n      this.$refs['dataForm'].validate((valid) => {\n        if (!valid) {\n          return false\n        }\n        this.dataForm.menuIdList = [\n          ...this.$refs.menuListTree.getCheckedKeys(),\n          ...this.$refs.menuListTree.getHalfCheckedKeys()\n        ]\n        this.dataForm.deptIdList = this.$refs.deptListTree.getCheckedKeys()\n        this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/role', 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"]}]}