|
|
|
@ -9,26 +9,16 @@ |
|
|
|
label-position="top" |
|
|
|
> |
|
|
|
<el-form-item prop="icon" style="width:100%"> |
|
|
|
<!--<el-input autocomplete="off" v-model="form.meta.icon"> |
|
|
|
<template slot="prepend">el-icon-</template> |
|
|
|
</el-input>--> |
|
|
|
<!--<el-select v-model="value" filterable placeholder="请选择"> |
|
|
|
<i class="icon" :class="'el-icon-'+ value" style="position: absolute; z-index: 9999; padding: 5px 1px; "></i> |
|
|
|
<el-select v-model="value" placeholder="请选择" @change="propIcon(value)"> |
|
|
|
<el-option |
|
|
|
v-for="item in options" |
|
|
|
:key="item.value" |
|
|
|
:key="item.key" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select>--> |
|
|
|
<el-select v-model="value" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in options" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.key" |
|
|
|
> |
|
|
|
<span class="icon" :class="item.label"></span> |
|
|
|
<span style="float: left">{{ item.label }}</span> |
|
|
|
|
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
@ -42,25 +32,303 @@ |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
input:'', |
|
|
|
options: [{ |
|
|
|
value: 'el-icon-platform-eleme', |
|
|
|
label: 'el-icon-platform-eleme' |
|
|
|
}, { |
|
|
|
value: 'el-icon-eleme', |
|
|
|
label: 'el-icon-eleme' |
|
|
|
}, { |
|
|
|
value: 'el-icon-delete-solid', |
|
|
|
label: 'el-icon-delete-solid' |
|
|
|
}, { |
|
|
|
value: 'el-icon-delete', |
|
|
|
label: 'el-icon-delete' |
|
|
|
}, { |
|
|
|
value: 'el-icon-s-tools', |
|
|
|
label: 'el-icon-s-tools' |
|
|
|
}], |
|
|
|
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: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
props:{ |
|
|
|
getIcon:{ |
|
|
|
default: function() { |
|
|
|
return {} |
|
|
|
}, |
|
|
|
type: Function |
|
|
|
} |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
propIcon(icon){ |
|
|
|
this.getIcon(icon) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
|
klausY
5 years ago