You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
4.3 KiB
1 line
4.3 KiB
4 months ago
|
{"remainingRequest":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\YuanZhuoLogistics\\WarehouseManagerVue\\src\\components\\Tran.vue?vue&type=style&index=0&id=226191db&scoped=true&lang=css&","dependencies":[{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\src\\components\\Tran.vue","mtime":1729672419223},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1655715156000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\YuanZhuoLogistics\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouZWwtaGVhZGVyIHsNCiAgY29sb3I6ICMzMzM7DQogIGxpbmUtaGVpZ2h0OiA2MHB4Ow0KfQ0KLmVsLW1haW4gew0KICBwYWRkaW5nOiAyMHB4Ow0KfQ0KLmVsLWFzaWRlIHsNCiAgY29sb3I6ICMzMzM7DQp9DQo="},{"version":3,"sources":["Tran.vue"],"names":[],"mappings":";AA2EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Tran.vue","sourceRoot":"src/components","sourcesContent":["<template>\r\n <el-container style=\"height: 100%; border: 1px solid #eee\">\r\n <el-aside :width=\"aside_width\" style=\"height: 100vh; background-color: rgb(238, 241, 246); margin-left: -1px;\">\r\n <Aside :isCollapse=\"isCollapse\"></Aside>\r\n </el-aside>\r\n\r\n <el-container style=\"height: 100%;\">\r\n <el-header style=\"text-align: right; font-size: 12px; height: 100%; border-bottom: rgba(168,168,168,0.3) 1px solid;\">\r\n <Header @doCollapse=\"doCollapse\" :icon=\"icon\"></Header>\r\n </el-header>\r\n\r\n <el-main style=\"height: 100%;\">\r\n <el-table :data=\"deliveryData\" style=\"width: 100%\" border>\r\n <el-table-column prop=\"id\" label=\"ID\" width=\"50\"></el-table-column>\r\n <el-table-column prop=\"item\" label=\"物品名称\" width=\"180\"></el-table-column>\r\n <el-table-column prop=\"quantity\" label=\"库存数量\" width=\"100\"></el-table-column>\r\n <el-table-column prop=\"status\" label=\"派送状态\" width=\"100\"></el-table-column>\r\n <el-table-column label=\"操作\" width=\"200\">\r\n <template slot-scope=\"scope\">\r\n <el-button size=\"mini\" @click=\"handleDispatch(scope.row)\">派送</el-button>\r\n <el-button size=\"mini\" type=\"danger\" @click=\"handleDelete(scope.row)\">删除</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </el-main>\r\n </el-container>\r\n </el-container>\r\n</template>\r\n\r\n<script>\r\nimport Aside from \"./Aside\";\r\nimport Header from \"./Header\";\r\n\r\nexport default {\r\n name: \"Tran\",\r\n components: { Aside, Header },\r\n data() {\r\n return {\r\n isCollapse: false,\r\n aside_width: '200px',\r\n icon: 'el-icon-s-fold',\r\n deliveryData: [\r\n // 这里可以添加一些初始数据或者通过API获取\r\n { id: 1, item: '快递包裹A', quantity: 10, status: '待派送' },\r\n { id: 2, item: '快递包裹B', quantity: 5, status: '已派送' },\r\n // 更多数据...\r\n ]\r\n };\r\n },\r\n methods: {\r\n doCollapse() {\r\n this.isCollapse = !this.isCollapse;\r\n if (!this.isCollapse) { // 展开\r\n this.aside_width = '200px';\r\n this.icon = 'el-icon-s-fold';\r\n } else { // 关闭\r\n this.aside_width = '64px';\r\n this.icon = 'el-icon-s-unfold';\r\n }\r\n },\r\n handleDispatch(row) {\r\n // 处理派送逻辑\r\n console.log('派送物品:', row);\r\n // 可以在这里添加代码来更新派送状态或调用API\r\n },\r\n handleDelete(row) {\r\n //
|