添加卸货回执页面和入口

resources/views/demand/search/index.blade.php

@@ -215,7 +215,6 @@
                 },
                 /** 问题认领 */
                 claimDemand(demand, index) {
-                    console.log(demand);
                     let url = '{{url('apiLocal/demand/claim')}}';
                     window.tempTip.setDuration(3000);
                     window.axios.post(url, {id: demand['id']}).then(res => {

resources/views/personnel/discharge/task/_table.blade.php

@@ -1,6 +1,6 @@
 <table class="table table-sm table-striped table-bordered table-hover card-body p-0 m-0">
     <tr class="text-center">
-        <th><input type="checkbox" class="form-check" name="selectAll" id="selectAll" @click="checkAll"></th>
+        <th><label for="selectAll"></label><input type="checkbox" class="form-check" name="selectAll" id="selectAll" @click="checkAll"></th>
         <th>序号</th>
         <th>预约时间</th>
         <th>客户名称</th>
@@ -17,8 +17,10 @@
         <th>创建时间</th>
     </tr>
     <template v-if="dischargeTasks.length > 0">
-        <tr v-for="(dischargeTask,index) in dischargeTasks" :key="index" class="text-center"  @click="selectTr===index+1?selectTr=0:selectTr=index+1" :class="selectTr===index+1?'focusing' : ''">
-            <td><input type="checkbox" class="form-check" :value="dischargeTask.id" v-model="checkData"></td>
+        <tr v-for="(dischargeTask,index) in dischargeTasks" :key="index" class="text-center"  @click.self="selectTr===index+1?selectTr=0:selectTr=index+1" :class="selectTr===index+1?'focusing' : ''">
+            <td><label>
+                    <input type="checkbox" class="form-check" :value="dischargeTask.id" v-model="checkData">
+                </label></td>
             <td>
                 @{{index+1}}
                 <template v-if="dischargeTask.status===0">
@@ -34,7 +36,10 @@
                     <span class="badge badge-pill badge-success">完成</span>
                 </template>
             </td>
-            <td>@{{ dischargeTask.income_at }}</td>
+            <td><template v-if="dischargeTask.status === 3">
+                    <button class="btn btn-sm btn-success" style="opacity: 0.7" @click="showReceipt(dischargeTask)"
+                            @mouseenter="dischargeTask.btnText = '查看'" @mouseleave="dischargeTask.btnText = '查'">@{{ dischargeTask.btnText }}</button>
+                </template>@{{ dischargeTask.income_at }}</td>
             <td>@{{ dischargeTask.owner ? dischargeTask.owner.name : '' }}</td>
             <td>
                 @can('人事管理-卸货-编辑')
@@ -101,6 +106,7 @@
                 <button class="btn btn-sm btn-outline-danger" @click="deleteTask(index,dischargeTask)">删除</button>
                 @endcan
             </td>
+
             <td>@{{ dischargeTask.created_at }}</td>
         </tr>
     </template>

resources/views/personnel/discharge/task/index.blade.php

@@ -86,6 +86,9 @@
                 });
                 this.ownerFilter = JSON.parse(JSON.stringify(this.owners));
                 this.facilitatorsFilter = JSON.parse(JSON.stringify(this.facilitators));
+                this.dischargeTasks.forEach(function(task,index,self){
+                    self[index]['btnText'] = '查';
+                });
             },
             mounted() {
                 $('#list').removeClass('d-none');
@@ -110,6 +113,7 @@
                     paginations:[ 50, 100, 200, 500,1000,20],
                 })
                 this.form.init();
+                this.$forceUpdate();
             },
             watch: {
                 checkData: {
@@ -272,6 +276,7 @@
                     data[column] = value;
                     window.axios.put(url, data).then(res => {
                         if (res.data.success) {
+                            if(res.data.data.status === 3)res.data.data.btnText = '查';
                             this.$set(this.dischargeTasks, index, res.data.data);
                             tempTip.showSuccess("修改成功")
                             this.addTask = {};
@@ -342,8 +347,15 @@
                             this.executingTack.facilitator_id =this.facilitatorsFilter[0]['id'];
                         }
                     }
+                },
+                getReceiptUrl(id){
+                    return '{{url('personnel/discharge/task/receipt')}}'+'/?id='+id;
+                },
+                showReceipt(task){
+                    window.open(this.getReceiptUrl(task.id));
                 }
 
+
             }
         })
     </script>

resources/views/personnel/discharge/task/menu.blade.php

@@ -3,9 +3,14 @@
         <ul class="nav nav-pills">
             @can('人事管理-卸货-查询')
             <li class="nav-item">
-                <a target="personnel/discharge/task" class="nav-link" href="{{url('personnel/discharge/task/index')}}" :class="{active:isActive('task',3)}">查询</a>
+                <a target="personnel/discharge/task" class="nav-link" href="{{url('personnel/discharge/task/index')}}" :class="{active:isActive('index',4)}">查询</a>
             </li>
             @endcan
+            @can('人事管理-卸货-查询')
+                <li class="nav-item">
+                    <a target="personnel/discharge/task/receipt" class="nav-link" href="{{url('personnel/discharge/task/index')}}" :class="{active:isActive('receipt',4)}">卸货回执</a>
+                </li>
+            @endcan
         </ul>
     </div>
 </div>

resources/views/personnel/discharge/task/receipt.blade.php

@@ -0,0 +1,55 @@
+@extends('layouts.app')
+
+@section('title','卸货回执单')
+
+
+@section('content')
+    <div id="nav2">
+        @component('personnel.menu')@endcomponent
+        @component('personnel.discharge.menu')@endcomponent
+        @component('personnel.discharge.task.menu')@endcomponent
+    </div>
+    <div class="card card-body container-fluid text-nowrap d-none mt-5" id="list">
+        <div class="row mb-2">
+            <div class="col-sm-12 h3 text-center">回执单</div>
+        </div>
+
+        <div class="row h4">
+            <div class="col-sm-3">客户名称：<span class="text-bold ">@{{ task.owner ? task.owner.name : '' }}</span></div>
+            <div class="col-sm-3">作业类型：<span class="text-break ">@{{ task.type }}</span></div>
+            <div class="col-sm-3">入库单号：<span class="text-bold ">@{{ task.numbers }}</span></div>
+        </div>
+
+        <div class="row h4">
+            <div class="col-sm-3">数量：@{{ task.expenditure_amount }}</div>
+            <div class="col-sm-3">单位：@{{ task.expenditure_unit }}</div>
+            <div class="col-sm-3">单价：@{{ task.expenditure_unit_price }}</div>
+            <div class="col-sm-3">费用：@{{ task.expenditure_total_cost }}</div>
+        </div>
+
+        <div class="row h4">
+            <div class="col-sm-3">装卸队：<span class="text-bold ">@{{ task.facilitator ? task.facilitator.name : '' }}</span></div>
+        </div>
+        <div class="row h4">
+            <div class="col-sm-3 offset-sm-8">签名：</div>
+        </div>
+        <div class="row h4" >
+            <div class="col-sm-3 offset-sm-8">日期：@{{ date }}</div>
+        </div>
+    </div>
+@endsection
+
+@section('lastScript')
+    <script>
+        let list = new Vue({
+            el:'#list',
+            data:{
+                task:{!! $task->toJson() !!},
+                date:'{!! $date !!}'
+            },
+            mounted() {
+                $('#list').removeClass('d-none');
+            }
+        });
+    </script>
+@endsection