发票列表与发票详情接口

src/views/myInvoice/components/HighSearch.vue

@@ -230,7 +230,7 @@ export default {
   },
   methods: {
     timeConfirm (data) {
-      this.time = data
+      this.moreSearchInfo.time = data
     },
     onSearchClick() {
       this.moreSearchShow = false

src/views/myInvoice/index.vue

 <template>
   <div id="myInvoice">
-    <my-invoice-list @gotoDetail="gotoDetail"/>
+    <my-invoice-list ref="invoiceList" @gotoDetail="gotoDetail"/>
     <high-search v-model="moreSearchShow" @onsearch="moreSearchConfirm" @onclean="moreSearchClean"/>
   </div>
 </template>
@@ -83,10 +83,10 @@ export default {
   methods: {
     // 跳转发票详情
     gotoDetail(model) {
-      // console.log()
+      console.log(model)
       this.$router.push({
         path: '/invoiecDetail',
-        query: this.$store.state.linkInfo
+        query: model
        });
     },
     onBrowserBack() {
@@ -107,11 +107,13 @@ export default {
     },
     // 高级搜索查询
     moreSearchConfirm(data) {
-      console.log('000000000')
+      console.log(data)
+      this.$refs.invoiceList[0].httpAction(this.moreSearchInfo)
     },
     // 高级搜索取消
     moreSearchClean(data) {
       this.moreSearchInfo = data;
+      this.$refs.invoiceList[0].httpAction(this.moreSearchInfo)
     },
     closeAppPage() {
       console.log('关闭页面')

src/views/myInvoice/invoiecDetail.vue

 <template>
   <div id="invoiecDetail">
     <div class="content">
-      <invoiec-head/>
+      <invoiec-head :invoiceItem="invoiceItem"/>
     </div>
     <div class="list">
-      <invoiec-detail-list/>
+      <invoiec-detail-list :invoiceItem="invoiceItem"/>
     </div>
     <!-- <high-search v-model="moreSearchShow" @onsearch="moreSearchConfirm" @onclean="moreSearchClean"/> -->
   </div>
@@ -12,6 +12,7 @@
 
 <script>
 import {getFormateDate} from '@/utils/common'
+import { getMyInvoiceList } from '@/api/myInvoice'
 import invoiecHead from './invoiecDetail/invoiecHead.vue'
 import invoiecDetailList from './invoiecDetail/invoiecDetailList.vue'
 export default {
@@ -22,6 +23,8 @@ export default {
   },
   data() {
     return {
+      currentPage: 1,
+      pageSize: 10,
       tabsTitle: [],
       moreSearchShow: false,
       activeTab: 'home',
@@ -36,7 +39,7 @@ export default {
           end: getFormateDate(new Date(), "yyyy-MM-dd"),
         },
       },
-      invoiceList: []
+      invoiceItem: {}
     }
   },
   computed: {
@@ -64,6 +67,7 @@ export default {
     })
     // 给window添加一个popstate事件，拦截返回键，执行this.onBrowserBack事件，addEventListener需要指向一个方法
     window.addEventListener('popstate', this.onBrowserBack, false)
+    this.getPostData()
   },
   destroyed() {
     // 当页面销毁必须要移除这个事件，vue不刷新页面，不移除会重复执行这个事件
@@ -93,6 +97,54 @@ export default {
     closeAppPage() {
       console.log('关闭页面')
       bridge.closeWindow_c()
+    },
+    getPostData() {
+      let _this = this
+      let data = {
+        'clientID': [
+        ],
+        'endDate': '2021-03-15',
+        'goodsCode': '',
+        'goodsDesc': '',
+        'goodsId': '',
+        'goodsName': '',
+        'goodsSpec': '',
+        'invoiceCode': '',
+        'invoiceDate': '',
+        'invoiceFullNo': '',
+        'invoiceNo': this.$route.query.invoiceNo,
+        'isTwoTicket': '',
+        'manufacturer': '',
+        'mdmClientCode': '',
+        'mdmGoodsCode': '',
+        'order': '',
+        'orderId': '',
+        'orderNo': '',
+        'pageNum': this.currentPage,
+        'pageSize': this.pageSize,
+        'sort': '',
+        'sourceDb': this.$route.query.sourceDb,
+        'startDate': '2021-03-08',
+        'supplierId': [
+        ]
+      }
+      getMyInvoiceList(data).then(rt => {
+        if (rt.data.code === '00000') {
+          if (rt.data.entity && rt.data.entity.invoiceList.length > 0) {
+            _this.invoiceItem = rt.data.entity.invoiceList[0]
+          }
+        } else {
+          _this.$toast(rt.data.message)
+        }
+        // 加载状态结束
+        _this.isLoading = false
+      }).catch(e => {
+        this.$toast('获取信息失败！')
+        _this.isRefreshing = false
+        _this.isLoading = false
+        _this.error = true
+        _this.finished = true
+      })
     }
   }
 }

src/views/myInvoice/invoiecDetail/invoiecDetailList.vue

 <template>
   <div id="invoiecDetailList">
     <div class="content">
-      <van-pull-refresh class="list" ref="supplierList" v-model="isRefreshing" @refresh="onRefresh">
+      <!-- <van-pull-refresh class="list" ref="supplierList" v-model="isRefreshing" @refresh="onRefresh">
         <van-list
           v-model="isLoading"
           :finished="finished"
           finished-text="没有更多了"
           :error.sync="error"
           error-text="请求失败，点击重新加载"
-          @load="onLoad">
+          @load="onLoad"> -->
           <div class="invoiceItem" @click="gotoDetail(item)"
-            v-for="(item, index) in invoiceList"
+            v-for="(item, index) in invoiceItem.goodsInfos"
             :key="index">
               <invoiec-list-item :item="item"/>
           </div>
-        </van-list>
-      </van-pull-refresh>
+        <!-- </van-list>
+      </van-pull-refresh> -->
     </div>
   </div>
 </template>
@@ -39,10 +39,18 @@ export default {
       error: false,
       logInfoShow: false,
       invoiceList: [],
-      invoiceItem: {},
       sphImage: require('@/assets/img/u48.png'),
     }
   },
+  props: {
+    invoiceItem: {
+      type: Object,
+      default: () => {
+        return {
+        }
+      }
+    }
+  },
   computed: {
     linkInfo () {
       return this.$store.state.linkInfo

src/views/myInvoice/invoiecDetail/invoiecHead.vue

@@ -2,32 +2,32 @@
   <div id="invoiecHead">
     <div class="content">
       <div class="taxIncluded">
-        <div class="taxAmount">￥377,898.00</div>
+        <div class="taxAmount">￥{{invoiceItem.totalTaxAmount}}</div>
         <div class="taxAmountSub">含税金额</div>
       </div>
       <div class="noTaxInfo">
         <div class="noTax">
-          <div class="noTaxAmount">￥377,000.00</div>
+          <div class="noTaxAmount">￥{{invoiceItem.totalTaxFreeAmount}}</div>
           <div class="noTaxAmountSub">无税金额</div>
         </div>
         <div class="taxNumber">
-          <div class="tax">￥377,000.00</div>
-          <div class="taxSub">无税金额</div>
+          <div class="tax">￥{{invoiceItem.totalTaxFee}}</div>
+          <div class="taxSub">税额</div>
         </div>
       </div>
       <van-divider :style="{ color: '#FFFFFF', borderColor: '#FFFFFF', margin: '10PX 0 10PX 0'}"/>
       <div class="invoiecInfo">
         <div class="cellInfo">
           <div class="title">发票号：</div>
-          <div class="info">837418787438178</div>
+          <div class="info">{{invoiceItem.invoiceNo}}</div>
         </div>
-        <div class="cellInfo">
+        <!-- <div class="cellInfo">
           <div class="title">发票代码：</div>
           <div class="info">837418787438178</div>
-        </div>
+        </div> -->
         <div class="cellInfo">
           <div class="title">发票日期：</div>
-          <div class="info">2020-11-13 09:00</div>
+          <div class="info">{{invoiceItem.invoiceDate}}</div>
         </div>
       </div>
     </div>
@@ -59,6 +59,15 @@ export default {
       invoiceList: []
     }
   },
+  props: {
+    invoiceItem: {
+      type: Object,
+      default: () => {
+        return {
+        }
+      }
+    }
+  },
   computed: {
     linkInfo () {
       return this.$store.state.linkInfo
@@ -87,7 +96,7 @@ export default {
 <style lang="scss" scoped>
   #invoiecHead {
     .content{
-      height: 270PX;
+      height: 250PX;
       width: 100%;
       background-color: $main1;
       padding: 10pX;

src/views/myInvoice/invoiecDetail/invoiecListItem.vue

@@ -3,44 +3,44 @@
     <div class="itemInfo">
       <div class="orderNum">
         <van-image fit="contain" width="45" height="50" :src="sphImage"/>
-        <div class="num">订单号：34678649876</div>
+        <div class="num">订单号：{{item.orderNo}}</div>
       </div>
       <div class="divider"></div>
       <div class="invoiecInfo">
-        <div class="name">[132521] 阿西匹林/0.25g*200s/浙江恒瑞制药有限公司</div>
+        <div class="name">[{{item.goodsId}}]{{item.goodsName}}/{{item.goodsSpec}}/{{item.manufacturer}}</div>
         <div class="cellInfo">
-          <div class="batch">批次号：200409</div>
-          <div class="numBer"> 开票数量：480</div>
+          <div class="batch">开票数量：{{item.invoiceQty}}</div>
+          <!-- <div class="numBer">开票数量：{{item.invoiceQty}}</div> -->
         </div>
         <van-divider :style="{ color: '#999999', borderColor: '#999999', margin: '5PX 0 5PX 0'}"/>
         <div class="cellInfo">
           <div class="leftInfo">
             <div class="title">无税单价：</div>
-            <div class="value">7.52</div>
+            <div class="value">{{item.taxFreePrice}}</div>
           </div>
           <div class="rightInfo">
             <div class="title">单品无税金额：</div>
-            <div class="value"> 3616.00</div>
+            <div class="value">{{item.taxFreeAmount}}</div>
           </div>
         </div>
         <div class="cellInfo">
           <div class="leftInfo">
             <div class="title">含税单价：</div>
-            <div class="value">7.52</div>
+            <div class="value">{{item.taxPrice}}</div>
           </div>
           <div class="rightInfo">
             <div class="title">单品含税金额：</div>
-            <div class="value"> 3616.00</div>
+            <div class="value">{{item.taxAmount}}</div>
           </div>
         </div>
         <div class="cellInfo">
           <div class="leftInfo">
             <div class="title">税率：</div>
-            <div class="value">7.52</div>
+            <div class="value">{{item.taxRate}}</div>
           </div>
           <div class="rightInfo">
             <div class="title">税额：</div>
-            <div class="value"> 3616.00</div>
+            <div class="value">{{item.taxFee}}</div>
           </div>
         </div>
       </div>

src/views/myInvoice/myInvoiceList.vue

@@ -24,6 +24,7 @@
 // 引入接口
 import { getMyInvoiceList } from '@/api/myInvoice'
 import myInvoiecListItem from './myInvoiecListItem.vue'
+import {getFormateDate} from '@/utils/common'
 export default {
   name: 'MyInvoiceList',
   components: {
@@ -40,6 +41,17 @@ export default {
       logInfoShow: false,
       invoiceList: [],
       invoiceItem: {},
+      moreSearchInfo: {
+        //接收搜索更多回传的数据
+        supplier: { comPartyId: "" }, //供应商ID
+        goods: { comGoodsId: "" }, //商品ID
+        orderNo: "", //订单编号
+        time: {
+          //起始时间
+          start: getFormateDate(new Date(), "yyyy-MM-dd"),
+          end: getFormateDate(new Date(), "yyyy-MM-dd"),
+        },
+      },
       sphImage: require('@/assets/img/u48.png'),
     }
   },
@@ -59,6 +71,11 @@ export default {
     // this.onLoad()
   },
   methods: {
+    // 高级搜索
+    httpAction(model) {
+      this.moreSearchInfo = model
+      this.onRefresh()
+    },
     gotoDetail(model) {
       // console.log(model)
       this.$emit('gotoDetail', model)
@@ -78,7 +95,7 @@ export default {
         'clientID': [
           '3168'
         ],
-        'endDate': '2021-03-15',
+        'endDate': this.moreSearchInfo.time.end,
         'goodsCode': '',
         'goodsDesc': '',
         'goodsId': '',
@@ -99,7 +116,7 @@ export default {
         'pageSize': this.pageSize,
         'sort': '',
         'sourceDb': 'SHYY',
-        'startDate': '2021-03-08',
+        'startDate': this.moreSearchInfo.time.start,
         'supplierId': [
           '305','879','301'
         ]
@@ -151,7 +168,7 @@ export default {
       padding: 10PX;
       -webkit-overflow-scrolling: touch;
       .invoiceItem{
-        height: 145PX;
+        // height: 145PX;
         background-color: white;
         margin-bottom: 10PX;
         border-radius: 10PX;

src/views/myInvoice/myInvoiecListItem.vue

@@ -2,26 +2,26 @@
   <div id="invoiecListItem">
     <div class="itemInfo">
       <div class="invoiecrNum">
-        <div class="company">浙江恒瑞制药公司</div>
-        <div class="time"><span>2020-11-13 09:00</span></div>
+        <div class="company">{{item.supplierName}}</div>
+        <div class="time"><span>{{item.invoiceDate}}</span></div>
       </div>
       <div class="divider"></div>
       <div class="invoiecrInfo">
         <div class="cellInfo">
           <div class="title">发票金额：</div>
-          <div class="info">￥<span class="price">377,899.00</span></div>
+          <div class="info">￥<span class="price">{{item.totalTaxAmount}}</span></div>
           <div class="btn">
             <van-button round plain size="mini" type="info">预览</van-button>
           </div>
         </div>
         <div class="cellInfo">
           <div class="title">发票号：</div>
-          <div class="info">XS837418787438178</div>
+          <div class="info">{{item.invoiceNo}}</div>
         </div>
-        <div class="cellInfo">
+        <!-- <div class="cellInfo">
           <div class="title">发票代号：</div>
           <div class="info">837418787438178</div>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>
@@ -86,19 +86,20 @@ export default {
         height: 40PX;
         margin: 0PX 10PX;
         .company{
-          width: 60%;
+          width: 70%;
           padding-left: 5PX;
           font-weight: 600;
         }
         .time{
-          width: 40%;
+          width: 30%;
           text-align: right
         }
       }
       .invoiecrInfo{
-        margin: 5PX 10PX;
+        // margin: 10PX;
+        padding: 5PX;
         // display: flex;
-        height: 110PX;
+        // height: 110PX;
         font-size: 15PX;
         .cellInfo{
           display: flex;

src/views/myOrder/orderInvoice/index.vue

@@ -69,7 +69,6 @@ export default {
     gotoDetail(model) {
       let item = this.$route.query
       item.invoiceNo = model.invoiceNo
-      console.log()
       this.$router.push({
         path: '/orderInvoiecDetail',
         query: item

src/views/myOrder/orderInvoice/invoiecDetail/orderInvoiecDetailList.vue

@@ -39,7 +39,7 @@ export default {
       error: false,
       logInfoShow: false,
       invoiceList: [],
-      invoiceItem: {},
+      // invoiceItem: {},
       sphImage: require('@/assets/img/u48.png'),
     }
   },