baoshi-was/resources/views/process/show.blade.php

@extends('layouts.app')
@section('title','单据详情')

@section('content')
<span id="nav2">
    @component('process.menu')
    <li class="nav-item">
        <a class="nav-link" href="{{URL::current()}}" :class="{active:isActive('process',1)}">单据</a>
    </li>
    @endcomponent
</span>
<div id="body" class="d-none card card-body container text-nowrap">
    <div class="col offset-1 row">
        <label class="col-2 text-primary" for="code">任务号：</label>
        <span id="code" class="col-8 offset-1">@{{ process.code }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-primary" for="code">货主：</label>
        <span id="code" class="col-8 offset-1">@{{ process.owner_name }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-primary" for="code">加工类型：</label>
        <span id="code" class="col-8 offset-1 text-danger font-weight-bold">@{{ process.process_method_name }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-dark" for="code">预期数量：</label>
        <span id="code" class="col-8 offset-1 text-muted">@{{ process.amount }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-dark" for="code">单价：</label>
        <span id="code" class="col-8 offset-1 text-muted">@{{ process.unit_price }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-dark" for="code">完成数量：</label>
        <span id="code" class="col-8 offset-1 text-muted">@{{ process.completed_amount }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-dark" for="code">建单日期：</label>
        <span id="code" class="col-8 offset-1 text-muted">@{{ process.created_at }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-dark" for="code">状态：</label>
        <span id="code" class="col-8 offset-1 text-success font-weight-bold">@{{ process.status }}</span>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-dark" for="code">备注：</label>
        <span id="code" class="col-8 offset-1 text-muted" style="white-space: normal;max-width: 200px">@{{ process.remark }}</span>
    </div>
    <div class="col row mt-0 mb-0 p-0 small w-100" style="margin-left: -18px;">
        <table class="table table-sm table-bordered table-bordered w-100" style="background-color: #efe3d9;">
            <tr>
                <th>类型<span class="badge badge-sm bg-warning">原料单</span></th>
                <th>单据号</th>
                <th>本单数量</th>
                <th>商品条码</th>
                <th>商品名称</th>
            </tr>
            <tr v-for="content in process.processes_contents" v-if="content.type=='原料单'">
                <td>@{{ content.bill_type }}</td>
                <td>@{{ content.wms_code }}</td>
                <td>@{{ content.amount }}</td>
                <td>
                    <ul class="p-0 m-0 list-unstyled list-inline" v-if="content.commodity">
                        <li v-for="barcode in content.commodity.barcodes"><small style="white-space: normal">@{{ barcode.code }}</small></li>
                    </ul>
                </td>
                <td class="text-muted tooltipTarget">
                    <div style="white-space: normal">@{{ content.sign_mark?content.sign_mark:content.commodity_name }}</div></td>
            </tr>
        </table>
        <table class="table table-sm table-bordered table-bordered w-100" style="background-color: #ccd7dc;">
            <tr>
                <th>类型<span class="badge badge-sm bg-warning">成品单</span></th>
                <th>单据号</th>
                <th>本单数量</th>
                <th>商品条码</th>
                <th>商品名称</th>
            </tr>
            <tr v-for="content in process.processes_contents" v-if="content.type=='成品单'">
                <td>@{{ content.bill_type }}</td>
                <td>@{{ content.wms_code }}</td>
                <td>@{{ content.amount }}</td>
                <td>
                    <ul class="p-0 m-0 list-unstyled list-inline" v-if="content.commodity">
                        <li v-for="barcode in content.commodity.barcodes"><small style="white-space: normal">@{{ barcode.code }}</small></li>
                    </ul>
                </td>
                <td class="text-muted tooltipTarget">
                    <div style="white-space: normal">@{{ content.sign_mark?content.sign_mark:content.commodity_name }}</div></td>
            </tr>
        </table>
    </div>
    <div class="col offset-1 row">
        <label class="col-2 text-dark" for="tutorials">教程：</label>
        <span class="col-8 offset-1 text-danger font-weight-bold" v-if="process.tutorials.length<1">暂无</span>
        <div v-else id="tutorials" class="col-8 offset-1 text-muted" style="white-space: normal">
            <b @click="tutorialShow(tutorial.id)" style="cursor: pointer;text-decoration:underline" class="text-primary" v-for="tutorial in process.tutorials">@{{ tutorial.name }}<br></b>
        </div>
    </div>
</div>
@stop

@section('lastScript')
    <script>
        new Vue({
            el:"#body",
            data:{
                process:{!! $process !!},
            },
            mounted:function(){
                $('#body').removeClass('d-none');
            },
            methods:{
                tutorialShow(id){
                    window.open('{{url('maintenance/tutorial')}}/'+id);
                }
            },
        });
    </script>
@stop