logistics-task-list.vue 14.5 KB

<style scoped>
  @import '/task.css';
  .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; 

}
.content{
    margin-bottom: 100px;
}
/*@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1004;
  }
}*/
</style>
<template>
    <div class="content contaNEW">
    


<div class="bd-lft" style="padding-left: 390px;">
    <div class="main layui-form" id="divDetail">
        <div class="main layui-form">
            <div class="wldd-right">
                <div class="wldd-tit">
                    <span class="time fl" id="currTime">2018-03-15 10:13:06</span>
                    <span class="fr"><i>武汉仓库</i></span>
                </div>
                <div class="wldd-con">
                    <dl class="fl" style="width:51% !important">
                        <dt>
                            <span class="fl">湖北省/武汉市/江汉区</span><i></i>
                            <span class="fr">湖北省/武汉市</span>
                        </dt>
                        <dd>
                            <div class="fl">
                                <p>
                                    <span>{{billno}}</span>
                                    <span>WL2018022699985</span>
                                </p>
                                <p>
                                    <span>1 个品规</span>
                                    <span>150 件</span>
                                    <span>0.018 m³ </span>
                                    <span>15 kg</span>
                                </p>
                            </div>
                            <a class="green-button fr" href="javascript:;">订单明细</a>
                        </dd>
                    </dl>
                    <span class="wldd-con-to" id="spTypeName">正在出库</span>
                    <ul class="fr">
                        <li>
                            <b>武汉市三道物流公司</b>
                            <p>配送提货时间</p>
                            <p>2018-02-26</p>
                            <p>00:00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 物流出库作业 -->
    <div id="dvOutboundOperation">    <input type="hidden" id="TypeName" value="待受理">
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-delivery">物流出库作业</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
                <a class="btn button-green fr ml-20" onclick="Refresh();">刷新</a>
                <span class="font-red fr">系统每5分钟将自动更新作业状态</span>
            </div>
            <div class="fpart pull1 outwarehouse">
                                    <dl>
                        <dt><em>01</em>已受理</dt>
                        <dd>
                            <i>2018-1-31  08:00</i>
                            <span><b>拣货员</b>田元</span>
                        </dd>
                    </dl>
                        <dl>
                            <dt><em>02</em>正在出库</dt>
                            <dd>
                                <i>2018-02-01  08:30</i>
                                <span><b>调度员</b>张飞云</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt><em>03</em>正在拣货</dt>
                            <dd>
                                <i>2018-02-01  08:45 <b>已拣出 100件</b></i>
                                <span><b>拣货员</b>王刚 100件&nbsp; &nbsp; 李四100件</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt><em>04</em>正在复核</dt>
                            <dd>
                                <i>2018-02-01  08:45  <b>已复核 220件</b></i>
                                <span><b>复核员</b>赵云 100件&nbsp; &nbsp; 李四100件</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt><em>05</em>等待交货</dt>
                            <dd>
                                <i>2018-02-02  08:49</i>
                                <span><b>承运商</b>武汉市三道物流公司</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt><em>06</em>交货完成</dt>
                            <dd>
                                <i>2018-02-03  06:45</i>
                                <span><b>承运商</b>武汉市三道物流公司</span>
                            </dd>
                        </dl>

            </div>
        </div>




</div>
    <div class="aside" style="width: 360px; left: -390px;top:-219px">
        <div class="group_search layui-form clearfix">
            <div class="row clearfix">
                <div class="col-md-12 col-lg-12">
                    <div class="input-group input-grout-button">
                        <form class="search-bar"  active="###">
                            <input type="text" placeholder="输入关键词" class="ipt" value='WL2018022699985' style='width:270px;'>
                            <div class="search-btn">
                              <input type="button" value="搜索">
                            </div>
                        </form>
                      <!--   <input type="text" class="form-control" placeholder="物流订单" id="txtTPLPoNo" value="WL201802269998570002">
                        <span class="input-group-btn">
                            <img src="/Content/images/img2_03.png" class="but_1" onclick="Search('TPLPoNo');">
                        </span> -->
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-12 col-lg-12">
                    <div class="input-group input-grout-button">
                        <form class="search-bar" style='width:270px;' active="###">
                            <input type="text" placeholder="输入关键词" class="ipt" v-model='billno' style='width:270px;'>
                            <div class="search-btn">
                              <input type="button" value="搜索">
                            </div>
                        </form>
                     <!--    <input type="text" class="form-control" placeholder="业务单据" id="txtBBillNo" value="ywd0226002">
                        <span class="input-group-btn">
                            <img src="/Content/images/img2_03.png" class="but_1" onclick="Search('BBillNo');">
                        </span> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="left-table clearfix">
<table class="table" id="tbsResults">
    <tbody>
                    <tr onmousedown="OnRowClick(this)" data-json="{&quot;TPLPoNo&quot;:&quot;WL201802269998570002&quot;,&quot;BBillNo&quot;:&quot;ywd0226002&quot;,&quot;IsSyncInvoice&quot;:null,&quot;DeliverName&quot;:&quot;武汉市三道物流公司&quot;,&quot;CargoOwnerName&quot;:&quot;武汉医院供应有限公司&quot;,&quot;SaleCorpName&quot;:null,&quot;ArrivalArrivedDate&quot;:null,&quot;InputDate&quot;:null,&quot;xfCreateTime&quot;:null,&quot;DepartureVenue&quot;:&quot;湖北省/武汉市/江汉区&quot;,&quot;ArrivalVenue&quot;:&quot;湖北省/武汉市&quot;,&quot;OrdersPKGS&quot;:150.000000,&quot;RecPKGS&quot;:null,&quot;BillState&quot;:&quot;&quot;,&quot;TemperatureReq&quot;:&quot;&quot;,&quot;CustomerNum&quot;:null,&quot;AddressNum&quot;:null,&quot;GoodsSpecNum&quot;:1,&quot;Models&quot;:&quot;&quot;,&quot;CarrierAmount&quot;:null,&quot;Guid&quot;:&quot;20180226102908050001&quot;,&quot;TenantGuid&quot;:null,&quot;TenantName&quot;:null,&quot;CorpGuid&quot;:null,&quot;CorpName&quot;:null,&quot;AirFreightBillNo&quot;:null,&quot;AirLineGuid&quot;:null,&quot;AirlineCargoCateGuid&quot;:null,&quot;DistributingBinGUID&quot;:null,&quot;DistributingBinName&quot;:null,&quot;MainDeliveryNo&quot;:null,&quot;DeliveryWay&quot;:null,&quot;TransportWay&quot;:null,&quot;PropertyCtrlFlag&quot;:&quot;0&quot;,&quot;OriginalSign&quot;:null,&quot;TPLPoType&quot;:null,&quot;State&quot;:null,&quot;CargoOwnerGUID&quot;:null,&quot;DeliverGUID&quot;:null,&quot;TPWareHouseCorpGuid&quot;:null,&quot;TPWareHouseCorpName&quot;:&quot;&quot;,&quot;LogCenterGuid&quot;:null,&quot;LogCenterName&quot;:&quot;武汉中心&quot;,&quot;WarehouseGuid&quot;:null,&quot;WarehouseName&quot;:&quot;武汉仓库&quot;,&quot;RouteGuid&quot;:null,&quot;RouteName&quot;:null,&quot;DepartureProvince&quot;:null,&quot;DepartureCity&quot;:null,&quot;DepartureDistrict&quot;:null,&quot;DepartureAddress&quot;:&quot;泛海国际&quot;,&quot;PickContacts&quot;:null,&quot;PickContactsTel&quot;:null,&quot;ArrivalProvince&quot;:null,&quot;ArrivalCity&quot;:null,&quot;ArrivalDistrict&quot;:null,&quot;ArrivalAddress&quot;:&quot;江汉区&quot;,&quot;SendContacts&quot;:null,&quot;SendContactsTel&quot;:null,&quot;DepartureDate&quot;:null,&quot;DepartureTime&quot;:null,&quot;ArrivalArrivedTime&quot;:null,&quot;LastArrivalArrivedDate&quot;:null,&quot;ArrivalTerm&quot;:null,&quot;IsCollection&quot;:null,&quot;CollectionTime&quot;:&quot;2018-02-26T00:00:00&quot;,&quot;CollectionArrivalCorp&quot;:null,&quot;OrderRequirement&quot;:null,&quot;LoadRequirement&quot;:null,&quot;EquipRequirement&quot;:null,&quot;IsRecycle&quot;:null,&quot;RecycleKind&quot;:null,&quot;VehicleKind&quot;:null,&quot;IssuedVehicleType&quot;:null,&quot;IsCCBB&quot;:null,&quot;SpecialCarFlag&quot;:null,&quot;ValuationMethod&quot;:null,&quot;PayMode&quot;:null,&quot;ScatteredQty&quot;:null,&quot;OrdersWeight&quot;:15.000000,&quot;OrdersVolumn&quot;:0.018000,&quot;BillDate&quot;:null,&quot;BBillNum&quot;:null,&quot;CollectionAmountState&quot;:null,&quot;DeliveredToDoor&quot;:null,&quot;Shape&quot;:null,&quot;Consignee&quot;:null,&quot;ConsignTime&quot;:null,&quot;Receiver&quot;:null,&quot;ReceiveTime&quot;:null,&quot;CompleteTime&quot;:null,&quot;Memo&quot;:null,&quot;Varchar1&quot;:null,&quot;Varchar2&quot;:null,&quot;Varchar3&quot;:null,&quot;Num1&quot;:null,&quot;Num2&quot;:null,&quot;Num3&quot;:null,&quot;Date1&quot;:null,&quot;Date2&quot;:null,&quot;Date3&quot;:null,&quot;CreateUserId&quot;:null,&quot;CreateUserName&quot;:null,&quot;UpdateUserName&quot;:null,&quot;ModifyUserId&quot;:null,&quot;ModifyUserName&quot;:null,&quot;DataVersion&quot;:null,&quot;IsDeleted&quot;:null,&quot;CreateTime&quot;:null,&quot;UpdateUserId&quot;:null,&quot;UpdateTime&quot;:null,&quot;RobFlag&quot;:null,&quot;BillType&quot;:&quot;销售订单&quot;,&quot;SupplyCorpName&quot;:null,&quot;StatementFlag&quot;:null,&quot;WhWorkState&quot;:&quot;-1&quot;,&quot;WhWorkStartTime&quot;:null,&quot;cTime&quot;:&quot;00:00&quot;,&quot;BBillGuid&quot;:&quot;20180226102908060001&quot;,&quot;ATVGUID&quot;:&quot;20180226103828810002&quot;,&quot;RejectCarriers&quot;:null,&quot;BackBillFlag&quot;:null,&quot;BackBillTime&quot;:null,&quot;BackBillName&quot;:null,&quot;ReturnBillFlag&quot;:null,&quot;RetrunBillTime&quot;:null,&quot;RetrunInfo&quot;:null,&quot;TbbGuid&quot;:null,&quot;ThermometerCode&quot;:null,&quot;PlanBackBillTime&quot;:null,&quot;FlightNo&quot;:null,&quot;FlightInfoGuid&quot;:null,&quot;CollectionAmount&quot;:null,&quot;PCtrlUpdateName&quot;:null,&quot;PCtrlUpdateTime&quot;:null,&quot;IsDistributingBin&quot;:null,&quot;RecCorpGuid&quot;:null,&quot;LogAreaGUID&quot;:null,&quot;PlanTransAreaGUID&quot;:null,&quot;TransAreaName&quot;:null,&quot;ResultTransAreaGUID&quot;:null,&quot;CustomField&quot;:&quot;null&quot;,&quot;FieldConfigList&quot;:null,&quot;ChineseName&quot;:null,&quot;BillGuid&quot;:null,&quot;vTenantGuid&quot;:null,&quot;vCorpGuid&quot;:null,&quot;vCorpName&quot;:null,&quot;TransitProvince&quot;:null,&quot;TransitCity&quot;:null,&quot;TransitDistrict&quot;:null,&quot;TransitVenue&quot;:null,&quot;GoodsType&quot;:null,&quot;GoodCateGuid&quot;:null,&quot;AtvNo&quot;:null,&quot;OperatDate&quot;:null,&quot;VehicleLength&quot;:null,&quot;PlateNumber&quot;:null,&quot;ClearingUnitGuid&quot;:null,&quot;MinimumTraffic&quot;:null,&quot;billNumber&quot;:0,&quot;SpecialVehicleType&quot;:null,&quot;GoodsClassification&quot;:null,&quot;GoodsCateGuid&quot;:null,&quot;TimeLimit&quot;:0,&quot;GoodsModality&quot;:null,&quot;TemperatureRequirement&quot;:null,&quot;DeliveryRequirement&quot;:null,&quot;QuotepriceType&quot;:null,&quot;ExpReason&quot;:null,&quot;HandoverType&quot;:null,&quot;CombinLogInfo&quot;:null,&quot;RefuseReason&quot;:null,&quot;IsRefuse&quot;:null,&quot;IsAddOrEdit&quot;:null,&quot;listTracing&quot;:null,&quot;AirCompanyGuid&quot;:null,&quot;AirCompanyName&quot;:null,&quot;AssociationedGuid&quot;:null,&quot;DeviceCorpCode&quot;:null,&quot;DeviceCorpName&quot;:null,&quot;DeviceCode&quot;:null,&quot;AssociationState&quot;:null}" class="on">
                        <td>1</td>
                        <td><span class="font-gray">{{billno}}</span><br>武汉医院供应有限公司</td>
                        <td></td>
                    </tr>

    </tbody>
</table>
        </div>
    </div>
</div>


</div>
</template>
<script>
    module.exports = {
        data: function() {
            return {
                billno:'',
                supplierList: [],
                supplierNameList: [],
                checkIdList: [],
                search: {
                    pageSize: 3,
                    pageNo: 1,
                    totalPages: 1,
                    itemName: '',
                    supplierId: '',
                    medguid: '',
                    clienttype: 'o',
                },
                authoritySetting: {
                    oneSearchFlag: false,
                },
                height: 0,

            };
        },
        computed: {
            dual: function() {
                var self = this;
                var curMenuRole = this.$store.state.user.curMenuRole;

                //this.$store.state.user.userName;
                return '';
            }
        },
        watch: {
            '$route':function (to, from) {
               location.reload()
              }
        },
        methods: {
            getData: function(falg, index) {

                
            },
            
        },
        route: {
            data: function(transition) {
                this.$set('billno',this.$route.params.billno)
            }
        }
    };
</script>