1074 lines
48 KiB
Vue
1074 lines
48 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||
<el-form-item label="学号" prop="studentCode">
|
||
<el-input v-model="queryParams.studentCode" placeholder="请输入学号" clearable @keyup.enter.native="handleQuery" />
|
||
</el-form-item>
|
||
<el-form-item label="班级" prop="deptId">
|
||
<el-cascader v-model="queryParams.classId" ref="cas" style="width: 500px;" :options="cascaderData"
|
||
:props="{ checkStrictly: false }" @change="handleChange" clearable filterable></el-cascader>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
|
||
<el-row :gutter="10" class="mb8">
|
||
<el-col :span="1.5">
|
||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="importVClick"
|
||
v-hasPermi="['graduate:basedata:add']">导入</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
||
v-hasPermi="['comprehensive:identifytexs:add']">新增</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
|
||
v-hasPermi="['comprehensive:identifytexs:remove']">删除</el-button>
|
||
</el-col>
|
||
<el-col :span="1.5">
|
||
<el-button type="success" plain icon="el-icon-printer" size="mini" :disabled="multiple"
|
||
@click="handleBatchPrint" v-hasPermi="['graduate:basedata:dayin']">批量打印</el-button>
|
||
</el-col>
|
||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||
</el-row>
|
||
|
||
<el-table v-loading="loading" :data="identifytexsList" @selection-change="handleSelectionChange">
|
||
<el-table-column type="selection" width="55" align="center" />
|
||
<el-table-column label="序号" align="center" prop="id" />
|
||
<el-table-column label="姓名" align="center" prop="studentName" />
|
||
<el-table-column label="学号" align="center" prop="studentCode" />
|
||
<el-table-column label="学院" align="center" prop="studentCollege" />
|
||
<el-table-column label="所属班级" align="center" prop="studentClass" />
|
||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||
<template slot-scope="scope">
|
||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||
v-hasPermi="['comprehensive:identifytexs:edit']">修改</el-button>
|
||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
||
v-hasPermi="['comprehensive:identifytexs:remove']">删除</el-button>
|
||
<el-button size="mini" type="text" icon="el-icon-printer" @click="takeEclData(scope.row)"
|
||
v-hasPermi="['graduate:basedata:dayin']">打印</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
|
||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||
@pagination="getList" />
|
||
|
||
<!-- 添加或修改学生鉴定信息对话框 -->
|
||
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||
<el-form-item label="姓名" prop="studentName">
|
||
<el-input v-model="form.studentName" placeholder="请输入姓名" :readonly="redingData" />
|
||
</el-form-item>
|
||
<el-form-item label="学号" prop="studentCode">
|
||
<el-input v-model="form.studentCode" placeholder="请输入学号" :readonly="redingData" />
|
||
</el-form-item>
|
||
<el-form-item label="性别" prop="sex">
|
||
<el-input v-model="getSex" placeholder="请输入性别" :readonly="redingData" />
|
||
</el-form-item>
|
||
<el-form-item label="学院" prop="studentCollege">
|
||
<el-input v-model="getStudentCollege" placeholder="请输入学院" :readonly="redingData" />
|
||
</el-form-item>
|
||
<el-form-item label="年级" prop="studentGrade">
|
||
<el-input v-model="getStudentGrade" placeholder="请输入年级" :readonly="redingData" />
|
||
</el-form-item>
|
||
<el-form-item label="所属班级" prop="studentClass">
|
||
<el-input v-model="getStudentClass" placeholder="请输入所属班级" :readonly="redingData" />
|
||
</el-form-item>
|
||
<el-form-item label="名族" prop="nation">
|
||
<el-input v-model="getNation" placeholder="请输入名族" :readonly="redingData" />
|
||
</el-form-item>
|
||
<el-form-item label="出生日期" prop="birthData">
|
||
<span v-if="form.birthData != null" class="readonly-label">{{ formatDate(form.birthData) }}</span>
|
||
<el-date-picker clearable v-model="getBirthData" type="date" value-format="yyyy-MM-dd" placeholder="请选择出生日期"
|
||
v-else />
|
||
</el-form-item>
|
||
<!-- 第一学年信息 -->
|
||
<el-row :gutter="20">
|
||
<el-col :span="24">
|
||
<h3>第一学年</h3>
|
||
</el-col>
|
||
<el-form-item label="政治思想" prop="yearOne.politics">
|
||
<el-input v-model="yearOneData.politics" placeholder="请输入政治思想" />
|
||
</el-form-item>
|
||
<el-form-item label="道德品质" prop="yearOne.moralCharacter">
|
||
<el-input v-model="yearOneData.moralCharacter" placeholder="请输入道德品质" />
|
||
</el-form-item>
|
||
<el-form-item label="遵纪守法" prop="yearOne.observeDiscipline">
|
||
<el-input v-model="yearOneData.observeDiscipline" placeholder="请输入遵纪守法" />
|
||
</el-form-item>
|
||
<el-form-item label="学习态度" prop="yearOne.attitude">
|
||
<el-input v-model="yearOneData.attitude" placeholder="请输入学习态度" />
|
||
</el-form-item>
|
||
<el-form-item label="考勤情况" prop="yearOne.attendanceSituation">
|
||
<el-input v-model="yearOneData.attendanceSituation" placeholder="请输入考勤情况" />
|
||
</el-form-item>
|
||
<el-form-item label="担任职务" prop="yearOne.positionHeld">
|
||
<el-input v-model="yearOneData.positionHeld" placeholder="请输入担任职务" />
|
||
</el-form-item>
|
||
<el-form-item label="工作态度" prop="yearOne.workingAttitude">
|
||
<el-input v-model="yearOneData.workingAttitude" placeholder="请输入工作态度" />
|
||
</el-form-item>
|
||
<el-form-item label="工作能力" prop="yearOne.workingAbility">
|
||
<el-input v-model="yearOneData.workingAbility" placeholder="请输入工作能力" />
|
||
</el-form-item>
|
||
<el-form-item label="思想政治素质" prop="yearOne.ldeologicalPolitical">
|
||
<el-input v-model="yearOneData.ldeologicalPolitical" placeholder="请输入思想政治素质" />
|
||
</el-form-item>
|
||
<el-form-item label="科学文化素质" prop="yearOne.scientificQuality">
|
||
<el-input v-model="yearOneData.scientificQuality" placeholder="请输入科学文化素质" />
|
||
</el-form-item>
|
||
<el-form-item label="体能素质" prop="yearOne.physicalQuality">
|
||
<el-input v-model="yearOneData.physicalQuality" placeholder="请输入体能素质" />
|
||
</el-form-item>
|
||
<el-form-item label="总分" prop="yearOne.totalPoints">
|
||
<el-input type="number" v-model="yearOneData.totalPoints" placeholder="请输入总分" />
|
||
</el-form-item>
|
||
<el-form-item label="学年">
|
||
<el-select v-if="mode === 'add' || yearOneData.stuYear == null" v-model="yearOneData.stuYear"
|
||
placeholder="请选择学年" @change="handleYearChange">
|
||
<el-option v-for="(v, i) in stu_years" :key="i" :label="v.stuYearName" :value="v.id">
|
||
</el-option>
|
||
</el-select>
|
||
<span v-else class="readonly-label">{{ getYearNameById(form.yearOne.stuYear) }}</span>
|
||
</el-form-item>
|
||
</el-row>
|
||
<!-- 第二学年信息 -->
|
||
<el-row :gutter="20">
|
||
<el-col :span="24">
|
||
<h3>第二学年</h3>
|
||
</el-col>
|
||
<el-form-item label="政治思想" prop="yearTwo.politics">
|
||
<el-input v-model="yearTwoData.politics" placeholder="请输入政治思想" />
|
||
</el-form-item>
|
||
<el-form-item label="道德品质" prop="yearTwo.moralCharacter">
|
||
<el-input v-model="yearTwoData.moralCharacter" placeholder="请输入道德品质" />
|
||
</el-form-item>
|
||
<el-form-item label="遵纪守法" prop="yearTwo.observeDiscipline">
|
||
<el-input v-model="yearTwoData.observeDiscipline" placeholder="请输入遵纪守法" />
|
||
</el-form-item>
|
||
<el-form-item label="学习态度" prop="yearTwo.attitude">
|
||
<el-input v-model="yearTwoData.attitude" placeholder="请输入学习态度" />
|
||
</el-form-item>
|
||
<el-form-item label="考勤情况" prop="yearTwo.attendanceSituation">
|
||
<el-input v-model="yearTwoData.attendanceSituation" placeholder="请输入考勤情况" />
|
||
</el-form-item>
|
||
<el-form-item label="担任职务" prop="yearTwo.positionHeld">
|
||
<el-input v-model="yearTwoData.positionHeld" placeholder="请输入担任职务" />
|
||
</el-form-item>
|
||
<el-form-item label="工作态度" prop="yearTwo.workingAttitude">
|
||
<el-input v-model="yearTwoData.workingAttitude" placeholder="请输入工作态度" />
|
||
</el-form-item>
|
||
<el-form-item label="工作能力" prop="yearTwo.workingAbility">
|
||
<el-input v-model="yearTwoData.workingAbility" placeholder="请输入工作能力" />
|
||
</el-form-item>
|
||
<el-form-item label="思想政治素质" prop="yearTwo.ldeologicalPolitical">
|
||
<el-input v-model="yearTwoData.ldeologicalPolitical" placeholder="请输入思想政治素质" />
|
||
</el-form-item>
|
||
<el-form-item label="科学文化素质" prop="yearTwo.scientificQuality">
|
||
<el-input v-model="yearTwoData.scientificQuality" placeholder="请输入科学文化素质" />
|
||
</el-form-item>
|
||
<el-form-item label="体能素质" prop="yearTwo.physicalQuality">
|
||
<el-input v-model="yearTwoData.physicalQuality" placeholder="请输入体能素质" />
|
||
</el-form-item>
|
||
<el-form-item label="总分" prop="yearTwo.totalPoints">
|
||
<el-input type="number" v-model="yearTwoData.totalPoints" placeholder="请输入总分" />
|
||
</el-form-item>
|
||
<el-form-item label="学年">
|
||
<el-select v-if="mode === 'add' || yearTwoData.stuYear == null" v-model="yearTwoData.stuYear"
|
||
placeholder="请选择学年" @change="handleYearChange">
|
||
<el-option v-for="(v, i) in stu_years" :key="i" :label="v.stuYearName" :value="v.id">
|
||
</el-option>
|
||
</el-select>
|
||
<span v-else class="readonly-label">{{ getYearNameById(form.yearTwo.stuYear) }}</span>
|
||
</el-form-item>
|
||
</el-row>
|
||
<!-- 第三学年信息 -->
|
||
<el-row :gutter="20">
|
||
<el-col :span="24">
|
||
<h3>第三学年</h3>
|
||
</el-col>
|
||
<el-form-item label="政治思想" prop="yearThree.politics">
|
||
<el-input v-model="yearThreeData.politics" placeholder="请输入政治思想" />
|
||
</el-form-item>
|
||
<el-form-item label="道德品质" prop="yearThree.moralCharacter">
|
||
<el-input v-model="yearThreeData.moralCharacter" placeholder="请输入道德品质" />
|
||
</el-form-item>
|
||
<el-form-item label="遵纪守法" prop="yearThree.observeDiscipline">
|
||
<el-input v-model="yearThreeData.observeDiscipline" placeholder="请输入遵纪守法" />
|
||
</el-form-item>
|
||
<el-form-item label="学习态度" prop="yearThree.attitude">
|
||
<el-input v-model="form.yearThree.attitude" placeholder="请输入学习态度" />
|
||
</el-form-item>
|
||
<el-form-item label="考勤情况" prop="yearThree.attendanceSituation">
|
||
<el-input v-model="yearThreeData.attendanceSituation" placeholder="请输入考勤情况" />
|
||
</el-form-item>
|
||
<el-form-item label="担任职务" prop="yearThree.positionHeld">
|
||
<el-input v-model="yearThreeData.positionHeld" placeholder="请输入担任职务" />
|
||
</el-form-item>
|
||
<el-form-item label="工作态度" prop="yearThree.workingAttitude">
|
||
<el-input v-model="yearThreeData.workingAttitude" placeholder="请输入工作态度" />
|
||
</el-form-item>
|
||
<el-form-item label="工作能力" prop="yearThree.workingAbility">
|
||
<el-input v-model="yearThreeData.workingAbility" placeholder="请输入工作能力" />
|
||
</el-form-item>
|
||
<el-form-item label="思想政治素质" prop="yearThree.ldeologicalPolitical">
|
||
<el-input v-model="yearThreeData.ldeologicalPolitical" placeholder="请输入思想政治素质" />
|
||
</el-form-item>
|
||
<el-form-item label="科学文化素质" prop="yearThree.scientificQuality">
|
||
<el-input v-model="yearThreeData.scientificQuality" placeholder="请输入科学文化素质" />
|
||
</el-form-item>
|
||
<el-form-item label="体能素质" prop="yearThree.physicalQuality">
|
||
<el-input v-model="yearThreeData.physicalQuality" placeholder="请输入体能素质" />
|
||
</el-form-item>
|
||
<el-form-item label="总分" prop="yearThree.totalPoints">
|
||
<el-input type="number" v-model="yearThreeData.totalPoints" placeholder="请输入总分" />
|
||
</el-form-item>
|
||
<el-form-item label="学年">
|
||
<el-select v-if="mode === 'add' || yearThreeData.stuYear == null" v-model="yearThreeData.stuYear"
|
||
placeholder="请选择学年" @change="handleYearChange">
|
||
<el-option v-for="(v, i) in stu_years" :key="i" :label="v.stuYearName" :value="v.id">
|
||
</el-option>
|
||
</el-select>
|
||
<span v-else class="readonly-label">{{ getYearNameById(form.yearThree.stuYear) }}</span>
|
||
</el-form-item>
|
||
</el-row>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||
<el-button @click="cancel">取 消</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
|
||
<!-- 导入模板对话框 -->
|
||
<el-dialog title="导入模板" :visible.sync="importV" :before-close="handleClose" width="400px" center
|
||
style="text-align: center;">
|
||
<el-row type="flex" class="row-bg" justify="space-around">
|
||
<el-upload center class="upload-demo" drag :auto-upload="false" :limit="1" :on-exceed="handleExceed" action=""
|
||
:file-list="fileList" :on-change="fileChoose" :on-success="handleFileSuccess">
|
||
<i class="el-icon-upload"></i>
|
||
<div class="el-upload__text">将文件拖到此处，或<em>点击选择</em></div>
|
||
<div class="el-upload__tip" slot="tip">只能上传xlsx/xls文件(鉴定表) <el-link @click="downloadMode" type="primary"
|
||
size="mini">下载模板</el-link></div>
|
||
</el-upload>
|
||
</el-row>
|
||
<br>
|
||
<el-form>
|
||
<el-form-item label="学年">
|
||
<el-select v-model="stu_year_import" placeholder="请选择学年" @change="handleYearChanges">
|
||
<el-option v-for="(v, i) in stu_years" :key="i" :label="v.stuYearName" :value="v.id">
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-form>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="doImport()">导 入</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
|
||
<!-- 打印预览对话框 -->
|
||
<el-dialog title="打印预览" :visible.sync="printDialogVisible" fullscreen>
|
||
<div class="print-content" id="printContent">
|
||
<!-- 双面打印提示 -->
|
||
<div class="print-notice no-print" v-if="printDialogVisible">
|
||
<el-alert title="打印提示" type="info" show-icon>
|
||
<p>请确保打印机已设置为双面打印模式（短边翻转）</p>
|
||
<p>评语表将打印在正面，鉴定表将打印在背面</p>
|
||
</el-alert>
|
||
</div>
|
||
|
||
<!-- 使用 v-for 循环渲染每个待打印的学生信息 -->
|
||
<div v-for="(student, index) in printList" :key="index" class="student-print-set">
|
||
<!-- 学生评语表（正面） -->
|
||
<div class="print-page">
|
||
<div class="print-header">
|
||
<h1>广西水利电力职业技术学院学生评语表</h1>
|
||
</div>
|
||
|
||
<table class="print-table comment-table">
|
||
<tr>
|
||
<th colspan="8">广西水利电力职业技术学院学生评语表</th>
|
||
</tr>
|
||
<tr>
|
||
<td>学年</td>
|
||
<td colspan="3">第一学年</td>
|
||
<td colspan="3">第二学年</td>
|
||
<td>第三学年</td>
|
||
</tr>
|
||
<tr>
|
||
<td>辅导员评语</td>
|
||
<td colspan="3" class="comment-cell">
|
||
{{ getYearData(student, 0, 'counselorComments') }}
|
||
<div class="signature">
|
||
<div>辅导员：{{ getYearData(student, 0, 'counselorName') }}</div>
|
||
<div>{{ formatDateForPrint(getYearData(student, 0, 'fillData')) }}</div>
|
||
</div>
|
||
</td>
|
||
<td colspan="3" class="comment-cell">
|
||
{{ getYearData(student, 1, 'counselorComments') }}
|
||
<div class="signature">
|
||
<div>辅导员：{{ getYearData(student, 1, 'counselorName') }}</div>
|
||
<div>{{ formatDateForPrint(getYearData(student, 1, 'fillData')) }}</div>
|
||
</div>
|
||
</td>
|
||
<td class="comment-cell">
|
||
{{ getYearData(student, 2, 'counselorComments') }}
|
||
<div class="signature">
|
||
<div>辅导员：{{ getYearData(student, 2, 'counselorName') }}</div>
|
||
<div>{{ formatDateForPrint(getYearData(student, 2, 'fillData')) }}</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>学院意见</td>
|
||
<td colspan="3" class="comment-cell">
|
||
{{ getYearData(student, 0, 'collegeOpinion') || '无数据' }}
|
||
<div class="signature">
|
||
<div>{{ formatDateForPrint(getYearData(student, 0, 'fillData')) || '无数据' }}</div>
|
||
</div>
|
||
</td>
|
||
<td colspan="3" class="comment-cell">
|
||
{{ getYearData(student, 1, 'collegeOpinion') || '无数据' }}
|
||
<div class="signature">
|
||
<div>{{ formatDateForPrint(getYearData(student, 1, 'fillData')) || '无数据' }}</div>
|
||
</div>
|
||
</td>
|
||
<td class="comment-cell">
|
||
{{ getYearData(student, 2, 'collegeOpinion') || '无数据' }}
|
||
<div class="signature">
|
||
<div>{{ formatDateForPrint(getYearData(student, 2, 'fillData')) || '无数据' }}</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p class="print-note" style="text-align: center;">本表用钢笔或签字笔工整填写，由辅导员保管，学生离校时存入学生档案。</p>
|
||
<p class="print-note" style="text-align: center;">广西水利电力职业技术学院 学生工作处印制</p>
|
||
</div>
|
||
|
||
<!-- 学生综合素质鉴定表（背面） -->
|
||
<div class="print-page">
|
||
<div class="print-header">
|
||
<h1>广西水利电力职业技术学院学生综合素质鉴定表</h1>
|
||
</div>
|
||
|
||
<table class="print-table evaluation-table">
|
||
<tr>
|
||
<th colspan="5">学生基本信息</th>
|
||
</tr>
|
||
<tr>
|
||
<td style="width: 120px;">姓名</td>
|
||
<td>{{ student.studentName || '学生姓名' }}</td>
|
||
<td style="width: 120px;">学号</td>
|
||
<td colspan="2">{{ student.studentCode || '学生学号' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>学院</td>
|
||
<td>{{ student.studentCollege || '所在学院' }}</td>
|
||
<td>班级</td>
|
||
<td colspan="2">{{ student.studentClass || '所属班级' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>性别</td>
|
||
<td>{{ student.sex || '性别' }}</td>
|
||
<td>民族</td>
|
||
<td colspan="2">{{ student.nation || '民族' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>出生日期</td>
|
||
<td colspan="4">{{ student.birth_data || '出生日期' }}</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<table class="print-table evaluation-table">
|
||
<tr>
|
||
<th rowspan="3">思想表现</th>
|
||
<th>项目</th>
|
||
<th>第一学年</th>
|
||
<th>第二学年</th>
|
||
<th>第三学年</th>
|
||
</tr>
|
||
<tr>
|
||
<td>政治思想</td>
|
||
<td>{{ getYearData(student, 0, 'politics') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'politics') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'politics') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>道德品质</td>
|
||
<td>{{ getYearData(student, 0, 'moralCharacter') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'moralCharacter') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'moralCharacter') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th rowspan="2">学习表现</th>
|
||
<td>学习态度</td>
|
||
<td>{{ getYearData(student, 0, 'attitude') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'attitude') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'attitude') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>考勤情况</td>
|
||
<td>{{ getYearData(student, 0, 'attendanceSituation') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'attendanceSituation') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'attendanceSituation') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th rowspan="3">工作表现</th>
|
||
<td>担任职务</td>
|
||
<td>{{ getYearData(student, 0, 'positionHeld') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'positionHeld') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'positionHeld') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>工作态度</td>
|
||
<td>{{ getYearData(student, 0, 'workingAttitude') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'workingAttitude') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'workingAttitude') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>工作能力</td>
|
||
<td>{{ getYearData(student, 0, 'workingAbility') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'workingAbility') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'workingAbility') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th rowspan="4">综合成绩</th>
|
||
<td>思想政治素质</td>
|
||
<td>{{ getYearData(student, 0, 'ldeologicalPolitical') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'ldeologicalPolitical') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'ldeologicalPolitical') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>科学文化素质</td>
|
||
<td>{{ getYearData(student, 0, 'scientificQuality') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'scientificQuality') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'scientificQuality') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>体能素质</td>
|
||
<td>{{ getYearData(student, 0, 'physicalQuality') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'physicalQuality') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'physicalQuality') || '无数据' }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>总分</td>
|
||
<td>{{ getYearData(student, 0, 'totalPoints') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 1, 'totalPoints') || '无数据' }}</td>
|
||
<td>{{ getYearData(student, 2, 'totalPoints') || '无数据' }}</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p class="print-note">
|
||
备注：本表中的"思想表现"、"学习表现"、"工作表现"等项按优、良、中、及格、不及格等级填写；考勤情况按全勤，有迟到、旷课、早退、请假的按实际数填写；"担任职务"为班级、学院、学校学生干部名称；个人素质综合成绩参照《学生个人综合素质考评办法》中的要求进行填写。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div slot="footer" class="dialog-footer">
|
||
<div class="print-actions">
|
||
<el-button type="primary" v-print="printObj" icon="el-icon-printer">双面打印全部</el-button>
|
||
<el-button @click="printDialogVisible = false">取消</el-button>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { listIdentifytexs, getIdentifytexs, delIdentifytexs, addIdentifytexs, updateIdentifytexs } from "@/api/comprehensive/identifytexs";
|
||
import { treeStudent } from "@/api/stuCQS/basedata/student";
|
||
import { listQiyongYear as listYear } from "@/api/stuCQS/basedata/year";
|
||
import * as XLSX from 'xlsx';
|
||
import { excelDateToJSDate } from '@/utils/index';
|
||
import { isEmpty } from "@/api/helpFunc";
|
||
import { importGraduate, getStuInfo } from "@/api/graduate/index";
|
||
import { parseTime } from '@/utils/ruoyi';
|
||
|
||
export default {
|
||
name: "Identifytexs",
|
||
data() {
|
||
return {
|
||
// 遮罩层
|
||
loading: true,
|
||
// 选中数组
|
||
ids: [],
|
||
selection: [],
|
||
// 非单个禁用
|
||
single: true,
|
||
// 非多个禁用
|
||
multiple: true,
|
||
// 显示搜索条件
|
||
showSearch: true,
|
||
// 总条数
|
||
total: 0,
|
||
// 学生鉴定信息表格数据
|
||
identifytexsList: [],
|
||
// 弹出层标题
|
||
title: "",
|
||
// 是否显示弹出层
|
||
open: false,
|
||
cascaderData: null,
|
||
stu_years: [],
|
||
stu_year_import: null,
|
||
fileList: [],
|
||
importV: false,
|
||
biaoJi: null,
|
||
excelName: null,
|
||
redingData: false,
|
||
// 查询参数
|
||
queryParams: {
|
||
pageNum: 1,
|
||
pageSize: 10,
|
||
studentCode: null,
|
||
studentClass: null,
|
||
classId: null,
|
||
},
|
||
// 表单参数
|
||
form: {
|
||
id: null,
|
||
studentName: null,
|
||
studentCode: null,
|
||
studentCollege: null,
|
||
studentGrade: null,
|
||
studentClass: null,
|
||
sex: null,
|
||
nation: null,
|
||
birthData: null,
|
||
yearOne: { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, biaoJit: null },
|
||
yearTwo: { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, biaoJit: null },
|
||
yearThree: { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, biaoJit: null },
|
||
},
|
||
// 表单校验
|
||
rules: {
|
||
studentName: [{ required: true, message: '学生姓名不能为空', trigger: 'blur' }],
|
||
studentCode: [{ required: true, message: '学生学号不能为空', trigger: 'blur' }],
|
||
yearOne: [{ required: true, message: '第一学年信息不能为空', trigger: 'blur' }],
|
||
yearTwo: [{ required: true, message: '第二学年信息不能为空', trigger: 'blur' }],
|
||
yearThree: [{ required: true, message: '第三学年信息不能为空', trigger: 'blur' }]
|
||
},
|
||
mode: 'add',
|
||
|
||
// 打印相关
|
||
printDialogVisible: false,
|
||
printList: [],
|
||
printObj: {
|
||
id: 'printContent',
|
||
popTitle: '毕业生信息打印',
|
||
extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>',
|
||
extraCss: 'https://cdn.jsdelivr.net/npm/element-ui@2.15.13/lib/theme-chalk/index.css',
|
||
},
|
||
};
|
||
},
|
||
created() {
|
||
this.getList();
|
||
this.getCascaderData();
|
||
this.listAllStuYear();
|
||
},
|
||
computed: {
|
||
getStudentCollege: { get() { return this.form.studentCollege != null ? this.form.studentCollege : null; }, set(val) { this.form.studentCollege = val; } },
|
||
getStudentGrade: { get() { return this.form.studentGrade != null ? this.form.studentGrade : null; }, set(val) { this.form.studentGrade = val; } },
|
||
getStudentClass: { get() { return this.form.studentClass != null ? this.form.studentClass : null; }, set(val) { this.form.studentClass = val; } },
|
||
getSex: { get() { return this.form.sex != null ? this.form.sex : null; }, set(val) { this.form.sex = val; } },
|
||
getNation: { get() { return this.form.nation != null ? this.form.nation : null; }, set(val) { this.form.nation = val; } },
|
||
getBirthData: { get() { return this.form.birthData != null ? this.form.birthData : null; }, set(val) { this.form.birthData = val; } },
|
||
yearOneData() { return this.form.yearOne || { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, }; },
|
||
yearTwoData() { return this.form.yearTwo || { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, }; },
|
||
yearThreeData() { return this.form.yearThree || { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, }; },
|
||
},
|
||
methods: {
|
||
/** 查询学生鉴定信息列表 */
|
||
getList() {
|
||
this.loading = true;
|
||
listIdentifytexs(this.queryParams).then(response => {
|
||
this.identifytexsList = response.rows;
|
||
this.total = response.total;
|
||
this.loading = false;
|
||
});
|
||
},
|
||
// 级联选择处理
|
||
handleChange(value) {
|
||
this.queryParams = { ...this.queryParams, classId: value[2], }
|
||
},
|
||
// 获取级联数据
|
||
async getCascaderData() {
|
||
const res = await treeStudent()
|
||
this.cascaderData = res.data
|
||
this.cascaderData.forEach(dept => {
|
||
dept.children.forEach(major => {
|
||
major.children.forEach(c => { delete c.children })
|
||
})
|
||
});
|
||
},
|
||
// 获取学年信息
|
||
async listAllStuYear() {
|
||
let res = await listYear();
|
||
this.stu_years = [...res.data];
|
||
},
|
||
// 获取学年对应的下标数据
|
||
handleYearChange(value) {
|
||
const index = this.stu_years.findIndex(item => item.id === value);
|
||
if (index !== -1) {
|
||
if (index == 0) { this.form.yearThree.biaoJit = index + 1; return; }
|
||
if (index == 1) { this.form.yearTwo.biaoJit = index + 1; return; }
|
||
if (index == 2) { this.form.yearOne.biaoJit = index + 1; return; }
|
||
this.$alert('确定要选择此学年吗？', '提示', { confirmButtonText: '', showCancelButton: false, type: 'warning', center: true, callback: () => { } });
|
||
}
|
||
},
|
||
//导入学年处理
|
||
handleYearChanges(value) {
|
||
const index = this.stu_years.findIndex(item => item.id === value);
|
||
if (index !== -1) {
|
||
this.biaoJi = index + 1;
|
||
return;
|
||
}
|
||
},
|
||
//出生日期格式处理
|
||
formatDate(date) {
|
||
return parseTime(date, 'yyyy-MM-dd');
|
||
},
|
||
// 导入毕业生信息
|
||
async doImport() {
|
||
if (isEmpty(this.stu_year_import)) { this.$message.info("请选择学年"); return; }
|
||
this.loading = true;
|
||
let sdata = [];
|
||
let temp = [...this.importData];
|
||
temp.map(v => {
|
||
if (true) {
|
||
let temp1 = {};
|
||
if (this.excelName == '鉴定表.xlsx') {
|
||
temp1 = { studentCode: v.studentCode, studentName: v.studentName, politics: v.politics, moralCharacter: v.moralCharacter, observeDiscipline: v.observeDiscipline, attitude: v.attitude, attendanceSituation: v.attendanceSituation, positionHeld: v.positionHeld, workingAttitude: v.workingAttitude, workingAbility: v.workingAbility, stuYear: this.stu_year_import, biaoJit: this.biaoJi };
|
||
} else { this.$message.info("只能上传鉴定表"); this.excelName = ''; return; }
|
||
sdata.push(temp1);
|
||
}
|
||
});
|
||
this.excelName = ''
|
||
let res = await importGraduate(sdata);
|
||
this.loading = false;
|
||
this.$message(res.msg);
|
||
this.getList();
|
||
this.importV = false;
|
||
this.fileList = [];
|
||
this.stu_year_import = null;
|
||
},
|
||
// 下载模板
|
||
downloadMode() {
|
||
this.download('/comprehensive/rankingModel/downloadAllTemplates', {}, 'allTemplates.zip');
|
||
},
|
||
// 导入模板弹窗
|
||
importVClick() {
|
||
this.importV = true;
|
||
},
|
||
// 关闭导入弹窗
|
||
handleClose(done) {
|
||
this.$confirm('确认关闭？').then(_ => { this.excelData = []; this.fileList = []; this.tableData = []; done(); }).catch(_ => { });
|
||
},
|
||
// 文件超出限制
|
||
handleExceed(files, fileList) {
|
||
this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
|
||
},
|
||
// 文件选择处理
|
||
async fileChoose(file, fileList) {
|
||
this.loading = true;
|
||
this.excelName = file.name;
|
||
try {
|
||
let data = await this.handleData(file);
|
||
let daterank = []
|
||
if (this.excelName == '鉴定表.xlsx') {
|
||
daterank = data.map(item => ({ studentCode: item.学号, studentName: item.姓名, politics: item['思想表现-政治思想'], moralCharacter: item['思想表现-道德品质'], observeDiscipline: item['思想表现-遵纪守法'], attitude: item['学习表现-学习态度'], attendanceSituation: item['学习表现-考勤情况'], positionHeld: item['工作表现-担任职位'], workingAttitude: item['工作表现-工作态度'], workingAbility: item['工作表现-工作能力'], }));
|
||
} else { this.$message.info("只能上传鉴定表"); return; }
|
||
this.importData = daterank;
|
||
this.importTotal = data.length;
|
||
} catch (error) { console.error('上传失败:', error); } finally { this.loading = false; }
|
||
},
|
||
// 文件数据处理
|
||
handleData(file) {
|
||
let reader = new FileReader();
|
||
reader.readAsArrayBuffer(file.raw);
|
||
return new Promise((resolve, reject) => {
|
||
reader.onload = (e) => {
|
||
let data = e.target.result;
|
||
let workbook = XLSX.read(data, { type: 'binary' });
|
||
let jsonData = XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]], { defval: 'null' });
|
||
resolve(jsonData);
|
||
};
|
||
})
|
||
},
|
||
// 文件上传成功处理
|
||
handleFileSuccess(response, file, fileList) {
|
||
this.tableData = [];
|
||
this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + '</div>', '导入结果', { dangerouslyUseHTMLString: true })
|
||
this.getList()
|
||
},
|
||
// 取消按钮
|
||
cancel() {
|
||
this.open = false;
|
||
this.reset();
|
||
this.redingData = false;
|
||
},
|
||
// 表单重置
|
||
reset() {
|
||
this.form = {
|
||
id: null, studentName: null, studentCode: null, studentCollege: null, studentGrade: null, studentClass: null, sex: null, nation: null, birthData: null,
|
||
yearOne: { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, },
|
||
yearTwo: { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, },
|
||
yearThree: { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, },
|
||
};
|
||
this.mode = 'add';
|
||
this.resetForm("form");
|
||
},
|
||
/** 搜索按钮操作 */
|
||
handleQuery() {
|
||
this.queryParams.pageNum = 1;
|
||
this.getList();
|
||
},
|
||
/** 重置按钮操作 */
|
||
resetQuery() {
|
||
this.queryParams.classId = null;
|
||
this.resetForm("queryForm");
|
||
this.handleQuery();
|
||
},
|
||
// 多选框选中数据
|
||
handleSelectionChange(selection) {
|
||
this.selection = selection;
|
||
this.ids = selection.map(item => item.id)
|
||
this.single = selection.length !== 1
|
||
this.multiple = !selection.length
|
||
},
|
||
/** 新增按钮操作 */
|
||
handleAdd() {
|
||
this.reset();
|
||
this.open = true;
|
||
this.title = "添加学生鉴定信息";
|
||
},
|
||
/** 修改按钮操作 */
|
||
handleUpdate(row) {
|
||
this.reset();
|
||
const id = row.id || this.ids
|
||
getIdentifytexs(id).then(response => {
|
||
const data = response.data;
|
||
this.form = {
|
||
...data,
|
||
studentCollege: data.studentCollege || null, studentGrade: data.studentGrade || null, studentClass: data.studentClass || null, sex: data.sex || null, nation: data.nation || null, birthData: data.birthData || null,
|
||
yearOne: data.yearOne || { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, },
|
||
yearTwo: data.yearTwo || { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, },
|
||
yearThree: data.yearThree || { politics: null, moralCharacter: null, observeDiscipline: null, attitude: null, attendanceSituation: null, positionHeld: null, workingAttitude: null, workingAbility: null, ldeologicalPolitical: null, scientificQuality: null, physicalQuality: null, totalPoints: null, stuYear: null, }
|
||
};
|
||
this.mode = 'edit';
|
||
this.open = true;
|
||
this.title = "修改学生鉴定信息";
|
||
if (data.studentCollege != null && data.studentGrade != null) { this.redingData = true; } else { this.redingData = false; }
|
||
});
|
||
},
|
||
/** 获取学年名称通过ID */
|
||
getYearNameById(yearId) {
|
||
const year = this.stu_years.find(item => item.id === yearId);
|
||
return year ? year.stuYearName : '';
|
||
},
|
||
/** 提交按钮 */
|
||
submitForm() {
|
||
this.$refs["form"].validate(valid => {
|
||
if (valid) {
|
||
const submitData = { ...this.form, ...this.form.yearOne, ...this.form.yearTwo, ...this.form.yearThree };
|
||
if (this.form.id != null) {
|
||
updateIdentifytexs(submitData).then(response => { this.$modal.msgSuccess("修改成功"); this.open = false; this.getList(); });
|
||
} else {
|
||
if (this.form.yearOne.stuYear != null && this.form.yearTwo.stuYear != null && this.form.yearThree.stuYear != null) {
|
||
addIdentifytexs(submitData).then(response => { this.$modal.msgSuccess("新增成功"); this.open = false; this.getList(); });
|
||
} else { this.$modal.msgSuccess("对应学生信息不能为空"); }
|
||
}
|
||
}
|
||
});
|
||
},
|
||
/** 删除按钮操作 */
|
||
handleDelete(row) {
|
||
const ids = row.id || this.ids;
|
||
this.$modal.confirm('是否确认删除学生鉴定信息编号为"' + ids + '"的数据项？').then(function () { return delIdentifytexs(ids); }).then(() => { this.getList(); this.$modal.msgSuccess("删除成功"); }).catch(() => { });
|
||
},
|
||
/** 导出按钮操作 */
|
||
handleExport() {
|
||
this.download('comprehensive/identifytexs/export', { ...this.queryParams }, `identifytexs_${new Date().getTime()}.xlsx`)
|
||
},
|
||
// 单个打印按钮操作
|
||
async takeEclData(row) {
|
||
this.loading = true;
|
||
try {
|
||
const response = await getStuInfo(row.id);
|
||
if (response.code !== 200) { throw new Error(response.msg || '获取学生信息失败'); }
|
||
const processedData = this._processStudentData(row, response.data);
|
||
this.printList = [processedData];
|
||
this.printDialogVisible = true;
|
||
} catch (error) {
|
||
console.error('打印操作失败:', error);
|
||
this.$message.error(error.message || '获取打印数据失败');
|
||
} finally {
|
||
this.loading = false;
|
||
}
|
||
},
|
||
// 批量打印按钮操作
|
||
async handleBatchPrint() {
|
||
if (this.selection.length === 0) { this.$message.warning('请先选择要打印的学生'); return; }
|
||
this.loading = true;
|
||
try {
|
||
const promises = this.selection.map(row => getStuInfo(row.id));
|
||
const results = await Promise.all(promises);
|
||
const processedList = results.map((response, index) => {
|
||
if (response.code === 200) {
|
||
const baseInfo = this.selection[index];
|
||
return this._processStudentData(baseInfo, response.data);
|
||
} else {
|
||
this.$message.error(`获取学号 ${this.selection[index].studentCode} 的信息失败: ${response.msg}`);
|
||
return null;
|
||
}
|
||
}).filter(item => item !== null);
|
||
|
||
if (processedList.length > 0) {
|
||
this.printList = processedList;
|
||
this.printDialogVisible = true;
|
||
} else if (this.selection.length > 0) {
|
||
this.$message.error('所有选中学生的数据都获取失败，无法打印');
|
||
}
|
||
} catch (error) {
|
||
console.error('批量打印操作失败:', error);
|
||
this.$message.error('批量获取打印数据时发生网络错误');
|
||
} finally {
|
||
this.loading = false;
|
||
}
|
||
},
|
||
// 内部函数：处理单个学生的数据，用于代码复用
|
||
_processStudentData(baseInfo, detailInfo) {
|
||
const yearDataMap = {};
|
||
if (detailInfo.graduateVoList && detailInfo.graduateVoList.length > 0) {
|
||
detailInfo.graduateVoList.forEach((item, index) => { yearDataMap[index] = item; });
|
||
}
|
||
return {
|
||
...baseInfo, ...detailInfo, yearDataMap,
|
||
birth_data: this.formatDateForPrint(detailInfo.birthData) || '无数据',
|
||
studentCollege: detailInfo.studentCollege || baseInfo.studentCollege || '无数据',
|
||
studentClass: detailInfo.studentClass || baseInfo.studentClass || '无数据',
|
||
sex: detailInfo.sex || '无数据',
|
||
nation: detailInfo.nation || '无数据',
|
||
studentName: detailInfo.studentName || baseInfo.studentName || '无数据',
|
||
studentCode: detailInfo.studentCode || baseInfo.studentCode || '无数据'
|
||
};
|
||
},
|
||
// 修改 getYearData 以接收 student 对象
|
||
getYearData(student, yearIndex, field) {
|
||
if (!student || !student.yearDataMap) { return '无数据'; }
|
||
const yearData = student.yearDataMap[yearIndex];
|
||
if (!yearData) { return '无数据'; }
|
||
const value = yearData[field];
|
||
return value || '无数据';
|
||
},
|
||
// 专门为打印创建了一个日期格式化函数
|
||
formatDateForPrint(dateInput) {
|
||
if (!dateInput) return '无数据';
|
||
if (typeof dateInput === 'string' && dateInput.includes('年') && dateInput.includes('月') && dateInput.includes('日')) { return dateInput; }
|
||
try {
|
||
const date = new Date(dateInput);
|
||
if (isNaN(date.getTime())) { return '无数据'; }
|
||
const year = date.getFullYear();
|
||
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
||
const day = date.getDate().toString().padStart(2, '0');
|
||
return `${year}年${month}月${day}日`;
|
||
} catch (e) { console.error('日期格式化错误:', e); return '无数据'; }
|
||
},
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style scoped>
|
||
.header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 20px;
|
||
padding-bottom: 15px;
|
||
border-bottom: 1px solid #ebeef5;
|
||
}
|
||
|
||
.header h1 {
|
||
color: #1e4e8c;
|
||
font-size: 24px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.school-logo {
|
||
width: 60px;
|
||
height: 60px;
|
||
background: #1e4e8c;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: white;
|
||
font-weight: bold;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.search-form {
|
||
background: #f8f9fb;
|
||
padding: 20px;
|
||
border-radius: 6px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.operation-bar {
|
||
margin-bottom: 20px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.student-table {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.action-button {
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.print-content {
|
||
padding: 20px;
|
||
}
|
||
|
||
.print-page {
|
||
margin-bottom: 30px;
|
||
background: white;
|
||
padding: 25px;
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.print-header {
|
||
text-align: center;
|
||
border-bottom: 2px solid #1e4e8c;
|
||
}
|
||
|
||
.print-header h1 {
|
||
color: #1e4e8c;
|
||
font-size: 24px;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.print-table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
margin-bottom: 20px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.print-table th,
|
||
.print-table td {
|
||
border: 1px solid #000;
|
||
padding: 10px 8px;
|
||
text-align: center;
|
||
}
|
||
|
||
.print-table th {
|
||
background-color: #f2f2f2;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.print-note {
|
||
font-size: 12px;
|
||
color: #666;
|
||
font-style: italic;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.comment-cell {
|
||
height: 150px;
|
||
position: relative;
|
||
}
|
||
|
||
.signature {
|
||
position: absolute;
|
||
right: 10px;
|
||
bottom: 10px;
|
||
text-align: right;
|
||
}
|
||
|
||
.print-actions {
|
||
display: flex;
|
||
gap: 15px;
|
||
margin-top: 20px;
|
||
justify-content: center;
|
||
}
|
||
|
||
@media print {
|
||
body * {
|
||
visibility: hidden;
|
||
}
|
||
|
||
.print-content,
|
||
.print-content * {
|
||
visibility: visible;
|
||
}
|
||
|
||
.print-content {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
.no-print {
|
||
display: none !important;
|
||
}
|
||
|
||
@page {
|
||
size: A4 landscape;
|
||
margin: 0;
|
||
}
|
||
|
||
.print-page {
|
||
page-break-after: always;
|
||
margin: 0;
|
||
padding: 0;
|
||
box-shadow: none;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.print-page:last-child {
|
||
page-break-after: auto;
|
||
}
|
||
|
||
.student-print-set {
|
||
page-break-after: always;
|
||
}
|
||
|
||
.student-print-set:last-child {
|
||
page-break-after: auto;
|
||
}
|
||
|
||
.print-table {
|
||
width: 100% !important;
|
||
margin: 0 !important;
|
||
font-size: 12px !important;
|
||
}
|
||
|
||
.comment-cell {
|
||
height: 150px !important;
|
||
}
|
||
|
||
.signature {
|
||
right: 5px !important;
|
||
bottom: 5px !important;
|
||
}
|
||
}
|
||
|
||
.readonly-label {
|
||
display: inline-block;
|
||
padding: 8px 15px;
|
||
background-color: #f5f7fa;
|
||
border-radius: 4px;
|
||
color: #606266;
|
||
}
|
||
</style> |