1

src/pages/sale/yearFirst.vue

@@ -3,15 +3,33 @@
     background: transparent !important;
     border: 0 !important;
   }
-
+  .zk_Table thead tr:last-child th{
+    /* top:40px!important; */
+    z-index:1!important;
+  }
 </style>
 <template>
   <div>
     <div class="page-content">
       <q-table :pagination="msg" ref="table" :loading="loading" :style="{'height':tableHeight+'px'}"
-        no-data-label="暂无相关数据" flat class="sticky-column-table sticky-header-column-table no-bottom-table"
+        no-data-label="暂无相关数据" flat class=" sticky-header-column-table no-bottom-table zk_Table"
         separator="none" :data="dataList" :columns="columns" row-key="">
-        <template v-slot:header-cell-FirstYear="props">
+        <tr slot="header">
+          <q-th rowspan="2" style="text-align:left;">
+            名称
+          </q-th>
+          <q-th colspan="2">年份</q-th>
+          <q-th rowspan="2">转化率</q-th>
+        </tr>
+        <tr slot="header">
+          <q-th>
+            <span v-if="dataList&&dataList.length>0">{{dataList[0].FirstYearStr}}</span>
+          </q-th>
+          <q-th>
+            <span v-if="dataList&&dataList.length>0">{{dataList[0].SecondYearStr}}</span>
+          </q-th>
+        </tr>
+        <!-- <template v-slot:header-cell-FirstYear="props">
           <q-th :props="props">
             <span v-if="dataList&&dataList.length>0">{{dataList[0].FirstYearStr}}</span>
           </q-th>
@@ -20,7 +38,7 @@
           <q-th :props="props">
             <span v-if="dataList&&dataList.length>0">{{dataList[0].SecondYearStr}}</span>
           </q-th>
-        </template>
+        </template> -->
         <template v-slot:bottom>
         </template>
       </q-table>
@@ -51,19 +69,19 @@
             name: 'FirstYear',
             label: '第一条',
             field: 'FirstYear',
-            align: 'left'
+            align: 'center'
           },
           {
             name: 'SecondYear',
             label: '第二条',
             field: 'SecondYear',
-            align: 'left',
+            align: 'center',
           },
           {
             name: 'YearRate',
             label: '成长率',
             field: 'YearRate',
-            align: 'left',
+            align: 'center',
           }
         ],
         loading: false,
@@ -87,5 +105,4 @@
 </script>
 <style lang="sass">
   @import url('~assets/css/table.sass')
-
 </style>