added ESlint 语法检测
This commit is contained in:
何秀钢
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form
|
||||
ref="menuForm"
|
||||
:inline="true"
|
||||
label-width="85px"
|
||||
ref="menuForm"
|
||||
label-position="top"
|
||||
>
|
||||
<el-form-item prop="icon" style="width:100%">
|
||||
@@ -11,10 +11,10 @@
|
||||
class="icon"
|
||||
:class="'el-icon-'+ meta.icon"
|
||||
style="position: absolute; z-index: 9999; padding: 5px 10px; "
|
||||
></i>
|
||||
<el-select clearable filterable class="gva-select" v-model="meta.icon" placeholder="请选择">
|
||||
/>
|
||||
<el-select v-model="meta.icon" clearable filterable class="gva-select" placeholder="请选择">
|
||||
<el-option v-for="item in options" :key="item.key" :label="item.key" :value="item.key">
|
||||
<span class="icon" :class="item.label"></span>
|
||||
<span class="icon" :class="item.label" />
|
||||
<span style="float: left">{{ item.key }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
@@ -25,307 +25,307 @@
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "icon",
|
||||
data() {
|
||||
return {
|
||||
input: "",
|
||||
options: [
|
||||
{ key: "platform-eleme", label: "el-icon-platform-eleme" },
|
||||
{ key: "eleme", label: "el-icon-eleme" },
|
||||
{ key: "delete-solid", label: "el-icon-delete-solid" },
|
||||
{ key: "delete", label: "el-icon-delete" },
|
||||
{ key: "s-tools", label: "el-icon-s-tools" },
|
||||
{ key: "setting", label: "el-icon-setting" },
|
||||
{ key: "user-solid", label: "el-icon-user-solid" },
|
||||
{ key: "user", label: "el-icon-user" },
|
||||
{ key: "phone", label: "el-icon-phone" },
|
||||
{ key: "phone-outline", label: "el-icon-phone-outline" },
|
||||
{ key: "more", label: "el-icon-more" },
|
||||
{ key: "more-outline", label: "el-icon-more-outline" },
|
||||
{ key: "star-on", label: "el-icon-star-on" },
|
||||
{ key: "star-off", label: "el-icon-star-off" },
|
||||
{ key: "s-goods", label: "el-icon-s-goods" },
|
||||
{ key: "goods", label: "el-icon-goods" },
|
||||
{ key: "warning", label: "el-icon-warning" },
|
||||
{ key: "warning-outline", label: "el-icon-warning-outline" },
|
||||
{ key: "question", label: "el-icon-question" },
|
||||
{ key: "info", label: "el-icon-info" },
|
||||
{ key: "remove", label: "el-icon-remove" },
|
||||
{ key: "circle-plus", label: "el-icon-circle-plus" },
|
||||
{ key: "success", label: "el-icon-success" },
|
||||
{ key: "error", label: "el-icon-error" },
|
||||
{ key: "zoom-in", label: "el-icon-zoom-in" },
|
||||
{ key: "zoom-out", label: "el-icon-zoom-out" },
|
||||
{ key: "remove-outline", label: "el-icon-remove-outline" },
|
||||
{ key: "circle-plus-outline", label: "el-icon-circle-plus-outline" },
|
||||
{ key: "circle-check", label: "el-icon-circle-check" },
|
||||
{ key: "circle-close", label: "el-icon-circle-close" },
|
||||
{ key: "s-help", label: "el-icon-s-help" },
|
||||
{ key: "help", label: "el-icon-help" },
|
||||
{ key: "minus", label: "el-icon-minus" },
|
||||
{ key: "plus", label: "el-icon-plus" },
|
||||
{ key: "check", label: "el-icon-check" },
|
||||
{ key: "close", label: "el-icon-close" },
|
||||
{ key: "picture", label: "el-icon-picture" },
|
||||
{ key: "picture-outline", label: "el-icon-picture-outline" },
|
||||
{
|
||||
key: "picture-outline-round",
|
||||
label: "el-icon-picture-outline-round"
|
||||
},
|
||||
{ key: "upload", label: "el-icon-upload" },
|
||||
{ key: "upload2", label: "el-icon-upload2" },
|
||||
{ key: "download", label: "el-icon-download" },
|
||||
{ key: "camera-solid", label: "el-icon-camera-solid" },
|
||||
{ key: "camera", label: "el-icon-camera" },
|
||||
{ key: "video-camera-solid", label: "el-icon-video-camera-solid" },
|
||||
{ key: "video-camera", label: "el-icon-video-camera" },
|
||||
{ key: "message-solid", label: "el-icon-message-solid" },
|
||||
{ key: "bell", label: "el-icon-bell" },
|
||||
{ key: "s-cooperation", label: "el-icon-s-cooperation" },
|
||||
{ key: "s-order", label: "el-icon-s-order" },
|
||||
{ key: "s-platform", label: "el-icon-s-platform" },
|
||||
{ key: "s-fold", label: "el-icon-s-fold" },
|
||||
{ key: "s-unfold", label: "el-icon-s-unfold" },
|
||||
{ key: "s-operation", label: "el-icon-s-operation" },
|
||||
{ key: "s-promotion", label: "el-icon-s-promotion" },
|
||||
{ key: "s-home", label: "el-icon-s-home" },
|
||||
{ key: "s-release", label: "el-icon-s-release" },
|
||||
{ key: "s-ticket", label: "el-icon-s-ticket" },
|
||||
{ key: "s-management", label: "el-icon-s-management" },
|
||||
{ key: "s-open", label: "el-icon-s-open" },
|
||||
{ key: "s-shop", label: "el-icon-s-shop" },
|
||||
{ key: "s-marketing", label: "el-icon-s-marketing" },
|
||||
{ key: "s-flag", label: "el-icon-s-flag" },
|
||||
{ key: "s-comment", label: "el-icon-s-comment" },
|
||||
{ key: "s-finance", label: "el-icon-s-finance" },
|
||||
{ key: "s-claim", label: "el-icon-s-claim" },
|
||||
{ key: "s-custom", label: "el-icon-s-custom" },
|
||||
{ key: "s-opportunity", label: "el-icon-s-opportunity" },
|
||||
{ key: "s-data", label: "el-icon-s-data" },
|
||||
{ key: "s-check", label: "el-icon-s-check" },
|
||||
{ key: "s-grid", label: "el-icon-s-grid" },
|
||||
{ key: "menu", label: "el-icon-menu" },
|
||||
{ key: "share", label: "el-icon-share" },
|
||||
{ key: "d-caret", label: "el-icon-d-caret" },
|
||||
{ key: "caret-left", label: "el-icon-caret-left" },
|
||||
{ key: "caret-right", label: "el-icon-caret-right" },
|
||||
{ key: "caret-bottom", label: "el-icon-caret-bottom" },
|
||||
{ key: "caret-top", label: "el-icon-caret-top" },
|
||||
{ key: "bottom-left", label: "el-icon-bottom-left" },
|
||||
{ key: "bottom-right", label: "el-icon-bottom-right" },
|
||||
{ key: "back", label: "el-icon-back" },
|
||||
{ key: "right", label: "el-icon-right" },
|
||||
{ key: "bottom", label: "el-icon-bottom" },
|
||||
{ key: "top", label: "el-icon-top" },
|
||||
{ key: "top-left", label: "el-icon-top-left" },
|
||||
{ key: "top-right", label: "el-icon-top-right" },
|
||||
{ key: "arrow-left", label: "el-icon-arrow-left" },
|
||||
{ key: "arrow-right", label: "el-icon-arrow-right" },
|
||||
{ key: "arrow-down", label: "el-icon-arrow-down" },
|
||||
{ key: "arrow-up", label: "el-icon-arrow-up" },
|
||||
{ key: "d-arrow-left", label: "el-icon-d-arrow-left" },
|
||||
{ key: "d-arrow-right", label: "el-icon-d-arrow-right" },
|
||||
{ key: "video-pause", label: "el-icon-video-pause" },
|
||||
{ key: "video-play", label: "el-icon-video-play" },
|
||||
{ key: "refresh", label: "el-icon-refresh" },
|
||||
{ key: "refresh-right", label: "el-icon-refresh-right" },
|
||||
{ key: "refresh-left", label: "el-icon-refresh-left" },
|
||||
{ key: "finished", label: "el-icon-finished" },
|
||||
{ key: "sort", label: "el-icon-sort" },
|
||||
{ key: "sort-up", label: "el-icon-sort-up" },
|
||||
{ key: "sort-down", label: "el-icon-sort-down" },
|
||||
{ key: "rank", label: "el-icon-rank" },
|
||||
{ key: "loading", label: "el-icon-loading" },
|
||||
{ key: "view", label: "el-icon-view" },
|
||||
{ key: "c-scale-to-original", label: "el-icon-c-scale-to-original" },
|
||||
{ key: "date", label: "el-icon-date" },
|
||||
{ key: "edit", label: "el-icon-edit" },
|
||||
{ key: "edit-outline", label: "el-icon-edit-outline" },
|
||||
{ key: "folder", label: "el-icon-folder" },
|
||||
{ key: "folder-opened", label: "el-icon-folder-opened" },
|
||||
{ key: "folder-add", label: "el-icon-folder-add" },
|
||||
{ key: "folder-remove", label: "el-icon-folder-remove" },
|
||||
{ key: "folder-delete", label: "el-icon-folder-delete" },
|
||||
{ key: "folder-checked", label: "el-icon-folder-checked" },
|
||||
{ key: "tickets", label: "el-icon-tickets" },
|
||||
{ key: "document-remove", label: "el-icon-document-remove" },
|
||||
{ key: "document-delete", label: "el-icon-document-delete" },
|
||||
{ key: "document-copy", label: "el-icon-document-copy" },
|
||||
{ key: "document-checked", label: "el-icon-document-checked" },
|
||||
{ key: "document", label: "el-icon-document" },
|
||||
{ key: "document-add", label: "el-icon-document-add" },
|
||||
{ key: "printer", label: "el-icon-printer" },
|
||||
{ key: "paperclip", label: "el-icon-paperclip" },
|
||||
{ key: "takeaway-box", label: "el-icon-takeaway-box" },
|
||||
{ key: "search", label: "el-icon-search" },
|
||||
{ key: "monitor", label: "el-icon-monitor" },
|
||||
{ key: "attract", label: "el-icon-attract" },
|
||||
{ key: "mobile", label: "el-icon-mobile" },
|
||||
{ key: "scissors", label: "el-icon-scissors" },
|
||||
{ key: "umbrella", label: "el-icon-umbrella" },
|
||||
{ key: "headset", label: "el-icon-headset" },
|
||||
{ key: "brush", label: "el-icon-brush" },
|
||||
{ key: "mouse", label: "el-icon-mouse" },
|
||||
{ key: "coordinate", label: "el-icon-coordinate" },
|
||||
{ key: "magic-stick", label: "el-icon-magic-stick" },
|
||||
{ key: "reading", label: "el-icon-reading" },
|
||||
{ key: "data-line", label: "el-icon-data-line" },
|
||||
{ key: "data-board", label: "el-icon-data-board" },
|
||||
{ key: "pie-chart", label: "el-icon-pie-chart" },
|
||||
{ key: "data-analysis", label: "el-icon-data-analysis" },
|
||||
{ key: "collection-tag", label: "el-icon-collection-tag" },
|
||||
{ key: "film", label: "el-icon-film" },
|
||||
{ key: "suitcase", label: "el-icon-suitcase" },
|
||||
{ key: "suitcase-1", label: "el-icon-suitcase-1" },
|
||||
{ key: "receiving", label: "el-icon-receiving" },
|
||||
{ key: "collection", label: "el-icon-collection" },
|
||||
{ key: "files", label: "el-icon-files" },
|
||||
{ key: "notebook-1", label: "el-icon-notebook-1" },
|
||||
{ key: "notebook-2", label: "el-icon-notebook-2" },
|
||||
{ key: "toilet-paper", label: "el-icon-toilet-paper" },
|
||||
{ key: "office-building", label: "el-icon-office-building" },
|
||||
{ key: "school", label: "el-icon-school" },
|
||||
{ key: "table-lamp", label: "el-icon-table-lamp" },
|
||||
{ key: "house", label: "el-icon-house" },
|
||||
{ key: "no-smoking", label: "el-icon-no-smoking" },
|
||||
{ key: "smoking", label: "el-icon-smoking" },
|
||||
{ key: "shopping-cart-full", label: "el-icon-shopping-cart-full" },
|
||||
{ key: "shopping-cart-1", label: "el-icon-shopping-cart-1" },
|
||||
{ key: "shopping-cart-2", label: "el-icon-shopping-cart-2" },
|
||||
{ key: "shopping-bag-1", label: "el-icon-shopping-bag-1" },
|
||||
{ key: "shopping-bag-2", label: "el-icon-shopping-bag-2" },
|
||||
{ key: "sold-out", label: "el-icon-sold-out" },
|
||||
{ key: "sell", label: "el-icon-sell" },
|
||||
{ key: "present", label: "el-icon-present" },
|
||||
{ key: "box", label: "el-icon-box" },
|
||||
{ key: "bank-card", label: "el-icon-bank-card" },
|
||||
{ key: "money", label: "el-icon-money" },
|
||||
{ key: "coin", label: "el-icon-coin" },
|
||||
{ key: "wallet", label: "el-icon-wallet" },
|
||||
{ key: "discount", label: "el-icon-discount" },
|
||||
{ key: "price-tag", label: "el-icon-price-tag" },
|
||||
{ key: "news", label: "el-icon-news" },
|
||||
{ key: "guide", label: "el-icon-guide" },
|
||||
{ key: "male", label: "el-icon-male" },
|
||||
{ key: "female", label: "el-icon-female" },
|
||||
{ key: "thumb", label: "el-icon-thumb" },
|
||||
{ key: "cpu", label: "el-icon-cpu" },
|
||||
{ key: "link", label: "el-icon-link" },
|
||||
{ key: "connection", label: "el-icon-connection" },
|
||||
{ key: "open", label: "el-icon-open" },
|
||||
{ key: "turn-off", label: "el-icon-turn-off" },
|
||||
{ key: "set-up", label: "el-icon-set-up" },
|
||||
{ key: "chat-round", label: "el-icon-chat-round" },
|
||||
{ key: "chat-line-round", label: "el-icon-chat-line-round" },
|
||||
{ key: "chat-square", label: "el-icon-chat-square" },
|
||||
{ key: "chat-dot-round", label: "el-icon-chat-dot-round" },
|
||||
{ key: "chat-dot-square", label: "el-icon-chat-dot-square" },
|
||||
{ key: "chat-line-square", label: "el-icon-chat-line-square" },
|
||||
{ key: "message", label: "el-icon-message" },
|
||||
{ key: "postcard", label: "el-icon-postcard" },
|
||||
{ key: "position", label: "el-icon-position" },
|
||||
{ key: "turn-off-microphone", label: "el-icon-turn-off-microphone" },
|
||||
{ key: "microphone", label: "el-icon-microphone" },
|
||||
{ key: "close-notification", label: "el-icon-close-notification" },
|
||||
{ key: "bangzhu", label: "el-icon-bangzhu" },
|
||||
{ key: "time", label: "el-icon-time" },
|
||||
{ key: "odometer", label: "el-icon-odometer" },
|
||||
{ key: "crop", label: "el-icon-crop" },
|
||||
{ key: "aim", label: "el-icon-aim" },
|
||||
{ key: "switch-button", label: "el-icon-switch-button" },
|
||||
{ key: "full-screen", label: "el-icon-full-screen" },
|
||||
{ key: "copy-document", label: "el-icon-copy-document" },
|
||||
{ key: "mic", label: "el-icon-mic" },
|
||||
{ key: "stopwatch", label: "el-icon-stopwatch" },
|
||||
{ key: "medal-1", label: "el-icon-medal-1" },
|
||||
{ key: "medal", label: "el-icon-medal" },
|
||||
{ key: "trophy", label: "el-icon-trophy" },
|
||||
{ key: "trophy-1", label: "el-icon-trophy-1" },
|
||||
{ key: "first-aid-kit", label: "el-icon-first-aid-kit" },
|
||||
{ key: "discover", label: "el-icon-discover" },
|
||||
{ key: "place", label: "el-icon-place" },
|
||||
{ key: "location", label: "el-icon-location" },
|
||||
{ key: "location-outline", label: "el-icon-location-outline" },
|
||||
{ key: "location-information", label: "el-icon-location-information" },
|
||||
{ key: "add-location", label: "el-icon-add-location" },
|
||||
{ key: "delete-location", label: "el-icon-delete-location" },
|
||||
{ key: "map-location", label: "el-icon-map-location" },
|
||||
{ key: "alarm-clock", label: "el-icon-alarm-clock" },
|
||||
{ key: "timer", label: "el-icon-timer" },
|
||||
{ key: "watch-1", label: "el-icon-watch-1" },
|
||||
{ key: "watch", label: "el-icon-watch" },
|
||||
{ key: "lock", label: "el-icon-lock" },
|
||||
{ key: "unlock", label: "el-icon-unlock" },
|
||||
{ key: "key", label: "el-icon-key" },
|
||||
{ key: "service", label: "el-icon-service" },
|
||||
{ key: "mobile-phone", label: "el-icon-mobile-phone" },
|
||||
{ key: "bicycle", label: "el-icon-bicycle" },
|
||||
{ key: "truck", label: "el-icon-truck" },
|
||||
{ key: "ship", label: "el-icon-ship" },
|
||||
{ key: "basketball", label: "el-icon-basketball" },
|
||||
{ key: "football", label: "el-icon-football" },
|
||||
{ key: "soccer", label: "el-icon-soccer" },
|
||||
{ key: "baseball", label: "el-icon-baseball" },
|
||||
{ key: "wind-power", label: "el-icon-wind-power" },
|
||||
{ key: "light-rain", label: "el-icon-light-rain" },
|
||||
{ key: "lightning", label: "el-icon-lightning" },
|
||||
{ key: "heavy-rain", label: "el-icon-heavy-rain" },
|
||||
{ key: "sunrise", label: "el-icon-sunrise" },
|
||||
{ key: "sunrise-1", label: "el-icon-sunrise-1" },
|
||||
{ key: "sunset", label: "el-icon-sunset" },
|
||||
{ key: "sunny", label: "el-icon-sunny" },
|
||||
{ key: "cloudy", label: "el-icon-cloudy" },
|
||||
{ key: "partly-cloudy", label: "el-icon-partly-cloudy" },
|
||||
{ key: "cloudy-and-sunny", label: "el-icon-cloudy-and-sunny" },
|
||||
{ key: "moon", label: "el-icon-moon" },
|
||||
{ key: "moon-night", label: "el-icon-moon-night" },
|
||||
{ key: "dish", label: "el-icon-dish" },
|
||||
{ key: "dish-1", label: "el-icon-dish-1" },
|
||||
{ key: "food", label: "el-icon-food" },
|
||||
{ key: "chicken", label: "el-icon-chicken" },
|
||||
{ key: "fork-spoon", label: "el-icon-fork-spoon" },
|
||||
{ key: "knife-fork", label: "el-icon-knife-fork" },
|
||||
{ key: "burger", label: "el-icon-burger" },
|
||||
{ key: "tableware", label: "el-icon-tableware" },
|
||||
{ key: "sugar", label: "el-icon-sugar" },
|
||||
{ key: "dessert", label: "el-icon-dessert" },
|
||||
{ key: "ice-cream", label: "el-icon-ice-cream" },
|
||||
{ key: "hot-water", label: "el-icon-hot-water" },
|
||||
{ key: "water-cup", label: "el-icon-water-cup" },
|
||||
{ key: "coffee-cup", label: "el-icon-coffee-cup" },
|
||||
{ key: "cold-drink", label: "el-icon-cold-drink" },
|
||||
{ key: "goblet", label: "el-icon-goblet" },
|
||||
{ key: "goblet-full", label: "el-icon-goblet-full" },
|
||||
{ key: "goblet-square", label: "el-icon-goblet-square" },
|
||||
{ key: "goblet-square-full", label: "el-icon-goblet-square-full" },
|
||||
{ key: "refrigerator", label: "el-icon-refrigerator" },
|
||||
{ key: "grape", label: "el-icon-grape" },
|
||||
{ key: "watermelon", label: "el-icon-watermelon" },
|
||||
{ key: "cherry", label: "el-icon-cherry" },
|
||||
{ key: "apple", label: "el-icon-apple" },
|
||||
{ key: "pear", label: "el-icon-pear" },
|
||||
{ key: "orange", label: "el-icon-orange" },
|
||||
{ key: "coffee", label: "el-icon-coffee" },
|
||||
{ key: "ice-tea", label: "el-icon-ice-tea" },
|
||||
{ key: "ice-drink", label: "el-icon-ice-drink" },
|
||||
{ key: "potato-strips", label: "el-icon-potato-strips" },
|
||||
{ key: "lollipop", label: "el-icon-lollipop" },
|
||||
{ key: "ice-cream-square", label: "el-icon-ice-cream-square" },
|
||||
{ key: "ice-cream-round", label: "el-icon-ice-cream-round" }
|
||||
],
|
||||
value: ""
|
||||
};
|
||||
},
|
||||
name: 'Icon',
|
||||
props: {
|
||||
meta: {
|
||||
default: function() {
|
||||
return {};
|
||||
return {}
|
||||
},
|
||||
type: Object
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
input: '',
|
||||
options: [
|
||||
{ key: 'platform-eleme', label: 'el-icon-platform-eleme' },
|
||||
{ key: 'eleme', label: 'el-icon-eleme' },
|
||||
{ key: 'delete-solid', label: 'el-icon-delete-solid' },
|
||||
{ key: 'delete', label: 'el-icon-delete' },
|
||||
{ key: 's-tools', label: 'el-icon-s-tools' },
|
||||
{ key: 'setting', label: 'el-icon-setting' },
|
||||
{ key: 'user-solid', label: 'el-icon-user-solid' },
|
||||
{ key: 'user', label: 'el-icon-user' },
|
||||
{ key: 'phone', label: 'el-icon-phone' },
|
||||
{ key: 'phone-outline', label: 'el-icon-phone-outline' },
|
||||
{ key: 'more', label: 'el-icon-more' },
|
||||
{ key: 'more-outline', label: 'el-icon-more-outline' },
|
||||
{ key: 'star-on', label: 'el-icon-star-on' },
|
||||
{ key: 'star-off', label: 'el-icon-star-off' },
|
||||
{ key: 's-goods', label: 'el-icon-s-goods' },
|
||||
{ key: 'goods', label: 'el-icon-goods' },
|
||||
{ key: 'warning', label: 'el-icon-warning' },
|
||||
{ key: 'warning-outline', label: 'el-icon-warning-outline' },
|
||||
{ key: 'question', label: 'el-icon-question' },
|
||||
{ key: 'info', label: 'el-icon-info' },
|
||||
{ key: 'remove', label: 'el-icon-remove' },
|
||||
{ key: 'circle-plus', label: 'el-icon-circle-plus' },
|
||||
{ key: 'success', label: 'el-icon-success' },
|
||||
{ key: 'error', label: 'el-icon-error' },
|
||||
{ key: 'zoom-in', label: 'el-icon-zoom-in' },
|
||||
{ key: 'zoom-out', label: 'el-icon-zoom-out' },
|
||||
{ key: 'remove-outline', label: 'el-icon-remove-outline' },
|
||||
{ key: 'circle-plus-outline', label: 'el-icon-circle-plus-outline' },
|
||||
{ key: 'circle-check', label: 'el-icon-circle-check' },
|
||||
{ key: 'circle-close', label: 'el-icon-circle-close' },
|
||||
{ key: 's-help', label: 'el-icon-s-help' },
|
||||
{ key: 'help', label: 'el-icon-help' },
|
||||
{ key: 'minus', label: 'el-icon-minus' },
|
||||
{ key: 'plus', label: 'el-icon-plus' },
|
||||
{ key: 'check', label: 'el-icon-check' },
|
||||
{ key: 'close', label: 'el-icon-close' },
|
||||
{ key: 'picture', label: 'el-icon-picture' },
|
||||
{ key: 'picture-outline', label: 'el-icon-picture-outline' },
|
||||
{
|
||||
key: 'picture-outline-round',
|
||||
label: 'el-icon-picture-outline-round'
|
||||
},
|
||||
{ key: 'upload', label: 'el-icon-upload' },
|
||||
{ key: 'upload2', label: 'el-icon-upload2' },
|
||||
{ key: 'download', label: 'el-icon-download' },
|
||||
{ key: 'camera-solid', label: 'el-icon-camera-solid' },
|
||||
{ key: 'camera', label: 'el-icon-camera' },
|
||||
{ key: 'video-camera-solid', label: 'el-icon-video-camera-solid' },
|
||||
{ key: 'video-camera', label: 'el-icon-video-camera' },
|
||||
{ key: 'message-solid', label: 'el-icon-message-solid' },
|
||||
{ key: 'bell', label: 'el-icon-bell' },
|
||||
{ key: 's-cooperation', label: 'el-icon-s-cooperation' },
|
||||
{ key: 's-order', label: 'el-icon-s-order' },
|
||||
{ key: 's-platform', label: 'el-icon-s-platform' },
|
||||
{ key: 's-fold', label: 'el-icon-s-fold' },
|
||||
{ key: 's-unfold', label: 'el-icon-s-unfold' },
|
||||
{ key: 's-operation', label: 'el-icon-s-operation' },
|
||||
{ key: 's-promotion', label: 'el-icon-s-promotion' },
|
||||
{ key: 's-home', label: 'el-icon-s-home' },
|
||||
{ key: 's-release', label: 'el-icon-s-release' },
|
||||
{ key: 's-ticket', label: 'el-icon-s-ticket' },
|
||||
{ key: 's-management', label: 'el-icon-s-management' },
|
||||
{ key: 's-open', label: 'el-icon-s-open' },
|
||||
{ key: 's-shop', label: 'el-icon-s-shop' },
|
||||
{ key: 's-marketing', label: 'el-icon-s-marketing' },
|
||||
{ key: 's-flag', label: 'el-icon-s-flag' },
|
||||
{ key: 's-comment', label: 'el-icon-s-comment' },
|
||||
{ key: 's-finance', label: 'el-icon-s-finance' },
|
||||
{ key: 's-claim', label: 'el-icon-s-claim' },
|
||||
{ key: 's-custom', label: 'el-icon-s-custom' },
|
||||
{ key: 's-opportunity', label: 'el-icon-s-opportunity' },
|
||||
{ key: 's-data', label: 'el-icon-s-data' },
|
||||
{ key: 's-check', label: 'el-icon-s-check' },
|
||||
{ key: 's-grid', label: 'el-icon-s-grid' },
|
||||
{ key: 'menu', label: 'el-icon-menu' },
|
||||
{ key: 'share', label: 'el-icon-share' },
|
||||
{ key: 'd-caret', label: 'el-icon-d-caret' },
|
||||
{ key: 'caret-left', label: 'el-icon-caret-left' },
|
||||
{ key: 'caret-right', label: 'el-icon-caret-right' },
|
||||
{ key: 'caret-bottom', label: 'el-icon-caret-bottom' },
|
||||
{ key: 'caret-top', label: 'el-icon-caret-top' },
|
||||
{ key: 'bottom-left', label: 'el-icon-bottom-left' },
|
||||
{ key: 'bottom-right', label: 'el-icon-bottom-right' },
|
||||
{ key: 'back', label: 'el-icon-back' },
|
||||
{ key: 'right', label: 'el-icon-right' },
|
||||
{ key: 'bottom', label: 'el-icon-bottom' },
|
||||
{ key: 'top', label: 'el-icon-top' },
|
||||
{ key: 'top-left', label: 'el-icon-top-left' },
|
||||
{ key: 'top-right', label: 'el-icon-top-right' },
|
||||
{ key: 'arrow-left', label: 'el-icon-arrow-left' },
|
||||
{ key: 'arrow-right', label: 'el-icon-arrow-right' },
|
||||
{ key: 'arrow-down', label: 'el-icon-arrow-down' },
|
||||
{ key: 'arrow-up', label: 'el-icon-arrow-up' },
|
||||
{ key: 'd-arrow-left', label: 'el-icon-d-arrow-left' },
|
||||
{ key: 'd-arrow-right', label: 'el-icon-d-arrow-right' },
|
||||
{ key: 'video-pause', label: 'el-icon-video-pause' },
|
||||
{ key: 'video-play', label: 'el-icon-video-play' },
|
||||
{ key: 'refresh', label: 'el-icon-refresh' },
|
||||
{ key: 'refresh-right', label: 'el-icon-refresh-right' },
|
||||
{ key: 'refresh-left', label: 'el-icon-refresh-left' },
|
||||
{ key: 'finished', label: 'el-icon-finished' },
|
||||
{ key: 'sort', label: 'el-icon-sort' },
|
||||
{ key: 'sort-up', label: 'el-icon-sort-up' },
|
||||
{ key: 'sort-down', label: 'el-icon-sort-down' },
|
||||
{ key: 'rank', label: 'el-icon-rank' },
|
||||
{ key: 'loading', label: 'el-icon-loading' },
|
||||
{ key: 'view', label: 'el-icon-view' },
|
||||
{ key: 'c-scale-to-original', label: 'el-icon-c-scale-to-original' },
|
||||
{ key: 'date', label: 'el-icon-date' },
|
||||
{ key: 'edit', label: 'el-icon-edit' },
|
||||
{ key: 'edit-outline', label: 'el-icon-edit-outline' },
|
||||
{ key: 'folder', label: 'el-icon-folder' },
|
||||
{ key: 'folder-opened', label: 'el-icon-folder-opened' },
|
||||
{ key: 'folder-add', label: 'el-icon-folder-add' },
|
||||
{ key: 'folder-remove', label: 'el-icon-folder-remove' },
|
||||
{ key: 'folder-delete', label: 'el-icon-folder-delete' },
|
||||
{ key: 'folder-checked', label: 'el-icon-folder-checked' },
|
||||
{ key: 'tickets', label: 'el-icon-tickets' },
|
||||
{ key: 'document-remove', label: 'el-icon-document-remove' },
|
||||
{ key: 'document-delete', label: 'el-icon-document-delete' },
|
||||
{ key: 'document-copy', label: 'el-icon-document-copy' },
|
||||
{ key: 'document-checked', label: 'el-icon-document-checked' },
|
||||
{ key: 'document', label: 'el-icon-document' },
|
||||
{ key: 'document-add', label: 'el-icon-document-add' },
|
||||
{ key: 'printer', label: 'el-icon-printer' },
|
||||
{ key: 'paperclip', label: 'el-icon-paperclip' },
|
||||
{ key: 'takeaway-box', label: 'el-icon-takeaway-box' },
|
||||
{ key: 'search', label: 'el-icon-search' },
|
||||
{ key: 'monitor', label: 'el-icon-monitor' },
|
||||
{ key: 'attract', label: 'el-icon-attract' },
|
||||
{ key: 'mobile', label: 'el-icon-mobile' },
|
||||
{ key: 'scissors', label: 'el-icon-scissors' },
|
||||
{ key: 'umbrella', label: 'el-icon-umbrella' },
|
||||
{ key: 'headset', label: 'el-icon-headset' },
|
||||
{ key: 'brush', label: 'el-icon-brush' },
|
||||
{ key: 'mouse', label: 'el-icon-mouse' },
|
||||
{ key: 'coordinate', label: 'el-icon-coordinate' },
|
||||
{ key: 'magic-stick', label: 'el-icon-magic-stick' },
|
||||
{ key: 'reading', label: 'el-icon-reading' },
|
||||
{ key: 'data-line', label: 'el-icon-data-line' },
|
||||
{ key: 'data-board', label: 'el-icon-data-board' },
|
||||
{ key: 'pie-chart', label: 'el-icon-pie-chart' },
|
||||
{ key: 'data-analysis', label: 'el-icon-data-analysis' },
|
||||
{ key: 'collection-tag', label: 'el-icon-collection-tag' },
|
||||
{ key: 'film', label: 'el-icon-film' },
|
||||
{ key: 'suitcase', label: 'el-icon-suitcase' },
|
||||
{ key: 'suitcase-1', label: 'el-icon-suitcase-1' },
|
||||
{ key: 'receiving', label: 'el-icon-receiving' },
|
||||
{ key: 'collection', label: 'el-icon-collection' },
|
||||
{ key: 'files', label: 'el-icon-files' },
|
||||
{ key: 'notebook-1', label: 'el-icon-notebook-1' },
|
||||
{ key: 'notebook-2', label: 'el-icon-notebook-2' },
|
||||
{ key: 'toilet-paper', label: 'el-icon-toilet-paper' },
|
||||
{ key: 'office-building', label: 'el-icon-office-building' },
|
||||
{ key: 'school', label: 'el-icon-school' },
|
||||
{ key: 'table-lamp', label: 'el-icon-table-lamp' },
|
||||
{ key: 'house', label: 'el-icon-house' },
|
||||
{ key: 'no-smoking', label: 'el-icon-no-smoking' },
|
||||
{ key: 'smoking', label: 'el-icon-smoking' },
|
||||
{ key: 'shopping-cart-full', label: 'el-icon-shopping-cart-full' },
|
||||
{ key: 'shopping-cart-1', label: 'el-icon-shopping-cart-1' },
|
||||
{ key: 'shopping-cart-2', label: 'el-icon-shopping-cart-2' },
|
||||
{ key: 'shopping-bag-1', label: 'el-icon-shopping-bag-1' },
|
||||
{ key: 'shopping-bag-2', label: 'el-icon-shopping-bag-2' },
|
||||
{ key: 'sold-out', label: 'el-icon-sold-out' },
|
||||
{ key: 'sell', label: 'el-icon-sell' },
|
||||
{ key: 'present', label: 'el-icon-present' },
|
||||
{ key: 'box', label: 'el-icon-box' },
|
||||
{ key: 'bank-card', label: 'el-icon-bank-card' },
|
||||
{ key: 'money', label: 'el-icon-money' },
|
||||
{ key: 'coin', label: 'el-icon-coin' },
|
||||
{ key: 'wallet', label: 'el-icon-wallet' },
|
||||
{ key: 'discount', label: 'el-icon-discount' },
|
||||
{ key: 'price-tag', label: 'el-icon-price-tag' },
|
||||
{ key: 'news', label: 'el-icon-news' },
|
||||
{ key: 'guide', label: 'el-icon-guide' },
|
||||
{ key: 'male', label: 'el-icon-male' },
|
||||
{ key: 'female', label: 'el-icon-female' },
|
||||
{ key: 'thumb', label: 'el-icon-thumb' },
|
||||
{ key: 'cpu', label: 'el-icon-cpu' },
|
||||
{ key: 'link', label: 'el-icon-link' },
|
||||
{ key: 'connection', label: 'el-icon-connection' },
|
||||
{ key: 'open', label: 'el-icon-open' },
|
||||
{ key: 'turn-off', label: 'el-icon-turn-off' },
|
||||
{ key: 'set-up', label: 'el-icon-set-up' },
|
||||
{ key: 'chat-round', label: 'el-icon-chat-round' },
|
||||
{ key: 'chat-line-round', label: 'el-icon-chat-line-round' },
|
||||
{ key: 'chat-square', label: 'el-icon-chat-square' },
|
||||
{ key: 'chat-dot-round', label: 'el-icon-chat-dot-round' },
|
||||
{ key: 'chat-dot-square', label: 'el-icon-chat-dot-square' },
|
||||
{ key: 'chat-line-square', label: 'el-icon-chat-line-square' },
|
||||
{ key: 'message', label: 'el-icon-message' },
|
||||
{ key: 'postcard', label: 'el-icon-postcard' },
|
||||
{ key: 'position', label: 'el-icon-position' },
|
||||
{ key: 'turn-off-microphone', label: 'el-icon-turn-off-microphone' },
|
||||
{ key: 'microphone', label: 'el-icon-microphone' },
|
||||
{ key: 'close-notification', label: 'el-icon-close-notification' },
|
||||
{ key: 'bangzhu', label: 'el-icon-bangzhu' },
|
||||
{ key: 'time', label: 'el-icon-time' },
|
||||
{ key: 'odometer', label: 'el-icon-odometer' },
|
||||
{ key: 'crop', label: 'el-icon-crop' },
|
||||
{ key: 'aim', label: 'el-icon-aim' },
|
||||
{ key: 'switch-button', label: 'el-icon-switch-button' },
|
||||
{ key: 'full-screen', label: 'el-icon-full-screen' },
|
||||
{ key: 'copy-document', label: 'el-icon-copy-document' },
|
||||
{ key: 'mic', label: 'el-icon-mic' },
|
||||
{ key: 'stopwatch', label: 'el-icon-stopwatch' },
|
||||
{ key: 'medal-1', label: 'el-icon-medal-1' },
|
||||
{ key: 'medal', label: 'el-icon-medal' },
|
||||
{ key: 'trophy', label: 'el-icon-trophy' },
|
||||
{ key: 'trophy-1', label: 'el-icon-trophy-1' },
|
||||
{ key: 'first-aid-kit', label: 'el-icon-first-aid-kit' },
|
||||
{ key: 'discover', label: 'el-icon-discover' },
|
||||
{ key: 'place', label: 'el-icon-place' },
|
||||
{ key: 'location', label: 'el-icon-location' },
|
||||
{ key: 'location-outline', label: 'el-icon-location-outline' },
|
||||
{ key: 'location-information', label: 'el-icon-location-information' },
|
||||
{ key: 'add-location', label: 'el-icon-add-location' },
|
||||
{ key: 'delete-location', label: 'el-icon-delete-location' },
|
||||
{ key: 'map-location', label: 'el-icon-map-location' },
|
||||
{ key: 'alarm-clock', label: 'el-icon-alarm-clock' },
|
||||
{ key: 'timer', label: 'el-icon-timer' },
|
||||
{ key: 'watch-1', label: 'el-icon-watch-1' },
|
||||
{ key: 'watch', label: 'el-icon-watch' },
|
||||
{ key: 'lock', label: 'el-icon-lock' },
|
||||
{ key: 'unlock', label: 'el-icon-unlock' },
|
||||
{ key: 'key', label: 'el-icon-key' },
|
||||
{ key: 'service', label: 'el-icon-service' },
|
||||
{ key: 'mobile-phone', label: 'el-icon-mobile-phone' },
|
||||
{ key: 'bicycle', label: 'el-icon-bicycle' },
|
||||
{ key: 'truck', label: 'el-icon-truck' },
|
||||
{ key: 'ship', label: 'el-icon-ship' },
|
||||
{ key: 'basketball', label: 'el-icon-basketball' },
|
||||
{ key: 'football', label: 'el-icon-football' },
|
||||
{ key: 'soccer', label: 'el-icon-soccer' },
|
||||
{ key: 'baseball', label: 'el-icon-baseball' },
|
||||
{ key: 'wind-power', label: 'el-icon-wind-power' },
|
||||
{ key: 'light-rain', label: 'el-icon-light-rain' },
|
||||
{ key: 'lightning', label: 'el-icon-lightning' },
|
||||
{ key: 'heavy-rain', label: 'el-icon-heavy-rain' },
|
||||
{ key: 'sunrise', label: 'el-icon-sunrise' },
|
||||
{ key: 'sunrise-1', label: 'el-icon-sunrise-1' },
|
||||
{ key: 'sunset', label: 'el-icon-sunset' },
|
||||
{ key: 'sunny', label: 'el-icon-sunny' },
|
||||
{ key: 'cloudy', label: 'el-icon-cloudy' },
|
||||
{ key: 'partly-cloudy', label: 'el-icon-partly-cloudy' },
|
||||
{ key: 'cloudy-and-sunny', label: 'el-icon-cloudy-and-sunny' },
|
||||
{ key: 'moon', label: 'el-icon-moon' },
|
||||
{ key: 'moon-night', label: 'el-icon-moon-night' },
|
||||
{ key: 'dish', label: 'el-icon-dish' },
|
||||
{ key: 'dish-1', label: 'el-icon-dish-1' },
|
||||
{ key: 'food', label: 'el-icon-food' },
|
||||
{ key: 'chicken', label: 'el-icon-chicken' },
|
||||
{ key: 'fork-spoon', label: 'el-icon-fork-spoon' },
|
||||
{ key: 'knife-fork', label: 'el-icon-knife-fork' },
|
||||
{ key: 'burger', label: 'el-icon-burger' },
|
||||
{ key: 'tableware', label: 'el-icon-tableware' },
|
||||
{ key: 'sugar', label: 'el-icon-sugar' },
|
||||
{ key: 'dessert', label: 'el-icon-dessert' },
|
||||
{ key: 'ice-cream', label: 'el-icon-ice-cream' },
|
||||
{ key: 'hot-water', label: 'el-icon-hot-water' },
|
||||
{ key: 'water-cup', label: 'el-icon-water-cup' },
|
||||
{ key: 'coffee-cup', label: 'el-icon-coffee-cup' },
|
||||
{ key: 'cold-drink', label: 'el-icon-cold-drink' },
|
||||
{ key: 'goblet', label: 'el-icon-goblet' },
|
||||
{ key: 'goblet-full', label: 'el-icon-goblet-full' },
|
||||
{ key: 'goblet-square', label: 'el-icon-goblet-square' },
|
||||
{ key: 'goblet-square-full', label: 'el-icon-goblet-square-full' },
|
||||
{ key: 'refrigerator', label: 'el-icon-refrigerator' },
|
||||
{ key: 'grape', label: 'el-icon-grape' },
|
||||
{ key: 'watermelon', label: 'el-icon-watermelon' },
|
||||
{ key: 'cherry', label: 'el-icon-cherry' },
|
||||
{ key: 'apple', label: 'el-icon-apple' },
|
||||
{ key: 'pear', label: 'el-icon-pear' },
|
||||
{ key: 'orange', label: 'el-icon-orange' },
|
||||
{ key: 'coffee', label: 'el-icon-coffee' },
|
||||
{ key: 'ice-tea', label: 'el-icon-ice-tea' },
|
||||
{ key: 'ice-drink', label: 'el-icon-ice-drink' },
|
||||
{ key: 'potato-strips', label: 'el-icon-potato-strips' },
|
||||
{ key: 'lollipop', label: 'el-icon-lollipop' },
|
||||
{ key: 'ice-cream-square', label: 'el-icon-ice-cream-square' },
|
||||
{ key: 'ice-cream-round', label: 'el-icon-ice-cream-round' }
|
||||
],
|
||||
value: ''
|
||||
}
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
@@ -1,52 +1,52 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="button-box clearflex">
|
||||
<el-button @click="addMenu('0')" type="primary">新增根菜单</el-button>
|
||||
<el-button type="primary" @click="addMenu('0')">新增根菜单</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 由于此处菜单跟左侧列表一一对应所以不需要分页 pageSize默认999 -->
|
||||
<el-table :data="tableData" border row-key="ID" stripe>
|
||||
<el-table-column label="ID" min-width="100" prop="ID"></el-table-column>
|
||||
<el-table-column label="路由Name" min-width="160" prop="name"></el-table-column>
|
||||
<el-table-column label="路由Path" min-width="160" prop="path"></el-table-column>
|
||||
<el-table-column label="ID" min-width="100" prop="ID" />
|
||||
<el-table-column label="路由Name" min-width="160" prop="name" />
|
||||
<el-table-column label="路由Path" min-width="160" prop="path" />
|
||||
<el-table-column label="是否隐藏" min-width="100" prop="hidden">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.hidden?"隐藏":"显示"}}</span>
|
||||
<span>{{ scope.row.hidden?"隐藏":"显示" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="父节点" min-width="90" prop="parentId"></el-table-column>
|
||||
<el-table-column label="排序" min-width="70" prop="sort"></el-table-column>
|
||||
<el-table-column label="文件路径" min-width="360" prop="component"></el-table-column>
|
||||
<el-table-column label="父节点" min-width="90" prop="parentId" />
|
||||
<el-table-column label="排序" min-width="70" prop="sort" />
|
||||
<el-table-column label="文件路径" min-width="360" prop="component" />
|
||||
<el-table-column label="展示名称" min-width="120" prop="authorityName">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.meta.title}}</span>
|
||||
<span>{{ scope.row.meta.title }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="图标" min-width="140" prop="authorityName">
|
||||
<template slot-scope="scope">
|
||||
<i :class="`el-icon-${scope.row.meta.icon}`"></i>
|
||||
<span>{{scope.row.meta.icon}}</span>
|
||||
<i :class="`el-icon-${scope.row.meta.icon}`" />
|
||||
<span>{{ scope.row.meta.icon }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" label="操作" width="300">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
@click="addMenu(scope.row.ID)"
|
||||
size="small"
|
||||
type="primary"
|
||||
icon="el-icon-edit"
|
||||
@click="addMenu(scope.row.ID)"
|
||||
>添加子菜单</el-button>
|
||||
<el-button
|
||||
@click="editMenu(scope.row.ID)"
|
||||
size="small"
|
||||
type="primary"
|
||||
icon="el-icon-edit"
|
||||
@click="editMenu(scope.row.ID)"
|
||||
>编辑</el-button>
|
||||
<el-button
|
||||
@click="deleteMenu(scope.row.ID)"
|
||||
size="small"
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteMenu(scope.row.ID)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -54,55 +54,55 @@
|
||||
|
||||
<el-dialog :before-close="handleClose" :title="dialogTitle" :visible.sync="dialogFormVisible">
|
||||
<el-form
|
||||
ref="menuForm"
|
||||
:inline="true"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
label-position="top"
|
||||
label-width="85px"
|
||||
ref="menuForm"
|
||||
>
|
||||
<el-form-item label="路由name" prop="path" style="width:30%">
|
||||
<el-input
|
||||
@change="changeName"
|
||||
v-model="form.name"
|
||||
autocomplete="off"
|
||||
placeholder="唯一英文字符串"
|
||||
v-model="form.name"
|
||||
></el-input>
|
||||
@change="changeName"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="path" style="width:30%">
|
||||
<div style="display:inline-block" slot="label">
|
||||
<div slot="label" style="display:inline-block">
|
||||
路由path
|
||||
<el-checkbox style="float:right;margin-left:20px;" v-model="checkFlag">添加参数</el-checkbox>
|
||||
<el-checkbox v-model="checkFlag" style="float:right;margin-left:20px;">添加参数</el-checkbox>
|
||||
</div>
|
||||
<el-input
|
||||
v-model="form.path"
|
||||
:disabled="!checkFlag"
|
||||
autocomplete="off"
|
||||
placeholder="建议只在后方拼接参数"
|
||||
v-model="form.path"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否隐藏" style="width:30%">
|
||||
<el-select placeholder="是否在列表隐藏" v-model="form.hidden">
|
||||
<el-option :value="false" label="否"></el-option>
|
||||
<el-option :value="true" label="是"></el-option>
|
||||
<el-select v-model="form.hidden" placeholder="是否在列表隐藏">
|
||||
<el-option :value="false" label="否" />
|
||||
<el-option :value="true" label="是" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="父节点Id" style="width:30%">
|
||||
<el-cascader
|
||||
:disabled="!this.isEdit"
|
||||
v-model="form.parentId"
|
||||
:disabled="!isEdit"
|
||||
:options="menuOption"
|
||||
:props="{ checkStrictly: true,label:'title',value:'ID',disabled:'disabled',emitPath:false}"
|
||||
:show-all-levels="false"
|
||||
filterable
|
||||
v-model="form.parentId"
|
||||
></el-cascader>
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="文件路径" prop="component" style="width:60%">
|
||||
<el-input autocomplete="off" v-model="form.component"></el-input>
|
||||
<el-input v-model="form.component" autocomplete="off" />
|
||||
<span style="font-size:12px;margin-right:12px;">如果菜单包含子菜单，请创建router-view二级路由页面或者</span><el-button size="mini" @click="form.component = 'view/routerHolder.vue'">点我设置</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="展示名称" prop="meta.title" style="width:30%">
|
||||
<el-input autocomplete="off" v-model="form.meta.title"></el-input>
|
||||
<el-input v-model="form.meta.title" autocomplete="off" />
|
||||
</el-form-item>
|
||||
<el-form-item label="图标" prop="meta.icon" style="width:30%">
|
||||
<icon :meta="form.meta">
|
||||
@@ -110,18 +110,18 @@
|
||||
</icon>
|
||||
</el-form-item>
|
||||
<el-form-item label="排序标记" prop="sort" style="width:30%">
|
||||
<el-input autocomplete="off" v-model.number="form.sort"></el-input>
|
||||
<el-input v-model.number="form.sort" autocomplete="off" />
|
||||
</el-form-item>
|
||||
<el-form-item label="keepAlive" prop="meta.keepAlive" style="width:30%">
|
||||
<el-select placeholder="是否keepAlive缓存页面" v-model="form.meta.keepAlive">
|
||||
<el-option :value="false" label="否"></el-option>
|
||||
<el-option :value="true" label="是"></el-option>
|
||||
<el-select v-model="form.meta.keepAlive" placeholder="是否keepAlive缓存页面">
|
||||
<el-option :value="false" label="否" />
|
||||
<el-option :value="true" label="是" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="closeTab" prop="meta.closeTab" style="width:30%">
|
||||
<el-select placeholder="是否自动关闭tab" v-model="form.meta.closeTab">
|
||||
<el-option :value="false" label="否"></el-option>
|
||||
<el-option :value="true" label="是"></el-option>
|
||||
<el-select v-model="form.meta.closeTab" placeholder="是否自动关闭tab">
|
||||
<el-option :value="false" label="否" />
|
||||
<el-option :value="true" label="是" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
@@ -137,22 +137,22 @@
|
||||
<el-table-column prop="type" label="参数类型" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.type" placeholder="请选择">
|
||||
<el-option key="query" value="query" label="query"></el-option>
|
||||
<el-option key="params" value="params" label="params"></el-option>
|
||||
<el-option key="query" value="query" label="query" />
|
||||
<el-option key="params" value="params" label="params" />
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="key" label="参数key" width="180">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<el-input v-model="scope.row.key"></el-input>
|
||||
<el-input v-model="scope.row.key" />
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="value" label="参数值">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<el-input v-model="scope.row.value"></el-input>
|
||||
<el-input v-model="scope.row.value" />
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -170,9 +170,9 @@
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="dialog-footer" slot="footer">
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="closeDialog">取 消</el-button>
|
||||
<el-button @click="enterDialog" type="primary">确 定</el-button>
|
||||
<el-button type="primary" @click="enterDialog">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
@@ -187,34 +187,37 @@ import {
|
||||
addBaseMenu,
|
||||
deleteBaseMenu,
|
||||
getBaseMenuById
|
||||
} from "@/api/menu";
|
||||
import infoList from "@/mixins/infoList";
|
||||
import icon from "@/view/superAdmin/menu/icon";
|
||||
} from '@/api/menu'
|
||||
import infoList from '@/mixins/infoList'
|
||||
import icon from '@/view/superAdmin/menu/icon'
|
||||
export default {
|
||||
name: "Menus",
|
||||
name: 'Menus',
|
||||
components: {
|
||||
icon
|
||||
},
|
||||
mixins: [infoList],
|
||||
data() {
|
||||
return {
|
||||
checkFlag: false,
|
||||
listApi: getMenuList,
|
||||
dialogFormVisible: false,
|
||||
dialogTitle: "新增菜单",
|
||||
dialogTitle: '新增菜单',
|
||||
menuOption: [
|
||||
{
|
||||
ID: "0",
|
||||
title: "根菜单"
|
||||
ID: '0',
|
||||
title: '根菜单'
|
||||
}
|
||||
],
|
||||
form: {
|
||||
ID: 0,
|
||||
path: "",
|
||||
name: "",
|
||||
hidden: "",
|
||||
parentId: "",
|
||||
component: "",
|
||||
path: '',
|
||||
name: '',
|
||||
hidden: '',
|
||||
parentId: '',
|
||||
component: '',
|
||||
meta: {
|
||||
title: "",
|
||||
icon: "",
|
||||
title: '',
|
||||
icon: '',
|
||||
defaultMenu: false,
|
||||
closeTab: false,
|
||||
keepAlive: false
|
||||
@@ -222,46 +225,47 @@ export default {
|
||||
parameters: []
|
||||
},
|
||||
rules: {
|
||||
path: [{ required: true, message: "请输入菜单name", trigger: "blur" }],
|
||||
path: [{ required: true, message: '请输入菜单name', trigger: 'blur' }],
|
||||
component: [
|
||||
{ required: true, message: "请输入文件路径", trigger: "blur" }
|
||||
{ required: true, message: '请输入文件路径', trigger: 'blur' }
|
||||
],
|
||||
"meta.title": [
|
||||
{ required: true, message: "请输入菜单展示名称", trigger: "blur" }
|
||||
'meta.title': [
|
||||
{ required: true, message: '请输入菜单展示名称', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
isEdit: false,
|
||||
test: ""
|
||||
};
|
||||
test: ''
|
||||
}
|
||||
},
|
||||
components: {
|
||||
icon
|
||||
async created() {
|
||||
this.pageSize = 999
|
||||
await this.getTableData()
|
||||
},
|
||||
methods: {
|
||||
addParameter(form) {
|
||||
if (!form.parameters) {
|
||||
this.$set(form, "parameters", []);
|
||||
this.$set(form, 'parameters', [])
|
||||
}
|
||||
form.parameters.push({
|
||||
type: "query",
|
||||
key: "",
|
||||
value: ""
|
||||
});
|
||||
type: 'query',
|
||||
key: '',
|
||||
value: ''
|
||||
})
|
||||
},
|
||||
deleteParameter(parameters, index) {
|
||||
parameters.splice(index, 1);
|
||||
parameters.splice(index, 1)
|
||||
},
|
||||
changeName() {
|
||||
this.form.path = this.form.name;
|
||||
this.form.path = this.form.name
|
||||
},
|
||||
setOptions() {
|
||||
this.menuOption = [
|
||||
{
|
||||
ID: "0",
|
||||
title: "根目录"
|
||||
ID: '0',
|
||||
title: '根目录'
|
||||
}
|
||||
];
|
||||
this.setMenuOptions(this.tableData, this.menuOption, false);
|
||||
]
|
||||
this.setMenuOptions(this.tableData, this.menuOption, false)
|
||||
},
|
||||
setMenuOptions(menuData, optionsData, disabled) {
|
||||
menuData &&
|
||||
@@ -270,143 +274,140 @@ export default {
|
||||
const option = {
|
||||
title: item.meta.title,
|
||||
ID: String(item.ID),
|
||||
disabled: disabled || item.ID == this.form.ID,
|
||||
disabled: disabled || item.ID === this.form.ID,
|
||||
children: []
|
||||
};
|
||||
}
|
||||
this.setMenuOptions(
|
||||
item.children,
|
||||
option.children,
|
||||
disabled || item.ID == this.form.ID
|
||||
);
|
||||
optionsData.push(option);
|
||||
disabled || item.ID === this.form.ID
|
||||
)
|
||||
optionsData.push(option)
|
||||
} else {
|
||||
const option = {
|
||||
title: item.meta.title,
|
||||
ID: String(item.ID),
|
||||
disabled: disabled || item.ID == this.form.ID
|
||||
};
|
||||
optionsData.push(option);
|
||||
disabled: disabled || item.ID === this.form.ID
|
||||
}
|
||||
optionsData.push(option)
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
handleClose(done) {
|
||||
this.initForm();
|
||||
done();
|
||||
this.initForm()
|
||||
done()
|
||||
},
|
||||
// 懒加载子菜单
|
||||
load(tree, treeNode, resolve) {
|
||||
resolve([
|
||||
{
|
||||
id: 31,
|
||||
date: "2016-05-01",
|
||||
name: "王小虎",
|
||||
address: "上海市普陀区金沙江路 1519 弄"
|
||||
date: '2016-05-01',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1519 弄'
|
||||
},
|
||||
{
|
||||
id: 32,
|
||||
date: "2016-05-01",
|
||||
name: "王小虎",
|
||||
address: "上海市普陀区金沙江路 1519 弄"
|
||||
date: '2016-05-01',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1519 弄'
|
||||
}
|
||||
]);
|
||||
])
|
||||
},
|
||||
// 删除菜单
|
||||
deleteMenu(ID) {
|
||||
this.$confirm("此操作将永久删除所有角色下该菜单, 是否继续?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
this.$confirm('此操作将永久删除所有角色下该菜单, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(async () => {
|
||||
const res = await deleteBaseMenu({ ID });
|
||||
if (res.code == 0) {
|
||||
.then(async() => {
|
||||
const res = await deleteBaseMenu({ ID })
|
||||
if (res.code === 0) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "删除成功!"
|
||||
});
|
||||
if (this.tableData.length == 1 && this.page > 1 ) {
|
||||
this.page--;
|
||||
type: 'success',
|
||||
message: '删除成功!'
|
||||
})
|
||||
if (this.tableData.length === 1 && this.page > 1) {
|
||||
this.page--
|
||||
}
|
||||
this.getTableData();
|
||||
this.getTableData()
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: "info",
|
||||
message: "已取消删除"
|
||||
});
|
||||
});
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
},
|
||||
// 初始化弹窗内表格方法
|
||||
initForm() {
|
||||
this.checkFlag = false;
|
||||
this.$refs.menuForm.resetFields();
|
||||
this.checkFlag = false
|
||||
this.$refs.menuForm.resetFields()
|
||||
this.form = {
|
||||
ID: 0,
|
||||
path: "",
|
||||
name: "",
|
||||
hidden: "",
|
||||
parentId: "",
|
||||
component: "",
|
||||
path: '',
|
||||
name: '',
|
||||
hidden: '',
|
||||
parentId: '',
|
||||
component: '',
|
||||
meta: {
|
||||
title: "",
|
||||
icon: "",
|
||||
title: '',
|
||||
icon: '',
|
||||
defaultMenu: false,
|
||||
keepAlive: ""
|
||||
keepAlive: ''
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
// 关闭弹窗
|
||||
closeDialog() {
|
||||
this.initForm();
|
||||
this.dialogFormVisible = false;
|
||||
this.initForm()
|
||||
this.dialogFormVisible = false
|
||||
},
|
||||
// 添加menu
|
||||
async enterDialog() {
|
||||
this.$refs.menuForm.validate(async valid => {
|
||||
if (valid) {
|
||||
let res;
|
||||
let res
|
||||
if (this.isEdit) {
|
||||
res = await updateBaseMenu(this.form);
|
||||
res = await updateBaseMenu(this.form)
|
||||
} else {
|
||||
res = await addBaseMenu(this.form);
|
||||
res = await addBaseMenu(this.form)
|
||||
}
|
||||
if (res.code == 0) {
|
||||
if (res.code === 0) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: this.isEdit ? "编辑成功" : "添加成功!"
|
||||
});
|
||||
this.getTableData();
|
||||
type: 'success',
|
||||
message: this.isEdit ? '编辑成功' : '添加成功!'
|
||||
})
|
||||
this.getTableData()
|
||||
}
|
||||
this.initForm();
|
||||
this.dialogFormVisible = false;
|
||||
this.initForm()
|
||||
this.dialogFormVisible = false
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
// 添加菜单方法，id为 0则为添加根菜单
|
||||
addMenu(id) {
|
||||
this.dialogTitle = "新增菜单";
|
||||
this.form.parentId = String(id);
|
||||
this.isEdit = false;
|
||||
this.setOptions();
|
||||
this.dialogFormVisible = true;
|
||||
this.dialogTitle = '新增菜单'
|
||||
this.form.parentId = String(id)
|
||||
this.isEdit = false
|
||||
this.setOptions()
|
||||
this.dialogFormVisible = true
|
||||
},
|
||||
// 修改菜单方法
|
||||
async editMenu(id) {
|
||||
this.dialogTitle = "编辑菜单";
|
||||
const res = await getBaseMenuById({ id });
|
||||
this.form = res.data.menu;
|
||||
this.isEdit = true;
|
||||
this.setOptions();
|
||||
this.dialogFormVisible = true;
|
||||
this.dialogTitle = '编辑菜单'
|
||||
const res = await getBaseMenuById({ id })
|
||||
this.form = res.data.menu
|
||||
this.isEdit = true
|
||||
this.setOptions()
|
||||
this.dialogFormVisible = true
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.pageSize = 999;
|
||||
await this.getTableData();
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.button-box {
|
||||
padding: 10px 20px;
|
||||
|
||||
Reference in New Issue
Block a user