10.9

fuintCashierWeb/src/views/details/index.vue

@@ -2112,6 +2112,15 @@ export default {
   display: flex;
   align-items: center;
 }
+.gang{
+  width: 2px;
+  height: 14px;
+  background: #FF9655;
+}
+.g-class{
+  font-size: 14px;
+  margin-left: 6px;
+}
 .sm-box{
   font-size: 14px;
   color: #333333;
@@ -2125,15 +2134,7 @@ export default {
 .rsw{
   width: 25%;
 }
-.gang{
+
-  width: 2px;
-  height: 14px;
-  background: #FF9655;
-}
-.g-class{
-  font-size: 14px;
-  margin-left: 6px;
-}
 .info-box{
   display: flex;
   width: 100%;

fuintCashierWeb/src/views/details/userInfoOrder/couponList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="comment-box">
     <el-radio-group v-model="cardList" size="mini" style="margin-bottom: 30px;" @change="changeStatus()">
       <el-radio-button label="notUse">未使用</el-radio-button>
       <el-radio-button label="used">已使用</el-radio-button>
@@ -8,6 +8,7 @@
     </el-radio-group>
     <div>
       <el-table ref="tables" border v-loading="loading" :data="list">
+        <el-table-column label="序号"   type="index"/>
         <el-table-column  align="center" prop="storeName" label="所属油站">
           <template slot-scope="scope">
             <span>{{store.name}}</span>
@@ -161,5 +162,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.comment-box{
+  box-sizing: border-box;
+  padding: 10px 0;
+}
 </style>

fuintCashierWeb/src/views/details/userInfoOrder/goodsOrder.vue

@@ -1,6 +1,11 @@
 <template>
-  <div>
+  <div class="comment-box">
+    <div class="d-s" style="margin-bottom: 10px">
+      <div class="gang"></div>
+      <div class="g-class">商品消费记录</div>
+    </div>
     <el-table ref="tables" border v-loading="loading" :data="list">
+      <el-table-column label="序号"   type="index"/>
       <el-table-column label="所属油站" prop="storeName" align="center">
         <template slot-scope="scope">
           <span>{{store.name}}</span>
@@ -90,5 +95,21 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.gang{
+  width: 2px;
+  height: 14px;
+  background: #FF9655;
+}
+.g-class{
+  font-size: 14px;
+  margin-left: 6px;
+}
+.comment-box{
+  box-sizing: border-box;
+  padding: 10px 0;
+}
 </style>

fuintCashierWeb/src/views/details/userInfoOrder/growthValueRecord.vue

@@ -1,6 +1,11 @@
 <template>
-  <div>
+  <div class="comment-box">
+    <div class="d-s" style="margin-bottom: 10px">
+      <div class="gang"></div>
+      <div class="g-class">成长值记录</div>
+    </div>
     <el-table ref="tables" border v-loading="loading" :data="list">
+      <el-table-column label="序号"   type="index"/>
       <el-table-column label="所属油站" prop="storeName" align="center">
         <template slot-scope="scope">
           <span>{{scope.row.storeName ? scope.row.storeName : storeName}}</span>
@@ -75,5 +80,21 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.gang{
+  width: 2px;
+  height: 14px;
+  background: #FF9655;
+}
+.g-class{
+  font-size: 14px;
+  margin-left: 6px;
+}
+.comment-box{
+  box-sizing: border-box;
+  padding: 10px 0;
+}
 </style>

fuintCashierWeb/src/views/details/userInfoOrder/oilOrder.vue

@@ -1,6 +1,11 @@
 <template>
-  <div>
+  <div class="comment-box">
+    <div class="d-s" style="margin-bottom: 10px">
+      <div class="gang"></div>
+      <div class="g-class">油品消费记录</div>
+    </div>
     <el-table ref="tables" border v-loading="loading" :data="list">
+      <el-table-column label="序号"   type="index"/>
       <el-table-column label="所属油站" prop="storeName" align="center"/>
       <el-table-column label="订单时间" align="center" prop="createTime"/>
       <el-table-column label="交易终端" align="center" prop="payType">
@@ -140,5 +145,21 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.gang{
+  width: 2px;
+  height: 14px;
+  background: #FF9655;
+}
+.g-class{
+  font-size: 14px;
+  margin-left: 6px;
+}
+.comment-box{
+  box-sizing: border-box;
+  padding: 10px 0;
+}
 </style>

fuintCashierWeb/src/views/details/userInfoOrder/oilStorageCard.vue

@@ -1,6 +1,11 @@
 <template>
-  <div>
+  <div class="comment-box">
-      <el-table ref="tables2" key="2" v-loading="loading" :data="fuelList">
+    <div class="d-s" style="margin-bottom: 10px">
+      <div class="gang"></div>
+      <div class="g-class">囤油卡记录</div>
+    </div>
+      <el-table ref="tables2" border key="2" v-loading="loading" :data="fuelList">
+        <el-table-column label="序号"   type="index"/>
         <el-table-column align="center" label="所属油站" prop="storeName">
           <template slot-scope="scope">
             <span>{{store.name}}</span>
@@ -125,5 +130,21 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.gang{
+  width: 2px;
+  height: 14px;
+  background: #FF9655;
+}
+.g-class{
+  font-size: 14px;
+  margin-left: 6px;
+}
+.comment-box{
+  box-sizing: border-box;
+  padding: 10px 0;
+}
 </style>

fuintCashierWeb/src/views/details/userInfoOrder/pointsRecord.vue

@@ -1,6 +1,11 @@
 <template>
-  <div>
+  <div class="comment-box">
+    <div class="d-s" style="margin-bottom: 10px">
+      <div class="gang"></div>
+      <div class="g-class">会员资产</div>
+    </div>
     <el-table ref="tables" border v-loading="loading" :data="list">
+      <el-table-column label="序号"   type="index"/>
       <el-table-column label="所属油站" prop="storeName" align="center"/>
       <el-table-column label="变动时间" prop="createTime" align="center"/>
       <el-table-column label="类型" align="center" prop="changeType">
@@ -64,5 +69,21 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.gang{
+  width: 2px;
+  height: 14px;
+  background: #FF9655;
+}
+.g-class{
+  font-size: 14px;
+  margin-left: 6px;
+}
+.comment-box{
+  box-sizing: border-box;
+  padding: 10px 0;
+}
 </style>

fuintCashierWeb/src/views/details/userInfoOrder/storedCard.vue

@@ -1,7 +1,11 @@
 <template>
-  <div>
+  <div class="comment-box">
-
+    <div class="d-s" style="margin-bottom: 10px">
+      <div class="gang"></div>
+      <div class="g-class">储值卡记录</div>
+    </div>
       <el-table key="1" ref="tables" v-loading="loading" :data="cardList">
+        <el-table-column label="序号"   type="index"/>
         <el-table-column align="center"  prop="storeName" label="所属油站"/>
         <!-- <el-table-column prop="date" label="变动账户"/> -->
         <el-table-column align="center"  prop="changeType" label="类型">
@@ -123,5 +127,21 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.gang{
+  width: 2px;
+  height: 14px;
+  background: #FF9655;
+}
+.g-class{
+  font-size: 14px;
+  margin-left: 6px;
+}
+.comment-box{
+  box-sizing: border-box;
+  padding: 10px 0;
+}
 </style>