Browse Source

[ADD] customers searcher and summary components

Gogs 7 years ago
parent
commit
274f340306

+ 10 - 3
src/App.vue

@@ -9,20 +9,25 @@
                     cart-total
                     cart-items
         tab-content(title="Seleccione un cliente")
+            customer-searcher
             customers-grid
         tab-content(title="Vea un resumen de su operación")
-            .results
+            summary
 </template>
 
 <script>
     import { FormWizard, TabContent } from 'vue-form-wizard'
+    import 'vue-form-wizard/dist/vue-form-wizard.min.css'
+
     import ProductsSearcher from '@/components/ProductsSearcher'
     import ProductsGrid from '@/components/ProductsGrid'
     import CartTotal from '@/components/CartTotal'
     import CartItems from '@/components/CartItems'
     import CartItem from '@/components/CartItem'
+    import CustomerSearcher from '@/components/CustomerSearcher'
     import CustomersGrid from '@/components/CustomersGrid'
-    import 'vue-form-wizard/dist/vue-form-wizard.min.css'
+    import Summary from '@/components/Summary'
+
     import { mapActions } from 'vuex'
     import Vuex from 'vuex'
 
@@ -35,7 +40,9 @@
             'cart-total': CartTotal,
             'cart-items': CartItems,
             'cart-item': CartItem,
-            'customers-grid': CustomersGrid
+            'customer-searcher': CustomerSearcher,
+            'customers-grid': CustomersGrid,
+            'summary': Summary
         },
         methods: mapActions([
             'fetchCompany',

+ 0 - 1
src/components/CustomerCard.vue

@@ -43,7 +43,6 @@
             height: 80px
             margin: 0
             border: none
-            border-radius: 50%
             position: absolute;
             top: 50%
             left: 50%

+ 26 - 0
src/components/CustomerSearcher.vue

@@ -0,0 +1,26 @@
+<template lang="pug">
+    .customer-searcher
+        input(type="text" placeholder="Buscar un cliente")
+</template>
+
+<script>
+    export default {
+
+    }
+</script>
+
+<style lang="sass">
+    .customer-searcher
+        width: 100%
+        height: 35px
+
+        input
+            width: inherit
+            height: inherit
+            text-align: center
+            border-radius: 0
+            font: 
+                size: 11pt
+                style: normal
+                weight: bold
+</style>

+ 0 - 1
src/components/ProductCard.vue

@@ -79,7 +79,6 @@
             height: 80px
             margin: 0
             border: none
-            border-radius: 50%
             position: absolute;
             top: 50%
             left: 50%

+ 14 - 0
src/components/Summary.vue

@@ -0,0 +1,14 @@
+<template lang="pug">
+    .summary
+        h2 Aquí se va un resumen
+</template>
+
+<script>
+    export default {
+    
+    }
+</script>
+
+<style lang="sass">
+
+</style>

+ 0 - 1
src/store/modules/company.js

@@ -18,7 +18,6 @@ const actions = {
     fetchCompany({ commit }) {
         let pos = new openerp.web.Model('eiru.pos')
         pos.call('get_company').then(response => {
-            console.log(response)
             commit('setCompany', {
                 company: response
             })