{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Kanban\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Kanban\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBkcmFnZ2FibGUgZnJvbSAndnVlZHJhZ2dhYmxlJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEcmFnS2FuYmFuRGVtbycsCiAgY29tcG9uZW50czogewogICAgZHJhZ2dhYmxlCiAgfSwKICBwcm9wczogewogICAgaGVhZGVyVGV4dDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdIZWFkZXInCiAgICB9LAogICAgb3B0aW9uczogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIHt9CiAgICAgIH0KICAgIH0sCiAgICBsaXN0OiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0KCkgewogICAgICAgIHJldHVybiBbXQogICAgICB9CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBzZXREYXRhKGRhdGFUcmFuc2ZlcikgewogICAgICAvLyB0byBhdm9pZCBGaXJlZm94IGJ1ZwogICAgICAvLyBEZXRhaWwgc2VlIDogaHR0cHM6Ly9naXRodWIuY29tL1J1YmFYYS9Tb3J0YWJsZS9pc3N1ZXMvMTAxMgogICAgICBkYXRhVHJhbnNmZXIuc2V0RGF0YSgnVGV4dCcsICcnKQogICAgfQogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;;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","file":"index.vue","sourceRoot":"src/components/Kanban","sourcesContent":["<template>\n <div class=\"board-column\">\n <div class=\"board-column-header\">\n {{ headerText }}\n </div>\n <draggable\n :list=\"list\"\n v-bind=\"$attrs\"\n class=\"board-column-content\"\n :set-data=\"setData\"\n >\n <div v-for=\"element in list\" :key=\"element.id\" class=\"board-item\">\n {{ element.name }} {{ element.id }}\n </div>\n </draggable>\n </div>\n</template>\n\n<script>\nimport draggable from 'vuedraggable'\n\nexport default {\n name: 'DragKanbanDemo',\n components: {\n draggable\n },\n props: {\n headerText: {\n type: String,\n default: 'Header'\n },\n options: {\n type: Object,\n default() {\n return {}\n }\n },\n list: {\n type: Array,\n default() {\n return []\n }\n }\n },\n methods: {\n setData(dataTransfer) {\n // to avoid Firefox bug\n // Detail see : https://github.com/RubaXa/Sortable/issues/1012\n dataTransfer.setData('Text', '')\n }\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n.board-column {\n min-width: 300px;\n min-height: 100px;\n height: auto;\n overflow: hidden;\n background: #f0f0f0;\n border-radius: 3px;\n\n .board-column-header {\n height: 50px;\n line-height: 50px;\n overflow: hidden;\n padding: 0 20px;\n text-align: center;\n background: #333;\n color: #fff;\n border-radius: 3px 3px 0 0;\n }\n\n .board-column-content {\n height: auto;\n overflow: hidden;\n border: 10px solid transparent;\n min-height: 60px;\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: center;\n\n .board-item {\n cursor: pointer;\n width: 100%;\n height: 64px;\n margin: 5px 0;\n background-color: #fff;\n text-align: left;\n line-height: 54px;\n padding: 5px 10px;\n box-sizing: border-box;\n box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);\n }\n }\n}\n</style>\n\n"]}]}
|
