Преглед на файлове

feat(KIP-9217):ui revamp 提交开票申请样式修复

lock.qiu@kerryprops.com преди 2 години
родител
ревизия
6a3b4d0d84

+ 9 - 7
src/pages/parkingFee/parkingReceipt/parkingApplication.vue

@@ -11,7 +11,7 @@
               </div>
               <img class="invoice-header-arrow" :src="arrowIcon" mode="widthFix" />
             </div>
-            <div v-if="headerInfo.invoiceTitleType == 'COMPANY'" class="duty-paragraph">公司税号 <span>{{ headerInfo.taxNo }}</span></div>
+            <div  class="duty-paragraph"><span v-if="headerInfo.invoiceTitleType == 'COMPANY'">公司税号</span>  <span v-if="headerInfo.invoiceTitleType == 'COMPANY'">{{ headerInfo.taxNo }}</span></div>
           </div>
           <div class="invoice-header-info" v-else>
             <div class="invoice-header-name">
@@ -88,7 +88,7 @@
         </div>
         <div class="tab-header">接收方式</div>
         <div class="part" style="padding-top: 10px;">
-          <div class="part-item lines">
+          <div class="part-item" style="padding-top:30px;padding-bottom: 15px;">
             <span class="part-item-key" style="min-width: 120px; white-space: nowrap">电子邮箱</span>
             <div class="part-item-value">
               <input class="van-field__control" style="white-space: nowrap" type="text" @blur="mailboxChange" placeholder="请输入电子邮箱" v-model="condition.email" />
@@ -172,7 +172,7 @@ export default {
       .invoice-header-name {
         color: #333333;
         padding: 20px 35px;
-        border-bottom: 1px dashed #E1E2E8 !important;
+        border-bottom: 0.8px dashed #E1E2E8 !important;
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -202,12 +202,14 @@ export default {
   }
 
   .tab-header {
-    color: #808080;
-    padding: 10px 20px 20px;
+    color: #333;
+    padding: 28px 20px;
+    background: #FBFCFF;
+    border-bottom: 0.8px dashed #e1e2e8;
   }
   .tab-header2 {
     background: #fff;
-    color: #808080;
+    color: #333;
     padding: 20px 20px 20px;
     border-bottom: 1px dashed #e1e2e8;
   }
@@ -401,7 +403,7 @@ export default {
 
   .push-again-btn {
     // background-image: linear-gradient(to right, #7d4ea1, #40397c);
-    background: #064c8a;
+    background: var(--k-color-primary-01);
   }
 
   .blue-push-again-btn {

+ 4 - 4
src/pages/parkingFee/parkingReceipt/parkingChangeHeader.vue

@@ -37,16 +37,16 @@
               />
             </div>
           </div>
-          <div class="part-item" >
-            <span class="part-item-key" v-if="isCompany">公司税号</span>
-            <div class="part-item-value" v-if="isCompany">
+          <div class="part-item" v-if="isCompany">
+            <span class="part-item-key">公司税号</span>
+            <div class="part-item-value">
               <!-- <input
               type="text"
               placeholder="请输入公司税号"
               v-model="condition.corporationTax"
             /> -->
               <van-field
-                v-if="isCompany"
+                
                 v-model="condition.taxNo"
                 right-icon="arrow"
                 input-align="right"

+ 6 - 2
src/pages/parkingFee/parkingReceipt/parkingInvoiceImage.vue

@@ -7,6 +7,7 @@
       </div>
       <van-divider dashed style="margin:0;"/>
       <div class="part-item lines">
+        <img class="car-icon" :src="require(`../static/images/email.png`)"/>
         <span class="part-item-key">电子邮箱</span>
         <span class="part-item-value">{{ res.email }}</span>
       </div>
@@ -48,7 +49,11 @@ export default {
   background: #f4f7ff;
   padding: 20px;
   box-sizing: border-box;
-
+  .car-icon {
+    width:47px;
+    height:27px;
+    margin-right: 20px;
+  }
   .part {
     background-color: #ffffff;
     
@@ -61,7 +66,6 @@ export default {
 
     .part-item {
       display: flex;
-      justify-content: space-between;
       align-items: center;
       padding: 20px 30px;
       box-sizing: border-box;

BIN
src/pages/parkingFee/static/images/email.png