{"remainingRequest":"D:\\jiayue\\pig-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\pig-ui\\src\\views\\admin\\menu\\menu-form.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\pig-ui\\src\\views\\admin\\menu\\menu-form.vue","mtime":1619070292889},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\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 { addObj, fetchMenuTree, getObj, putObj } from '@/api/admin/menu';\nimport Treeselect from \"@riophae/vue-treeselect\";\nimport iconList from '@/const/iconList';\nimport TableForm from \"./\";\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\nexport default {\n  name: \"Menu\",\n  components: {\n    Treeselect: Treeselect,\n    TableForm: TableForm\n  },\n  data: function data() {\n    return {\n      // 遮罩层\n      loading: true,\n      // 菜单树选项\n      menuOptions: [],\n      // 是否显示弹出层\n      visible: false,\n      // 图标\n      iconList: iconList,\n      form: {\n        name: undefined,\n        path: undefined,\n        icon: undefined,\n        permission: undefined,\n        type: '0',\n        keepAlive: '0',\n        sort: 999\n      },\n      // 表单校验\n      rules: {\n        name: [{\n          required: true,\n          message: \"菜单名称不能为空\",\n          trigger: \"blur\"\n        }],\n        sort: [{\n          required: true,\n          message: \"菜单顺序不能为空\",\n          trigger: \"blur\"\n        }],\n        path: [{\n          required: true,\n          message: \"路由地址不能为空\",\n          trigger: \"blur\"\n        }],\n        keepAlive: [{\n          required: true,\n          message: \"路由缓冲不能为空\",\n          trigger: \"blur\"\n        }],\n        permission: [{\n          required: true,\n          message: \"权限标识不能为空\",\n          trigger: \"blur\"\n        }]\n      }\n    };\n  },\n  methods: {\n    init: function init(isEdit, id) {\n      var _this = this;\n\n      if (id != null) {\n        this.form.parentId = id;\n      }\n\n      this.visible = true;\n      this.getTreeselect();\n      this.$nextTick(function () {\n        _this.$refs['dataForm'].resetFields();\n\n        if (isEdit) {\n          getObj(id).then(function (response) {\n            _this.form = response.data.data;\n          });\n        } else {\n          _this.form.menuId = undefined;\n        }\n      });\n    },\n    // 表单提交\n    dataFormSubmit: function dataFormSubmit() {\n      var _this2 = this;\n\n      this.$refs['dataForm'].validate(function (valid) {\n        if (valid) {\n          if (_this2.form.parentId === undefined) {\n            _this2.form.parentId = -1;\n          }\n\n          if (_this2.form.menuId) {\n            putObj(_this2.form).then(function (data) {\n              _this2.$message.success('修改成功');\n\n              _this2.visible = false;\n\n              _this2.$emit('refreshDataList');\n            });\n          } else {\n            addObj(_this2.form).then(function (data) {\n              _this2.$message.success('添加成功');\n\n              _this2.visible = false;\n\n              _this2.$emit('refreshDataList');\n            });\n          }\n        }\n      });\n    },\n\n    /** 查询菜单下拉树结构 */\n    getTreeselect: function getTreeselect() {\n      var _this3 = this;\n\n      fetchMenuTree().then(function (response) {\n        _this3.menuOptions = [];\n        var menu = {\n          id: -1,\n          name: '根菜单',\n          children: []\n        };\n        menu.children = response.data.data;\n\n        _this3.menuOptions.push(menu);\n      });\n    },\n\n    /** 转换菜单数据结构 */\n    normalizer: function normalizer(node) {\n      if (node.children && !node.children.length) {\n        delete node.children;\n      }\n\n      return {\n        id: node.id,\n        label: node.name,\n        children: node.children\n      };\n    }\n  }\n};",{"version":3,"sources":["menu-form.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <!-- 添加或修改菜单对话框 -->\r\n  <el-dialog :title=\"!form.menuId ? '新增' : '修改'\"\r\n             :visible.sync=\"visible\">\r\n    <el-form ref=\"dataForm\" :model=\"form\" :rules=\"rules\" label-width=\"80px\">\r\n      <el-row>\r\n        <el-col :span=\"12\">\r\n          <el-form-item label=\"菜单类型\" prop=\"type\">\r\n            <el-radio-group v-model=\"form.type\" size=\"small\">\r\n              <el-radio-button label=\"0\">菜单</el-radio-button>\r\n              <el-radio-button label=\"1\">按钮</el-radio-button>\r\n            </el-radio-group>\r\n          </el-form-item>\r\n        </el-col>\r\n        <el-col :span=\"12\">\r\n          <el-form-item label=\"上级菜单\">\r\n            <treeselect v-model=\"form.parentId\"\r\n                        :options=\"menuOptions\"\r\n                        :normalizer=\"normalizer\"\r\n                        :show-count=\"true\"\r\n                        placeholder=\"选择上级菜单\"\r\n            />\r\n          </el-form-item>\r\n        </el-col>\r\n      </el-row>\r\n      <el-form-item label=\"图标\" prop=\"icon\" v-if=\"form.type === '0'\">\r\n        <avue-input-icon v-model=\"form.icon\" :icon-list=\"iconList\"></avue-input-icon>\r\n      </el-form-item>\r\n      <el-form-item label=\"名称\" prop=\"name\">\r\n        <el-input v-model=\"form.name\" placeholder=\"请输入菜单名称\"/>\r\n      </el-form-item>\r\n      <el-form-item label=\"路由地址\" prop=\"path\" v-if=\"form.type !== '1'\">\r\n        <el-input v-model=\"form.path\" placeholder=\"请输入路由地址\"/>\r\n      </el-form-item>\r\n      <el-form-item label=\"权限标识\" prop=\"permission\" v-if=\"form.type === '1'\">\r\n        <el-input v-model=\"form.permission\" placeholder=\"请权限标识\" maxlength=\"50\"/>\r\n      </el-form-item>\r\n      <el-row>\r\n        <el-col :span=\"12\">\r\n          <el-form-item label=\"排序\" prop=\"sort\">\r\n            <el-input-number v-model=\"form.sort\" controls-position=\"right\" :min=\"0\"/>\r\n          </el-form-item>\r\n        </el-col>\r\n        <el-col :span=\"12\">\r\n          <el-form-item label=\"路由缓冲\" prop=\"keepAlive\" v-if=\"form.type !== '1'\">\r\n            <el-radio-group v-model=\"form.keepAlive\">\r\n              <el-radio-button label=\"0\">否</el-radio-button>\r\n              <el-radio-button label=\"1\">是</el-radio-button>\r\n            </el-radio-group>\r\n          </el-form-item>\r\n        </el-col>\r\n      </el-row>\r\n    </el-form>\r\n    <div slot=\"footer\" class=\"dialog-footer\">\r\n      <el-button type=\"primary\" @click=\"dataFormSubmit\">确 定</el-button>\r\n      <el-button @click=\"visible = false\">取 消</el-button>\r\n    </div>\r\n  </el-dialog>\r\n</template>\r\n\r\n<script>\r\n  import {addObj, fetchMenuTree, getObj, putObj} from '@/api/admin/menu'\r\n  import Treeselect from \"@riophae/vue-treeselect\"\r\n  import iconList from '@/const/iconList'\r\n  import TableForm from './'\r\n  import \"@riophae/vue-treeselect/dist/vue-treeselect.css\"\r\n\r\n  export default {\r\n    name: \"Menu\",\r\n    components: {Treeselect, TableForm},\r\n    data() {\r\n      return {\r\n        // 遮罩层\r\n        loading: true,\r\n        // 菜单树选项\r\n        menuOptions: [],\r\n        // 是否显示弹出层\r\n        visible: false,\r\n        // 图标\r\n        iconList: iconList,\r\n        form: {\r\n          name: undefined,\r\n          path: undefined,\r\n          icon: undefined,\r\n          permission: undefined,\r\n          type: '0',\r\n          keepAlive: '0',\r\n          sort: 999\r\n        },\r\n        // 表单校验\r\n        rules: {\r\n          name: [\r\n            {required: true, message: \"菜单名称不能为空\", trigger: \"blur\"}\r\n          ],\r\n          sort: [\r\n            {required: true, message: \"菜单顺序不能为空\", trigger: \"blur\"}\r\n          ],\r\n          path: [\r\n            {required: true, message: \"路由地址不能为空\", trigger: \"blur\"}\r\n          ],\r\n          keepAlive: [\r\n            {required: true, message: \"路由缓冲不能为空\", trigger: \"blur\"}\r\n          ],\r\n          permission: [\r\n            {required: true, message: \"权限标识不能为空\", trigger: \"blur\"}\r\n          ]\r\n        }\r\n      };\r\n    },\r\n    methods: {\r\n      init(isEdit, id) {\r\n        if (id != null) {\r\n          this.form.parentId = id;\r\n        }\r\n        this.visible = true\r\n        this.getTreeselect();\r\n        this.$nextTick(() => {\r\n          this.$refs['dataForm'].resetFields()\r\n          if (isEdit) {\r\n            getObj(id).then(response => {\r\n              this.form = response.data.data\r\n            })\r\n          } else {\r\n            this.form.menuId = undefined\r\n          }\r\n        })\r\n      },\r\n      // 表单提交\r\n      dataFormSubmit() {\r\n        this.$refs['dataForm'].validate((valid) => {\r\n          if (valid) {\r\n            if (this.form.parentId === undefined) {\r\n              this.form.parentId = -1\r\n            }\r\n\r\n            if (this.form.menuId) {\r\n              putObj(this.form).then(data => {\r\n                this.$message.success('修改成功')\r\n                this.visible = false\r\n                this.$emit('refreshDataList')\r\n              });\r\n            } else {\r\n              addObj(this.form).then(data => {\r\n                this.$message.success('添加成功')\r\n                this.visible = false\r\n                this.$emit('refreshDataList')\r\n              })\r\n            }\r\n          }\r\n        })\r\n      },\r\n      /** 查询菜单下拉树结构 */\r\n      getTreeselect() {\r\n        fetchMenuTree().then(response => {\r\n          this.menuOptions = [];\r\n          const menu = {id: -1, name: '根菜单', children: []};\r\n          menu.children = response.data.data;\r\n          this.menuOptions.push(menu);\r\n        });\r\n      },\r\n      /** 转换菜单数据结构 */\r\n      normalizer(node) {\r\n        if (node.children && !node.children.length) {\r\n          delete node.children;\r\n        }\r\n        return {\r\n          id: node.id,\r\n          label: node.name,\r\n          children: node.children\r\n        };\r\n      }\r\n    }\r\n  };\r\n</script>\r\n"],"sourceRoot":"src/views/admin/menu"}]}