diff --git a/src/views/material/cost/component/applyDetail.vue b/src/views/material/cost/component/applyDetail.vue
index 5ab7742e..48d6f94c 100644
--- a/src/views/material/cost/component/applyDetail.vue
+++ b/src/views/material/cost/component/applyDetail.vue
@@ -2,22 +2,15 @@
     <div class="app-container">
         <el-row style="width: 100%">
             <el-col :span="18">
-                <el-button type="primary" size="mini" @click="handleExport1"
-                    >租赁明细导出</el-button>
-                <el-button type="primary" size="mini" @click="handleExport3"
-                    >维修明细导出</el-button>
-                <el-button type="primary" size="mini" @click="handleExport4"
-                    >报废明细导出</el-button>
-                <el-button type="primary" size="mini" @click="handleExport2"
-                    >丢失明细导出</el-button>
-                <el-button type="primary" size="mini" @click="handleExport5"
-                    >减免明细导出</el-button>
-                <el-button type="warning" size="mini" @click="handleExportAll"
-                    >全部明细导出</el-button>
-                <el-button type="warning" size="mini" @click="handleExportEach"
-                    >各结算明细导出</el-button>
-                <el-button type="success" size="mini" @click="handleAdd"
-                    >提交</el-button>
+                <el-button type="primary" size="mini" @click="handleExport1">租赁明细导出</el-button>
+                <el-button type="primary" size="mini" @click="handleExport3">维修明细导出</el-button>
+                <el-button type="primary" size="mini" @click="handleExport4">报废明细导出</el-button>
+                <el-button type="primary" size="mini" @click="handleExport2">丢失明细导出</el-button>
+                <el-button type="primary" size="mini" @click="handleExport5">减免明细导出</el-button>
+                <el-button type="warning" size="mini" @click="handleExportAll">全部明细导出</el-button>
+                <el-button type="warning" size="mini" @click="handleExportEach">各结算明细导出</el-button>
+                <el-button type="primary" size="mini" @click="handlePrint">打印</el-button>
+                <el-button type="success" size="mini" @click="handleAdd">提交</el-button>
             </el-col>
             <!-- <el-col :span="4">
                 <el-button type="danger" size="mini" style="float: right" @click="handleBack"
@@ -31,193 +24,603 @@
             }}，报废费用¥{{ scrapCost }}，丢失费用{{ loseCost }}
         </div> -->
 
-        <div style="margin-top:20px">
-            <div class="tabelAllTop">
-                <div class="costTop">结算费用</div>
-            </div>
-            <div class="tabelAllTopUnit">
-                <div class="costTopUnit">结算单位</div>
-                <div class="costRightUnit">
-                {{ unitName }}
+        <vue-easy-print tableShow ref="remarksPrintRef" class="print">
+            <!-- <div style="margin-top: 20px">
+                <div class="tabelAllTop">
+                    <div class="costTop">结算费用</div>
                 </div>
-            </div>
-            <div class="tabelAllTopUnit">
-                <div class="costTopUnit">结算工程</div>
-                <div class="costRightUnit">
-                {{ projectName }}
+                <div class="tabelAllTopUnit">
+                    <div class="costTopUnit">结算单位</div>
+                    <div class="costRightUnit">
+                        {{ unitName }}
+                    </div>
                 </div>
-            </div>
-            <el-table :data="leaseList">
-                <el-table-column label="租赁费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <!-- <el-table-column label="结算单位" align="center" prop="unitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="结算工程" align="center" prop="projectName" :show-overflow-tooltip="true"/> -->
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="租赁单价" align="center" prop="leasePrice" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.leasePrice">
-                            {{ scope.row.leasePrice.toFixed(3) }}
-                        </template>
+                <div class="tabelAllTopUnit">
+                    <div class="costTopUnit">结算工程</div>
+                    <div class="costRightUnit">
+                        {{ projectName }}
+                    </div>
+                </div>
+                <el-table :data="leaseList">
+                    <el-table-column label="租赁费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="租赁单价"
+                            align="center"
+                            prop="leasePrice"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.leasePrice">
+                                {{ scope.row.leasePrice.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="租赁数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="租赁日期"
+                            align="center"
+                            prop="startTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="归还日期 "
+                            align="center"
+                            prop="endTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="租赁天数" align="center" prop="leaseDays" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.leaseDays">
+                                {{ Number(scope.row.leaseDays).toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="租赁费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
                     </el-table-column>
-                    <el-table-column label="租赁数量" align="center" prop="num" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.num">
-                            {{ scope.row.num.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="租赁日期" align="center" prop="startTime" :show-overflow-tooltip="true"/>
-                    <!-- <el-table-column label="归还数量" align="center" prop="" :show-overflow-tooltip="true" /> -->
-                    <el-table-column label="归还日期 " align="center" prop="endTime" :show-overflow-tooltip="true"/>
-                    <el-table-column label="租赁天数" align="center" prop="leaseDays" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.leaseDays">
-                            {{ Number(scope.row.leaseDays).toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="租赁费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.costs">
-                            {{ scope.row.costs.toFixed(3) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
+                </el-table>
 
-            <div class="tabelAll">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ leaseCost }}
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ leaseCost }}
+                    </div>
+                </div>
+            </div> -->
+
+            <div style="margin: 20px 0">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="10">结算费用</th>
+                    </tr>
+
+                    <!-- 单位 & 工程 -->
+                    <tr>
+                        <td style="width: 100px; text-align: center">结算单位</td>
+                        <td colspan="9" style="text-align: center">{{ unitName }}</td>
+                    </tr>
+                    <tr>
+                        <td style="text-align: center">结算工程</td>
+                        <td colspan="9" style="text-align: center">{{ projectName }}</td>
+                    </tr>
+
+                    <!-- 租赁费用明细表头 -->
+                    <tr>
+                        <th colspan="10">租赁费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 60px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>租赁单价</th>
+                        <th>租赁数量</th>
+                        <th>租赁日期</th>
+                        <th>归还日期</th>
+                        <th>租赁天数</th>
+                        <th>租赁费用（元）</th>
+                    </tr>
+
+                    <!-- 租赁费用明细内容 -->
+                    <tr v-for="(item, index) in leaseList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.leasePrice">{{ item.leasePrice.toFixed(3) }}</td>
+                        <td v-else></td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td>{{ item.startTime }}</td>
+                        <td>{{ item.endTime }}</td>
+                        <td v-if="item.leaseDays">{{ Number(item.leaseDays).toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="9" style="text-align: center">{{ leaseCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="repairList">
+                    <el-table-column label="维修费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="维修数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="是否收费"
+                            align="center"
+                            prop="partType"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="维修费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ repairCost }}
+                    </div>
+                </div>
+            </div> -->
+
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="7">维修费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>维修数量</th>
+                        <th>是否收费</th>
+                        <th>维修费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in repairList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td>{{ item.partType }}</td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="6" style="text-align: center">{{ repairCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="loseList">
+                    <el-table-column label="丢失费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="丢失数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="丢失费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ loseCost }}
+                    </div>
+                </div>
+            </div> -->
+
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="6">丢失费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>丢失数量</th>
+                        <th>丢失费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in loseList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="5" style="text-align: center">{{ loseCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="scrapList">
+                    <el-table-column label="报废费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="报废数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="是否收费"
+                            align="center"
+                            prop="partType"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="报废费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ scrapCost }}
+                    </div>
+                </div>
+            </div> -->
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="7">报废费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>报废数量</th>
+                        <th>是否收费</th>
+                        <th>报废费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in scrapList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td>{{ item.partType }}</td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="6" style="text-align: center">{{ scrapCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="reducList">
+                    <el-table-column label="减免费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="unitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="租赁单价"
+                            align="center"
+                            prop="leasePrice"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="减免数量"
+                            align="center"
+                            prop="reduceNum"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="减免开始日期"
+                            align="center"
+                            prop="startTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="减免结束日期"
+                            align="center"
+                            prop="endTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="减免天数" align="center" prop="days" :show-overflow-tooltip="true" />
+                        <el-table-column label="减免原因" align="center" prop="remark" :show-overflow-tooltip="true" />
+                        <el-table-column
+                            label="减免费用（元）"
+                            align="center"
+                            prop="leaseMoney"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.leaseMoney">
+                                {{ scope.row.leaseMoney.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAllBottom">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ reducCost }}
+                    </div>
+                </div>
+                <div class="tabelAllBottom">
+                    <div class="columnAllNum">合计：</div>
+                    <div class="columnAll">
+                        {{ costAll.toFixed(2) }}
+                    </div>
+                </div>
+            </div> -->
+            
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="11">减免费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>租赁单价</th>
+                        <th>减免数量</th>
+                        <th>减免开始日期</th>
+                        <th>减免结束日期</th>
+                        <th>减免天数</th>
+                        <th>减免原因</th>
+                        <th>减免费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in reducList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modeName }}</td>
+                        <td>{{ item.unitName }}</td>
+                        <td v-if="item.leasePrice">{{ item.leasePrice }}</td>
+                        <td v-else></td>
+                        <td v-if="item.reduceNum">{{ item.reduceNum }}</td>
+                        <td v-else></td>
+                        <td>{{ item.startTime }}</td>
+                        <td>{{ item.endTime }}</td>
+                        <td>{{ item.days }}</td>
+                        <td>{{ item.remark }}</td>
+                        <td v-if="item.leaseMoney">{{ item.leaseMoney.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="10" style="text-align: center">{{ reducCost }}</td>
+                    </tr>
+
+                    <!-- 合计 -->
+                    <tr>
+                        <td style="text-align: center">合计：</td>
+                        <td colspan="10" style="text-align: center">{{ costAll.toFixed(2) }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <div class="fillIn" style="margin-top: 20px; display: flex; justify-content: space-between">
+                <div class="item" style="width: 33%">
+                    <div>
+                        <span>部门负责人：</span>
+                    </div>
+                </div>
+
+                <div class="item" style="width: 33%">
+                    <div>
+                        <span>承租负责人：</span>
+                    </div>
+                </div>
+
+                <div class="item" style="width: 33%">
+                    <div>
+                        <span>核算员：</span>
+                    </div>
                 </div>
             </div>
-        </div>
-
-        <div>
-            <el-table :data="repairList">
-                <el-table-column label="维修费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="维修数量" align="center" prop="num" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.num" >
-                            {{ scope.row.num.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="是否收费" align="center" prop="partType" :show-overflow-tooltip="true"/>
-                    <el-table-column label="维修费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.costs" >
-                            {{ scope.row.costs.toFixed(3) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
-            <div class="tabelAll">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ repairCost }}
-                </div>
-            </div>
-        </div>
-
-      <div>
-        <el-table :data="loseList">
-          <el-table-column label="丢失费用明细" align="center">
-            <el-table-column label="序号" align="center" type="index" width="60"/>
-            <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-            <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-            <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-            <el-table-column label="丢失数量" align="center" prop="num" :show-overflow-tooltip="true">
-              <template slot-scope="scope" v-show="scope.row.num">
-                {{ scope.row.num.toFixed(2) }}
-              </template>
-            </el-table-column>
-            <el-table-column label="丢失费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-              <template slot-scope="scope" v-show="scope.row.costs">
-                {{ scope.row.costs.toFixed(3) }}
-              </template>
-            </el-table-column>
-          </el-table-column>
-        </el-table>
-        <div class="tabelAll">
-          <div class="columnAllNum">费用小计：</div>
-          <div class="columnAll">
-            {{ loseCost }}
-          </div>
-        </div>
-      </div>
-
-        <div>
-            <el-table :data="scrapList">
-                <el-table-column label="报废费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="报废数量" align="center" prop="num" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.num">
-                            {{ scope.row.num.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="是否收费" align="center" prop="partType" :show-overflow-tooltip="true"/>
-                    <el-table-column label="报废费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.costs">
-                            {{ scope.row.costs.toFixed(3) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
-            <div class="tabelAll">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ scrapCost }}
-                </div>
-            </div>
-        </div>
-
-        <div>
-            <el-table :data="reducList">
-                <el-table-column label="减免费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="租赁单价" align="center" prop="leasePrice" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免数量" align="center" prop="reduceNum" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免开始日期" align="center" prop="startTime" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免结束日期" align="center" prop="endTime" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免天数" align="center" prop="days" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免原因" align="center" prop="remark" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免费用（元）" align="center" prop="leaseMoney" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-show="scope.row.leaseMoney">
-                            {{ scope.row.leaseMoney.toFixed(3) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
-            <div class="tabelAllBottom">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ reducCost }}
-                </div>
-            </div>
-            <div class="tabelAllBottom">
-                <div class="columnAllNum">合计：</div>
-                <div class="columnAll">
-                {{ costAll.toFixed(2) }}
-                </div>
-            </div>
-        </div>
-
+        </vue-easy-print>
     </div>
 </template>
 
 <script>
-import { getSltInfo, submitFee,submitCosts } from '@/api/cost/cost'
+import { getSltInfo, submitFee, submitCosts } from '@/api/cost/cost'
+import vueEasyPrint from 'vue-easy-print'
 
 export default {
+    components: { vueEasyPrint },
     name: 'ApplyDetail',
     dicts: [],
     props: {
         row: {
-            type: [String],
+            type: [String]
         }
     },
     data() {
@@ -240,119 +643,124 @@ export default {
             deptName: undefined,
             applyList: [],
             projectName: undefined, //结算工程
-            unitName: undefined, //结算单位
+            unitName: undefined //结算单位
         }
     },
     mounted() {
-        console.log('📋 ApplyDetail 组件挂载，接收到的 row 数据:', this.row);
-        this.initData();
+        console.log('📋 ApplyDetail 组件挂载，接收到的 row 数据:', this.row)
+        this.initData()
         //   this.getUnitList();
         //   this.getProjectList();
     },
     activated() {
         // 当组件被 keep-alive 缓存后重新激活时调用
-        console.log('📋 ApplyDetail 组件激活 (keep-alive)，row 数据:', this.row);
-        this.initData();
+        console.log('📋 ApplyDetail 组件激活 (keep-alive)，row 数据:', this.row)
+        this.initData()
     },
     watch: {
         // 监听 row 数据变化
         row: {
             handler(newVal, oldVal) {
-                console.log('📋 监听到 row 数据变化:', { newVal, oldVal });
+                console.log('📋 监听到 row 数据变化:', { newVal, oldVal })
                 if (newVal && newVal !== oldVal) {
-                    this.initData();
+                    this.initData()
                 }
             },
             immediate: false
         }
     },
     methods: {
+        handlePrint() {
+            this.$refs.remarksPrintRef.print()
+        },
         // 初始化数据 - 统一处理数据解析和API调用
         initData() {
             if (!this.row) {
-                console.log('📋 row 数据为空，跳过初始化');
-                return;
+                console.log('📋 row 数据为空，跳过初始化')
+                return
             }
 
-            console.log('📋 开始初始化数据，row:', this.row);
+            console.log('📋 开始初始化数据，row:', this.row)
             let arr = JSON.parse(this.row)
-            console.log('📋 解析后的数据:', arr);
+            console.log('📋 解析后的数据:', arr)
             this.rowData = arr
-            console.log('📋 准备调用 getDataAll() 获取详情数据');
+            console.log('📋 准备调用 getDataAll() 获取详情数据')
             this.getDataAll()
         },
         //获取单位类型 ,getUnitList, getProjectList
         getUnitList() {
-            getUnitList().then((response) => {
+            getUnitList().then(response => {
                 this.unitList = response.data
             })
         },
         getProjectList() {
-            getProjectList().then((response) => {
+            getProjectList().then(response => {
                 this.projectList = response.data
             })
         },
         /** 查询列表 */
         getDataAll() {
-            console.log('🔥 开始调用 getSltInfo API，传入参数:', this.rowData);
-            getSltInfo(this.rowData).then((response) => {
-                console.log('🔥 API 调用成功，返回数据:', response);
-                console.log('🔥 返回的详情数据:', response.data);
-                this.leaseList = response.data.leaseList //租赁费用列表
-                this.projectName = response.data.projectName
-                this.unitName = response.data.unitName
-                this.leaseCost = this.countCost(this.leaseList)
+            console.log('🔥 开始调用 getSltInfo API，传入参数:', this.rowData)
+            getSltInfo(this.rowData)
+                .then(response => {
+                    console.log('🔥 API 调用成功，返回数据:', response)
+                    console.log('🔥 返回的详情数据:', response.data)
+                    this.leaseList = response.data.leaseList //租赁费用列表
+                    this.projectName = response.data.projectName
+                    this.unitName = response.data.unitName
+                    this.leaseCost = this.countCost(this.leaseList)
 
-                this.repairList = response.data.repairList //维修费用列表
-                this.repairCost = response.data.repairCost.toFixed(2)
-                // this.repairCost = this.countCost(this.repairList)
+                    this.repairList = response.data.repairList //维修费用列表
+                    this.repairCost = response.data.repairCost.toFixed(2)
+                    // this.repairCost = this.countCost(this.repairList)
 
-                this.scrapList = response.data.scrapList //报废费用列表
-                this.scrapCost = response.data.scrapCost.toFixed(2)
-                // this.scrapCost = this.countCost(this.scrapList)
+                    this.scrapList = response.data.scrapList //报废费用列表
+                    this.scrapCost = response.data.scrapCost.toFixed(2)
+                    // this.scrapCost = this.countCost(this.scrapList)
 
-                this.loseList = response.data.loseList //丢失费用列表
-                this.loseCost = this.countCost(this.loseList)
-                this.reducList = response.data.reductionList //减免费用列表
-                if(this.reducList!=null){
-                this.reducList.forEach((item) => {
-                    this.reducCost = Number(this.reducCost) + Number(item.leaseMoney)
+                    this.loseList = response.data.loseList //丢失费用列表
+                    this.loseCost = this.countCost(this.loseList)
+                    this.reducList = response.data.reductionList //减免费用列表
+                    if (this.reducList != null) {
+                        this.reducList.forEach(item => {
+                            this.reducCost = Number(this.reducCost) + Number(item.leaseMoney)
+                        })
+                    }
+                    this.applyList = response.data.relations
+                    this.applyList.forEach(item => {
+                        item.leaseCost = Number(item.leaseCost)
+                        item.repairCost = Number(item.repairCost)
+                        item.scrapCost = Number(item.scrapCost)
+                        item.loseCost = Number(item.loseCost)
+                        item.cost =
+                            Number(item.leaseCost) +
+                            Number(item.repairCost) +
+                            Number(item.scrapCost) +
+                            Number(item.loseCost) +
+                            Number(item.reductionCost) +
+                            Number(item.addCost) -
+                            Number(item.subCost)
+                    })
+
+                    let costSum =
+                        Number(this.leaseCost) +
+                        Number(this.repairCost) +
+                        Number(this.scrapCost) +
+                        Number(this.loseCost) -
+                        Number(this.reducCost)
+                    this.costAll = costSum
+
+                    this.subCostFlag = costSum
                 })
-                }
-                this.applyList = response.data.relations
-                this.applyList.forEach((item) => {
-                    item.leaseCost = Number(item.leaseCost)
-                    item.repairCost = Number(item.repairCost)
-                    item.scrapCost = Number(item.scrapCost)
-                    item.loseCost = Number(item.loseCost)
-                    item.cost =
-                        Number(item.leaseCost) +
-                        Number(item.repairCost) +
-                        Number(item.scrapCost) +
-                        Number(item.loseCost) +
-                        Number(item.reductionCost) +
-                        Number(item.addCost) -
-                        Number(item.subCost)
+                .catch(error => {
+                    console.error('❌ API 调用失败:', error)
+                    this.$message.error('获取结算详情失败: ' + (error.message || error))
                 })
-
-                let costSum =
-                    Number(this.leaseCost) +
-                    Number(this.repairCost) +
-                    Number(this.scrapCost) +
-                    Number(this.loseCost) -
-                    Number(this.reducCost)
-                this.costAll = costSum
-
-                this.subCostFlag = costSum
-            }).catch((error) => {
-                console.error('❌ API 调用失败:', error);
-                this.$message.error('获取结算详情失败: ' + (error.message || error));
-            })
         },
         //计算金额1
         countCost(list) {
             let arrCost = 0
-            list.forEach((item) => {
+            list.forEach(item => {
                 // arrCost += parseInt(item.costs)
                 if (item.partType != 0 && item.scrapType != 0) {
                     arrCost = arrCost + Number(item.costs)
@@ -367,14 +775,19 @@ export default {
                 .confirm('是否确认提交？')
                 .then(() => {
                     let params = {
-                        'agreementIds': Array.isArray(this.rowData) ? this.rowData.map(item => item.agreementId) : [],'totalCostAll': this.costAll,
-                        'leaseList': this.leaseList, 'repairList': this.repairList, 'scrapList': this.scrapList,'loseList': this.loseList,'reductionList': this.reducList,
+                        agreementIds: Array.isArray(this.rowData) ? this.rowData.map(item => item.agreementId) : [],
+                        totalCostAll: this.costAll,
+                        leaseList: this.leaseList,
+                        repairList: this.repairList,
+                        scrapList: this.scrapList,
+                        loseList: this.loseList,
+                        reductionList: this.reducList
                     }
-                    console.log('2222222222222',params)
-                    submitCosts(params).then((response) => {
+                    console.log('2222222222222', params)
+                    submitCosts(params).then(response => {
                         this.$message({
                             type: 'success',
-                            message: '提交成功',
+                            message: '提交成功'
                         })
                         this.$emit('goBackPage')
                     })
@@ -390,10 +803,10 @@ export default {
                     sums[index] = '最终费用'
                     return
                 }
-                const values = data.map((item) => Number(item[column.property]))
+                const values = data.map(item => Number(item[column.property]))
                 // 只对amount这一列进行总计核算。
                 if (column.property === 'cost') {
-                    if (!values.every((value) => isNaN(value))) {
+                    if (!values.every(value => isNaN(value))) {
                         sums[index] = values.reduce((prev, curr) => {
                             const value = Number(curr)
                             if (!isNaN(value)) {
@@ -433,87 +846,71 @@ export default {
         /** 导出按钮操作 */
         //租赁
         handleExport1() {
-          const formatTime = (date) => {
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-          };
+            const formatTime = date => {
+                const year = date.getFullYear()
+                const month = String(date.getMonth() + 1).padStart(2, '0')
+                const day = String(date.getDate()).padStart(2, '0')
+                const hours = String(date.getHours()).padStart(2, '0')
+                const minutes = String(date.getMinutes()).padStart(2, '0')
+                const seconds = String(date.getSeconds()).padStart(2, '0')
+                return `${year}${month}${day}_${hours}${minutes}${seconds}`
+            }
 
-          const currentTime = formatTime(new Date());
-            let data = _.cloneDeep(this.rowData);
-            const params = {params:JSON.stringify(data)}
-            this.download(
-                'material/slt_agreement_info/exportLease',
-                {...params,},
-                `租赁费用明细_${currentTime}.xlsx`,
-            )
+            const currentTime = formatTime(new Date())
+            let data = _.cloneDeep(this.rowData)
+            const params = { params: JSON.stringify(data) }
+            this.download('material/slt_agreement_info/exportLease', { ...params }, `租赁费用明细_${currentTime}.xlsx`)
         },
         //丢失
         handleExport2() {
-          const formatTime = (date) => {
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-          };
+            const formatTime = date => {
+                const year = date.getFullYear()
+                const month = String(date.getMonth() + 1).padStart(2, '0')
+                const day = String(date.getDate()).padStart(2, '0')
+                const hours = String(date.getHours()).padStart(2, '0')
+                const minutes = String(date.getMinutes()).padStart(2, '0')
+                const seconds = String(date.getSeconds()).padStart(2, '0')
+                return `${year}${month}${day}_${hours}${minutes}${seconds}`
+            }
 
-          const currentTime = formatTime(new Date());
-            let data = _.cloneDeep(this.rowData);
-            const params = {params:JSON.stringify(data)}
-            this.download(
-                'material/slt_agreement_info/exportLose',
-                {...params,},
-                `丢失费用明细_${currentTime}.xlsx`,
-            )
+            const currentTime = formatTime(new Date())
+            let data = _.cloneDeep(this.rowData)
+            const params = { params: JSON.stringify(data) }
+            this.download('material/slt_agreement_info/exportLose', { ...params }, `丢失费用明细_${currentTime}.xlsx`)
         },
         // 维修
         handleExport3() {
-          const formatTime = (date) => {
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-          };
+            const formatTime = date => {
+                const year = date.getFullYear()
+                const month = String(date.getMonth() + 1).padStart(2, '0')
+                const day = String(date.getDate()).padStart(2, '0')
+                const hours = String(date.getHours()).padStart(2, '0')
+                const minutes = String(date.getMinutes()).padStart(2, '0')
+                const seconds = String(date.getSeconds()).padStart(2, '0')
+                return `${year}${month}${day}_${hours}${minutes}${seconds}`
+            }
 
-          const currentTime = formatTime(new Date());
-            let data = _.cloneDeep(this.rowData);
-            const params = {params:JSON.stringify(data)}
-            this.download(
-                'material/slt_agreement_info/exportRepair',
-                {...params,},
-                `维修费用明细_${currentTime}.xlsx`,
-            )
+            const currentTime = formatTime(new Date())
+            let data = _.cloneDeep(this.rowData)
+            const params = { params: JSON.stringify(data) }
+            this.download('material/slt_agreement_info/exportRepair', { ...params }, `维修费用明细_${currentTime}.xlsx`)
         },
         //报废
         handleExport4() {
-          const formatTime = (date) => {
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-          };
+            const formatTime = date => {
+                const year = date.getFullYear()
+                const month = String(date.getMonth() + 1).padStart(2, '0')
+                const day = String(date.getDate()).padStart(2, '0')
+                const hours = String(date.getHours()).padStart(2, '0')
+                const minutes = String(date.getMinutes()).padStart(2, '0')
+                const seconds = String(date.getSeconds()).padStart(2, '0')
+                return `${year}${month}${day}_${hours}${minutes}${seconds}`
+            }
 
-          const currentTime = formatTime(new Date());
-            let data = _.cloneDeep(this.rowData);
-            const params = {params:JSON.stringify(data)}
-            this.download(
-                'material/slt_agreement_info/exportScrap',
-                {...params,},
-                `报废费用明细_${currentTime}.xlsx`,
-            )
+            const currentTime = formatTime(new Date())
+            let data = _.cloneDeep(this.rowData)
+            const params = { params: JSON.stringify(data) }
+            this.download('material/slt_agreement_info/exportScrap', { ...params }, `报废费用明细_${currentTime}.xlsx`)
             // this.downloadJson(
             //     'material/slt_agreement_info/exportScrap',
             //     JSON.stringify(this.rowData),
@@ -521,67 +918,59 @@ export default {
             // )
         },
         handleExport5() {
-          const formatTime = (date) => {
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-          };
+            const formatTime = date => {
+                const year = date.getFullYear()
+                const month = String(date.getMonth() + 1).padStart(2, '0')
+                const day = String(date.getDate()).padStart(2, '0')
+                const hours = String(date.getHours()).padStart(2, '0')
+                const minutes = String(date.getMinutes()).padStart(2, '0')
+                const seconds = String(date.getSeconds()).padStart(2, '0')
+                return `${year}${month}${day}_${hours}${minutes}${seconds}`
+            }
 
-          const currentTime = formatTime(new Date());
-            let data = _.cloneDeep(this.rowData);
-            const params = {params:JSON.stringify(data)}
+            const currentTime = formatTime(new Date())
+            let data = _.cloneDeep(this.rowData)
+            const params = { params: JSON.stringify(data) }
             this.download(
-               'material/slt_agreement_info/exportReduction',
-                {...params,},
-                `减免费用明细_${currentTime}.xlsx`,
+                'material/slt_agreement_info/exportReduction',
+                { ...params },
+                `减免费用明细_${currentTime}.xlsx`
             )
         },
 
         handleExportAll() {
-          const formatTime = (date) => {
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-          };
+            const formatTime = date => {
+                const year = date.getFullYear()
+                const month = String(date.getMonth() + 1).padStart(2, '0')
+                const day = String(date.getDate()).padStart(2, '0')
+                const hours = String(date.getHours()).padStart(2, '0')
+                const minutes = String(date.getMinutes()).padStart(2, '0')
+                const seconds = String(date.getSeconds()).padStart(2, '0')
+                return `${year}${month}${day}_${hours}${minutes}${seconds}`
+            }
 
-          const currentTime = formatTime(new Date());
-            let data = _.cloneDeep(this.rowData);
-            const params = {params:JSON.stringify(data)}
-            this.download(
-                'material/slt_agreement_info/exportAll',
-                {...params,},
-                `全部费用明细_${currentTime}.xlsx`,
-            )
+            const currentTime = formatTime(new Date())
+            let data = _.cloneDeep(this.rowData)
+            const params = { params: JSON.stringify(data) }
+            this.download('material/slt_agreement_info/exportAll', { ...params }, `全部费用明细_${currentTime}.xlsx`)
         },
         handleExportEach() {
-          const formatTime = (date) => {
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-          };
+            const formatTime = date => {
+                const year = date.getFullYear()
+                const month = String(date.getMonth() + 1).padStart(2, '0')
+                const day = String(date.getDate()).padStart(2, '0')
+                const hours = String(date.getHours()).padStart(2, '0')
+                const minutes = String(date.getMinutes()).padStart(2, '0')
+                const seconds = String(date.getSeconds()).padStart(2, '0')
+                return `${year}${month}${day}_${hours}${minutes}${seconds}`
+            }
 
-          const currentTime = formatTime(new Date());
-            let data = _.cloneDeep(this.rowData);
-            const params = {params:JSON.stringify(data)}
-            this.download(
-                'material/slt_agreement_info/exportEach',
-                {...params,},
-                `各费用明细_${currentTime}.xlsx`,
-            )
-        },
-    },
+            const currentTime = formatTime(new Date())
+            let data = _.cloneDeep(this.rowData)
+            const params = { params: JSON.stringify(data) }
+            this.download('material/slt_agreement_info/exportEach', { ...params }, `各费用明细_${currentTime}.xlsx`)
+        }
+    }
 }
 </script>
 <style lang="scss" scoped>
@@ -590,84 +979,84 @@ export default {
     margin-bottom: 10px;
 }
 .tabelAllTop {
-  display: flex;
-  border: 1px solid #dfe6ec;
-  width:100%;
-  height:50px;
-  background-color: #f8f8f9;
-  border-left: none;
-  border-bottom: none;
-  .costTop {
     display: flex;
-    padding: 5px;
-    border-left: 1px solid #dfe6ec;
-    align-items: center;
-    text-align: center;
-    justify-content: center; /* 将内容对齐到中间 */
-    width:100%;
-    font-weight: bold; /* 添加字体加粗样式 */
-  }
+    border: 1px solid #dfe6ec;
+    width: 100%;
+    height: 50px;
+    background-color: #f8f8f9;
+    border-left: none;
+    border-bottom: none;
+    .costTop {
+        display: flex;
+        padding: 5px;
+        border-left: 1px solid #dfe6ec;
+        align-items: center;
+        text-align: center;
+        justify-content: center; /* 将内容对齐到中间 */
+        width: 100%;
+        font-weight: bold; /* 添加字体加粗样式 */
+    }
 }
 .tabelAllTopUnit {
-  display: flex;
-  border: 1px solid #dfe6ec;
-  width:100%;
-  height:50px;
-  background-color: #f8f8f9;
-  border-bottom: none;
- .costTopUnit {
     display: flex;
-    padding: 5px;
-    width:21.4%;
-    border-left: none;
-    align-items: center;
-    text-align: center;
-    justify-content: center; /* 将内容对齐到中间 */
+    border: 1px solid #dfe6ec;
+    width: 100%;
+    height: 50px;
+    background-color: #f8f8f9;
+    border-bottom: none;
+    .costTopUnit {
+        display: flex;
+        padding: 5px;
+        width: 21.4%;
+        border-left: none;
+        align-items: center;
+        text-align: center;
+        justify-content: center; /* 将内容对齐到中间 */
     }
- .costRightUnit {
-    display: flex;
-    padding: 5px;
-    border-left: 1px solid #dfe6ec;
-    text-align: center;
-    align-items: center;
-    width:100%;
-    justify-content: center; /* 将内容对齐到中间 */
-    // padding-left: 20px; /* 添加左内边距 */
+    .costRightUnit {
+        display: flex;
+        padding: 5px;
+        border-left: 1px solid #dfe6ec;
+        text-align: center;
+        align-items: center;
+        width: 100%;
+        justify-content: center; /* 将内容对齐到中间 */
+        // padding-left: 20px; /* 添加左内边距 */
     }
 }
 .tabelAll {
-  display: flex;
-  border: 1px solid #dfe6ec;
-  width:100%;
-  border-bottom: 1px solid #dfe6ec;
-  border-top: none;
-  margin-bottom: 15px;
+    display: flex;
+    border: 1px solid #dfe6ec;
+    width: 100%;
+    border-bottom: 1px solid #dfe6ec;
+    border-top: none;
+    margin-bottom: 15px;
 }
 .tabelAllBottom {
-  display: flex;
-  border: 1px solid #dfe6ec;
-  width:100%;
-  border-bottom: 1px solid #dfe6ec;
-  border-top: none;
+    display: flex;
+    border: 1px solid #dfe6ec;
+    width: 100%;
+    border-bottom: 1px solid #dfe6ec;
+    border-top: none;
 }
 .columnAll {
-  display: flex ;
-  padding: 5px;
-  border-left: 1px solid #dfe6ec;
-  text-align: center;
-  align-items: center;
-  width:100%;
-  justify-content: flex-end; /* 将内容对齐到右侧 */
-  margin-right: 60px; /* 添加右边距 */
+    display: flex;
+    padding: 5px;
+    border-left: 1px solid #dfe6ec;
+    text-align: center;
+    align-items: center;
+    width: 100%;
+    justify-content: flex-end; /* 将内容对齐到右侧 */
+    margin-right: 60px; /* 添加右边距 */
 }
 .columnAllNum {
-  padding: 5px;
-  text-align: center;
-  width:21.4%;
-  border-left: none;
+    padding: 5px;
+    text-align: center;
+    width: 21.4%;
+    border-left: none;
 }
 /* 最后一列无右边框 */
 .tabelAll .column:last-child {
-  border-right: none;
+    border-right: none;
 }
 </style>
diff --git a/src/views/material/cost/component/examDetail.vue b/src/views/material/cost/component/examDetail.vue
index 86848272..40073883 100644
--- a/src/views/material/cost/component/examDetail.vue
+++ b/src/views/material/cost/component/examDetail.vue
@@ -14,6 +14,7 @@
                     >减免明细导出</el-button>
                 <el-button type="warning" size="mini" @click="handleExportAll"
                     >全部明细导出</el-button>
+                <el-button type="primary" size="mini" @click="handlePrint">打印</el-button>
             </el-col>
             <!-- <el-col :span="4">
                 <el-button type="danger" size="mini" style="float: right" @click="handleBack"
@@ -27,189 +28,598 @@
             }}，报废费用¥{{ scrapCost }}，丢失费用{{ loseCost }}
         </div> -->
 
-        <div style="margin-top:20px">
-            <div class="tabelAllTop">
-                <div class="costTop">结算费用</div>
-            </div>
-            <div class="tabelAllTopUnit">
-                <div class="costTopUnit">结算单位</div>
-                <div class="costRightUnit">
-                {{ unitName }}
+        <vue-easy-print tableShow ref="remarksPrintRef" class="print">
+            <!-- <div style="margin-top: 20px">
+                <div class="tabelAllTop">
+                    <div class="costTop">结算费用</div>
                 </div>
-            </div>
-            <div class="tabelAllTopUnit">
-                <div class="costTopUnit">结算工程</div>
-                <div class="costRightUnit">
-                {{ projectName }}
+                <div class="tabelAllTopUnit">
+                    <div class="costTopUnit">结算单位</div>
+                    <div class="costRightUnit">
+                        {{ unitName }}
+                    </div>
                 </div>
-            </div>
-            <el-table :data="leaseList">
-                <el-table-column label="租赁费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <!-- <el-table-column label="结算单位" align="center" prop="unitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="结算工程" align="center" prop="projectName" :show-overflow-tooltip="true"/> -->
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="租赁单价" align="center" prop="leasePrice" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.leasePrice.toFixed(2) }}
-                        </template>
+                <div class="tabelAllTopUnit">
+                    <div class="costTopUnit">结算工程</div>
+                    <div class="costRightUnit">
+                        {{ projectName }}
+                    </div>
+                </div>
+                <el-table :data="leaseList">
+                    <el-table-column label="租赁费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="租赁单价"
+                            align="center"
+                            prop="leasePrice"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.leasePrice">
+                                {{ scope.row.leasePrice.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="租赁数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="租赁日期"
+                            align="center"
+                            prop="startTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="归还日期 "
+                            align="center"
+                            prop="endTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="租赁天数" align="center" prop="leaseDays" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.leaseDays">
+                                {{ Number(scope.row.leaseDays).toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="租赁费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
                     </el-table-column>
-                    <el-table-column label="租赁数量" align="center" prop="num" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.num.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="租赁日期" align="center" prop="startTime" :show-overflow-tooltip="true"/>
-                    <!-- <el-table-column label="归还数量" align="center" prop="" :show-overflow-tooltip="true" /> -->
-                    <el-table-column label="归还日期 " align="center" prop="endTime" :show-overflow-tooltip="true"/>
-                    <el-table-column label="租赁天数" align="center" prop="leaseDays" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ Number(scope.row.leaseDays).toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="租赁费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.costs.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
+                </el-table>
 
-            <div class="tabelAll">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ leaseCost }}
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ leaseCost }}
+                    </div>
+                </div>
+            </div> -->
+
+            <div style="margin: 20px 0">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="10">结算费用</th>
+                    </tr>
+
+                    <!-- 单位 & 工程 -->
+                    <tr>
+                        <td style="width: 100px; text-align: center">结算单位</td>
+                        <td colspan="9" style="text-align: center">{{ unitName }}</td>
+                    </tr>
+                    <tr>
+                        <td style="text-align: center">结算工程</td>
+                        <td colspan="9" style="text-align: center">{{ projectName }}</td>
+                    </tr>
+
+                    <!-- 租赁费用明细表头 -->
+                    <tr>
+                        <th colspan="10">租赁费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 60px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>租赁单价</th>
+                        <th>租赁数量</th>
+                        <th>租赁日期</th>
+                        <th>归还日期</th>
+                        <th>租赁天数</th>
+                        <th>租赁费用（元）</th>
+                    </tr>
+
+                    <!-- 租赁费用明细内容 -->
+                    <tr v-for="(item, index) in leaseList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.leasePrice">{{ item.leasePrice.toFixed(3) }}</td>
+                        <td v-else></td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td>{{ item.startTime }}</td>
+                        <td>{{ item.endTime }}</td>
+                        <td v-if="item.leaseDays">{{ Number(item.leaseDays).toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="9" style="text-align: center">{{ leaseCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="repairList">
+                    <el-table-column label="维修费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="维修数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="是否收费"
+                            align="center"
+                            prop="partType"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="维修费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ repairCost }}
+                    </div>
+                </div>
+            </div> -->
+
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="7">维修费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>维修数量</th>
+                        <th>是否收费</th>
+                        <th>维修费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in repairList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td>{{ item.partType }}</td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="6" style="text-align: center">{{ repairCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="loseList">
+                    <el-table-column label="丢失费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="丢失数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="丢失费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ loseCost }}
+                    </div>
+                </div>
+            </div> -->
+
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="6">丢失费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>丢失数量</th>
+                        <th>丢失费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in loseList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="5" style="text-align: center">{{ loseCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="scrapList">
+                    <el-table-column label="报废费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modelName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="mtUnitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="报废数量" align="center" prop="num" :show-overflow-tooltip="true">
+                            <template slot-scope="scope" v-show="scope.row.num">
+                                {{ scope.row.num.toFixed(2) }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="是否收费"
+                            align="center"
+                            prop="partType"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="报废费用（元）"
+                            align="center"
+                            prop="costs"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.costs">
+                                {{ scope.row.costs.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAll">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ scrapCost }}
+                    </div>
+                </div>
+            </div> -->
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="7">报废费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>报废数量</th>
+                        <th>是否收费</th>
+                        <th>报废费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in scrapList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modelName }}</td>
+                        <td>{{ item.mtUnitName }}</td>
+                        <td v-if="item.num">{{ item.num.toFixed(2) }}</td>
+                        <td v-else></td>
+                        <td>{{ item.partType }}</td>
+                        <td v-if="item.costs">{{ item.costs.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="6" style="text-align: center">{{ scrapCost }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <!-- <div>
+                <el-table :data="reducList">
+                    <el-table-column label="减免费用明细" align="center">
+                        <el-table-column label="序号" align="center" type="index" width="60" />
+                        <el-table-column
+                            label="设备名称"
+                            align="center"
+                            prop="typeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="规格型号"
+                            align="center"
+                            prop="modeName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="计量单位"
+                            align="center"
+                            prop="unitName"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="租赁单价"
+                            align="center"
+                            prop="leasePrice"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="减免数量"
+                            align="center"
+                            prop="reduceNum"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="减免开始日期"
+                            align="center"
+                            prop="startTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column
+                            label="减免结束日期"
+                            align="center"
+                            prop="endTime"
+                            :show-overflow-tooltip="true"
+                        />
+                        <el-table-column label="减免天数" align="center" prop="days" :show-overflow-tooltip="true" />
+                        <el-table-column label="减免原因" align="center" prop="remark" :show-overflow-tooltip="true" />
+                        <el-table-column
+                            label="减免费用（元）"
+                            align="center"
+                            prop="leaseMoney"
+                            :show-overflow-tooltip="true"
+                        >
+                            <template slot-scope="scope" v-show="scope.row.leaseMoney">
+                                {{ scope.row.leaseMoney.toFixed(3) }}
+                            </template>
+                        </el-table-column>
+                    </el-table-column>
+                </el-table>
+                <div class="tabelAllBottom">
+                    <div class="columnAllNum">费用小计：</div>
+                    <div class="columnAll">
+                        {{ reducCost }}
+                    </div>
+                </div>
+                <div class="tabelAllBottom">
+                    <div class="columnAllNum">合计：</div>
+                    <div class="columnAll">
+                        {{ costAll.toFixed(2) }}
+                    </div>
+                </div>
+            </div> -->
+            
+            <div style="margin-bottom: 20px">
+                <table
+                    border="1"
+                    cellspacing="0"
+                    cellpadding="6"
+                    style="width: 100%; border-collapse: collapse; text-align: center"
+                >
+                    <!-- 表头 -->
+                    <tr>
+                        <th colspan="11">减免费用明细</th>
+                    </tr>
+                    <tr>
+                        <th style="width: 100px">序号</th>
+                        <th>设备名称</th>
+                        <th>规格型号</th>
+                        <th>计量单位</th>
+                        <th>租赁单价</th>
+                        <th>减免数量</th>
+                        <th>减免开始日期</th>
+                        <th>减免结束日期</th>
+                        <th>减免天数</th>
+                        <th>减免原因</th>
+                        <th>减免费用（元）</th>
+                    </tr>
+
+                    <!-- 数据行 -->
+                    <tr v-for="(item, index) in reducList" :key="index">
+                        <td>{{ index + 1 }}</td>
+                        <td>{{ item.typeName }}</td>
+                        <td>{{ item.modeName }}</td>
+                        <td>{{ item.unitName }}</td>
+                        <td v-if="item.leasePrice">{{ item.leasePrice }}</td>
+                        <td v-else></td>
+                        <td v-if="item.reduceNum">{{ item.reduceNum }}</td>
+                        <td v-else></td>
+                        <td>{{ item.startTime }}</td>
+                        <td>{{ item.endTime }}</td>
+                        <td>{{ item.days }}</td>
+                        <td>{{ item.remark }}</td>
+                        <td v-if="item.leaseMoney">{{ item.leaseMoney.toFixed(3) }}</td>
+                        <td v-else></td>
+                    </tr>
+
+                    <!-- 小计 -->
+                    <tr>
+                        <td style="text-align: center">费用小计：</td>
+                        <td colspan="10" style="text-align: center">{{ reducCost }}</td>
+                    </tr>
+
+                    <!-- 合计 -->
+                    <tr>
+                        <td style="text-align: center">合计：</td>
+                        <td colspan="10" style="text-align: center">{{ costAll.toFixed(2) }}</td>
+                    </tr>
+                </table>
+            </div>
+
+            <div class="fillIn" style="margin-top: 20px; display: flex; justify-content: space-between">
+                <div class="item" style="width: 33%">
+                    <div>
+                        <span>部门负责人：</span>
+                    </div>
+                </div>
+
+                <div class="item" style="width: 33%">
+                    <div>
+                        <span>承租负责人：</span>
+                    </div>
+                </div>
+
+                <div class="item" style="width: 33%">
+                    <div>
+                        <span>核算员：</span>
+                    </div>
                 </div>
             </div>
-        </div>
-
-        <div>
-            <el-table :data="repairList">
-                <el-table-column label="维修费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="维修数量" align="center" prop="num" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.num.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="是否收费" align="center" prop="partType" :show-overflow-tooltip="true"/>
-                    <el-table-column label="维修费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.costs.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
-            <div class="tabelAll">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ repairCost }}
-                </div>
-            </div>
-        </div>
-
-        <div>
-            <el-table :data="scrapList">
-                <el-table-column label="报废费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="报废数量" align="center" prop="num" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.num.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="是否收费" align="center" prop="partType" :show-overflow-tooltip="true"/>
-                    <el-table-column label="报废费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.costs.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
-            <div class="tabelAll">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ scrapCost }}
-                </div>
-            </div>
-        </div>
-
-        <div>
-            <el-table :data="loseList">
-                <el-table-column label="丢失费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modelName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="mtUnitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="丢失数量" align="center" prop="num" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.num.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="丢失费用（元）" align="center" prop="costs" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
-                            {{ scope.row.costs.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
-            <div class="tabelAll">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ loseCost }}
-                </div>
-            </div>
-        </div>
-
-        <div>
-            <el-table :data="reducList">
-                <el-table-column label="减免费用明细" align="center">
-                    <el-table-column label="序号" align="center" type="index" width="60"/>
-                    <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="规格型号" align="center" prop="modeName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true"/>
-                    <el-table-column label="租赁单价" align="center" prop="leasePrice" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免数量" align="center" prop="reduceNum" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免开始日期" align="center" prop="startTime" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免结束日期" align="center" prop="endTime" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免天数" align="center" prop="days" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免原因" align="center" prop="remark" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免费用（元）" align="center" prop="leaseMoney" :show-overflow-tooltip="true">
-                        <template slot-scope="scope" v-if="scope.row.leaseMoney">
-                            {{ scope.row.leaseMoney.toFixed(2) }}
-                        </template>
-                    </el-table-column>
-                </el-table-column>
-            </el-table>
-            <div class="tabelAllBottom">
-                <div class="columnAllNum">费用小计：</div>
-                <div class="columnAll">
-                {{ reducCost }}
-                </div>
-            </div>
-            <div class="tabelAllBottom">
-                <div class="columnAllNum">合计：</div>
-                <div class="columnAll">
-                {{ costAll.toFixed(2) }}
-                </div>
-            </div>
-        </div>
-
-
+        </vue-easy-print>
     </div>
 </template>
 
 <script>
 import { getSltInfo, submitFee,submitCosts } from '@/api/cost/cost'
+import vueEasyPrint from 'vue-easy-print'
 
 export default {
+    components: { vueEasyPrint },
     name: '',
     dicts: [],
     props: {
@@ -249,6 +659,9 @@ export default {
         //   this.getProjectList();
     },
     methods: {
+        handlePrint() {
+            this.$refs.remarksPrintRef.print()
+        },
         //获取单位类型 ,getUnitList, getProjectList
         getUnitList() {
             getUnitList().then((response) => {