chenqp
/
t_nine


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        font-family: "simhei";
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }
    th,
    td {
        padding: 8px;
        border: 1px solid;
    }
    .item {
        width: 100%;
    }
    .item>div {
        box-sizing: border-box;
        line-height: 220%;
    }
    .view {
        width: 100%;
    }
    .container {
        width: 100%; /* 或者一个具体的宽度值，确保足够大 */
        overflow: auto; /* 防止内容溢出 */
    }
    .inline-block {
        display: inline-block;
        width: 49%; /* 使用49%而不是50%来避免由于间距导致的换行 */
        box-sizing: border-box; /* 包括padding和border在内计算宽度 */
        vertical-align: top; /* 确保顶部对齐 */
        margin-right: 1%; /* 右间距 */
        /*background-color: #f0f0f0; !* 可选：用于可视化 *!*/
        line-height: 220%;
    }
    .inline-block:last-child {
        margin-right: 0; /* 最后一个元素不需要右间距 */
    }
</style>
<body>
<div style="margin:0 auto;width: 1000px;">
    <div class="view">
        <div style="width: 100%;">
            <div style="text-align: center;margin-bottom: 40px;font-size: 24px;">
                <span style="font-weight:bold;">安装工单</span>
            </div>
            <div style="margin-bottom: 20px;"><span style="font-weight:bold;">基本信息</span></div>
            <div class="container">
                <div class="inline-block">工单编号: {{$order['order_number'] ?? ''}}</div>
                <div class="inline-block">工单来源（名称）: {{$order['title'] ?? ''}}</div>
            </div>
            <div class="container">
                <div class="inline-block">关联客户: {{$order['customer_title'] ?? ''}}</div>
                <div class="inline-block">创建人: {{$order['crt_name'] ?? ''}}</div>
            </div>
            <div style="margin-bottom: 20px;"><span style="font-weight:bold;">实施信息 </span></div>
            <div class="container">
                <div class="inline-block">关联合同: {{$order['sales_order_number'] ?? ''}}</div>
                <div class="inline-block">工单备注: {{$order['mark'] ?? ''}}</div>
            </div>
            <div class="container">
                <div class="inline-block">交车日期: {{$order['handover_time'] ?? ''}}</div>
                <div class="inline-block">协同人: {{$order['xt_name'] ?? ''}}</div>
            </div>
            <div><span>实施备件</span><span>: </span></div>
            <table>
                <tr>
                    <th style="text-align: center">序号</th>
                    <th style="text-align: center">产品名称</th>
                    <th style="text-align: center">规格</th>
                    <th style="text-align: center">单位</th>
                    <th style="text-align: center">数量</th>
                    <th style="text-align: center">备注</th>
                </tr>
                @foreach($product as $value)
                    <tr>
                        <td style="text-align: center">{{ $value['count'] ?? '' }}</td>
                        <td style="text-align: center">{{ $value['title'] ?? '' }}</td>
                        <td style="text-align: center">{{ $value['size'] ?? '' }}</td>
                        <td style="text-align: center">{{ $value['unit'] ?? '' }}</td>
                        <td style="text-align: center">{{ $value['number'] ?? '' }}</td>
                        <td style="text-align: center">{{ $value['mark'] ?? '' }}</td>
                    </tr>
                @endforeach
            </table>
            <div><span>工单进展</span><span>: </span></div>
            @foreach($detail as $value)
                <div>
                    {{ $value ?? ''}}
                </div>
            @endforeach
        </div>
    </div>
</div>
</body>
</html>