<!--/**
 * SMY
 * 2020.09.22
 * 运单查询
 */-->
<style>
 #waybillInquiry_view .tc-panel,
 #waybillInquiry_timeline .tc-panel {
  width: 100%;
  height: calc(100% - 47.5px);
  overflow-y: auto;
 }
 #waybillInquiry_view_grid {
  padding: 0;
 }

 #waybillInquiry_timeline .d-f {
  display: flex;
 }

 #waybillInquiry_timeline .ai-c {
  align-items: center;
 }

 #waybillInquiry_timeline .jc-sb {
  justify-content: space-between;
 }

 #waybillInquiry_timeline .fw-w {
  flex-wrap: wrap;
 }

 #waybillInquiry_timeline .ta-c {
  text-align: center;
 }

 #waybillInquiry_timeline .layui-timeline {
  padding-top: 0.25rem;
 }

 #waybillInquiry_timeline .layui-timeline-item:before {
  left: 2.58rem;
  top: 0.186667rem;
 }

 #waybillInquiry_timeline .layui-timeline-item-leftBox {
  padding-right: 0.25rem;
  padding-left: 0.3rem;
  min-width: 2.5rem;
 }

 #waybillInquiry_timeline .layui-timeline-axis {
  position: initial;
  left: initial;
  top: initial;
  min-width: 0.2rem;
  width: 0.2rem;
  height: 0.2rem;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
 }

 #waybillInquiry_timeline .layui-timeline-content {
  height: 0.626667rem;
  overflow: hidden;
  display: flex;
  align-items: center;
 }
 #waybillInquiry_timeline .layui-timeline-content p {
  /* height: 0.626667rem; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 这里设置需要显示几行文本 */
 }

 #waybillInquiry_timeline .layui-text {
  color: #a1a1a1;
  font-size: 0.16rem;
 }

 #waybillInquiry_timeline .layui-text span {
  color: #444444;
 }

 #waybillInquiry_timeline .completion-status .layui-text {
  color: #ff9043;
 }

 #waybillInquiry_timeline .completion-status .layui-timeline-axis {
  min-width: 0.25rem;
  width: 0.25rem;
  height: 0.25rem;
  color: #ff9043;
  border: 1px solid #ff9043;
  margin-left: -2px;
 }
</style>
<div id="waybillInquiry" class="layui-carousel">
 <div carousel-item>
  <div id="waybillInquiry_main">
   <div id="waybillInquiry_master"></div>
  </div>
  <div id="waybillInquiry_view" class="grid-container-full">
   <div class="tc-title">
    <a href="#" id="waybillInquiry_view_return" class="back-link"><i class="layui-icon layui-icon-return"></i></a>
    <span id="waybillInquiry_view_title">详情</span>
   </div>
   <div id="waybillInquiry_view_grid" style="height: calc(100% - 47.5px);"></div>
  </div>
  <div id="waybillInquiry_timeline" class="grid-container-full">
   <div class="tc-title">
    <a href="#" id="waybillInquiry_timeline_return" class="back-link"><i class="layui-icon layui-icon-return"></i></a>
    <span id="waybillInquiry_timeline_title">运输流程</span>
   </div>
   <div class="tc-panel" style="height: calc(100% - 47.5px);">
    <div class="waybillInquiry_timeline_main">
     <!-- <ul class="layui-timeline">
                        <li class="layui-timeline-item d-f ai-c completion-status">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-ok"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>

                            </div>
                        </li>
                        <li class="layui-timeline-item d-f ai-c completion-status">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-up"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item d-f ai-c">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-up"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item d-f ai-c">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-up"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item d-f ai-c">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-up"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item d-f ai-c">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-up"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item d-f ai-c">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-up"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item d-f ai-c">
                            <div class="layui-timeline-item-leftBox layui-text ta-c">
                                <p>2020-04-22 09:12 星期日</p>
                            </div>
                            <i class="layui-icon layui-timeline-axis layui-icon-circle-dot"></i>
                            <div class="layui-timeline-content layui-text ">
                                <p>
                                    配送员开始配送,请您准备收货,配送员,林瑞丽,手机号,18654754789
                                    <span style="margin-left:20px;">操作员:张三</span>
                                </p>
                            </div>
                        </li>
                    </ul> -->
     <ul class="layui-timeline" id="waybillInquiry_timeline_main"></ul>
    </div>
   </div>
  </div>
 </div>
</div>

