Browse Source

修改开票模块页面无法滚动问题

john.hong 2 năm trước cách đây
mục cha
commit
4e3be53f51

+ 1 - 0
src/pages/parkingFee/components/base/parkingReceipt/parkingApplication.vue

@@ -4,6 +4,7 @@
 
     <scroll-view class="push-box">
       <div>
+        <div style="height: 20px"></div>
         <div class="choose-invoice-header lines" @click="changeHeader">
         <div class="invoice-header-info" v-if="headerInfo.titleName">
           <div

+ 46 - 44
src/pages/parkingFee/components/base/parkingReceipt/parkingChooseHeader.vue

@@ -2,58 +2,60 @@
   <scroll-view class="scroll-Y" scroll-y>
 <!--    <wx-points-commit ref='wxPointsCommit'></wx-points-commit>-->
 
-    <div class="choose-invoice-header" v-if="list.length">
-      <van-radio-group class="radios">
-        <div
-          class="uni-list-cell uni-list-cell-pd radio-label lines"
-          v-for="(item, index) in list"
-          :key="index"
-        >
+    <div>
+      <div class="choose-invoice-header" v-if="list.length">
+        <van-radio-group class="radios">
           <div
-            class="invoice-header-info"
-            @click="chooseHeader(item, index)"
+            class="uni-list-cell uni-list-cell-pd radio-label lines"
+            v-for="(item, index) in list"
+            :key="index"
           >
-            <!-- <div><radio :value="item.id" :checked="index === current" /></div> -->
-            <div class="invoice-header-text">
-              <div class="invoice-header-name">
-                <div class="invoice-header-name-text">
-                  {{ item.titleName
-                  }}<span class="isDefault" v-if="item.defaultOrNot"
-                >默认</span
-                >
-                </div>
-                <div class="invoice-header-name-icon">
-                  <div
-                    class="edit-header"
-                    @click.stop="changeHeader('edit', item.id, item)"
+            <div
+              class="invoice-header-info"
+              @click="chooseHeader(item, index)"
+            >
+              <!-- <div><radio :value="item.id" :checked="index === current" /></div> -->
+              <div class="invoice-header-text">
+                <div class="invoice-header-name">
+                  <div class="invoice-header-name-text">
+                    {{ item.titleName
+                    }}<span class="isDefault" v-if="item.defaultOrNot"
+                  >默认</span
                   >
-                    <img
-                      class="invoice-header-arrow"
-                      :src="editwIcon"
-                      mode="widthFix"
-                    />
                   </div>
-                  <div class="edit-header" @click.stop="delHeader(item.id)">
-                    <img
-                      class="invoice-header-arrow"
-                      :src="delwIcon"
-                      mode="widthFix"
-                    />
+                  <div class="invoice-header-name-icon">
+                    <div
+                      class="edit-header"
+                      @click.stop="changeHeader('edit', item.id, item)"
+                    >
+                      <img
+                        class="invoice-header-arrow"
+                        :src="editwIcon"
+                        mode="widthFix"
+                      />
+                    </div>
+                    <div class="edit-header" @click.stop="delHeader(item.id)">
+                      <img
+                        class="invoice-header-arrow"
+                        :src="delwIcon"
+                        mode="widthFix"
+                      />
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div class="duty-paragraph">
-                税号 {{ item.taxNo }}
+                <div class="duty-paragraph">
+                  税号 {{ item.taxNo }}
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </van-radio-group>
-    </div>
-
-    <div class="choose-invoice-header noData" v-else>
-      <img class="noDataImg" :src="noDataIcon" mode="widthFix" />
-      <div class="">您还没添加发票抬头</div>
+        </van-radio-group>
+      </div>
+      <div class="choose-invoice-header noData" v-else>
+        <div style="height: 30px"></div>
+        <img class="noDataImg" :src="noDataIcon" mode="widthFix" />
+        <div class="">您还没添加发票抬头</div>
+      </div>
     </div>
     <div class="footer">
       <div
@@ -148,7 +150,7 @@ export default {
   }
   .noData {
     position: relative;
-    top: 20%;
+    top: 80%;
     transform: translateY(-50%);
     color: #cccccc;
     text-align: center;

+ 40 - 39
src/pages/parkingFee/components/base/parkingReceipt/parkingHeaderDetail.vue

@@ -1,45 +1,46 @@
 <template>
   <scroll-view class="scroll-Y" scroll-y >
-<!--    <wx-points-commit ref='wxPointsCommit'></wx-points-commit>-->
-
-    <div class="part" v-if="header.invoiceTitleType === 0">
-      <div class="part-item">
-        <span class="part-item-key">抬头类型</span>
-        <div class="part-item-value">单位</div>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">抬头名称</span>
-        <span class="part-item-value">{{ header.invoiceTitleName }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">公司税号</span>
-        <span class="part-item-value">{{ header.corporationTax }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">公司地址</span>
-        <span class="part-item-value">{{ header.companyAddress }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">公司电话</span>
-        <span class="part-item-value">{{ header.companyTel }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">开户银行</span>
-        <span class="part-item-value">{{ header.depositBank }}</span>
-      </div>
-      <div class="part-item">
-        <span class="part-item-key">开户账户</span>
-        <span class="part-item-value">{{ header.accountNumber }}</span>
-      </div>
-    </div>
-    <div class="part" v-else>
-      <div class="part-item">
-        <span class="part-item-key">抬头类型</span>
-        <div class="part-item-value">个人/非企业单位</div>
+    <!-- <wx-points-commit ref='wxPointsCommit'></wx-points-commit> -->
+    <div>
+      <div class="part" v-if="header.invoiceTitleType === 0">
+        <div class="part-item">
+          <span class="part-item-key">抬头类型</span>
+          <div class="part-item-value">单位</div>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">抬头名称</span>
+          <span class="part-item-value">{{ header.invoiceTitleName }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">公司税号</span>
+          <span class="part-item-value">{{ header.corporationTax }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">公司地址</span>
+          <span class="part-item-value">{{ header.companyAddress }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">公司电话</span>
+          <span class="part-item-value">{{ header.companyTel }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">开户银行</span>
+          <span class="part-item-value">{{ header.depositBank }}</span>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">开户账户</span>
+          <span class="part-item-value">{{ header.accountNumber }}</span>
+        </div>
       </div>
-      <div class="part-item">
-        <span class="part-item-key">抬头名称</span>
-        <span class="part-item-value">{{ header.invoiceTitleName }}</span>
+      <div class="part" v-else>
+        <div class="part-item">
+          <span class="part-item-key">抬头类型</span>
+          <div class="part-item-value">个人/非企业单位</div>
+        </div>
+        <div class="part-item">
+          <span class="part-item-key">抬头名称</span>
+          <span class="part-item-value">{{ header.invoiceTitleName }}</span>
+        </div>
       </div>
     </div>
   </scroll-view>

+ 25 - 23
src/pages/parkingFee/components/base/parkingReceipt/parkingOrderDetail.vue

@@ -1,28 +1,30 @@
 <template>
   <scroll-view class="scroll-Y" scroll-y >
-<!--    <wx-points-commit ref='wxPointsCommit'></wx-points-commit>-->
-
-    <div class="order-price">
-      <div class="text">开票金额</div>
-      <div class="price">¥{{ parFee }}元</div>
-    </div>
-    <div class="tab-header">缴费订单总数 <sapn class="red">{{orderList.length}}单</sapn></div>
-    <div class="order-list">
-      <div class="order-item" v-for="(item, index) in orderList" :key="index" @click="gotoDetail(item)">
-        <!-- 0:停车缴费  1:活动报名 2:积分兑换 -->
-        <template>
-          <div class="item-header">
-            <div>{{ item.orderNo }}-{{ item.vehicleNo }}</div>
-            <div class="red">¥{{ item.totalPaidAmount }}</div>
-          </div>
-          <div class="item-bottom">
-            <div>{{ item.parkName }}</div>
-            <div>入场时间: {{ item.enterTime }}</div>
-            <div>停车时长: 停车时长: {{ item.serviceMin | parkingTime }}</div>
-          </div>
-        </template>
-        <!-- <template v-else-if="item.invoiceCategory === 1"></template>
-        <template v-else-if="item.invoiceCategory === 2"></template> -->
+    <div>
+      <div style="height:20px"></div>
+      <!-- <wx-points-commit ref='wxPointsCommit'></wx-points-commit> -->
+      <div class="order-price">
+        <div class="text">开票金额</div>
+        <div class="price">¥{{ parFee }}元</div>
+      </div>
+      <div class="tab-header">缴费订单总数 <sapn class="red">{{orderList.length}}单</sapn></div>
+      <div class="order-list">
+        <div class="order-item" v-for="(item, index) in orderList" :key="index" @click="gotoDetail(item)">
+          <!-- 0:停车缴费  1:活动报名 2:积分兑换 -->
+          <template>
+            <div class="item-header">
+              <div>{{ item.orderNo }}-{{ item.vehicleNo }}</div>
+              <div class="red">¥{{ item.totalPaidAmount }}</div>
+            </div>
+            <div class="item-bottom">
+              <div>{{ item.parkName }}</div>
+              <div>入场时间: {{ item.enterTime }}</div>
+              <div>停车时长: 停车时长: {{ item.serviceMin | parkingTime }}</div>
+            </div>
+          </template>
+          <!-- <template v-else-if="item.invoiceCategory === 1"></template>
+          <template v-else-if="item.invoiceCategory === 2"></template> -->
+        </div>
       </div>
     </div>
   </scroll-view>