代码修改及骨架屏

packageA/invoice/detail.js

@@ -1,6 +1,7 @@
 const _Http = getApp().globalData.http;
 
 Page({
+    loading: true,
     data: {
         tabsActive: 2,
         sa_invoiceapplyid: "",
@@ -14,6 +15,10 @@ Page({
             label: "开票明细",
             icon: "icon-tabchanpin",
             model: "#DetailLine"
+        }, {
+            label: "发票",
+            icon: "icon-tabchanpin",
+            model: "#InvoiceList"
         }]
     },
     onLoad(options) {
@@ -36,7 +41,8 @@ Page({
                 icon: "none"
             })
             this.setData({
-                detail: res.data
+                detail: res.data,
+                loading: false
             });
             this.setPreview();
             this.partialRenewal();
@@ -123,6 +129,15 @@ Page({
             riseLine
         })
     },
+    //tabs 切换
+    tabsChange({
+        detail
+    }) {
+        this.setData({
+            tabsActive: detail
+        });
+        this.partialRenewal();
+    },
     //局部数据更新 tabs
     partialRenewal(init = false) {
         let model = this.data.tabsList[this.data.tabsActive].model;
@@ -181,7 +196,7 @@ Page({
     },
     onUnload() {
         let page = getCurrentPages().find(v => v.__route__ == 'packageA/invoice/index');
-        let content = page.data.content;
+        let content = JSON.parse(JSON.stringify(page.data.content));
         content.pageNumber = 1;
         content.pageSize = page.data.list.length;
         _Http.basic({

packageA/invoice/detail.json

@@ -2,6 +2,7 @@
   "usingComponents": {
     "Preview": "../shipment/modules/preview/index",
     "HeaderDetails": "./modules/headerDetails/index",
-    "DetailLine": "./modules/detailLine/index"
+    "DetailLine": "./modules/detailLine/index",
+    "InvoiceList": "./modules/InvoiceList/index"
   }
 }

packageA/invoice/detail.scss

@@ -1,3 +1,4 @@
+@import "./detail.skeleton.wxss";
 .intr {
     position: relative;
     width: 100vw;

packageA/invoice/detail.skeleton.wxml

@@ -0,0 +1,108 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/1/31上午10:15:32
+使用方法：
+在 E:\云链项目\e-wechat\packageA\invoice\detail.wxml 引入模板
+
+```
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 E:\云链项目\e-wechat\packageA\invoice\detail.wxss 中引入样式
+```
+@import "./detail.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="intr">
+      <view class="num sk-transparent sk-text-10-0000-246 sk-text">
+        IB2023010400001
+      </view>
+      <view class="exp sk-transparent sk-text-11-7647-236 sk-text">状态：审核</view>
+      <view class="exp sk-transparent sk-text-11-7647-536 sk-text">创建日期：2023-01-04 11:03:54</view>
+      <view class="exp sk-transparent sk-text-11-7647-584 sk-text">开票单位：嘉兴市1号有限公司</view>
+      <view class="exp sk-transparent sk-text-11-7647-620 sk-text">备注：--</view>
+    </view>
+    <view is="components/Yl_FunTabs/index">
+      <scroll-view enable-flex="true" enable-passive="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
+        <view class="item FunTabs-index--item" data-index="0">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-956 sk-text" style="background-position-x: 50%;">详细信息</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="1">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-274 sk-text" style="background-position-x: 50%;">开票单位</view>
+        </view>
+        <view class="item FunTabs-index--item active FunTabs-index--active" data-index="2" id="b1a74e56--active2">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-446 sk-text" style="background-position-x: 50%;">开票明细</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="3">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-865 sk-text" style="background-position-x: 50%;">发票</view>
+        </view>
+      </scroll-view>
+      <view class="slot-box FunTabs-index--slot-box">
+        <view is="packageA/invoice/modules/detailLine/index" id="DetailLine">
+          <view class="detailLine-index--head">
+            <view class="detailLine-index--count sk-transparent sk-text-14-2857-696 sk-text">开票订单行</view>
+            <view class="detailLine-index--expand"></view>
+          </view>
+          <view is="packageA/invoice/modules/detailLine/list/index">
+            <view class="product-item list-index--product-item">
+              <navigator class="product list-index--product" data-item="[object Object]">
+                <view class="mian list-index--mian">
+                  <view class="img list-index--img" data-file="[object Object],[object Object],[object Object],[object Object]">
+                    <view is="miniprogram_npm/@vant/weapp/image/index">
+                      <view class=" van-image image-index--van-image" style="width:100%;height:100%">
+                        <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="dec list-index--dec">
+                    <view class="title list-index--title">
+                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-2857-23 sk-text">测试新增</text>
+                    </view>
+                    <view class="subfield list-index--subfield sk-transparent sk-text-14-7059-728 sk-text">
+                      标准订单：SO202211300013
+                    </view>
+                    <view class="subfield list-index--subfield sk-transparent sk-text-14-7059-18 sk-text">
+                      可开票金额：300元
+                    </view>
+                    <view class="subfield list-index--subfield">
+                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-840 sk-text" style="margin-right: 3px;">型号：S</text>
+                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-329 sk-text">规格： --</text>
+                    </view>
+                  </view>
+                </view>
+              </navigator>
+              <view class="bot list-index--bot">
+                <view class="row list-index--row">
+                  <view>
+                    <view class="label list-index--label sk-transparent sk-text-14-2857-380 sk-text">开票金额(元)：</view>
+                    <view class="input list-index--input sk-image" data-data="[object Object]" disabled="true" style="width: 120px;" type="digit" value="300"></view>
+                  </view>
+                  <view style="flex: 1; justify-content: flex-end;">
+                    <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-14-2857-145 sk-text">开票数量：1千克</view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view style="height: 70px;"></view>
+      </view>
+    </view>
+  </view>
+</template>

packageA/invoice/detail.skeleton.wxss

@@ -0,0 +1,129 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/1/31上午10:15:32
+
+在 E:\云链项目\e-wechat\packageA\invoice\detail.wxss 中引入样式
+```
+@import "./detail.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-10-0000-246 {
+    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text {
+    background-origin: content-box !important;
+    background-clip: content-box !important;
+    background-color: transparent !important;
+    color: transparent !important;
+    background-repeat: repeat-y !important;
+  }
+.sk-text-11-7647-236 {
+    background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-11-7647-536 {
+    background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-11-7647-584 {
+    background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-11-7647-620 {
+    background-image: linear-gradient(transparent 11.7647%, #EEEEEE 0%, #EEEEEE 88.2353%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-956 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-274 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-446 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-865 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-696 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-23 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-728 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-18 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-840 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-329 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-380 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-145 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/invoice/detail.wxml

@@ -1,3 +1,5 @@
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
 <view class="intr">
 	<view class="num">
 		{{detail.billno}}
@@ -10,10 +12,11 @@
 <Yl_FunTabs list='{{tabsList}}' active='{{tabsActive}}' bind:onChenge="tabsChange">
 	<Preview slot='详细信息' list1='{{list1}}' list2='{{list2}}' />
 	<HeaderDetails slot='开票单位' list="{{riseLine}}" />
-	<DetailLine slot='开票明细' id='DetailLine' />
+	<DetailLine slot='开票明细' id='DetailLine' disabled='{{detail.status!="新建"}}' />
+	<InvoiceList slot='发票' id='InvoiceList' />
 	<view style="height: 140rpx;" />
 </Yl_FunTabs>
 
-<view class="footer">
+<view class="footer" wx:if="{{detail.status=='新建'}}">
 	<van-button custom-class='but' bind:click="submit">提交申请单</van-button>
 </view>

packageA/invoice/index.js

@@ -1,97 +1,97 @@
 const _Http = getApp().globalData.http;
 
 Page({
-  data: {
-    loading: true,
-    active: "新建",
-    "content": {
-      nocache: true,
-      "pageNumber": 1,
-      "pageTotal": 1,
-      "pageSize": 20,
-      total: 0,
-      "where": {
-        "condition": "",
-      },
-      sort: []
+    data: {
+        loading: true,
+        active: "新建",
+        "content": {
+            nocache: true,
+            "pageNumber": 1,
+            "pageTotal": 1,
+            "pageSize": 20,
+            total: 0,
+            "where": {
+                "condition": "",
+            },
+            sort: []
+        },
+        filter: [{
+            label: "品牌",
+            index: null,
+            showName: "brandname", //显示字段
+            valueKey: "brandname", //返回Key
+            selectKey: "brandname", //传参 代表选着字段 不传参返回整个选择对象
+            value: "", //选中值
+            list: []
+        }, {
+            label: "领域",
+            index: null,
+            showName: "tradefield", //显示字段
+            valueKey: "tradefield", //返回Key
+            selectKey: "tradefield", //传参 代表选着字段 不传参返回整个选择对象
+            value: "", //选中值
+            list: []
+        }]
+    },
+    onLoad(options) {
+        this.getList(true)
+    },
+    /* 处理筛选 */
+    handleFilter({
+        detail
+    }) {
+        console.log(detail)
+    },
+    getList(init = false) {
+        if (init.detail != undefined) init = init.detail;
+        let content = this.data.content;
+        if (init) content.pageNumber = 1;
+        if (content.pageNumber > content.pageTotal) return;
+        content.where.status = this.data.active;
+        _Http.basic({
+            "id": 20221219133703, //20221216143103
+            "version": 1,
+            content
+        }).then(res => {
+            console.log("开票申请列表", res)
+            this.selectComponent('#ListBox').RefreshToComplete();
+            this.setData({
+                list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data),
+                "content.pageNumber": res.pageNumber + 1,
+                "content.pageTotal": res.pageTotal,
+                "content.sort": res.sort,
+                "content.total": res.total,
+                loading: false
+            })
+        })
+    },
+    /* 去新增 */
+    toAdd() {
+        wx.navigateTo({
+            url: '/packageA/invoice/update'
+        })
+    },
+    /* 搜索 */
+    onSearch({
+        detail
+    }) {
+        this.setData({
+            "content.where.condition": detail
+        });
+        this.getList(true)
+    },
+    /* 切换tabs */
+    tabsChange(e) {
+        this.setData({
+            active: e.detail.name
+        });
+        this.getList(true);
+    },
+    onReady() {
+        this.setListHeight()
+    },
+    /* 设置页面高度 */
+    setListHeight() {
+        this.selectComponent("#ListBox").setHeight(".total", this);
     },
-    filter: [{
-      label: "品牌",
-      index: null,
-      showName: "brandname", //显示字段
-      valueKey: "brandname", //返回Key
-      selectKey: "brandname", //传参 代表选着字段 不传参返回整个选择对象
-      value: "", //选中值
-      list: []
-    }, {
-      label: "领域",
-      index: null,
-      showName: "tradefield", //显示字段
-      valueKey: "tradefield", //返回Key
-      selectKey: "tradefield", //传参 代表选着字段 不传参返回整个选择对象
-      value: "", //选中值
-      list: []
-    }]
-  },
-  onLoad(options) {
-    this.getList(true)
-  },
-  /* 处理筛选 */
-  handleFilter({
-    detail
-  }) {
-    console.log(detail)
-  },
-  getList(init = false) {
-    if (init.detail != undefined) init = init.detail;
-    let content = this.data.content;
-    if (init) content.pageNumber = 1;
-    if (content.pageNumber > content.pageTotal) return;
-    content.where.status = this.data.active;
-    _Http.basic({
-      "id": 20221219133703,
-      "version": 1,
-      content
-    }).then(res => {
-      console.log("开票申请列表", res)
-      this.selectComponent('#ListBox').RefreshToComplete();
-      this.setData({
-        list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data),
-        "content.pageNumber": res.pageNumber + 1,
-        "content.pageTotal": res.pageTotal,
-        "content.sort": res.sort,
-        "content.total": res.total,
-        loading: false
-      })
-    })
-  },
-  /* 去新增 */
-  toAdd(){
-    wx.navigateTo({
-      url: '/packageA/invoice/update'
-    })
-  },
-  /* 搜索 */
-  onSearch({
-    detail
-  }) {
-    this.setData({
-      "content.where.condition": detail
-    });
-    this.getList(true)
-  },
-  /* 切换tabs */
-  tabsChange(e) {
-    this.setData({
-      active: e.detail.name
-    });
-    this.getList(true);
-  },
-  onReady() {
-    this.setListHeight()
-  },
-  /* 设置页面高度 */
-  setListHeight() {
-    this.selectComponent("#ListBox").setHeight(".total", this);
-  },
 })

packageA/invoice/index.scss

@@ -0,0 +1 @@
+@import "./index.skeleton.wxss";

packageA/invoice/index.skeleton.wxml

@@ -0,0 +1,166 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/1/31上午10:14:33
+使用方法：
+在 E:\云链项目\e-wechat\packageA\invoice\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 E:\云链项目\e-wechat\packageA\invoice\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view is="components/Yl_HeadNav/index">
+      <view class="Yl_head_1 HeadNav-index--Yl_head_1">
+        <view class="search HeadNav-index--search">
+          <view class="iconfont HeadNav-index--iconfont icon-a-sousuolansousuo HeadNav-index--icon-a-sousuolansousuo sk-pseudo sk-pseudo-circle" style="padding-left:10px;margin-right: 5px;"></view>
+          <view class="input HeadNav-index--input sk-image" placeholder="搜索" style="flex: 1;" type="text" value="true"></view>
+        </view>
+        <navigator class="but HeadNav-index--but sk-transparent" data-id="sort">
+          <text class="iconfont HeadNav-index--iconfont icon-shengxu HeadNav-index--icon-shengxu sk-pseudo sk-pseudo-circle"></text>排序</navigator>
+        <navigator class="but HeadNav-index--but sk-transparent" data-id="filtrate">
+          <text class="iconfont HeadNav-index--iconfont icon-shaixuan HeadNav-index--icon-shaixuan sk-pseudo sk-pseudo-circle"></text>筛选</navigator>
+      </view>
+      <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
+      <view is="miniprogram_npm/@vant/weapp/popup/index">
+        <view is="miniprogram_npm/@vant/weapp/overlay/index">
+          <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
+        </view>
+      </view>
+    </view>
+    <view is="miniprogram_npm/@vant/weapp/tabs/index">
+      <view class=" van-tabs tabs-index--van-tabs van-tabs--line tabs-index--van-tabs--line">
+        <view is="miniprogram_npm/@vant/weapp/sticky/index">
+          <view class=" van-sticky sticky-index--van-sticky" style="z-index:1">
+            <view class="van-sticky-wrap sticky-index--van-sticky-wrap" style="z-index:1">
+              <view class="van-tabs__wrap tabs-index--van-tabs__wrap ">
+                <scroll-view class="van-tabs__scroll tabs-index--van-tabs__scroll van-tabs__scroll--line tabs-index--van-tabs__scroll--line" scroll-left="0" style="border-color: var(--assist)">
+                  <view class="van-tabs__nav tabs-index--van-tabs__nav van-tabs__nav--line tabs-index--van-tabs__nav--line " style="true">
+                    <view class="van-tabs__line tabs-index--van-tabs__line" style="width:40px;opacity:1;transform:translateX(42.5px);-webkit-transform:translateX(42.5px);background-color:var(--assist);transition-duration:0.3s;-webkit-transition-duration:0.3s"></view>
+                    <view class="  van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab van-tab--active tabs-index--van-tab--active" data-index="0" style="color:var(--assist)">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-889 sk-text" style="background-position-x: 50%;">
+                        新建
+                      </view>
+                    </view>
+                    <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="1" style="true">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-70 sk-text" style="background-position-x: 50%;">
+                        提交
+                      </view>
+                    </view>
+                    <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="2" style="true">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-173 sk-text" style="background-position-x: 50%;">
+                        审核
+                      </view>
+                    </view>
+                  </view>
+                </scroll-view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="van-tabs__content tabs-index--van-tabs__content">
+          <view class="van-tabs__track tabs-index--van-tabs__track van-tabs__track tabs-index--van-tabs__track" style="true">
+            <view is="miniprogram_npm/@vant/weapp/tab/index">
+              <view class=" van-tab__pane tab-index--van-tab__pane van-tab__pane--active tab-index--van-tab__pane--active" style="true"></view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/tab/index"></view>
+            <view is="miniprogram_npm/@vant/weapp/tab/index"></view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="total" style="height: 10px;"></view>
+    <view is="components/Yl_ListBox/index" id="ListBox">
+      <scroll-view scroll-y="true" class="ListBox-index--scroll-view" refresher-enabled="true" style="height: 620px;">
+        <view is="packageA/invoice/modules/list/index">
+          <navigator class="list-index--item">
+            <view class="list-index--top sk-transparent">
+              提交日期： --
+              <text class="sk-transparent sk-text-14-2857-165 sk-text">新建</text>
+            </view>
+            <view class="list-index--content">
+              <view class="list-index--num sk-transparent sk-text-15-0000-925 sk-text">
+                申请单号：IB2023012900003
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-191 sk-text">
+                税号：000303030
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-425 sk-text">
+                开票单位：测试购物车开票
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-938 sk-text">
+                开票地址：测试购物车开票
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-423 sk-text">
+                开票订单金额：20
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-443 sk-text">
+                审核时间： --
+              </view>
+            </view>
+          </navigator>
+          <navigator class="list-index--item">
+            <view class="list-index--top sk-transparent">
+              提交日期： --
+              <text class="sk-transparent sk-text-14-2857-679 sk-text">新建</text>
+            </view>
+            <view class="list-index--content">
+              <view class="list-index--num sk-transparent sk-text-15-0000-116 sk-text">
+                申请单号：IB2023013000001
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-372 sk-text">
+                税号：2500738956
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-434 sk-text">
+                开票单位：123
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-869 sk-text">
+                开票地址：天心街道
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-516 sk-text">
+                开票订单金额： --
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-192 sk-text">
+                审核时间： --
+              </view>
+            </view>
+          </navigator>
+          <navigator class="list-index--item">
+            <view class="list-index--top sk-transparent">
+              提交日期： --
+              <text class="sk-transparent sk-text-14-2857-359 sk-text">新建</text>
+            </view>
+            <view class="list-index--content">
+              <view class="list-index--num sk-transparent sk-text-15-0000-430 sk-text">
+                申请单号：IB2023013000002
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-142 sk-text">
+                税号：2500738956
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-921 sk-text">
+                开票单位：123
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-154 sk-text">
+                开票地址：天心街道
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-125 sk-text">
+                开票订单金额： --
+              </view>
+              <view class="list-index--exp sk-transparent sk-text-14-2857-832 sk-text">
+                审核时间： --
+              </view>
+            </view>
+          </navigator>
+        </view>
+        <view class="ListBox-index--safety"></view>
+      </scroll-view>
+    </view>
+  </view>
+</template>

packageA/invoice/index.skeleton.wxss

@@ -0,0 +1,164 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/1/31上午10:14:33
+
+在 E:\云链项目\e-wechat\packageA\invoice\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-34-0909-889 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 88.0000rpx;
+    position: relative !important;
+  }
+.sk-text {
+    background-origin: content-box !important;
+    background-clip: content-box !important;
+    background-color: transparent !important;
+    color: transparent !important;
+    background-repeat: repeat-y !important;
+  }
+.sk-text-34-0909-70 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 88.0000rpx;
+    position: relative !important;
+  }
+.sk-text-34-0909-173 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 88.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-165 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-925 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-191 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-425 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-938 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-423 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-443 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-679 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-116 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-372 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-434 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-869 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-516 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-192 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-359 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-430 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-142 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-921 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-154 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-125 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-832 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/invoice/index.wxml

@@ -1,4 +1,4 @@
-<import src="index.skeleton.wxml" />
+<import src="index.skeleton.wxml"/>
 <template is="skeleton" wx:if="{{loading}}" />
 <Yl_HeadNav styleType="1" sort='{{content.sort}}' placeholder='搜索' bindonSearch="onSearch" />
 <van-tabs active="{{ active }}" color='var(--assist)' title-active-color='var(--assist)' bind:change="tabsChange">

packageA/invoice/modules/detailLine/index.js

@@ -1,6 +1,9 @@
 const _Http = getApp().globalData.http,
   file = require("../../../../utils/FormatTheAttachment");
 Component({
+  properties: {
+    disabled: Boolean
+  },
   data: {
     sa_invoiceapplyid: 0,
     "content": {