MicroCommunityWeb/public/pages/property/printRepairDetail/printRepairDetail.html

<div>
    <div>
        <div >
            <div class="row" style="color:#000;font-size:14px">
                <div class="col-sm-4">
                    <span><vc:i18n name="报修单号：" namespace="printRepairDetail"></vc:i18n></span>{{printRepairDetailInfo.repairId}}
                </div>
                <div class="col-sm-6">
                    <span></span>
                </div>
                <div class="col-sm-2">
                    <span><vc:i18n name="打印时间：" namespace="printRepairDetail"></vc:i18n></span>{{nowTime}}
                </div>
            </div>
            <table class="table vc-table-border margin-top" style="margin-bottom: 0;color:#000;font-size:14px">
                <thead>
                    <tr>
                        <th scope="col" colspan="6" class="text-center"><span><vc:i18n name="报修信息" namespace="printRepairDetail"></vc:i18n></span></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><span><vc:i18n name="报修人：" namespace="printRepairDetail"></vc:i18n></span>{{printRepairDetailInfo.repairName}}</td>
                        <td><span><vc:i18n name="联系电话：" namespace="printRepairDetail"></vc:i18n></span>{{printRepairDetailInfo.tel}}</td>
                        <td><span><vc:i18n name="位置：" namespace="printRepairDetail"></vc:i18n></span>{{printRepairDetailInfo.repairObjName}}</td>
                    </tr>
                    <tr>
                        <td><span><vc:i18n name="报修内容：" namespace="printRepairDetail"></vc:i18n></span>{{printRepairDetailInfo.context}}</td>
                        <td v-if="printRepairDetailInfo.maintenanceType != null && printRepairDetailInfo.maintenanceType != ''"><span><vc:i18n name="报修类型" namespace="printRepairDetail"></vc:i18n></span>：
                            <span v-if="printRepairDetailInfo.maintenanceType == '1001'"><span><vc:i18n name="有偿服务" namespace="printRepairDetail"></vc:i18n></span></span>
                            <span v-else><span><vc:i18n name="无偿服务" namespace="printRepairDetail"></vc:i18n></span></span>
                        </td>
                        <td v-if="printRepairDetailInfo.maintenanceType == '1001'"><span><vc:i18n name="报修用料" namespace="printRepairDetail"></vc:i18n></span>：{{printRepairDetailInfo.repairMaterials}}</td>
                    </tr>
                    <tr v-if="printRepairDetailInfo.maintenanceType == '1001'">
                        <td colspan="3"><span><vc:i18n name="费用明细" namespace="printRepairDetail"></vc:i18n></span>：{{printRepairDetailInfo.repairFee}}<span><vc:i18n name="元" namespace="printRepairDetail"></vc:i18n></span> &nbsp;&nbsp;(单价*数量)</td>
                    </tr>
                </tbody>
            </table>
            <table class="table vc-table-border" style="color:#000;font-size:14px">
                <thead>
                    <tr>
                        <th scope="col" colspan="6" class="text-center"><span><vc:i18n name="工单流转" namespace="printRepairDetail"></vc:i18n></span></th>
                    </tr>
                    <tr>
                        <th scope="col" class="text-center"><span><vc:i18n name="序号" namespace="printRepairDetail"></vc:i18n></span></th>
                        <th scope="col" class="text-center"><span><vc:i18n name="处理人" namespace="printRepairDetail"></vc:i18n></span></th>
                        <th scope="col" class="text-center"><span><vc:i18n name="状态" namespace="printRepairDetail"></vc:i18n></span></th>
                        <th scope="col" class="text-center"><span><vc:i18n name="处理时间" namespace="printRepairDetail"></vc:i18n></span></th>
                        <th scope="col" class="text-center"><span><vc:i18n name="耗时" namespace="printRepairDetail"></vc:i18n></span></th>
                        <th scope="col" class="text-center"><span><vc:i18n name="意见" namespace="printRepairDetail"></vc:i18n></span></th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(item,index) in printRepairDetailInfo.repairUsers">
                        <th scope="row" class="text-center">{{index +1}}</th>
                        <td class="text-center">{{item.staffName}}</td>
                        <td class="text-center">{{item.stateName}}</td>
                        <td class="text-center">{{item.startTime}}</td>
                        <td class="text-center">{{item.duration}}</td>
                        <td class="text-center">{{item.context}}</td>
                    </tr>
                    <tr>
                        <th scope="row" class="text-center"><span><vc:i18n name="备注" namespace="printRepairDetail"></vc:i18n></span></th>
                        <td colspan="5">{{printRepairDetailInfo.description}}</td>
                    </tr>
                    <tr height="60px">
                        <td colspan="2" class="text-center " style="vertical-align:middle;"><span><vc:i18n name="维修人员签字" namespace="printRepairDetail"></vc:i18n></span></td>
                        <td colspan="2"></td>
                        <td class="text-center " style="vertical-align:middle;"><span><vc:i18n name="时间" namespace="printRepairDetail"></vc:i18n></span></td>
                        <td></td>

                    </tr>
                    <tr height="60px">
                        <td colspan="2" class="text-center" style="vertical-align:middle;"><span><vc:i18n name="客户签字" namespace="printRepairDetail"></vc:i18n></span></td>
                        <td colspan="2"></td>
                        <td class="text-center " style="vertical-align:middle;"><span><vc:i18n name="时间" namespace="printRepairDetail"></vc:i18n></span></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="print-btn">
            <button class="btn btn-primary float-right" type="button" v-on:click="_printPurchaseApplyDiv()">
                <i class="fa fa-check"></i>&nbsp;打印
            </button>
            <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" v-on:click="_closePage()"><span><vc:i18n name="取消" namespace="printRepairDetail"></vc:i18n></span>
            </button>
        </div>
    </div>
</div>