<!--
此文件为开发者工具生成，生成时间: 2023/2/2下午2:23:01
使用方法：
在 E:\云链项目\e-wechat\packageA\borrow\detail.wxml 引入模板

```
<import src="detail.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\云链项目\e-wechat\packageA\borrow\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-168 sk-text">
        SO202302010022
      </view>
      <view class="tags"></view>
      <view class="exp sk-transparent sk-text-11-7647-398 sk-text">订单类型：工具借用单</view>
      <view class="exp sk-transparent sk-text-11-7647-215 sk-text">单据日期：2023-02-01</view>
      <view class="exp sk-transparent sk-text-11-7647-66 sk-text">订单状态：新建</view>
      <view class="exp sk-transparent sk-text-11-7647-234 sk-text">订单金额：100元</view>
    </view>
    <navigator class="box location">
      <view is="miniprogram_npm/@vant/weapp/icon/index">
        <view class="icon van-icon icon-index--van-icon van-icon-location icon-index--van-icon-location sk-pseudo sk-pseudo-circle" style="true"></view>
      </view>
      <view class="content">
        <view class="name sk-transparent">
          暂无
          <text></text>
        </view>
        <view class="address sk-transparent"></view>
      </view>
      <view class="iconfont icon-dibu-bianji sk-pseudo sk-pseudo-circle"></view>
    </navigator>
    <navigator class="box location">
      <view class="content">
        <view class="name sk-transparent sk-text-14-2857-865 sk-text">
          开票单位
        </view>
        <view class="address sk-transparent sk-text-14-2857-896 sk-text">
          暂无
        </view>
      </view>
      <view class="iconfont icon-dibu-bianji sk-pseudo sk-pseudo-circle"></view>
    </navigator>
    <view class="box" style="padding: 5px 15px;">
      <view class="row">
        <view class="label sk-transparent sk-text-14-2857-345 sk-text">订单备注</view>
        <view auto-height="true" class="remarks sk-image" placeholder="订单备注" placeholder-class="placeholder" value="123123" style="height: 17px;"></view>
      </view>
      <navigator class="row" style="font-size: 0;">
        <view class="label sk-transparent sk-text-14-2857-468 sk-text">是否需要回签单</view>
        <checkbox color="#EFEFEF"></checkbox>
      </navigator>
    </view>
    <view style="height: 10px;"></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 active FunTabs-index--active" data-index="0" id="7a69402e--active0">
          <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-711 sk-text" style="background-position-x: 50%;">借用工具明细</view>
        </view>
        <view class="item FunTabs-index--item" data-index="1" id="7a69402e--">
          <view class="icon FunTabs-index--icon">
            <text class="iconfont FunTabs-index--iconfont icon-tabfujian1 FunTabs-index--icon-tabfujian1 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-570 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-419 sk-text" style="background-position-x: 50%;">订单进度</view>
        </view>
      </scroll-view>
      <view class="slot-box FunTabs-index--slot-box">
        <view is="packageA/borrow/modules/product/index" id="Product">
          <view class="product-index--head">
            <view class="product-index--count sk-transparent sk-text-14-2857-163 sk-text">工具列表</view>
            <view class="product-index--expand">
              <view mode="date" class="sk-image">
                <navigator class="product-index--but">
                  <view is="miniprogram_npm/@vant/weapp/icon/index">
                    <view class="van-icon icon-index--van-icon van-icon-clock-o icon-index--van-icon-clock-o sk-pseudo sk-pseudo-circle" style="true"></view>
                  </view>
                </navigator>
              </view>
              <navigator class="product-index--but">
                <view is="miniprogram_npm/@vant/weapp/icon/index">
                  <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>
              </navigator>
            </view>
          </view>
          <view is="packageA/borrow/modules/product/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]">
                    <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-562 sk-text">大萨达</text>
                      <text class="tag list-index--tag sk-transparent sk-text-22-5000-272 sk-text">紧缺</text>
                    </view>
                    <view class="subfield list-index--subfield sk-transparent sk-text-14-7059-662 sk-text">
                      编号:25665589
                    </view>
                    <view class="subfield list-index--subfield">
                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-766 sk-text" style="margin-right: 3px;">型号：稍等</text>
                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-517 sk-text">规格：55521</text>
                    </view>
                    <view class="subfield list-index--subfield">
                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-217 sk-text" style="margin-right: 3px;">材质：1</text>
                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-342 sk-text">标准： --</text>
                    </view>
                    <view class="subfield list-index--subfield">
                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-601 sk-text" style="margin-right: 3px;">已发数量： --</text>
                      <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-530 sk-text" style="margin-right: 3px;">可退数量： --</text>
                    </view>
                    <view style="margin-top: 4px;">
                      <text class="price list-index--price sk-transparent sk-text-14-2857-570 sk-text">￥100元</text>
                    </view>
                  </view>
                  <view class="delete list-index--delete" data-item="[object Object]">
                    <text class="iconfont list-index--iconfont icon-guanlian-shanchu list-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
                  </view>
                </view>
              </navigator>
              <view class="bot list-index--bot">
                <view class="row list-index--row">
                  <view style="width: 100%;">
                    <view class="label list-index--label sk-transparent sk-text-14-2857-650 sk-text">产品备注:</view>
                    <view class="input list-index--input sk-image" data-data="[object Object]" data-name="remarks" placeholder="备注" style="flex: 1; text-align: left;padding-left: 5px;" type="text" value="true"></view>
                  </view>
                </view>
                <view class="row list-index--row">
                  <view>
                    <view class="label list-index--label sk-transparent sk-text-14-2857-17 sk-text">期望交期：</view>
                    <view data-data="[object Object]" mode="date" class="sk-image">
                      <view class="input list-index--input" style="width: 120px;display: flex;justify-content: center;">
                        <text class="sk-transparent sk-text-34-0909-695 sk-text" style="background-position-x: 50%;">2023-02-03</text>
                      </view>
                    </view>
                  </view>
                  <view class="money list-index--money sk-transparent sk-text-14-2857-309 sk-text">
                    回复交期：2023-02-08
                  </view>
                </view>
                <view class="row list-index--row">
                  <view>
                    <view class="label list-index--label sk-transparent">数量
                      <text class="sk-transparent sk-text-14-2857-659 sk-text">(千克)</text>：</view>
                    <view class="input list-index--input sk-image" data-data="[object Object]" data-name="qty" style="width: 120px;" type="digit" value="1"></view>
                  </view>
                  <view class="money list-index--money sk-transparent">
                    金额：
                    <text class="sk-transparent sk-text-14-2857-283 sk-text">￥100元</text>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="footer">
      <view class="count sk-transparent sk-text-32-2222-96 sk-text">
        ￥100元
      </view>
      <view class="but-box">
        <view is="miniprogram_npm/@vant/weapp/button/index">
          <button app-parameter="true" business-id="true" class="but delete van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle"
            data-detail="null" form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
            <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-696 sk-text" style="background-position-x: 50%;">删除订单</view>
          </button>
        </view>
        <view is="miniprogram_npm/@vant/weapp/button/index">
          <button app-parameter="true" business-id="true" class="but van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle" data-detail="null"
            form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
            <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-789 sk-text" style="background-position-x: 50%;">提交订单</view>
          </button>
        </view>
      </view>
    </view>
  </view>
</template>