发票

src/assets/style/common/list.scss

@@ -58,6 +58,30 @@
       }
     }
 
+    .box-cr-row {
+      // max-width: 50%;
+      //width: 10rem;
+      text-align: left;
+
+      .cr-tt {
+        font-size: 1rem;
+      }
+
+      .mt5 {
+        margin-top: 0.3rem;
+      }
+
+      .tags {
+        border-radius: 0.2rem;
+        width: 4rem;
+        text-align: center;
+      }
+
+      .ct-md {
+        // color: #ccc;
+      }
+    }
+
     .box-rt {
       display: flex;
 
@@ -67,6 +91,19 @@
 
       // flex-direction: column;
     }
+
+  }
+
+  .box-rt-sb {
+    display: flex;
+    justify-content: space-between;
+    padding-left: 4rem;
+    padding-right: 4rem;
+    .icon-box {
+      margin-left: 0.3rem;
+    }
+
+    // flex-direction: column;
   }
 }
 

src/components/MyInvoiceListCard/index.vue

@@ -6,7 +6,7 @@
           <van-image width="3rem" height="3rem" fit="cover" :src="require('@/assets/images/invoice.png')" />
           <div class="bt">发票</div>
         </div> -->
-        <div class="box-cr">
+        <div class="box-cr-row">
 <!--          <div class="cr-bt">-->
 <!--            <div class="tags" :style="`border: 1px solid ;color:#05A9FF; min-width: 10rem !important;`"> {{getDictDataLabel(DICT_TYPE.BS_INVOICE_KIND,itemData.type) || '未知'}} </div>-->
 <!--          </div>-->
@@ -83,12 +83,14 @@
             <div class="mt5">单价： {{itemData.pricePerkm || '-'}}</div>
             <div class="mt5">里程： {{itemData.distance || '-'}}</div>
           </div>
+
         </div>
-        <div class="box-rt">
-          <van-icon class="icon-box" v-hasPermi="['bs:invoice:show']" @click="handleShow(itemData.id)" name="eye-o" color="#05A9FF" size="25" />
-          <van-icon class="icon-box" v-hasPermi="['bs:invoice:update']" @click="handleEdit(itemData.id)" name="edit" size="25" />
-          <van-icon class="icon-box" v-hasPermi="['bs:invoice:delete']" @click="handleDel(itemData.id)" name="delete-o" :color="'#EC3359'" size="25" />
-        </div>
+
+      </div>
+      <div class="box-rt-sb">
+        <van-icon class="icon-box" v-hasPermi="['bs:invoice:show']" @click="handleShow(itemData.id)" name="eye-o" color="#05A9FF" size="25" />
+        <van-icon class="icon-box" v-hasPermi="['bs:invoice:update']" @click="handleEdit(itemData.id)" name="edit" size="25" />
+        <van-icon class="icon-box" v-hasPermi="['bs:invoice:delete']" @click="handleDel(itemData.id)" name="delete-o" :color="'#EC3359'" size="25" />
       </div>
     </div>
   </div>