修改打印样式
This commit is contained in:
@@ -773,79 +773,74 @@
|
||||
<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">
|
||||
<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-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="年龄" header-align="center" min-width="60">
|
||||
<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-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="与本人关系" header-align="center" min-width="120">
|
||||
<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-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="学习或工作单位" header-align="center" min-width="210">
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="联系电话" header-align="center" min-width="150">
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="职业" header-align="center" min-width="120">
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="年收入" header-align="center" min-width="120">
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="健康状况" header-align="center" min-width="100">
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="!xsEditDisable" label="操作" min-width="80" header-align="center" align="center">
|
||||
<template slot-scope="{ row,$index }">
|
||||
<el-button @click="handleDeleteRow(row,$index)" type="text">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
<div style="padding:10px;">
|
||||
<el-button v-if="!xsEditDisable" @click="handleAddRow" type="text">新增一行</el-button>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<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 v-model="row.xm" placeholder="姓名" :disabled="formData.step > 2"></el-input>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<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 v-model="row.nl" placeholder="年龄" :disabled="formData.step > 2"></el-input>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<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 v-model="row.gx" placeholder="与学生关系" :disabled="formData.step > 2"></el-input>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dw" label="工作(学习)单位" align="center">
|
||||
<template slot-scope="{ row, $index }">
|
||||
<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 prop="tel" label="联系电话" align="center">
|
||||
<template slot-scope="{ row, $index }">
|
||||
<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 prop="zy" label="职业" align="center">
|
||||
<template slot-scope="{ row, $index }">
|
||||
<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 prop="nsr" label="年收入(元)" align="center">
|
||||
<template slot-scope="{ row, $index }">
|
||||
<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 prop="jkzk" label="健康状况" align="center">
|
||||
<template slot-scope="{ row, $index }">
|
||||
<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 label="操作" align="center" width="120" v-if="formData.step <= 2">
|
||||
<template slot-scope="{ row, $index }">
|
||||
<el-button type="text" size="small" @click="handelDel($index)" icon="el-icon-delete">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<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{
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user