{"remainingRequest":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\cemp\\cemp-ui\\src\\views\\admin\\menu\\menu-form.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\cloud\\cemp\\cemp-ui\\src\\views\\admin\\menu\\menu-form.vue","mtime":1619070292889},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\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//\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\"\n\nexport default {\n  name: \"Menu\",\n  components: {Treeselect, TableForm},\n  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, message: \"菜单名称不能为空\", trigger: \"blur\"}\n        ],\n        sort: [\n          {required: true, message: \"菜单顺序不能为空\", trigger: \"blur\"}\n        ],\n        path: [\n          {required: true, message: \"路由地址不能为空\", trigger: \"blur\"}\n        ],\n        keepAlive: [\n          {required: true, message: \"路由缓冲不能为空\", trigger: \"blur\"}\n        ],\n        permission: [\n          {required: true, message: \"权限标识不能为空\", trigger: \"blur\"}\n        ]\n      }\n    };\n  },\n  methods: {\n    init(isEdit, id) {\n      if (id != null) {\n        this.form.parentId = id;\n      }\n      this.visible = true\n      this.getTreeselect();\n      this.$nextTick(() => {\n        this.$refs['dataForm'].resetFields()\n        if (isEdit) {\n          getObj(id).then(response => {\n            this.form = response.data.data\n          })\n        } else {\n          this.form.menuId = undefined\n        }\n      })\n    },\n    // 表单提交\n    dataFormSubmit() {\n      this.$refs['dataForm'].validate((valid) => {\n        if (valid) {\n          if (this.form.parentId === undefined) {\n            this.form.parentId = -1\n          }\n\n          if (this.form.menuId) {\n            putObj(this.form).then(data => {\n              this.$message.success('修改成功')\n              this.visible = false\n              this.$emit('refreshDataList')\n            });\n          } else {\n            addObj(this.form).then(data => {\n              this.$message.success('添加成功')\n              this.visible = false\n              this.$emit('refreshDataList')\n            })\n          }\n        }\n      })\n    },\n    /** 查询菜单下拉树结构 */\n    getTreeselect() {\n      fetchMenuTree().then(response => {\n        this.menuOptions = [];\n        const menu = {id: -1, name: '根菜单', children: []};\n        menu.children = response.data.data;\n        this.menuOptions.push(menu);\n      });\n    },\n    /** 转换菜单数据结构 */\n    normalizer(node) {\n      if (node.children && !node.children.length) {\n        delete node.children;\n      }\n      return {\n        id: node.id,\n        label: node.name,\n        children: node.children\n      };\n    }\n  }\n};\n",{"version":3,"sources":["menu-form.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;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":"menu-form.vue","sourceRoot":"src/views/admin/menu","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"]}]}