退伍复学

This commit is contained in:
2025-12-09 15:20:41 +08:00
parent 190b7fae8c
commit fcee8aa2b2
13 changed files with 864 additions and 2859 deletions

View File

@@ -1,303 +1,342 @@
<template>
<div class="application-form-container">
<h2 class="form-title">广西水利电力职业技术学院</h2>
<h3 class="form-subtitle">退役复学申请表</h3>
<div class="application-form-container" style="display: flex; justify-content: center; align-items: center">
<div id="print" ref="print" style="width: auto;">
<h2 class="form-title">广西水利电力职业技术学院</h2>
<h3 class="form-subtitle">退役复学申请表</h3>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<table class="application-table">
<!-- 基本信息行1 -->
<tr>
<td class="label">姓名</td>
<td class="input-cell">
<el-form-item prop="stName" class="form-item-custom">
<el-input v-model="form.stName" placeholder="请输入姓名" class="basic-input"></el-input>
</el-form-item>
</td>
<td class="label">性别</td>
<td class="input-cell">
<el-form-item prop="sex" class="form-item-custom">
<el-select v-model="form.sex" placeholder="请选择性别" class="basic-input">
<el-option label="男" value="0"></el-option>
<el-option label="" value="1"></el-option>
</el-select>
</el-form-item>
</td>
<td class="label">民族</td>
<td class="input-cell">
<el-form-item prop="nations" class="form-item-custom">
<el-input v-model="form.nations" placeholder="请输入民族" class="basic-input"></el-input>
</el-form-item>
</td>
<td class="label">班级</td>
<td class="input-cell" colspan="2">
<el-form-item prop="stClass" class="form-item-custom">
<el-input v-model="form.stClass" placeholder="请输入年级" class="basic-input"></el-input>
</el-form-item>
</td>
</tr>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<table class="application-table">
<!-- 基本信息行1 -->
<tr>
<td class="label">姓名</td>
<td class="input-cell">
<!-- <el-form-item prop="stName" class="form-item-custom">
<el-input v-model="form.stName" placeholder="请输入姓名" class="basic-input" disabled></el-input>
</el-form-item> -->
{{ form.stName }}
</td>
<td class="label">性别</td>
<td class="input-cell">
<!-- <el-form-item prop="sex" class="form-item-custom">
<el-select v-model="form.sex" placeholder="请选择性别" class="basic-input" disabled>
<el-option label="" value="0"></el-option>
<el-option label="女" value="1"></el-option>
</el-select>
</el-form-item> -->
{{ form.sex }}
</td>
<td class="label">民族</td>
<td class="input-cell">
<!-- <el-form-item prop="nations" class="form-item-custom">
<el-input v-model="form.nations" placeholder="请输入民族" class="basic-input" disabled></el-input>
</el-form-item> -->
<!-- 用dict-tag组件渲染字典标签 -->
<dict-tag :options="dict.type.rt_nation" :value="form.nations" />
</td>
<td class="label">班级</td>
<td class="input-cell" colspan="2">
<!-- <el-form-item prop="stClass" class="form-item-custom">
<el-input v-model="form.stClass" placeholder="请输入年级" class="basic-input" disabled></el-input>
</el-form-item> -->
{{ form.stClass }}
</td>
</tr>
<!-- 专业学号班级行 -->
<tr>
<td class="label">学号</td>
<td class="input-cell">
<el-form-item prop="stId" class="form-item-custom">
<el-input v-model="form.stId" placeholder="请输入学号" class="basic-input" type="textarea" :rows="3"></el-input>
</el-form-item>
</td>
<td class="label" rowspan="2">专业<br />名称</td>
<td class="input-cell" colspan="3" rowspan="2">
<el-form-item prop="majors" class="form-item-custom">
<el-input v-model="form.majors" placeholder="请输入专业名称" class="major-input" type="textarea" :rows="3"></el-input>
</el-form-item>
</td>
<td class="label">联系电话</td>
<td class="input-cell" colspan="2">
<el-form-item prop="datab" class="form-item-custom">
<el-input v-model="form.datab" placeholder="请输入电话" class="basic-input" type="textarea" :rows="3"></el-input>
</el-form-item>
</td>
</tr>
<tr></tr>
<!-- 专业学号班级行 -->
<tr>
<td class="label">学号</td>
<td class="input-cell">
<!-- <el-form-item prop="stId" class="form-item-custom">
<el-input v-model="form.stId" placeholder="请输入学号" class="basic-input" type="textarea" disabled
:rows="3"></el-input>
</el-form-item> -->
{{ form.stId }}
</td>
<td class="label" rowspan="2">专业<br />名称</td>
<td class="input-cell" colspan="3" rowspan="2">
<!-- <el-form-item prop="majors" class="form-item-custom">
<el-input v-model="form.majors" placeholder="请输入专业名称" class="major-input" type="textarea" disabled
:rows="3"></el-input>
</el-form-item> -->
{{ form.majors }}
</td>
<tr>
<td class="label" rowspan="4">申请<br />理由</td>
<td class="input-cell" colspan="8" rowspan="4">
<p class="reason-text">本人于
<el-form-item prop="rwTime" class="form-item-custom inline-item">
<el-date-picker v-model="form.rwTime" type="date" placeholder="选择日期" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" class="date-picker"></el-date-picker>
</el-form-item>
应征入伍
<el-form-item prop="dataa" class="form-item-custom inline-item">
<el-date-picker v-model="form.dataa" type="date" placeholder="选择日期" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" class="date-picker"></el-date-picker>
</el-form-item> 日退役退役后申请复学
</p>
<p class="reason-text" style="" v-if="form.conversion=='Y'">是否申请转专业
</p>
<p class="reason-text" style="" v-else>是否申请转专业 ×
</p>
<p class="reason-text" style="color: red;">原年级和专业:__
{{ form.maList.length > 0 ? form.maList[0].oldgrade : '暂无数据' }}
__{{ form.maList.length > 0 ? form.maList[0].oldmajor : '暂无数据' }}__
<!-- <el-input v-model="form.maList.oldgrade" type="textarea" :rows="3"
<td class="label">联系电话</td>
<td class="input-cell" colspan="2">
<!-- <el-form-item prop="datab" class="form-item-custom">
<el-input v-model="form.datab" placeholder="请输入电话" class="basic-input" type="textarea" disabled
:rows="3"></el-input>
</el-form-item> -->
{{ form.datab }}
</td>
</tr>
<tr></tr>
<tr>
<td class="label" rowspan="4">申请<br />理由</td>
<td class="input-cell" colspan="8" rowspan="4">
<p class="reason-text">本人于
<!-- <el-form-item prop="rwTime" class="form-item-custom inline-item">
<el-date-picker v-model="form.rwTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker"></el-date-picker>
</el-form-item> -->
{{ form.rwTime | formatDate }}
应征入伍
<!-- <el-form-item prop="dataa" class="form-item-custom inline-item">
<el-date-picker v-model="form.dataa" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker"></el-date-picker>
</el-form-item> -->
{{ form.dataa | formatDate }}
日退役退役后申请复学
</p>
<p class="reason-text" style="" v-if="form.conversion == 'Y'">是否申请转专业
</p>
<p class="reason-text" style="" v-else>是否申请转专业 ×
</p>
<p v-if="form.conversion === 'Y'" class="reason-text" style="color: red;">原年级和专业:__
{{ form.maList.length > 0 ? form.maList[0].oldgrade : '' }}
__{{ form.maList.length > 0 ? form.maList[0].oldmajor : '' }}__
<!-- <el-input v-model="form.maList.oldgrade" type="textarea" :rows="3"
class="opinion-textarea">{{oldgrade}}</el-input> -->
<!-- <el-input v-model="form.maList.oldgrade" type="textarea" :rows="3"
<!-- <el-input v-model="form.maList.oldgrade" type="textarea" :rows="3"
class="opinion-textarea"></el-input> -->
申请转入年级和专业__
{{ form.maList.length > 0 ? form.maList[0].newgrade : '暂无数据' }}
__
{{ form.maList.length > 0 ? form.maList[0].newmajor : '暂无数据' }}__
</p>
<image-preview
v-if="form.maList.length > 0 && form.maList[0].proof"
:src="form.maList[0].proof"
:width="240"
:height="160"
/>
<span v-else>暂无图片</span>
申请转入年级和专业__
{{ saveGradeName }}
__
{{ saveClassName }}__
</p>
<image-preview
v-if="form.maList.length > 0 && form.maList[0].idcard"
:src="form.maList[0].idcard"
:width="240"
:height="160"
/>
<span v-else>暂无图片</span>
<image-preview v-if="form.maList.length > 0 && form.maList[0].proof" :src="form.maList[0].proof"
:width="240" :height="160" />
<span v-else></span>
<image-preview
v-if="form.maList.length > 0 && form.maList[0].material"
:src="form.maList[0].material"
:width="240"
:height="160"
/>
<span v-else>暂无图片</span>
<p class="attachment-tip"></p>
<div class="applicant-info right-align">
<span>申请人</span>
<el-input v-model="form.stName" readonly class="applicant-input"></el-input>
<span class="date-label">日期</span>
<el-form-item prop="times" class="form-item-custom inline-item">
<el-date-picker v-model="form.times" type="date" placeholder="选择日期" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</el-form-item>
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 招生意见行 -->
<tr v-if="form.conversion === 'Y'">
<td class="label" rowspan="4">招生与<br />就业处<br />意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<p class="reason-text" style="color: red;">符合转专业条件拟同意转入年级和专业
__{{ form.maList.length > 0 ? form.maList[0].newgrade : '暂无数据' }}
__
{{ form.maList.length > 0 ? form.maList[0].newmajor : '暂无数据' }}__
</p>
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.status" placeholder="请选择" class="short-select">
<el-option label="通过" value="1"></el-option>
<el-option label="驳回" value="2"></el-option>
</el-select>
<span class="date-label">签名</span>
<el-input v-model="form.idea" placeholder="请输入姓名" class="signature-input"></el-input>
<span class="date-label">日期</span>
<el-date-picker v-model="form.time" type="date" placeholder="选择日期"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<image-preview v-if="form.maList.length > 0 && form.maList[0].idcard" :src="form.maList[0].idcard"
:width="240" :height="160" />
<span v-else></span>
<image-preview v-if="form.maList.length > 0 && form.maList[0].material" :src="form.maList[0].material"
:width="240" :height="160" />
<span v-else></span>
<p class="attachment-tip"></p>
<div class="applicant-info right-align">
<span>申请人</span>
<!-- <el-input v-model="form.stName" readonly class="applicant-input" disabled></el-input> -->
{{ form.stName }}
<span class="date-label">日期</span>
<!-- <el-form-item prop="times" class="form-item-custom inline-item">
<el-date-picker v-model="form.times" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</el-form-item> -->
{{ form.times | formatDate }}
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 招生意见行 -->
<tr v-if="form.conversion === 'Y'">
<td class="label" rowspan="4">招生与<br />就业处<br />意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<p class="reason-text" style="color: red;">符合转专业条件拟同意转入年级和专业
__{{ saveGradeName }}
__
{{ saveClassName }}__
</p>
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.zsStatus" placeholder="" class="short-select" disabled>
<el-option label="重新审核" value="0"></el-option>
<el-option label="通过" value="1"></el-option>
<el-option label="退回" value="2"></el-option>
<el-option label="驳回" value="3"></el-option>
</el-select>
<span class="date-label">签名</span>
<!-- <el-input v-model="form.idea" placeholder="请输入姓名" class="signature-input" disabled></el-input> -->
{{ form.zsIdea }}
<span class="date-label">日期</span>
<!-- <el-date-picker v-model="form.time" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker> -->
{{ form.zsTime | formatDate }}
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 辅导员意见行 -->
<tr>
<td class="label" rowspan="4">辅导员<br />意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<el-input v-model="form.fdIdea" type="textarea" :rows="3" placeholder="请填写辅导员意见..."
class="opinion-textarea"></el-input>
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.fdStatus" placeholder="请选择" class="short-select">
<el-option label="通过" value="1"></el-option>
<el-option label="驳回" value="2"></el-option>
</el-select>
<span class="date-label">签名</span>
<el-input v-model="form.fdQm" placeholder="请输入姓名" class="signature-input"></el-input>
<span class="date-label">日期</span>
<el-date-picker v-model="form.fdTime" type="date" placeholder="选择日期"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
<td class="label" rowspan="4">辅导员<br />意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<!-- <el-input v-model="form.fdIdea" type="textarea" :rows="3" placeholder="请填写辅导员意见..." disabled
class="opinion-textarea"></el-input> -->
{{ form.fdIdea }}
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.fdStatus" placeholder="待审核" class="short-select" disabled>
<el-option label="重新审核" value="0"></el-option>
<el-option label="通过" value="1"></el-option>
<el-option label="退回" value="2"></el-option>
<el-option label="驳回" value="3"></el-option>
</el-select>
<span class="date-label">签名</span>
<!-- <el-input v-model="form.fdQm" placeholder="请输入姓名" class="signature-input" disabled></el-input> -->
{{ form.fdQm }}
<span class="date-label">日期</span>
<!-- <el-date-picker v-model="form.fdTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker> -->
{{ form.fdTime | formatDate }}
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 学务意见行 -->
<tr>
<td class="label" rowspan="4">学务<br />意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<p>拟编入</p>
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.xwStatus" placeholder="请选择" class="short-select">
<el-option label="通过" value="1"></el-option>
<el-option label="驳回" value="2"></el-option>
</el-select>
<span class="date-label">签名</span>
<el-input v-model="form.xwQm" placeholder="请输入姓名" class="signature-input"></el-input>
<span class="date-label">日期</span>
<el-date-picker v-model="form.xwTime" type="date" placeholder="选择日期"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 学务意见行 -->
<tr>
<td class="label" rowspan="4">学务<br />意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<!-- <el-input v-model="form.xwIdea" type="textarea" :rows="3" placeholder="请填写意见..."
class="opinion-textarea"></el-input> -->
{{ form.xwIdea }}
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.xwStatus" placeholder="待审核" class="short-select" disabled>
<el-option label="重新审核" value="0"></el-option>
<el-option label="通过" value="1"></el-option>
<el-option label="退回" value="2"></el-option>
<el-option label="驳回" value="3"></el-option>
</el-select>
<span class="date-label">签名</span>
<!-- <el-input v-model="form.xwQm" placeholder="请输入姓名" class="signature-input" disabled></el-input> -->
{{ form.xwQm }}
<span class="date-label">日期</span>
<!-- <el-date-picker v-model="form.xwTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker> -->
{{ form.xwTime | formatDate }}
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 二级意见行 -->
<tr>
<td class="label" rowspan="4">二级学<br />院意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<el-input v-model="form.twoIdea" type="textarea" :rows="3" placeholder="请填写意见..."
class="opinion-textarea"></el-input>
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.twoStatus" placeholder="请选择" class="short-select">
<el-option label="通过" value="1"></el-option>
<el-option label="驳回" value="2"></el-option>
</el-select>
<span class="date-label">签名</span>
<el-input v-model="form.erQm" placeholder="请输入姓名" class="signature-input"></el-input>
<span class="date-label">日期</span>
<el-date-picker v-model="form.twoTime" type="date" placeholder="选择日期"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 二级意见行 -->
<tr>
<td class="label" rowspan="4">二级学<br />院意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<!-- <el-input v-model="form.twoIdea" type="textarea" :rows="3" placeholder="请填写意见..."
class="opinion-textarea"></el-input> -->
{{ form.twoIdea }}
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.twoStatus" placeholder="待审核" class="short-select" disabled>
<el-option label="重新审核" value="0"></el-option>
<el-option label="通过" value="1"></el-option>
<el-option label="退回" value="2"></el-option>
<el-option label="驳回" value="3"></el-option>
</el-select>
<span class="date-label">签名</span>
<!-- <el-input v-model="form.erQm" placeholder="请输入姓名" class="signature-input" disabled></el-input> -->
{{ form.erQm }}
<span class="date-label">日期</span>
{{ form.twoTime | formatDate }}
<!-- <el-date-picker v-model="form.twoTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker> -->
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 学籍管理科意见行 -->
<tr>
<td class="label" rowspan="4">学籍管<br />理科意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<el-input v-model="form.xjIdea" type="textarea" :rows="3" placeholder="请填写意见..."
class="opinion-textarea"></el-input>
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.xjglStatus" placeholder="请选择" class="short-select">
<el-option label="通过" value="1"></el-option>
<el-option label="驳回" value="2"></el-option>
</el-select>
<span class="date-label">签名</span>
<el-input v-model="form.xjQm" placeholder="请输入姓名" class="signature-input"></el-input>
<span class="date-label">日期</span>
<el-date-picker v-model="form.xjTime" type="date" placeholder="选择日期"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 学籍管理科意见行 -->
<tr>
<td class="label" rowspan="4">学籍管<br />理科意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<!-- <el-input v-model="form.xjIdea" type="textarea" :rows="3" placeholder="请填写意见..." disabled
class="opinion-textarea"></el-input> -->
{{ form.xjIdea }}
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.xjglStatus" placeholder="待审核" class="short-select" disabled>
<el-option label="重新审核" value="0"></el-option>
<el-option label="通过" value="1"></el-option>
<el-option label="退回" value="2"></el-option>
<el-option label="驳回" value="3"></el-option>
</el-select>
<span class="date-label">签名</span>
<!-- <el-input v-model="form.xjQm" placeholder="请输入姓名" class="signature-input" disabled></el-input> -->
{{ form.xjQm }}
<span class="date-label">日期</span>
{{ form.xjTime | formatDate }}
<!-- <el-date-picker v-model="form.xjTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker> -->
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<!-- 教务处主意见行 -->
<tr>
<td class="label" rowspan="4">教务处<br />主管领导意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<el-input v-model="form.jwIdea" type="textarea" :rows="3" placeholder="请填写意见..."
class="opinion-textarea"></el-input>
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.jwStatus" placeholder="请选择" class="short-select">
<el-option label="通过" value="1"></el-option>
<el-option label="驳回" value="2"></el-option>
</el-select>
<span class="date-label">签名</span>
<el-input v-model="form.jwQm" placeholder="请输入姓名" class="signature-input"></el-input>
<span class="date-label">日期</span>
<el-date-picker v-model="form.jwTime" type="date" placeholder="选择日期"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker>
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
</table>
<!-- 教务处主意见行 -->
<tr>
<td class="label" rowspan="4">教务处<br />主管领导意见</td>
<td class="input-cell" colspan="8" rowspan="4">
<!-- <el-input v-model="form.jwIdea" type="textarea" :rows="3" placeholder="请填写意见..." disabled
class="opinion-textarea"></el-input> -->
{{ form.jwIdea }}
<div class="signature-area right-align">
<span>审批结果</span>
<el-select v-model="form.jwStatus" placeholder="待审核" class="short-select" disabled>
<el-option label="重新审核" value="0"></el-option>
<el-option label="通过" value="1"></el-option>
<el-option label="退回" value="2"></el-option>
<el-option label="驳回" value="3"></el-option>
</el-select>
<span class="date-label">签名</span>
<!-- <el-input v-model="form.jwQm" placeholder="请输入姓名" class="signature-input" disabled></el-input> -->
{{ form.jwQm }}
<span class="date-label">日期</span>
{{ form.jwTime | formatDate }}
<!-- <el-date-picker v-model="form.jwTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" disabled
value-format="yyyy-MM-dd" class="date-picker full-date"></el-date-picker> -->
</div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
</table>
<!-- 说明信息 -->
<div class="form-description">
<p>说明1.本表应附学生入伍证明材料复印件</p>
<p>2.本表一式两份二级学院和教务处各留存一份</p>
</div>
<div class="form-description">
<p>说明1.本表应附学生入伍证明材料复印件</p>
<p>2.本表一式两份二级学院和教务处各留存一份</p>
</div>
<!-- 操作按钮 -->
<!-- <div class="form-btn-group"> -->
<!-- <div class="form-btn-group"> -->
<!-- <el-button type="primary" @click="submitForm">提交审核</el-button> -->
<!-- <el-button @click="resetForm">重置表单</el-button> -->
<!-- <el-button type="text" @click="printForm">打印表单</el-button> -->
<!-- </div> -->
</el-form>
<!-- </div> -->
</el-form>
</div>
<!-- 按钮 -->
<div class="form-btn-group">
<el-button type="primary" @click="doPrint">打印表单</el-button>
</div>
</div>
@@ -305,10 +344,13 @@
<script>
import { listBasic, getBasic, delBasic, addBasic, updateBasic } from "@/api/routine/basic";
import { listStudent, getClassName } from '@/api/stuCQS/basedata/student'
import { listGrade } from '@/api/stuCQS/basedata/grade'
import print from 'print-js'
export default {
name: "Basic",
dicts: ['sys_user_sex'],
dicts: ['sys_yes_no', 'sys_user_sex', 'rt_filling_college', 'sys_commit_status', 'sys_teacher_kpi_filling_year', 'rt_nation', 'rt_classes'],
data() {
return {
// 遮罩层
@@ -329,6 +371,9 @@ export default {
title: "",
// 是否显示弹出层
open: false,
// 班级名称列表
ClassNameList: [],
// 查询参数
queryParams: {
pageNum: 1,
@@ -376,6 +421,10 @@ export default {
processId: null,
deployId: null
},
// 班级名称
saveClassName:null,
// 年级名称
saveGradeName:null,
// 表单参数
form: {},
// 表单校验
@@ -389,16 +438,74 @@ export default {
},
methods: {
showData() {
/** 获取班级名称列表 */
getClassNameList() {
getClassName().then(res => {
this.ClassNameList = res.data
// console.log(this.ClassNameList)
if (this.ClassNameList != null) {
this.ClassNameList.forEach(element => {
if (element.value == this.form.maList[0].data1) {
// console.log(element.label)
element.children.forEach(elementTwo => {
if (elementTwo.value == this.form.maList[0].data2) {
// console.log(elementTwo.label)
elementTwo.children.forEach(elementFree => {
this.saveClassName = elementFree.label
// console.log(elementFree.label)
});
}
});
}
});
}
})
},
// 打印方法
doPrint() {
printJS({
printable: 'print',
type: 'html',
targetStyles: ['*'],
style: '@page {margin:2.4cm 2cm ;resolution: 300dpi;}',
onPrintDialogClose: (this.erexcel = false),
targetStyles: ['*'],
font_size: '',
})
},
// 回显数据
showData() {
if (this.$route.query.id != undefined) {
console.log(this.$route.query.id)
getBasic(this.$route.query.id).then((response) => {
this.form = response.data
this.getClassNameList()
this.listGrade()
// this.active = response.data.status + 1;
})
}
},
/** 获取年级列表 */
async listGrade() {
try {
let res = await listGrade()
if (res.code == 200) {
this.grade_list = [...res.rows]
console.log(this.grade_list)
this.grade_list.forEach(element => {
if(element.gradeId == this.form.maList[0].newgrade){
this.saveGradeName = element.gradeName
}
});
}
} catch (error) {
console.error('获取年级列表失败:', error)
}
},
/** 查询退伍复学申请列表 */
getList() {
this.loading = true;
@@ -477,7 +584,7 @@ export default {
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
@@ -519,12 +626,12 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除退伍复学申请编号为"' + ids + '"的数据项?').then(function() {
this.$modal.confirm('是否确认删除退伍复学申请编号为"' + ids + '"的数据项?').then(function () {
return delBasic(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}).catch(() => { });
},
/** 导出按钮操作 */
handleExport() {
@@ -726,4 +833,69 @@ export default {
padding-bottom: 8px !important;
}
}
/* 针对所有 .basic-input 去掉边框和背景 */
.basic-input {
border: none !important;
background: transparent !important;
box-shadow: none !important;
/* 去掉可能存在的阴影 */
}
.form-table {
font-family: "微软雅黑", sans-serif;
font-size: 14px;
border-collapse: collapse;
width: 100%;
}
.form-table th,
.form-table td {
border: 1px solid #000;
padding: 8px 12px;
text-align: left;
}
.form-table .label-cell {
background-color: #f5f5f5;
font-weight: bold;
}
/* 打印专用样式(继承系统样式,覆盖浏览器默认) */
@media print {
/* 强制打印时使用系统字体 */
body {
font-family: "微软雅黑", sans-serif !important;
font-size: 14px !important;
}
/* 确保表格边框、背景与系统一致(部分浏览器打印会忽略背景,需开启) */
.form-table {
border-collapse: collapse !important;
width: 100% !important;
-webkit-print-color-adjust: exact;
/* 强制打印背景色 */
print-color-adjust: exact;
}
.form-table th,
.form-table td {
border: 1px solid #000 !important;
padding: 8px 12px !important;
text-align: left !important;
}
.form-table .label-cell {
background-color: #f5f5f5 !important;
font-weight: bold !important;
}
/* 隐藏打印无关元素(如按钮) */
.no-print {
display: none !important;
}
}
</style>