Skip to content

D
dd_school
Commit 140b2ea4 by taowenzhong
Options

实现打印存根

parent 43f4ee33
Showing with 111 additions and 77 deletions
ruoyi-ui/package.json
...@@ -51,6 +51,7 @@ ...@@ -51,6 +51,7 @@
"file-saver": "2.0.5", "file-saver": "2.0.5",
"fuse.js": "6.4.3", "fuse.js": "6.4.3",
"highlight.js": "9.18.5", "highlight.js": "9.18.5",
"html-to-image": "^1.11.11",
"js-beautify": "1.13.0", "js-beautify": "1.13.0",
"js-cookie": "3.0.1", "js-cookie": "3.0.1",
"jsencrypt": "3.0.0-rc.1", "jsencrypt": "3.0.0-rc.1",
......
ruoyi-ui/src/views/smartSchool/openRecruitment/examManage/components/InfoReview.vue
...@@ -39,9 +39,9 @@ ...@@ -39,9 +39,9 @@
<el-button type="danger" plain icon="el-icon-back" size="mini" v-if="status == '1'" @click="handleBack" <el-button type="danger" plain icon="el-icon-back" size="mini" v-if="status == '1'" @click="handleBack"
:disabled="multiple">退回修改 :disabled="multiple">退回修改
</el-button> </el-button>
<!-- <el-button type="danger" icon="el-icon-s-release" size="mini" v-if="status == '1'" @click="handleReject" <!-- <el-button type="danger" icon="el-icon-s-release" size="mini" v-if="status == '1'" @click="handleReject"
:disabled="multiple">驳回 :disabled="multiple">驳回
</el-button>--> </el-button>-->
<el-button type="info" icon="el-icon-finished" size="mini" v-if="status == '1'" @click="handleFinished">结束 <el-button type="info" icon="el-icon-finished" size="mini" v-if="status == '1'" @click="handleFinished">结束
</el-button> </el-button>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
...@@ -118,12 +118,12 @@ ...@@ -118,12 +118,12 @@
<el-button size="mini" type="text" icon="el-icon-back" v-if="scope.row.auditStatus == '3' && status == '1'" <el-button size="mini" type="text" icon="el-icon-back" v-if="scope.row.auditStatus == '3' && status == '1'"
@click="handleBackOne(scope.row)" v-hasPermi="['system:relation:edit']">退回修改 @click="handleBackOne(scope.row)" v-hasPermi="['system:relation:edit']">退回修改
</el-button> </el-button>
<!-- <el-button size="mini" type="text" icon="el-icon-s-release" <!-- <el-button size="mini" type="text" icon="el-icon-s-release"
v-if="scope.row.auditStatus == '3' && status == '1'" v-if="scope.row.auditStatus == '3' && status == '1'"
@click="handleRejectOne(scope.row)" v-hasPermi="['system:relation:remove']">驳回 @click="handleRejectOne(scope.row)" v-hasPermi="['system:relation:remove']">驳回
</el-button>--> </el-button>-->
<el-button size="mini" type="text" icon="el-icon-view" @click="handleView(scope.row)" <el-button size="mini" type="text" icon="el-icon-view" @click="handleView(scope.row)"
v-if="scope.row.auditStatus === '3' && scope.row.auditStatus != null" v-if="scope.row.auditStatus != null"
v-hasPermi="['system:relation:edit']">查看 v-hasPermi="['system:relation:edit']">查看
</el-button> </el-button>
</template> </template>
...@@ -136,74 +136,95 @@ ...@@ -136,74 +136,95 @@
<!-- 添加或修改【请填写功能名称】对话框 --> <!-- 添加或修改【请填写功能名称】对话框 -->
<el-dialog :visible.sync="open" width="1200px" append-to-body @close="cancel"> <el-dialog :visible.sync="open" width="1200px" append-to-body @close="cancel">
<el-form ref="form" :model="form" :rules="rules"> <el-form ref="form" :model="form" :rules="rules">
<el-descriptions title="报名信息" border> <div id="printDom" ref="printDom">
<el-descriptions-item label="照片" span="3"> <div style="display: flex;width: 100%;margin-bottom: 10px;">
<el-image :src="baseUrl + form.photo" style="width: 150px;height: auto" fit="fill"></el-image> <div style="flex: 1">
</el-descriptions-item> <el-descriptions :column="1" border>
<el-descriptions-item label="姓名">{{ form.studentName }}</el-descriptions-item> <el-descriptions-item label="姓名">
<el-descriptions-item label="身份证号码">{{ form.idCard }}</el-descriptions-item> <div style="width: 500px">{{ form.studentName }}</div>
<el-descriptions-item label="性别"> </el-descriptions-item>
<dict-tag :options="dict.type.sys_user_sex" :value="form.sex"/> <el-descriptions-item label="身份证号码">{{ form.idCard }}</el-descriptions-item>
</el-descriptions-item> <el-descriptions-item label="性别">
<template v-if="isHandle"> <dict-tag :options="dict.type.sys_user_sex" :value="form.sex"/>
<el-descriptions-item label="姓名（教育部）">{{ form.eduStudentName }}</el-descriptions-item> </el-descriptions-item>
</template> <template v-if="isHandle">
<template v-else> <el-descriptions-item label="姓名（教育部）">{{ form.eduStudentName }}</el-descriptions-item>
<el-descriptions-item label="姓名（教育部）"> </template>
<el-form-item prop="eduStudentName"> <template v-else>
<el-input v-model="form.eduStudentName"></el-input> <el-descriptions-item label="姓名（教育部）">
</el-form-item> <el-form-item prop="eduStudentName">
</el-descriptions-item> <el-input v-model="form.eduStudentName"></el-input>
<!-- <el-descriptions-item label="身份证号（教育部）" :span="2">--> </el-form-item>
<!-- <el-form-item prop="eduIdCard">--> </el-descriptions-item>
<!-- <el-input v-model="form.eduIdCard"></el-input>--> <!-- <el-descriptions-item label="身份证号（教育部）" :span="2">-->
<!-- </el-form-item>--> <!-- <el-form-item prop="eduIdCard">-->
<!-- </el-descriptions-item>--> <!-- <el-input v-model="form.eduIdCard"></el-input>-->
</template> <!-- </el-form-item>-->
<el-descriptions-item label="身份证号（教育部）" :span="2">{{ form.eduIdCard }}</el-descriptions-item> <!-- </el-descriptions-item>-->
<el-descriptions-item label="测试项目">{{ form.project }}</el-descriptions-item> </template>
<el-descriptions-item label="联系方式1">{{ form.telephone1 }}</el-descriptions-item> <el-descriptions-item label="身份证号（教育部）" :span="2">{{ form.eduIdCard }}</el-descriptions-item>
<el-descriptions-item label="联系方式2">{{ form.telephone2 }}</el-descriptions-item> </el-descriptions>
<el-descriptions-item label="民族">{{ form.mz }}</el-descriptions-item> </div>
<el-descriptions-item label="政治面貌">{{ form.zzmm }}</el-descriptions-item> <el-image
<el-descriptions-item label="出生日期">{{ form.csrq }}</el-descriptions-item> :src="baseUrl + form.photo"
<el-descriptions-item label="婚姻状况">{{ form.hyzk }}</el-descriptions-item> :preview-src-list="[baseUrl + form.photo]"
<el-descriptions-item label="户籍所在地">{{ form.hjszd }}</el-descriptions-item> style="width: auto;height: 211px;float: right;margin-left: 10px"
<el-descriptions-item label="生源地">{{ form.syd }}</el-descriptions-item> fit="fill"
<el-descriptions-item label="考生身份">{{ form.kssf }}</el-descriptions-item> ></el-image>
<el-descriptions-item label="参加工作时间">{{ form.cjgzsj | format('yyyy-MM-dd') }}</el-descriptions-item> </div>
<el-descriptions-item label="现工作单位职务">{{ form.xgzdwzw }}</el-descriptions-item> <el-descriptions border>
<el-descriptions-item label="学历是否全日制">{{ form.bkxlsfqrz }}</el-descriptions-item> <el-descriptions-item label="测试项目">{{ form.project }}</el-descriptions-item>
<el-descriptions-item label="学历">{{ form.xl }}</el-descriptions-item> <el-descriptions-item label="联系方式1">{{ form.telephone1 }}</el-descriptions-item>
<el-descriptions-item label="学位">{{ form.xw }}</el-descriptions-item> <el-descriptions-item label="联系方式2">{{ form.telephone2 }}</el-descriptions-item>
<el-descriptions-item label="毕业院校">{{ form.byxx }}</el-descriptions-item> <el-descriptions-item label="民族">{{ form.mz }}</el-descriptions-item>
<el-descriptions-item label="所学专业">{{ form.sxzz }}</el-descriptions-item> <el-descriptions-item label="政治面貌">{{ form.zzmm }}</el-descriptions-item>
<el-descriptions-item label="最后毕业时间">{{ form.zhbysj | format('yyyy-MM-dd') }}</el-descriptions-item> <el-descriptions-item label="出生日期">{{ form.csrq }}</el-descriptions-item>
<el-descriptions-item label="个人简历" :span="3"> <el-descriptions-item label="婚姻状况">{{ form.hyzk }}</el-descriptions-item>
<el-table :data="form.resumeData" border stripe> <el-descriptions-item label="户籍所在地">{{ form.hjszd }}</el-descriptions-item>
<el-table-column label="起止年月"> <el-descriptions-item label="生源地">{{ form.syd }}</el-descriptions-item>
<template slot-scope="scope">{{ scope.row.ksny }} - {{ scope.row.jsny }}</template> <el-descriptions-item label="考生身份">{{ form.kssf }}</el-descriptions-item>
</el-table-column> <el-descriptions-item label="参加工作时间">{{ form.cjgzsj | format('yyyy-MM-dd') }}</el-descriptions-item>
<el-table-column label="所在单位或学校" prop="szdwxx"/> <el-descriptions-item label="现工作单位职务">{{ form.xgzdwzw }}</el-descriptions-item>
<el-table-column label="职务专业" prop="zwzy"/> <el-descriptions-item label="学历是否全日制">{{ form.bkxlsfqrz }}</el-descriptions-item>
</el-table> <el-descriptions-item label="学历">{{ form.xl }}</el-descriptions-item>
</el-descriptions-item> <el-descriptions-item label="学位">{{ form.xw }}</el-descriptions-item>
<el-descriptions-item label="家庭成员情况" :span="3"> <el-descriptions-item label="毕业院校">{{ form.byxx }}</el-descriptions-item>
<el-table :data="form.remeberData" border stripe> <el-descriptions-item label="所学专业">{{ form.sxzz }}</el-descriptions-item>
<el-table-column label="称谓" prop="cw"/> <el-descriptions-item label="最后毕业时间">{{ form.zhbysj | format('yyyy-MM-dd') }}</el-descriptions-item>
<el-table-column label="姓名" prop="xm"/> <el-descriptions-item label="个人简历" :span="3">
<el-table-column label="工作单位及职务" prop="gzdwjzw"/> <el-table :data="form.resumeData" border stripe>
</el-table> <el-table-column label="起止年月">
</el-descriptions-item> <template slot-scope="scope">{{ scope.row.ksny }} - {{ scope.row.jsny }}</template>
<el-descriptions-item label="资料" :span="3"> </el-table-column>
<template v-for="item in form.fileList"> <el-table-column label="所在单位或学校" prop="szdwxx"/>
<el-image :src="baseUrl + item.fjlj" style="width: 150px;height: auto" fit="fill"></el-image> <el-table-column label="职务专业" prop="zwzy"/>
</template> </el-table>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> <el-descriptions-item label="家庭成员情况" :span="3">
<el-table :data="form.remeberData" border stripe>
<el-table-column label="称谓" prop="cw"/>
<el-table-column label="姓名" prop="xm"/>
<el-table-column label="工作单位及职务" prop="gzdwjzw"/>
</el-table>
</el-descriptions-item>
<el-descriptions-item label="资料" :span="3">
<template v-for="item in form.fileList">
<!-- <el-image :src="baseUrl + item.fjlj" style="width: 150px;height: auto" fit="fill"></el-image>-->
<el-link
type="primary"
:href="baseUrl + item.fjlj"
target="_blank"
style="display: block"
>{{ item.fjmc }}
</el-link>
</template>
</el-descriptions-item>
</el-descriptions>
</div>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
<el-button v-if="form.auditStatus === '1'" type="warning" @click="print">打印</el-button>
<el-button v-if="!isHandle" type="primary" @click="submitForm">提 交</el-button> <el-button v-if="!isHandle" type="primary" @click="submitForm">提 交</el-button>
</span> </span>
</el-dialog> </el-dialog>
...@@ -293,6 +314,8 @@ ...@@ -293,6 +314,8 @@
</template> </template>
<script> <script>
import printJS from 'print-js'
import * as htmlToImage from 'html-to-image'
import { import {
addRelation, addRelation,
back, back,
...@@ -432,8 +455,18 @@ export default { ...@@ -432,8 +455,18 @@ export default {
} }
}; };
}, },
methods: { methods: {
print() {
htmlToImage.toPng(this.$refs.printDom, {
pixelRatio: 5
}).then((dataUrl) => {
printJS({
type: 'image',
printable: [dataUrl],
documentTitle: '报名审核存根'
})
})
},
/** 查询【请填写功能名称】列表 */ /** 查询【请填写功能名称】列表 */
getList() { getList() {
this.loading = true; this.loading = true;
...@@ -727,7 +760,7 @@ export default { ...@@ -727,7 +760,7 @@ export default {
// 下载模板 // 下载模板
importTemplate() { importTemplate() {
this.download( this.download(
"/edu-recruit-student/importTemplate", "/edu-recruit-student/importTemplate",
{}, {},
`导入教育局信息内模板_${Date.now()}.xlsx` `导入教育局信息内模板_${Date.now()}.xlsx`
); );
...@@ -927,12 +960,12 @@ export default { ...@@ -927,12 +960,12 @@ export default {
</script> </script>
<style scoped> <style scoped>
._status_success{ ._status_success {
color: #47bb02; color: #47bb02;
font-weight: bold; font-weight: bold;
} }
._status_error{ ._status_error {
color: red; color: red;
font-weight: bold; font-weight: bold;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment