修改打印样式

This commit is contained in:
2025-10-15 10:57:59 +08:00
parent 5f7ed1aeed
commit 3d1b3a3564
2 changed files with 92 additions and 75 deletions

View File

@@ -773,78 +773,73 @@
<td colspan="6" class="table-label">家庭成员情况</td>
</tr>
<tr>
<td colspan="6" style="padding:0px;">
<el-table style="width:100%" :data="formData.jtcyObj" width="100%" :border="true"
align="center" element-loading-text="数据加载中...">
<el-table-column label="姓名" header-align="center" min-width="120">
<td style="padding:0px;" colspan="6">
<el-table :data="formData.jtcyObj" border style="width:100%" :row-class-name="handelIndex">
<el-table-column prop="xm" label="姓名" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].xm'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.xm" placeholder="请输入姓名"></el-input>
<el-input v-model="row.xm" placeholder="姓名" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="年龄" header-align="center" min-width="60">
<el-table-column prop="nl" label="年龄" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].nl'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.nl" placeholder="年龄"></el-input>
<el-input v-model="row.nl" placeholder="年龄" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="与本人关系" header-align="center" min-width="120">
<el-table-column prop="gx" label="与学生关系" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].gx'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.gx" placeholder="与本人关系"></el-input>
<el-input v-model="row.gx" placeholder="与学生关系" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="学习或工作单位" header-align="center" min-width="210">
<el-table-column prop="dw" label="工作(学习)单位" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].dw'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.dw" placeholder="学习或工作单位"></el-input>
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].dw'">
<el-input v-model="row.dw" placeholder="工作(学习)单位" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="联系电话" header-align="center" min-width="150">
<el-table-column prop="tel" label="联系电话" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].lxdh'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.lxdh" placeholder="联系电话"></el-input>
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].tel'">
<el-input v-model="row.tel" placeholder="联系电话" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="职业" header-align="center" min-width="120">
<el-table-column prop="zy" label="职业" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].zy'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.zy" placeholder="职业"></el-input>
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].zy'">
<el-input v-model="row.zy" placeholder="职业" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="年收入" header-align="center" min-width="120">
<el-table-column prop="nsr" label="年收入(元)" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].nsr'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.nsr" placeholder="年收入"></el-input>
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].nsr'">
<el-input v-model="row.nsr" placeholder="年收入" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="健康状况" header-align="center" min-width="100">
<el-table-column prop="jkzk" label="健康状况" align="center">
<template slot-scope="{ row, $index }">
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].jkzk'" :rules="rules">
<el-input :disabled="xsEditDisable" v-model="row.jkzk" placeholder="健康状况"></el-input>
<el-form-item label-width="0px" :prop="'jtcyObj[' + $index +'].jkzk'">
<el-input v-model="row.jkzk" placeholder="健康状况" :disabled="formData.step > 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column v-if="!xsEditDisable" label="操作" min-width="80" header-align="center" align="center">
<el-table-column label="操作" align="center" width="120" v-if="formData.step <= 2">
<template slot-scope="{ row, $index }">
<el-button @click="handleDeleteRow(row,$index)" type="text">删除</el-button>
<el-button type="text" size="small" @click="handelDel($index)" icon="el-icon-delete">删除</el-button>
</template>
</el-table-column>
</el-table>
<div style="padding:10px;">
<el-button v-if="!xsEditDisable" @click="handleAddRow" type="text">新增一行</el-button>
<div style="padding: 5px;" v-if="formData.step <= 2">
<el-button type="text" @click="addFamilyMember" icon="el-icon-plus">新增家庭成员</el-button>
</div>
</td>
</tr>
@@ -2730,7 +2725,7 @@ overflow: hidden;
}
#print{
text-align: left;
padding: 30px 60px 0px 60px ;
padding: 30px 60px 0px 40px ;
}
#print th{
padding: 2px;
@@ -2749,6 +2744,28 @@ overflow: hidden;
@page {
margin: 20mm; /* 设置页边距为20毫米 */
}
/* 隐藏所有按钮 */
#print .el-button,
#print button,
.el-button {
display: none !important;
}
/* 隐藏操作列 */
#print .el-table-column__operation {
display: none !important;
}
/* 隐藏包含按钮的div */
#print div:has(.el-button) {
display: none !important;
}
/* 通过文本内容隐藏新增一行按钮的容器 */
#print div[style*="padding:10px"] {
display: none !important;
}
}
/*去除页眉页脚*/
@page{

View File

@@ -105,7 +105,7 @@
v-if="scope.row.step == 2" v-hasPermi="['system:apply:edit']">班级审核</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-if="scope.row.step == 3" v-hasPermi="['system:apply:edit']">二级学院审核</el-button> -->
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">详情</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">审批详情</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleRevoke(scope.row)" v-if="scope.row.step == 5">撤回</el-button>
</template>
</el-table-column>