|
|
@@ -6,150 +6,123 @@
|
|
|
@component('rejected.menu')@endcomponent
|
|
|
@component('rejected.search.menu')@endcomponent
|
|
|
</div>
|
|
|
- <div class="container-fluid">
|
|
|
- <div >
|
|
|
- <div class="d-none" id="list">
|
|
|
- @if(Session::has('successTip'))
|
|
|
- <div class="alert alert-success h1">{{Session::get('successTip')}}</div>
|
|
|
- @endif
|
|
|
- <div class="col-12" style="background: #fff;">
|
|
|
- <div class="row">
|
|
|
- <div class="col" v-if="isBeingFilterConditions">
|
|
|
- <label for="">
|
|
|
- <a href="{{url('rejected/index/analyze')}}"><span class="btn btn-warning text-dark">清除过滤条件</span></a>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <table class="table table-sm table-bordered m-0">
|
|
|
- <tr>
|
|
|
- <td colspan="9">
|
|
|
- <div class="form-control-sm tooltipTarget"></div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="2">
|
|
|
- <input type="date" name="created_at_start" class="form-control-sm tooltipTarget"
|
|
|
- style="width:140px"
|
|
|
- :class="filterParams.created_at_start?'bg-warning':''"
|
|
|
- v-model="filterParams.created_at_start"
|
|
|
- @keypress="created_at_startEntering" @change="created_at_startChange"
|
|
|
- title="选择显示指定日期的起始时间">
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <input type="text" class="form-control-sm tooltipTarget" placeholder="客户"
|
|
|
- style="width:70px" @input="locateOwner" @keypress="owner_idEntering"
|
|
|
- title="客户:输入关键词快速定位下拉列表,回车确定">
|
|
|
- <select name="owner_id" id="owner_id" class="form-control-sm tooltipTarget"
|
|
|
- :class="filterParams.owner_id?'bg-warning':''"
|
|
|
- v-model="filterParams.owner_id"
|
|
|
- title="选择要显示的客户" @change="owner_idChange">
|
|
|
- <option value="" selected>全部客户</option>
|
|
|
- <option v-for="owner in owners" :value="owner.id">@{{ owner.name }}</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td width="36%"></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="2">
|
|
|
- <input type="date" name="created_at_end" class="form-control-sm tooltipTarget"
|
|
|
- style="width:140px"
|
|
|
- :class="filterParams.created_at_end?'bg-warning':''"
|
|
|
- @keypress="created_at_endEntering" @change="created_at_endChange"
|
|
|
- title="选择显示指定日期的结束时间">
|
|
|
- </td>
|
|
|
- <td><input type="button" class="btn btn-outline-dark btn-sm" @click="searchByFilters"
|
|
|
- value="按条件搜索"/></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="9">
|
|
|
- <span class="dropdown">
|
|
|
- <button
|
|
|
- class="btn btn-outline-dark btn-sm form-control-sm dropdown-toggle tooltipTarget"
|
|
|
- :class="[rejectedBills_checkBoxes.length>0?'btn-dark text-light':'']"
|
|
|
- data-toggle="dropdown" title="导出所有页将会以搜索条件得到的过滤结果,将其全部记录(每一页)导出">
|
|
|
- 导出Excel
|
|
|
- </button>
|
|
|
- <div class="dropdown-menu">
|
|
|
- <a class="dropdown-item" @click="exportExcel(1)"
|
|
|
- href="javascript:">导出勾选内容</a>
|
|
|
- <a class="dropdown-item" @click="exportExcel(2)"
|
|
|
- href="javascript:">导出所有页</a>
|
|
|
- </div>
|
|
|
- </span>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <table class="table table-striped table-sm table-bordered table-hover" style="background: #fff;">
|
|
|
- <tr>
|
|
|
- <th>
|
|
|
- <input type="checkbox" class="form-control-sm tooltipTarget" title="全选"
|
|
|
- id="checkSelectingAll" @click="checkBoxAllToggle" v-model="checkBoxAll" value="1">
|
|
|
- </th>
|
|
|
- <th>序号</th>
|
|
|
- <th>货主</th>
|
|
|
- <th class="text-muted">退件数</th>
|
|
|
- <th class="text-success font-weight-bold">审核数</th>
|
|
|
- <th>未审核数</th>
|
|
|
- <th class="text-success font-weight-bold">入库数</th>
|
|
|
- <th>未入库数</th>
|
|
|
- </tr>
|
|
|
- <tr v-for="(rejectedBill,index) in rejectedBills " :data-id="rejectedBill.id">
|
|
|
- <td>
|
|
|
- <input type="checkbox" v-model="rejectedBills_checkBoxes" :value="rejectedBill.id">
|
|
|
- </td>
|
|
|
- <td class="text-muted" style="opacity:0.7">
|
|
|
- @{{ index+1 }}
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- @{{ rejectedBill.owner_name }}
|
|
|
- </td>
|
|
|
- <td class="text-muted">
|
|
|
- @{{ rejectedBill.bounce_amount }}
|
|
|
- </td>
|
|
|
- <td class="text-success font-weight-bold">
|
|
|
- @{{ rejectedBill.check_amount }}
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- @{{ rejectedBill.bounce_amount-rejectedBill.check_amount }}
|
|
|
- </td>
|
|
|
- <td class="text-success font-weight-bold">
|
|
|
- @{{ rejectedBill.in_storage_count }}
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- @{{ rejectedBill.not_in_storage_count }}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ <div class="container-fluid" id="list">
|
|
|
+ <div id="form_div"></div>
|
|
|
+ <span class="dropdown m-1">
|
|
|
+ <button
|
|
|
+ class="btn btn-outline-dark btn-sm form-control-sm dropdown-toggle tooltipTarget"
|
|
|
+ :class="[rejectedBills_checkBoxes.length>0?'btn-dark text-light':'']"
|
|
|
+ data-toggle="dropdown" title="导出所有页将会以搜索条件得到的过滤结果,将其全部记录(每一页)导出">
|
|
|
+ 导出Excel
|
|
|
+ </button>
|
|
|
+ <div class="dropdown-menu">
|
|
|
+ <a class="dropdown-item" @click="exportExcel(false)"
|
|
|
+ href="javascript:">导出勾选内容</a>
|
|
|
+ <a class="dropdown-item" @click="exportExcel(true)"
|
|
|
+ href="javascript:">导出所有页</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </span>
|
|
|
+ <table class="table table-striped table-sm table-bordered table-hover" style="background: #fff;">
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ <input type="checkbox" class="form-control-sm tooltipTarget" title="全选"
|
|
|
+ id="checkSelectingAll" @click="checkBoxAllToggle" v-model="checkBoxAll" value="1">
|
|
|
+ </th>
|
|
|
+ <th>序号</th>
|
|
|
+ <th>货主</th>
|
|
|
+ <th class="text-muted">退件数</th>
|
|
|
+ <th class="text-success font-weight-bold">审核数</th>
|
|
|
+ <th>未审核数</th>
|
|
|
+ <th class="text-success font-weight-bold">入库数</th>
|
|
|
+ <th>未入库数</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(rejectedBill,index) in rejectedBills " :data-id="rejectedBill.id">
|
|
|
+ <td>
|
|
|
+ <input type="checkbox" v-model="rejectedBills_checkBoxes" :value="rejectedBill.id_owner">
|
|
|
+ </td>
|
|
|
+ <td class="text-muted" style="opacity:0.7">
|
|
|
+ @{{ index+1 }}
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ @{{ rejectedBill.owner_name }}
|
|
|
+ </td>
|
|
|
+ <td class="text-muted">
|
|
|
+ @{{ rejectedBill.bounce_amount }}
|
|
|
+ </td>
|
|
|
+ <td class="text-success font-weight-bold">
|
|
|
+ @{{ rejectedBill.check_amount }}
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ @{{ rejectedBill.bounce_amount-rejectedBill.check_amount }}
|
|
|
+ </td>
|
|
|
+ <td class="text-success font-weight-bold">
|
|
|
+ @{{ rejectedBill.in_storage_count }}
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ @{{ rejectedBill.not_in_storage_count }}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
@endsection
|
|
|
|
|
|
@section('lastScript')
|
|
|
+ <script src="{{asset('js/queryForm/export.js')}}"></script>
|
|
|
+ <script src="{{asset('js/queryForm/queryForm200803a.js')}}"></script>
|
|
|
<script>
|
|
|
- // 数据
|
|
|
- let rejectedBills = {!! $rejectedBills !!};
|
|
|
-
|
|
|
- // 客户
|
|
|
- let owners = {!! $owners !!};
|
|
|
- let qualityLabels = {!! $qualityLabels !!};
|
|
|
- @if(isset($paginateParams))
|
|
|
- let paginateParams ={!! json_encode($paginateParams) !!};
|
|
|
- @endif
|
|
|
- let total = rejectedBills.length;
|
|
|
- let editUrl = "{{url('rejectedBill')}}/";
|
|
|
- let destroyUrl = "{{url('rejectedBill')}}/";
|
|
|
- let ajaxConfirmBeStoredUrl = '{{url("apiLocal/rejectedBill/apiConfirmBeStored")}}';
|
|
|
- let ajaxCheckUrl = '{{url("apiLocal/rejectedBill/apiSetIsLoadedAll")}}';
|
|
|
- let ajaxCheckAllURL = '{{url("rejected/ajaxCheckAll")}}';
|
|
|
- let ajaxFinishAllUrl = '{{url("rejected/ajaxFinishAll")}}';
|
|
|
- let exportExcelURL = '{{url("rejected/analyze/exportExcelOnParams")}}';
|
|
|
- let exportExcelOnFilterParamsURL = '{{url("rejected/analyze/exportAllExcelOnParams")}}';
|
|
|
- let csrfInput = '@csrf';
|
|
|
- </script>
|
|
|
- <script>
|
|
|
+ new Vue({
|
|
|
+ el:"#list",
|
|
|
+ data:{
|
|
|
+ rejectedBills : {!! $rejectedBills !!},
|
|
|
+ checkBoxAll:[],
|
|
|
+ sum : '{{count($rejectedBills)}}',
|
|
|
+ rejectedBills_checkBoxes:[],
|
|
|
+ owners:[
|
|
|
+ @foreach($owners as $owner)
|
|
|
+ {name:'{{$owner->id}}',value:'{{$owner->name}}'},
|
|
|
+ @endforeach
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ mounted:function(){
|
|
|
+ $(".tooltipTarget").tooltip({'trigger':'hover'});
|
|
|
+ $('#list').removeClass('d-none');
|
|
|
+ let data=[
|
|
|
+ [
|
|
|
+ {name:'created_at_start',type:'dataTime',tip:'选择显示指定日期的起始时间'},
|
|
|
+ {name:'owner_id',type:'select_multiple_select',tip:['输入关键词快速定位下拉列表,回车确定','选择要显示的客户'],
|
|
|
+ placeholder:['货主','定位或多选货主'],data:this.owners},
|
|
|
+ ],[
|
|
|
+ {name:'created_at_end',type:'dataTime',tip:'选择显示指定日期的结束时间'},
|
|
|
+ ]
|
|
|
+ ];
|
|
|
+ this.form=new query({
|
|
|
+ el:"#form_div",
|
|
|
+ condition:data,
|
|
|
+ isPaginations:false,
|
|
|
+ });
|
|
|
+ this.form.init();
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ checkBoxAllToggle:function(e){
|
|
|
+ let _this=this;
|
|
|
+ if(_this.rejectedBills_checkBoxes.length>=this.rejectedBills.length){
|
|
|
+ _this.rejectedBills_checkBoxes=[];
|
|
|
+ _this.checkBoxAll=[];
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ _this.rejectedBills_checkBoxes=[];
|
|
|
+ this.rejectedBills.forEach(function(bill){
|
|
|
+ _this.rejectedBills_checkBoxes.push(bill.id_owner);
|
|
|
+ _this.checkBoxAll=[1];
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ exportExcel:function(checkAllSign){
|
|
|
+ let url = '{{url('rejected/exportAnalyze')}}';
|
|
|
+ let token='{{ csrf_token() }}';
|
|
|
+ excelExport(checkAllSign,this.rejectedBills_checkBoxes,url,this.sum,token);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ });
|
|
|
</script>
|
|
|
- <script src="{{asset('js/singles/searchAnalyze200513.js')}}"></script>
|
|
|
@endsection
|