baoshi-was/resources/views/finance/settlementBills/totalFee/index.blade.php

@extends('layouts.app')
@section('title','总账单')
@section('content')
    @include('shared._messages')
    @include('shared._error')
    <div id="list" class="d-none">
        <div class="container-fluid">
            <div id="form_div"></div>
            <div class="row">
                <div class="col-3">
                    <div class="row pt-2">
                        <span class="fa fa-user fa-4x offset-md-3" style="color: #4c2584;opacity: 0.3"></span>
                        <span class="ml-4 mt-2"><h5 class="font-weight-bold">{{ $owner->name }}</h5><p
                                class="text-muted">货主</p></span>
                    </div>
                </div>
                <div class="col-3">
                    <div class="row pt-2">
                        <span class="fa fa-user fa-4x offset-md-3" style="color: #4c2584;opacity: 0.3"></span>
                        <span class="ml-4 mt-2"><h5 class="font-weight-bold">@{{ feeTotal['fee'] }}</h5><p
                                class="text-muted">总费用</p></span>
                    </div>
                </div>
                <div v-if="(isArchived===1)" class="col-3">
                    <div class="row pt-2">
                        <span class="fa fa-check-circle  fa-4x offset-md-3" aria-hidden="true"
                              style="color: #4c2584;opacity: 0.3"></span>
                        <span class="ml-4 mt-2"><h5 class="font-weight-bold">已确认</h5></span>
                    </div>
                </div>
                <div v-else class="col-3">
                    <div class="row pt-2">
                        <form action="{{ 'totalFee/confirmBill' }}" method="post" style="display: inline-block;"
                              onsubmit="return confirm('您确定要确认金额吗？');">
                            {{ csrf_field() }}
                            <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                            <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                            <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                            <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success btn-lg">
                                <i class="far fa-trash-alt"></i> 确认金额
                            </button>
                            </span>

                        </form>
                    </div>
                </div>
            </div>
            <table class="table text-nowrap table-hover table-bordered table-striped">
                <tr>
                    <th>费用名称</th>
                    <th>收费项目</th>
                    <th>费用描述</th>
                    <th>金额</th>
                    <th>操作</th>
                </tr>
             <template v-if="feeTotal['information']??false">
                 <tr>
                     <td>
                         <a target="_blank"
                            href="{{ route('settlementBills.storageFee.index',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">仓储费</a>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table  m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storageFee']">
                                 <td>@{{ item.name }}<span v-if="item.tax_fee>0" class="badge badge-info">税</span></td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storageFee']">
                                 <td>@{{ item.remark }}</td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storageFee']">
                                 <td>@{{ item.fee }}</td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['storageFee']!==1" action="{{ 'storageFee/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>
                     </td>
                 </tr>
                 <tr>
                     <td>
                         <a target="_blank"
                            href="{{ route('settlementBills.storeFee.report',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">入库费</a>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table  m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storeFee']">
                                 <td>@{{ item.name }}<span v-if="item.tax_fee>0" class="badge badge-info">税</span></td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table  m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storeFee']">
                                 <td >
                                     <span v-for="itemInfo in item.remark">@{{ itemInfo }} </span>
                                 </td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storeFee']">
                                 <td>@{{ item.fee }}</td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['storeFee']!==1" action="{{ 'storeFee/report/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                     </td>
                 </tr>
                 <tr>
                     <td>
                         <a target="_blank"
                            href="{{ route('settlementBills.storeOutFee.report',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">出库费</a>

                     </td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storeOutFee']">
                                 <td>@{{ item.name }}<span v-if="item.tax_fee>0" class="badge badge-info">税</span></td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storeOutFee']">
                                 <td>
                                     <span v-for="itemInfo in item.remark">@{{ itemInfo }} </span>
                                 </td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr v-for="item in feeTotal['information']['storeOutFee']">
                                 <td>@{{ item.fee }}</td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['storeOutFee']!==1" action="{{ 'storeOutFee/report/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                     </td>
                 </tr>
                 <tr>
                     <td>配送费</td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr>
                                 <td>快递费<span v-if="feeTotal['express_tax_fee']>0" class="badge badge-info">税</span></td>
                             </tr>
                             <tr>
                                 <td>物流费<span v-if="feeTotal['logistic_tax_fee']>0" class="badge badge-info">税</span>
                                 </td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr>
                                 <td><a target="_blank"
                                        href="{{ route('settlementBills.expressFee.report',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">查看明细</a>
                                 </td>
                             </tr>
                             <tr>
                                 <td><a target="_blank"
                                        href="{{ route('settlementBills.logisticFee',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">查看明细</a>
                                 </td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr>
                                 <td>@{{ feeTotal['express_fee'] }}</td>
                             </tr>
                             <tr>
                                 <td>@{{ feeTotal['logistic_fee'] }}</td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0">
                             <tr>
                                 <td class="m-0 p-0">
                                     <form v-if="isArchivedItems['expressFee']!==1"
                                           action="{{ 'expressFee/report/confirmBill' }}"
                                           method="post"
                                           onsubmit="return confirm('您确定要确认金额吗？');">
                                         {{ csrf_field() }}
                                         <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                                         <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                                         <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                                         <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                                     </form>
                                     <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>
                                 </td>
                             </tr>
                             <tr>
                                 <td class="m-0 p-0">
                                     <form v-if="isArchivedItems['logisticFee']!==1"
                                           action="{{ 'logisticFee/confirmBill' }}"
                                           method="post"
                                           onsubmit="return confirm('您确定要确认金额吗？');">
                                         {{ csrf_field() }}
                                         <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                                         <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                                         <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                                         <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                                     </form>
                                     <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                                 </td>
                             </tr>
                         </table>

                     </td>

                 </tr>
                 <tr>
                     <td>库内加工</td>
                     <td>加工作业<span v-if="feeTotal['process_tax_fee']>0" class="badge badge-info">税</span></td>
                     <td><a target="_blank"
                            href="{{ route('settlementBills.processFee',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">查看明细</a>
                     </td>
                     <td>@{{ feeTotal['process_fee'] }}</td>
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['processFee']!==1"
                               action="{{ 'processFee/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                     </td>
                 </tr>
                 <tr>
                     <td>系统使用费</td>
                     <td>系统使用费<span v-if="feeTotal['system_tax_fee']>0" class="badge badge-info">税</span></td>
                     <td>-</td>
                     <td>@{{ feeTotal['system_fee'] }}</td>
                 </tr>
                 <tr>
                     <td>包材费</td>
                     <td>包材费</td>
                     <td><a target="_blank" href="{{ route('settlementBills.packingMaterialFee',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">查看明细</a></td>
                     <td>@{{ feeTotal['packing_material_fee'] }}</td>
                     <!--                   TODO -->
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['packingMaterialFee']!==1"
                               action="{{ 'packingMaterialFee/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                     </td>
                 </tr>
                 <tr>
                     <td>卸货费</td>
                     <td>卸货费</td>
                     <td><a target="_blank"
                            href="{{ route('settlementBills.unloadFee',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">查看明细</a>
                     </td>
                     <td>@{{ feeTotal['unload_fee'] }}</td>
                     <!--                   TODO -->
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['unloadFee']!==1"
                               action="{{ 'unloadFee/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                     </td>
                 </tr>
                 <tr>
                     <td>杂项费</td>
                     <td class="m-0 p-0">
                         <table class="table   m-0 p-0"
                                v-for="sundryFee in feeTotal['sundry_information']">
                             <tr>
                                 <td>@{{ sundryFee.type }}</td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table m-0 p-0"
                                v-for="sundryFee in feeTotal['sundry_information']">
                             <tr>
                                 <td><a target="_blank"
                                        href="{{ route('settlementBills.sundryFee', ['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">查看明细</a>
                                 </td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <table class="table  m-0 p-0"
                                v-for="sundryFee in feeTotal['sundry_information']">
                             <tr>
                                 <td>@{{ sundryFee.fee }}</td>
                             </tr>
                         </table>
                     </td>
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['sundryFee']!==1"
                               action="{{ 'sundryFee/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                     </td>
                 </tr>
                 <tr>
                     <td>理赔</td>
                     <td>责任理赔</td>
                     <td><a target="_blank"
                            href="{{ route('settlementBills.indemnityFee',['owner_id' => $request['owner_id'],'year' => $request['year'],'month' => $request['month']]) }}">查看明细</a>
                     </td>
                     <td>@{{ feeTotal['indemnity_fee'] }}</td>
                     <td class="m-0 p-0">
                         <form v-if="isArchivedItems['indemnityFee']!==1"
                               action="{{ 'indemnityFee/confirmBill' }}"
                               method="post"
                               onsubmit="return confirm('您确定要确认金额吗？');">
                             {{ csrf_field() }}
                             <input type="hidden" name="owner_id" value="{{ $request['owner_id']??'' }}">
                             <input type="hidden" name="year" value="{{ $request['year']??'' }}">
                             <input type="hidden" name="month" value="{{ $request['month']??'' }}">
                             <span class="ml-4 mt-2">
                              <button type="submit" class="btn btn-success">
                                 确认金额
                            </button>
                            </span>
                         </form>
                         <h5 v-else class="text-center pt-1 font-weight-bold">已确认</h5>

                     </td>
                 </tr>
                 <tr>
                     <td>优惠</td>
                     <td>优惠政策</td>
                     <td>@{{ feeTotal['discount_remark'] }}</td>
                     <td>@{{ feeTotal['discount_fee'] }}</td>
                 </tr>
                 <tr>
                     <td>税率</td>
                     <td>@{{ feeTotal['tax_rate'] }}%</td>
                 </tr>
                 <tr>
                     <td class="text-right font-weight-bolder" rowspan="3">
                         公司名称：
                         <br>
                         开户银行：
                         <br>
                         公司账号：
                     </td>
                     <td class="font-weight-bolder" colspan="3">
                         上海宝时供应链管理有限公司
                         <br>
                         中国工商银行股份有限公司上海市松江科技城支行
                         <br>
                         1001 7341 0900 0118 429
                     </td>
                 </tr>
             </template>
            </table>
        </div>
    </div>
@endsection
@section('lastScript')
    <script type="text/javascript" src="{{mix('js/queryForm/export.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/queryForm/queryForm.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/queryForm/header.js')}}"></script>{{--新版2--}}
    <script>
        let vue = new Vue({
            el: "#list",
            data: {
                owner: {!! $owner !!},
                feeTotal: {!! $feeTotal !!},
                owners: [@foreach($owners as $owner){name: '{{ $owner->id }}', value: '{{ $owner->name}}'},@endforeach],
                isArchived: {!! $isArchived !!},
                request: {!! $request !!},
                selectTr: 0,
                isArchivedItems: {!! $isArchivedItems !!},
            },
            created() {
            },
            mounted() {
                $('#list').removeClass('d-none');
                let _this = this;
                $(".up").slideUp();
                let data = [
                    [
                        {
                            name: 'owner_id',
                            type: 'select',
                            tip: ['多货主权限选择查看指定货主，默认为权限下的第一个货主'],
                            placeholder: ['货主'],
                            data: _this.owners,
                        },
                        {
                            name: 'year',
                            type: 'select',
                            tip: ['默认为时间上一个月所属年份'],
                            placeholder: ['年'],
                            data: [
                                {name: 2021, value: 2021},
                                {name: 2022, value: 2022},
                                {name: 2023, value: 2023},
                                {name: 2024, value: 2024},
                                {name: 2025, value: 2025},
                                {name: 2026, value: 2026},
                                {name: 2027, value: 2027},
                                {name: 2028, value: 2028},
                                {name: 2029, value: 2029},
                                {name: 2030, value: 2030},
                                {name: 2031, value: 2031},
                                {name: 2032, value: 2032},
                                {name: 2033, value: 2033},
                                {name: 2034, value: 2034},
                                {name: 2035, value: 2035},
                                {name: 2036, value: 2036},

                            ],
                        },
                        {
                            name: 'month',
                            type: 'select',
                            tip: ['默认为上一月'],
                            placeholder: ['月'],
                            data: [
                                {name: 1, value: 1},
                                {name: 2, value: 2},
                                {name: 3, value: 3},
                                {name: 4, value: 4},
                                {name: 5, value: 5},
                                {name: 6, value: 6},
                                {name: 7, value: 7},
                                {name: 8, value: 8},
                                {name: 9, value: 9},
                                {name: 10, value: 10},
                                {name: 11, value: 11},
                                {name: 12, value: 12},
                            ],
                        },
                    ]
                ];
                _this.form = new query({
                    el: '#form_div',
                    condition: data,
                    appendDom: "btn",
                });
                _this.form.init();
            },
            methods: {
                detailExport(sign) {
                    let url = '{{url('finance/settlementBills/unloadFee/export')}}';
                    let token = '{{ csrf_token() }}';
                    if (sign) {
                        excelExport(true, checkData, url, this.total, token);
                    } else {
                        excelExport(false, checkData, url, null, token, {
                            owner_id: this.owner.id,
                            year: this.request.year,
                            month: this.request.month,
                        });
                    }
                },
            },
            filters: {},
        });
    </script>
@endsection