style(KIP-7551): 停车发票页面2

src/pages/parkingFee/components/base/parkingReceipt/parkingInvoice.vue

@@ -1,77 +1,79 @@
 <template>
   <scroll-view class="scroll-Y" scroll-y>
     <!--    <wx-points-commit ref='wxPointsCommit'></wx-points-commit>-->
-
-    <div class="part top">
-      <div class="part-item lines header">
-        <span class="part-item-key">抬头</span>
-        <div class="part-item-value" @click="showHeader">
-          {{ order.invoiceTitleName }}
-          <img class="invoice-header-arrow" :src="arrowIcon" mode="widthFix" />
+    <div>
+      <div class="part top">
+        <div class="part-item lines header">
+          <span class="part-item-key">抬头</span>
+          <div class="part-item-value" @click="showHeader">
+            {{ order.invoiceTitleName }}
+            <img class="invoice-header-arrow" :src="arrowIcon" mode="widthFix" />
+          </div>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">开票订单号</span>
+          <span class="part-item-value">{{ order.orderno }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">发票类型</span>
+          <span class="part-item-value">增值税普通发票</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">开票日期</span>
+          <span class="part-item-value">{{
+              order.paperDrewDate ? order.paperDrewDate : '-'
+            }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">发票号码</span>
+          <span class="part-item-value">{{
+              order.invoiceno ? order.invoiceno : '-'
+            }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">发票代码</span>
+          <span class="part-item-value">{{
+              order.invoiceCode ? order.invoiceCode : '-'
+            }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">备注</span>
+          <span class="part-item-value">{{ order.remark }}</span>
         </div>
       </div>
-      <div class="part-item">
-        <span class="part-item-key">开票订单号</span>
-        <span class="part-item-value">{{ order.orderno }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">发票类型</span>
-        <span class="part-item-value">增值税普通发票</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">开票日期</span>
-        <span class="part-item-value">{{
-          order.paperDrewDate ? order.paperDrewDate : '-'
-        }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">发票号码</span>
-        <span class="part-item-value">{{
-          order.invoiceno ? order.invoiceno : '-'
-        }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">发票代码</span>
-        <span class="part-item-value">{{
-          order.invoiceCode ? order.invoiceCode : '-'
-        }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">备注</span>
-        <span class="part-item-value">{{ order.remark }}</span>
-      </div>
-    </div>
-    <div class="part middle">
-      <div class="part-item">
-        <span class="part-item-key">总金额</span>
-        <span class="part-item-value"
+      <div class="part middle">
+        <div class="part-item">
+          <span class="part-item-key">总金额</span>
+          <span class="part-item-value"
           ><span class="purple">{{ order.invoiceAmount / 100 }}</span
           >元</span
-        >
-      </div>
-      <div class="part-item">
+          >
+        </div>
+        <div class="part-item">
         <span class="part-item-key"
-          >共<span class="purple">{{ order.payNumber }}笔</span>缴费记录</span
+        >共<span class="purple">{{ order.payNumber }}笔</span>缴费记录</span
         >
-        <div class="part-item-value" @click="gotoRecordDetail">
-          <span>查看详情</span>
-          <img class="invoice-header-arrow" :src="arrowIcon" mode="widthFix" />
+          <div class="part-item-value" @click="gotoRecordDetail">
+            <span>查看详情</span>
+            <img class="invoice-header-arrow" :src="arrowIcon" mode="widthFix" />
+          </div>
         </div>
       </div>
-    </div>
-    <div class="footer">
-      <div
-        :class="{
+      <div class="footer">
+        <div
+          :class="{
           btn: true,
           'push-again-btn': true,
           'blue-push-again-btn': custTypeId === 1,
           'green-push-again-btn': custTypeId === 2,
         }"
-        @click="showInvoiceDetail"
-      >
-        查看发票
+          @click="showInvoiceDetail"
+        >
+          查看发票
+        </div>
       </div>
     </div>
+
   </scroll-view>
 </template>