{"version":3,"sources":["webpack:///./src/views/Index/PlainTableOrder.vue?6db8","webpack:///src/views/Index/PlainTableOrder.vue","webpack:///./src/views/Index/PlainTableOrder.vue?58fd","webpack:///./src/views/Index/PlainTableOrder.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","card","dense","color","_v","icon","staticClass","headers","items","hide-actions","scopedSlots","_u","key","fn","props","_s","item","id","product","price","label","small","getColorByStatus","status","text-color","staticRenderFns","PlainTableOrdervue_type_script_lang_js_","data","text","align","sortable","value","colors","processing","sent","delivered","computed","randomColor","Math","floor","random","length","methods","Index_PlainTableOrdervue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"uHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,UAAAA,EAAA,aAAoCE,MAAA,CAAOC,KAAA,GAAAC,MAAA,GAAAC,MAAA,gBAA4C,CAAAL,EAAA,mBAAAA,EAAA,MAAAJ,EAAAU,GAAA,UAAAN,EAAA,YAAAA,EAAA,SAA6EE,MAAA,CAAOK,KAAA,KAAW,CAAAP,EAAA,UAAAJ,EAAAU,GAAA,uBAAAN,EAAA,aAAAA,EAAA,eAA+EQ,YAAA,QAAmB,EAAAR,EAAA,gBAAsBQ,YAAA,4BAAAN,MAAA,CAA+CO,QAAAb,EAAAa,QAAAC,MAAAd,EAAAc,MAAAC,eAAA,IAA0DC,YAAAhB,EAAAiB,GAAA,EAAsBC,IAAA,QAAAC,GAAA,SAAAC,GAA+B,OAAAhB,EAAA,MAAAJ,EAAAU,GAAAV,EAAAqB,GAAAD,EAAAE,KAAAC,OAAAnB,EAAA,MAA0DQ,YAAA,gBAA2B,CAAAZ,EAAAU,GAAAV,EAAAqB,GAAAD,EAAAE,KAAAE,YAAApB,EAAA,MAAgDQ,YAAA,gBAA2B,CAAAZ,EAAAU,GAAAV,EAAAqB,GAAAD,EAAAE,KAAAG,UAAArB,EAAA,MAA8CQ,YAAA,gBAA2B,CAAAR,EAAA,UAAeE,MAAA,CAAOoB,MAAA,GAAAC,MAAA,GAAAlB,MAAAT,EAAA4B,iBAAAR,EAAAE,KAAAO,QAAAC,aAAA,UAA4F,CAAA9B,EAAAU,GAAAV,EAAAqB,GAAAD,EAAAE,KAAAO,YAAA,WAA+CzB,EAAA,sBAC/6B2B,EAAA,GCwCAC,EAAA,CACAC,KADA,WAEA,OACApB,QAAA,CACA,CACAqB,KAAA,IACAC,MAAA,OACAC,UAAA,EACAC,MAAA,MAEA,CAAAH,KAAA,KAAAG,MAAA,YACA,CAAAH,KAAA,KAAAG,MAAA,YACA,CAAAH,KAAA,KAAAG,MAAA,WAEAvB,MAAA,CACA,CACAS,GAAA,MACAC,QAAA,UACAC,MAAA,OACAI,OAAA,cAEA,CACAN,GAAA,MACAC,QAAA,WACAC,MAAA,OACAI,OAAA,QAEA,CACAN,GAAA,MACAC,QAAA,oBACAC,MAAA,SACAI,OAAA,cAEA,CACAN,GAAA,MACAC,QAAA,iBACAC,MAAA,OACAI,OAAA,cAEA,CACAN,GAAA,MACAC,QAAA,eACAC,MAAA,OACAI,OAAA,cAGAS,OAAA,CACAC,WAAA,OACAC,KAAA,MACAC,UAAA,WAIAC,SAAA,CACAC,YADA,WAEA,IAAArB,EAAAsB,KAAAC,MAAAD,KAAAE,SAAA7C,KAAAqC,OAAAS,QACA,OAAA9C,KAAAqC,OAAAhB,KAGA0B,QAAA,CACApB,iBADA,SACAC,GACA,OAAA5B,KAAAqC,OAAAT,MCtGwWoB,EAAA,cCOxWC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAlD,EACAgC,GACF,EACA,KACA,KACA,MAIAmB,EAAAG,QAAAC,OAAA,sBACeC,EAAA,WAAAL","file":"js/chunk-2d0cf30e.afafa2a9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',[_c('v-toolbar',{attrs:{\"card\":\"\",\"dense\":\"\",\"color\":\"transparent\"}},[_c('v-toolbar-title',[_c('h4',[_vm._v(\"订单\")])]),_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"more_vert\")])],1)],1),_c('v-divider'),_c('v-card-text',{staticClass:\"pa-0\"},[[_c('v-data-table',{staticClass:\"elevation-0 table-striped\",attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"hide-actions\":\"\"},scopedSlots:_vm._u([{key:\"items\",fn:function(props){return [_c('td',[_vm._v(_vm._s(props.item.id))]),_c('td',{staticClass:\"text-xs-left\"},[_vm._v(_vm._s(props.item.product))]),_c('td',{staticClass:\"text-xs-left\"},[_vm._v(_vm._s(props.item.price))]),_c('td',{staticClass:\"text-xs-left\"},[_c('v-chip',{attrs:{\"label\":\"\",\"small\":\"\",\"color\":_vm.getColorByStatus(props.item.status),\"text-color\":\"white\"}},[_vm._v(_vm._s(props.item.status))])],1)]}}])})],_c('v-divider')],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card>\r\n    <v-toolbar card dense color=\"transparent\">\r\n      <v-toolbar-title>\r\n        <h4>订单</h4>\r\n      </v-toolbar-title>\r\n      <v-spacer></v-spacer>\r\n      <v-btn icon>\r\n        <v-icon>more_vert</v-icon>\r\n      </v-btn>\r\n    </v-toolbar>\r\n    <v-divider></v-divider>\r\n    <v-card-text class=\"pa-0\">\r\n      <template>\r\n        <v-data-table\r\n          :headers=\"headers\"\r\n          :items=\"items\"\r\n          hide-actions\r\n          class=\"elevation-0 table-striped\"\r\n        >\r\n          <template slot=\"items\" slot-scope=\"props\">\r\n            <td>{{ props.item.id }}</td>\r\n            <td class=\"text-xs-left\">{{ props.item.product }}</td>\r\n            <td class=\"text-xs-left\">{{ props.item.price }}</td>\r\n            <td class=\"text-xs-left\">\r\n              <v-chip\r\n                label=\"\"\r\n                small\r\n                :color=\"getColorByStatus(props.item.status)\"\r\n                text-color=\"white\"\r\n              >{{ props.item.status }}</v-chip>\r\n            </td>\r\n          </template>\r\n        </v-data-table>\r\n      </template>\r\n      <v-divider></v-divider>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      headers: [\r\n        {\r\n          text: '#',\r\n          align: 'left',\r\n          sortable: false,\r\n          value: 'id'\r\n        },\r\n        { text: '产品', value: 'deadline' },\r\n        { text: '价格', value: 'progress' },\r\n        { text: '状态', value: 'status' }\r\n      ],\r\n      items: [\r\n        {\r\n          id: '150',\r\n          product: 'iPhone6',\r\n          price: '$699',\r\n          status: 'processing'\r\n        },\r\n        {\r\n          id: '151',\r\n          product: 'iPad Pro',\r\n          price: '$299',\r\n          status: 'sent'\r\n        },\r\n        {\r\n          id: '300',\r\n          product: 'Microsoft surface',\r\n          price: '$1,699',\r\n          status: 'processing'\r\n        },\r\n        {\r\n          id: '320',\r\n          product: 'Galaxy S7 edge',\r\n          price: '$729',\r\n          status: 'processing'\r\n        },\r\n        {\r\n          id: '501',\r\n          product: '128G SD Card',\r\n          price: '$699',\r\n          status: 'delivered'\r\n        }\r\n      ],\r\n      colors: {\r\n        processing: 'blue',\r\n        sent: 'red',\r\n        delivered: 'green'\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    randomColor() {\r\n      let item = Math.floor(Math.random() * this.colors.length)\r\n      return this.colors[item]\r\n    }\r\n  },\r\n  methods: {\r\n    getColorByStatus(status) {\r\n      return this.colors[status]\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlainTableOrder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlainTableOrder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlainTableOrder.vue?vue&type=template&id=59f38e62&\"\nimport script from \"./PlainTableOrder.vue?vue&type=script&lang=js&\"\nexport * from \"./PlainTableOrder.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\ncomponent.options.__file = \"PlainTableOrder.vue\"\nexport default component.exports"],"sourceRoot":""}