{"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=style&index=0&id=d5a341ac&lang=scss&scoped=true&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Kanban\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmJvYXJkLWNvbHVtbiB7CiAgbWluLXdpZHRoOiAzMDBweDsKICBtaW4taGVpZ2h0OiAxMDBweDsKICBoZWlnaHQ6IGF1dG87CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBiYWNrZ3JvdW5kOiAjZjBmMGYwOwogIGJvcmRlci1yYWRpdXM6IDNweDsKCiAgLmJvYXJkLWNvbHVtbi1oZWFkZXIgewogICAgaGVpZ2h0OiA1MHB4OwogICAgbGluZS1oZWlnaHQ6IDUwcHg7CiAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgcGFkZGluZzogMCAyMHB4OwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgYmFja2dyb3VuZDogIzMzMzsKICAgIGNvbG9yOiAjZmZmOwogICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7CiAgfQoKICAuYm9hcmQtY29sdW1uLWNvbnRlbnQgewogICAgaGVpZ2h0OiBhdXRvOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIGJvcmRlcjogMTBweCBzb2xpZCB0cmFuc3BhcmVudDsKICAgIG1pbi1oZWlnaHQ6IDYwcHg7CiAgICBkaXNwbGF5OiBmbGV4OwogICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0OwogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CgogICAgLmJvYXJkLWl0ZW0gewogICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBoZWlnaHQ6IDY0cHg7CiAgICAgIG1hcmdpbjogNXB4IDA7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgIGxpbmUtaGVpZ2h0OiA1NHB4OwogICAgICBwYWRkaW5nOiA1cHggMTBweDsKICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgICAgYm94LXNoYWRvdzogMHB4IDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}
|
