baoshi-was/resources/views/order/issue/index.blade.php

@extends('layouts.app')
@section('title')问题件-查询@endsection

@section('content')
    @component("order.issue.menu")@endcomponent
    <div class="container-fluid" id="wave_div">
        <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 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>
                            <label for="all">
                                <input id="all" type="checkbox" @click="checkAll($event)" />
                            </label>
                        </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>--}}
                </table>
            </div>
        </div>
    </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:{
                checkDate:[],
                from:'',
            },
            mounted:function(){
                $("#list").removeClass("d-none");

                // let data = [[
                //     {name:['created_at_start','created_at_end'],type:'dataTime_dataTime',tip:['订单起始日期','订单结束日期']},
                //     {name:'owner_id',type:'search_select',tip:'选择要显示的客户',placeholder:['客户',''],
                //         data:[{name:'',value:''}]
                //     },
                //     {
                //
                //     }
                // ],
                //     []];
                // this.form = new query({
                //     el:'form_div',
                //     condition:data,
                // })
               // this.form.init();
            },
            methods:{

            }
        })


    </script>
@endsection