Clients Row Fixed

resources/js/Modules/CRM/components/Clients/Item.vue

@@ -78,3 +78,98 @@
         </div>
     </v-flex>
 </template>
+<script>
+export default {
+    props: {
+        TileClass: { default: "xl12" },
+        props: { default: "" },
+    },
+}
+</script>
+<style scoped lang="scss">
+    .WM-Tile {
+        width:100%;
+        padding:10px;
+        border: 1px solid #eeeeee;
+        transition: 0.4s;
+        border-radius: 5px;
+        margin-bottom: 10px;
+    }
+    .WM-Tile:hover {
+        border: 1px solid #000;
+    }
+    .WM-Tile.Shadowed {
+        box-shadow: 0 10px 30px 0 rgba(0,0,0,.5);
+        border-radius:5px;
+    }
+    .WM-Tile .Content {
+        background-color:#fff;
+        height:100%;
+    }
+    .WM-Tile .Image {
+        width:100%;
+    }
+    .Content {
+        padding:10px;
+        margin:0px;
+        position: relative;
+    }
+    .Content .Info {
+        text-align:right;
+        margin-right: 50px;
+        cursor: pointer;
+    }
+    .Content .Check {
+       position: absolute;
+       right: 0px;
+       width: 40px;
+    }
+    .Content .Number {
+       position: absolute;
+        right: -14px;
+        bottom: -16px;
+        line-height: 40px;
+        width: 40px;
+        font-size: 40px;
+        color: rgb(224, 224, 224);
+    }
+    .Info .TitleEn {
+        font-size:13px;
+    }
+    //-----------------------------------Price
+    .Content .Price {
+        text-align:left;
+    }
+    .Content .Price .Unit {
+        font-size:12px;
+    }
+    .Price .NewPrice {
+        font-size:24px;
+    }
+    .Price .OldPrice {
+        font-size:14px;
+        margin-left: 20px;
+        text-decoration: line-through;
+        text-decoration-color: #ee3552;
+        color: #ee3552;
+        margin-top: -5px;
+
+    }
+
+    //---------------------------Buttons-------------------------------
+    .Content .Buttons {
+        text-align: center;
+    }
+    .v-btn {
+        margin: 6px 2px;
+    }
+    .v-btn--floating.v-btn--small .v-icon {
+        font-size: 16px;
+    }
+
+    .v-btn--floating.v-btn--outline.v-btn:hover {
+        background-color: inherit !important;
+    }
+
+
+</style>

resources/js/Modules/CRM/components/Clients/Items.vue

@@ -23,7 +23,7 @@
         </v-layout>
         <v-data-iterator :items="Clients" :rows-per-page-items="rowsPerPageItems" :pagination.sync="pagination" select-all row wrap rows-per-page-text="آیتم به ازای هر صفحه">
             <template v-slot:item="props">
-
+                <wm-client-item :props="props"></wm-client-item>
             </template>
             <template v-slot:pageText="props">
                 آیتم {{ props.pageStart }} - {{ props.pageStop }} از {{ props.itemsLength }}
@@ -33,7 +33,11 @@
 </template>
 
 <script>
+import ClientItem from "@CRM/components/Clients/Item.vue";
 export default {
+    components: {
+        'wm-client-item' : ClientItem,
+    },
     props: {
         // Tile:TileData,
         TileClass: { default: "xl12" },
@@ -75,90 +79,3 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
-    .WM-Tile {
-        width:100%;
-        padding:10px;
-        border: 1px solid #eeeeee;
-        transition: 0.4s;
-        border-radius: 5px;
-        margin-bottom: 10px;
-    }
-    .WM-Tile:hover {
-        border: 1px solid #000;
-    }
-    .WM-Tile.Shadowed {
-        box-shadow: 0 10px 30px 0 rgba(0,0,0,.5);
-        border-radius:5px;
-    }
-    .WM-Tile .Content {
-        background-color:#fff;
-        height:100%;
-    }
-    .WM-Tile .Image {
-        width:100%;
-    }
-    .Content {
-        padding:10px;
-        margin:0px;
-        position: relative;
-    }
-    .Content .Info {
-        text-align:right;
-        margin-right: 50px;
-        cursor: pointer;
-    }
-    .Content .Check {
-       position: absolute;
-       right: 0px;
-       width: 40px;
-    }
-    .Content .Number {
-       position: absolute;
-        right: -14px;
-        bottom: -16px;
-        line-height: 40px;
-        width: 40px;
-        font-size: 40px;
-        color: rgb(224, 224, 224);
-    }
-    .Info .TitleEn {
-        font-size:13px;
-    }
-    //-----------------------------------Price
-    .Content .Price {
-        text-align:left;
-    }
-    .Content .Price .Unit {
-        font-size:12px;
-    }
-    .Price .NewPrice {
-        font-size:24px;
-    }
-    .Price .OldPrice {
-        font-size:14px;
-        margin-left: 20px;
-        text-decoration: line-through;
-        text-decoration-color: #ee3552;
-        color: #ee3552;
-        margin-top: -5px;
-
-    }
-
-    //---------------------------Buttons-------------------------------
-    .Content .Buttons {
-        text-align: center;
-    }
-    .v-btn {
-        margin: 6px 2px;
-    }
-    .v-btn--floating.v-btn--small .v-icon {
-        font-size: 16px;
-    }
-
-    .v-btn--floating.v-btn--outline.v-btn:hover {
-        background-color: inherit !important;
-    }
-
-
-</style>

resources/js/Modules/Common/components/Transaction/Add.vue

@@ -26,7 +26,7 @@
                         </v-card-text>
                     </v-flex>
                     <v-flex lg3>
-                        <v-radio-group v-model="row" row>
+                        <v-radio-group row>
                             <v-radio class="Fa" color="red" label=" نقدی " value="cash"></v-radio>
                             <v-radio class="Fa" color="red" label=" کارت خوان " value="pos"></v-radio>
                             <v-radio class="Fa" color="red" label=" کارت به کارت " value="transfer"></v-radio>