修改

src/App.vue

@@ -25,7 +25,7 @@ export default {
 </script>
 
 <style>
-@import url("//at.alicdn.com/t/font_2077629_0n6sqaodu4f.css");
+@import url("//at.alicdn.com/t/font_2077629_leh9uxv84r.css");
 @font-face {
   font-family: "din";
   src: url("./assets/font/DIN-Bold.otf") format("opentype");

src/pages/administration/starBucks/starBucksDetail.vue

@@ -3,6 +3,7 @@
     width: 100%;
     border: none;
     background-color: transparent;
+    height: 28px;
   }
 
 </style>
@@ -49,6 +50,17 @@
               label="下载" @click="downloadStarBucks" />
           </div>
         </template>
+        <template v-slot:body-cell-UserName="props">
+          <q-td :props="props">
+            <q-avatar rounded size="sm" v-if="props.row.UserIcon">
+              <img :src="props.row.UserIcon" />
+            </q-avatar>
+            <q-avatar rounded size="sm" color="teal-10" text-color="white" v-if="!props.row.UserIcon">
+              {{item.row.UserName[0]}}</q-avatar>
+            <span style="position:relative;top:3px;margin-left:2px;">{{props.row.UserName}}</span>
+          </q-td>
+        </template>
+
         <template v-slot:body-cell-Type="props">
           <q-td :props="props">
             {{props.row.Type==1?'存入':'消费'}}
@@ -68,13 +80,6 @@
             <span v-if="props.row.EmpType==3">来宾</span>
           </q-td>
         </template>
-        <template v-slot:body-cell-UserIcon="props">
-          <q-td :props="props">
-            <q-avatar rounded size="sm" v-if="props.row.UserIcon">
-              <img :src="props.row.UserIcon" />
-            </q-avatar>
-          </q-td>
-        </template>
         <template v-slot:bottom>
           <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
             :input="true" @input="changePage" />
@@ -93,8 +98,8 @@
       return {
         msg: {
           pageIndex: 1,
-          pageSize: 10,
-          rowsPerPage: 10,
+          pageSize: 12,
+          rowsPerPage: 12,
           StartTime: '',
           EndTime: '',
           Type: 0, //1存入 2消费
@@ -128,22 +133,17 @@
             label: '用户名称',
             align: 'left',
             field: 'UserName'
-          }, {
-            name: 'UserIcon',
-            label: '用户头像',
-            align: 'left',
-            field: 'UserIcon'
           }, {
             name: 'Type',
             label: '使用类型',
             field: 'Type',
             align: 'left'
-          },{
+          }, {
             name: 'BuyType',
             label: '消费类型',
             field: 'BuyType',
             align: 'left'
-          }, 
+          },
           {
             name: 'EmpType',
             label: '员工类型',

src/pages/administration/starBucks/starBucksTotal.vue

@@ -3,6 +3,7 @@
     width: 100%;
     border: none;
     background-color: transparent;
+    height:28px;
   }
 
   .border-bottom {