|
|
@@ -7,50 +7,54 @@
|
|
|
<div style="min-width: 2000px;">
|
|
|
<div id="list" class="d-none">
|
|
|
<div id="form_div" style="min-width: 1950px;" class="bg-white"></div>
|
|
|
+
|
|
|
<table class="table table-sm table-striped table-bordered table-hover card-body mt-2" style="background: #fff;">
|
|
|
- <tr>。
|
|
|
- <th ></th>
|
|
|
- <th>原始运单号</th>
|
|
|
- <th>情况说明</th>
|
|
|
+ <tr>
|
|
|
+ <th class="bg-white font-weight-bolder" colspan="3"></th>
|
|
|
+ <th class="table-warning text-center font-weight-bolder"colspan="15">原始运单号</th>
|
|
|
+ <th class="bg-white text-center font-weight-bolder" colspan="15">情况说明</th>
|
|
|
+ <th>操作</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>
|
|
|
- <lable for="all">
|
|
|
+ <label for="all">
|
|
|
<input id="all" type="checkbox" @click="checkAll($event)" />
|
|
|
- </lable>
|
|
|
+ </label>
|
|
|
</th>
|
|
|
- <th>序号</th>
|
|
|
- <th>ID</th>
|
|
|
- <th>状态</th>
|
|
|
- <th>登记日期</th>
|
|
|
- <th>订单日期</th>
|
|
|
- <th>客户</th>
|
|
|
- <th>店铺</th>
|
|
|
- <th>原始订单号</th>
|
|
|
- <th>原始承运商</th>
|
|
|
- <th>原始运单号</th>
|
|
|
- <th>收货人名称</th>
|
|
|
- <th>收货人电话</th>
|
|
|
- <th>省</th>
|
|
|
- <th>市</th>
|
|
|
- <th>区</th>
|
|
|
- <th>收货人地址</th>
|
|
|
- <th>原始商品明细</th>
|
|
|
- <th>返回商品明细</th>
|
|
|
- <th>退单状态</th>
|
|
|
- <th>情况说明</th>
|
|
|
- <th>问题类别</th>
|
|
|
- <th>处理结果说明</th>
|
|
|
- <th>二次订单号</th>
|
|
|
- <th>二次承运商</th>
|
|
|
- <th>二次运单号</th>
|
|
|
- <th>二次商品明细</th>
|
|
|
- <th>最终转态</th>
|
|
|
- <th>承运商赔偿金额</th>
|
|
|
- <th>承运商快递减免</th>
|
|
|
- <th>宝石赔偿金额</th>
|
|
|
- <th>宝石快递减免</th>
|
|
|
- <th>事故责任方</th>
|
|
|
+
|
|
|
+ <th class="">序号</th>
|
|
|
+ <th class="">置顶</th>
|
|
|
+ <th class="table-warning">ID</th>
|
|
|
+
|
|
|
+ <th class="table-warning">登状态记日期</th>
|
|
|
+ <th class="table-warning">订单日期</th>
|
|
|
+ <th class="table-warning">客户</th>
|
|
|
+ <th class="table-warning">店铺</th>
|
|
|
+ <th class="table-warning">原始订单号</th>
|
|
|
+ <th class="table-warning">原始承运商</th>
|
|
|
+ <th class="table-warning">原始运单号</th>
|
|
|
+ <th class="table-warning">收货人名称</th>
|
|
|
+ <th class="table-warning">收货人电话</th>
|
|
|
+ <th class="table-warning">省</th>
|
|
|
+ <th class="table-warning">市</th>
|
|
|
+ <th class="table-warning">区</th>
|
|
|
+ <th class="table-warning">收货人地址</th>
|
|
|
+ <th class="table-warning">原始商品明细</th>
|
|
|
+ <th class="bg-white">返回商品明细</th>
|
|
|
+ <th class="bg-white">退单状态</th>
|
|
|
+ <th class="bg-white">情况说明</th>
|
|
|
+ <th class="bg-white">问题类别</th>
|
|
|
+ <th class="bg-white">处理结果说明</th>
|
|
|
+ <th class="bg-white">二次订单号</th>
|
|
|
+ <th class="bg-white">二次承运商</th>
|
|
|
+ <th class="bg-white">二次运单号</th>
|
|
|
+ <th class="bg-white">二次商品明细</th>
|
|
|
+ <th class="bg-white">最终转态</th>
|
|
|
+ <th class="bg-white">承运商赔偿金额</th>
|
|
|
+ <th class="bg-white">承运商快递减免</th>
|
|
|
+ <th class="bg-white">宝石赔偿金额</th>
|
|
|
+ <th class="bg-white">宝石快递减免</th>
|
|
|
+ <th class="bg-white">事故责任方</th>
|
|
|
<th>操作</th>
|
|
|
</tr>
|
|
|
{{-- <tr v-for="(orderIssue,index) as orderIssues"></tr>--}}
|
|
|
@@ -60,32 +64,62 @@
|
|
|
</div>
|
|
|
@endsection
|
|
|
@section('lastScript')
|
|
|
+
|
|
|
+ <style type="text/css">
|
|
|
+ .bg-light-yellow{
|
|
|
+ background: #fffff8;
|
|
|
+ }
|
|
|
+ .top{
|
|
|
+ padding-top: 0px;
|
|
|
+ padding-left: 10px;
|
|
|
+ margin-top: -4px;
|
|
|
+ margin-left: -5px;
|
|
|
+ line-height: 55px;
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ animation: anima;
|
|
|
+ animation-duration: 3s;
|
|
|
+ animation-timing-function: cubic-bezier(0,0,1,1);
|
|
|
+ animation-direction: alternate;
|
|
|
+ animation-play-state: running;
|
|
|
+
|
|
|
+ -webkit-animation-name: anima;
|
|
|
+ -webkit-animation-duration: 3s;
|
|
|
+ -webkit-animation-timing-function: cubic-bezier(0,0,1,1);
|
|
|
+ -webkit-animation-iteration-count: infinite;
|
|
|
+ -webkit-animation-direction: alternate;
|
|
|
+ -webkit-animation-play-state: running;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
+
|
|
|
<script type="text/javascript" src="{{asset('js/queryForm/queryForm.js')}}"></script>
|
|
|
<script>
|
|
|
|
|
|
let listVue = new Vue({
|
|
|
el:'#list',
|
|
|
data:{
|
|
|
- {{--orderIssue:'{!! !!}'--}}
|
|
|
checkDate:[],
|
|
|
from:'',
|
|
|
},
|
|
|
mounted:function(){
|
|
|
- let data = [[
|
|
|
- {name:['startDate','endDate'],type:'dataTime_dataTime',tip:['订单起始日期','订单结束日期']},
|
|
|
- {name:'owners_id',type:'search_select',tip:'选择要显示的客户',placeholder:['客户',''],
|
|
|
- data:[{name:'',value:''}]
|
|
|
- },
|
|
|
- {
|
|
|
-
|
|
|
- }
|
|
|
- ],
|
|
|
- []];
|
|
|
- this.form = new query({
|
|
|
- el:'form_div',
|
|
|
- condition:data,
|
|
|
- })
|
|
|
- this.form.init();
|
|
|
+ $("#list").removeClass("d-none");
|
|
|
+
|
|
|
+ // let data = [[
|
|
|
+ // {name:['startDate','endDate'],type:'dataTime_dataTime',tip:['订单起始日期','订单结束日期']},
|
|
|
+ // {name:'owners_id',type:'search_select',tip:'选择要显示的客户',placeholder:['客户',''],
|
|
|
+ // data:[{name:'',value:''}]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ //
|
|
|
+ // }
|
|
|
+ // ],
|
|
|
+ // []];
|
|
|
+ // this.form = new query({
|
|
|
+ // el:'form_div',
|
|
|
+ // condition:data,
|
|
|
+ // })
|
|
|
+ // this.form.init();
|
|
|
},
|
|
|
methods:{
|
|
|
|