销售线索列表详情添加骨架屏，优化代理人逻辑

packageA/saleClue/detail.js

@@ -6,6 +6,7 @@ const _Http = getApp().globalData.http,
     }).format();
 Page({
     data: {
+        loading: true,
         isLeader: false, //是否为负责人
         tabsActive: 0, //tabs 选中项
         sat_orderclueid: "",
@@ -59,6 +60,7 @@ Page({
                 icon: "none"
             });
             this.setData({
+                loading: false,
                 detail: res.data,
                 briefs: [{
                         label: "联系人",
@@ -208,7 +210,7 @@ Page({
             } else {
                 getApp().agentOrNot("sat_orderclue", this.data.sat_orderclueid).then(({
                     data
-                }) => this.setTabbarList(data == 1, res))
+                }) => this.setTabbarList(data.editable == 1, res, data.editdataleader == 1))
             }
         })
 
@@ -219,7 +221,7 @@ Page({
      * @param {*} isLeader 是否为负责人或代理人
      * @param {object} res 
      */
-    setTabbarList(isLeader, res) {
+    setTabbarList(isLeader, res, editdataleader = true) {
         let tabbarList = [{
             icon: "icon-genjin",
             label: "跟进"
@@ -233,14 +235,15 @@ Page({
         }, {
             icon: "icon-dibu-zhuanhuan",
             label: "转化客户"
-        }, {
+        }]);
+        if (editdataleader) tabbarList.push({
             icon: "icon-zhuanyi",
             label: "更换负责人"
-        }, {
+        })
+        tabbarList.push({
             icon: "icon-dibu-jieshu",
             label: "作废"
-        }]);
-
+        })
         if (isLeader) {
             tabbarList.push({
                 icon: "icon-dibu-wuxiao",
@@ -420,7 +423,6 @@ Page({
             }
         })
     },
-    onShareAppMessage() {},
     /* 完成情况说明输入 */
     areaInput(e) {
         this.setData({

packageA/saleClue/detail.scss

@@ -1,3 +1,5 @@
+@import "./detail.skeleton.wxss";
+
 .header {
     background-color: #fff;
     padding: 20rpx 30rpx 0rpx;

packageA/saleClue/detail.skeleton.wxml

@@ -0,0 +1,206 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:49:27
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\saleClue\detail.wxml 引入模板
+
+```
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\saleClue\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="header">
+      <view class="title sk-transparent sk-text-14-2857-467 sk-text">深圳市海美特科技有限公司</view>
+      <view is="pages/tags/modules/Yl-tags/index" id="Tags">
+        <view class="tags-index--tag-box">
+          <view class="tags-index--add sk-transparent">
+            <view is="miniprogram_npm/@vant/weapp/icon/index" style="margin-right: 3px;">
+              <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
+            </view>添加
+          </view>
+        </view>
+      </view>
+    </view>
+    <view is="components/Yl_Detail/index">
+      <view class="Detail-index--box">
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-147 sk-text">联系人：</view>
+          <view class="Detail-index--value sk-transparent sk-opacity">--</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-352 sk-text">手机号：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-162 sk-text">18787264983</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-889 sk-text">市场活动：</view>
+          <view class="Detail-index--value sk-transparent sk-opacity">--</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-763 sk-text">领域：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-468 sk-text">燃气</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-936 sk-text">负责人：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-435 sk-text">缪宇鸣</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-789 sk-text">分配状态：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-726 sk-text">已分配</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-936 sk-text">跟进状态：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-981 sk-text">待跟进</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-844 sk-text">跟进次数：</view>
+          <view class="Detail-index--value sk-transparent sk-opacity">0</view>
+        </view>
+        <view is="pages/group/modules/Yl-group/index" id="Group">
+          <navigator class="group-box Yl-group-index--group-box">
+            <view class="label Yl-group-index--label sk-transparent sk-text-14-2857-902 sk-text">
+              团队：
+            </view>
+            <view class="list Yl-group-index--list">
+              <view class="item Yl-group-index--item">
+                <view class="sk-transparent sk-text-28-1250-590 sk-text" style="background-position-x: 50%;">
+                  缪
+                </view>
+                <text class="iconfont Yl-group-index--iconfont icon-fuzeren Yl-group-index--icon-fuzeren sk-pseudo sk-pseudo-circle"></text>
+              </view>
+            </view>
+            <view class="right Yl-group-index--right">
+              <view>
+                <view is="miniprogram_npm/@vant/weapp/icon/index">
+                  <view class="van-icon icon-index--van-icon van-icon-arrow icon-index--van-icon-arrow sk-pseudo sk-pseudo-circle" style="font-size:10px"></view>
+                </view>
+              </view>
+            </view>
+          </navigator>
+        </view>
+      </view>
+    </view>
+    <view style="height: 10px;"></view>
+    <view is="components/Yl_FunTabs/index">
+      <scroll-view enable-flex="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
+        <view class="item FunTabs-index--item active FunTabs-index--active" data-index="0" id="3e3045b4--active0">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabxiangxixinxi1 FunTabs-index--icon-tabxiangxixinxi1 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-183 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-tabgenjinjilu FunTabs-index--icon-tabgenjinjilu 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-151 sk-text" style="background-position-x: 50%;">跟进记录</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="2">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabcaozuojilu1 FunTabs-index--icon-tabcaozuojilu1 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-39 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-tabgenjinjilu FunTabs-index--icon-tabgenjinjilu 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-154 sk-text" style="background-position-x: 50%;">跟进动态</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="4"></view>
+      </scroll-view>
+      <view class="slot-box FunTabs-index--slot-box">
+        <view is="packageA/setclient/modules/preview/index">
+          <view is="components/Yl_Headline/index">
+            <view class="Headline-index--box">
+              <view class="Headline-index--title sk-transparent sk-text-14-2857-522 sk-text">基本信息</view>
+              <view class="Headline-index--rep">
+                <view class="Headline-index--switch">
+                  <text class="sk-transparent sk-text-33-3333-905 sk-text">仅显示已填信息</text>
+                  <view is="miniprogram_npm/@vant/weapp/switch/index">
+                    <view class="van-switch weapp-switch-index--van-switch " style="font-size:22px">
+                      <view class="van-switch__node weapp-switch-index--van-switch__node "></view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+          <view is="components/Yl_ReportForms/index">
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-230 sk-text">客户(企业)</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-564 sk-text">深圳市海美特科技有限公司</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-199 sk-text">联系人</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-254 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-920 sk-text">手机号码</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-46 sk-text">18787264983</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-206 sk-text">微信</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-652 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-385 sk-text">省市县</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-417 sk-text">广东省深圳市宝安区</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-567 sk-text">地址</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-802 sk-text">深圳市宝安区航城街道草围社区龟山路13号701</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-339 sk-text">项目名称</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-796 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-206 sk-text">项目规模</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-408 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>

packageA/saleClue/detail.skeleton.wxss

@@ -0,0 +1,224 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:49:27
+
+在 D:\开发项目\YOS_wechat\packageA\saleClue\detail.wxss 中引入样式
+```
+@import "./detail.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-467 {
+    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 {
+    background-origin: content-box !important;
+    background-clip: content-box !important;
+    background-color: transparent !important;
+    color: transparent !important;
+    background-repeat: repeat-y !important;
+  }
+.sk-text-14-7059-147 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-opacity {
+    opacity: 0 !important;
+  }
+.sk-text-14-7059-352 {
+    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-162 {
+    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-889 {
+    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-763 {
+    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-468 {
+    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-936 {
+    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-435 {
+    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-789 {
+    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-726 {
+    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-981 {
+    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-844 {
+    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-902 {
+    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-28-1250-590 {
+    background-image: linear-gradient(transparent 28.1250%, #EEEEEE 0%, #EEEEEE 71.8750%, transparent 0%) !important;
+    background-size: 100% 64.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-183 {
+    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-151 {
+    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-39 {
+    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-522 {
+    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-33-3333-905 {
+    background-image: linear-gradient(transparent 33.3333%, #EEEEEE 0%, #EEEEEE 66.6667%, transparent 0%) !important;
+    background-size: 100% 84.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-230 {
+    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-2857-564 {
+    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-2857-199 {
+    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-2857-254 {
+    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-2857-920 {
+    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-2857-46 {
+    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-2857-206 {
+    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-2857-652 {
+    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-2857-385 {
+    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-2857-417 {
+    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-2857-567 {
+    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-2857-802 {
+    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-2857-339 {
+    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-2857-796 {
+    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-2857-408 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    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-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/saleClue/detail.wxml

@@ -1,3 +1,5 @@
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
 <view class="header">
     <view class="title">{{detail.enterprisename_customer}}</view>
     <Yl-tags id="Tags" add ownertable='sat_orderclue' ownerid='{{sat_orderclueid}}' />

packageA/saleClue/index.js

@@ -5,6 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
+        loading: true,
         navList: [{
             label: "我负责的",
             icon: "icon-webxialaxuanxiangjiantou",
@@ -85,6 +86,7 @@ Page({
                 return v
             })
             this.setData({
+                loading: false,
                 'content.pageNumber': res.pageNumber + 1,
                 'content.pageTotal': res.pageTotal,
                 'content.total': res.total,

packageA/saleClue/index.scss

@@ -1,4 +1,5 @@
 @import "../../components/Yl_filtrate/groud.scss";
+@import "./index.skeleton.wxss";
 
 page {
     height: 100vh;

packageA/saleClue/index.skeleton.wxml

@@ -0,0 +1,150 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:47:50
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\saleClue\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\saleClue\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_nav/index">
+      <view class="Yl_nav_box nav-index--Yl_nav_box">
+        <view class="mian nav-index--mian">
+          <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
+            <text class="iconfont nav-index--iconfont icon-webxialaxuanxiangjiantou nav-index--icon-webxialaxuanxiangjiantou sk-pseudo sk-pseudo-circle" style="color: ;"></text>
+            <text class="label nav-index--label sk-transparent sk-text-34-4444-636 sk-text" style="background-position-x: 50%;">站点全部</text>
+          </navigator>
+          <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
+            <text class="iconfont nav-index--iconfont icon-jiangxu1 nav-index--icon-jiangxu1 sk-pseudo sk-pseudo-circle" style="color: ;"></text>
+            <text class="label nav-index--label sk-transparent sk-text-34-4444-422 sk-text" style="background-position-x: 50%;">排序</text>
+          </navigator>
+          <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
+            <text class="iconfont nav-index--iconfont icon-shaixuan nav-index--icon-shaixuan sk-pseudo sk-pseudo-circle" style="color: ;"></text>
+            <text class="label nav-index--label sk-transparent sk-text-34-4444-16 sk-text" style="background-position-x: 50%;">筛选</text>
+          </navigator>
+        </view>
+        <navigator class="search nav-index--search">
+          <text class="iconfont nav-index--iconfont icon-a-sousuolansousuo nav-index--icon-a-sousuolansousuo sk-pseudo sk-pseudo-circle" style="color: ;"></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/action-sheet/index">
+      <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 class="total sk-transparent sk-text-31-2500-315 sk-text">共62个</view>
+    <view is="components/Yl_filtrate/index">
+      <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="components/Yl_FloatingButton/index">
+      <view class="FloatingButton-index--float-box" style="top: 550px; left: 345px; z-index:99;">
+        <image data-title="新建线索" style="width: 80px; height: 80px; transform: translate(-50%,-50%);" class="sk-image"></image>
+      </view>
+    </view>
+    <view is="components/Yl_ListBox/index" id="ListBox">
+      <scroll-view scroll-y="true" class="ListBox-index--scroll-view" lower-threshold="300" refresher-enabled="true" style="height: 646px;">
+        <view is="packageA/saleClue/modules/list/list">
+          <navigator class="list--offer-list">
+            <view class="list--title">
+              <text class="list--line-1 sk-transparent sk-text-14-2857-372 sk-text">测试变更负责人</text>
+              <view class="list--status sk-transparent sk-text-20-0000-657 sk-text" style="background-color: #FA8C16;">待跟进</view>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-205 sk-text">省市县：--</view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-139 sk-text">市场活动:--</view>
+            <view class="list--exp list--line-1 sk-transparent">联系人:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">手机号:
+              <text class="sk-transparent sk-text-14-2857-52 sk-text">18723654785</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">来源:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+          </navigator>
+          <navigator class="list--offer-list">
+            <view class="list--title">
+              <text class="list--line-1 sk-transparent sk-text-14-2857-528 sk-text">嘉兴市安全生产培训股份有限公司</text>
+              <view class="list--status sk-transparent sk-text-20-0000-22 sk-text" style="background-color: #FA8C16;">待跟进</view>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-918 sk-text">省市县：浙江省嘉兴市南湖区</view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-323 sk-text">市场活动:--</view>
+            <view class="list--exp list--line-1 sk-transparent">联系人:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">手机号:
+              <text class="sk-transparent sk-text-14-2857-162 sk-text">18723647858</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">来源:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+          </navigator>
+          <navigator class="list--offer-list">
+            <view class="list--title">
+              <text class="list--line-1 sk-transparent sk-text-14-2857-257 sk-text">111</text>
+              <view class="list--status sk-transparent sk-text-20-0000-411 sk-text" style="background-color: #FA8C16;">待跟进</view>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-650 sk-text">省市县：--</view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-946 sk-text">市场活动:--</view>
+            <view class="list--exp list--line-1 sk-transparent">联系人:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">手机号:
+              <text class="sk-transparent sk-text-14-2857-759 sk-text">15787456985</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">来源:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+          </navigator>
+          <navigator class="list--offer-list">
+            <view class="list--title">
+              <text class="list--line-1 sk-transparent sk-text-14-2857-677 sk-text">深圳市海美特科技有限公司</text>
+              <view class="list--status sk-transparent sk-text-20-0000-634 sk-text" style="background-color: #FA8C16;">待跟进</view>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-302 sk-text">省市县：广东省深圳市宝安区</view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-823 sk-text">市场活动:--</view>
+            <view class="list--exp list--line-1 sk-transparent">联系人:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">手机号:
+              <text class="sk-transparent sk-text-14-2857-444 sk-text">18787264983</text>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent">来源:
+              <text class="sk-transparent sk-opacity">--</text>
+            </view>
+          </navigator>
+          <navigator class="list--offer-list">
+            <view class="list--title">
+              <text class="list--line-1 sk-transparent sk-text-14-2857-952 sk-text">网易(杭州)网络有限公司</text>
+              <view class="list--status sk-transparent sk-text-20-0000-338 sk-text" style="background-color: #FA8C16;">待跟进</view>
+            </view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-574 sk-text">省市县：浙江省杭州市滨江区</view>
+            <view class="list--exp list--line-1 sk-transparent sk-text-14-2857-793 sk-text">市场活动:哈哈</view>
+          </navigator>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</template>

packageA/saleClue/index.skeleton.wxss

@@ -0,0 +1,187 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:47:50
+
+在 D:\开发项目\YOS_wechat\packageA\saleClue\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-34-4444-636 {
+    background-image: linear-gradient(transparent 34.4444%, #EEEEEE 0%, #EEEEEE 65.5556%, transparent 0%) !important;
+    background-size: 100% 90.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-4444-422 {
+    background-image: linear-gradient(transparent 34.4444%, #EEEEEE 0%, #EEEEEE 65.5556%, transparent 0%) !important;
+    background-size: 100% 90.0000rpx;
+    position: relative !important;
+  }
+.sk-text-34-4444-16 {
+    background-image: linear-gradient(transparent 34.4444%, #EEEEEE 0%, #EEEEEE 65.5556%, transparent 0%) !important;
+    background-size: 100% 90.0000rpx;
+    position: relative !important;
+  }
+.sk-text-31-2500-315 {
+    background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
+    background-size: 100% 64.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% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-657 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-205 {
+    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-139 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-opacity {
+    opacity: 0 !important;
+  }
+.sk-text-14-2857-52 {
+    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-528 {
+    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-20-0000-22 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-918 {
+    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-323 {
+    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-162 {
+    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-257 {
+    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-20-0000-411 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-650 {
+    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-946 {
+    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-759 {
+    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-677 {
+    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-20-0000-634 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-302 {
+    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-823 {
+    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-444 {
+    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-952 {
+    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-20-0000-338 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-574 {
+    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-793 {
+    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/saleClue/index.wxml

@@ -1,3 +1,6 @@
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+
 <Yl_nav search list='{{navList}}' sort='{{content.sort}}' bind:onClick='navClick' bindonSearch="onSearch" />
 <!-- 显示类型 -->
 <van-action-sheet bind:click-overlay='classClose' show="{{ classShow }}" actions="{{ classActions }}" cancel-text="取消" bind:cancel="classClose" bind:select="classSelect" />