From f162d240eb1f56c5d2047125f5b1f9c0b03c2b96 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Tue, 10 Aug 2021 20:30:03 +0800
Subject: [PATCH] 报名清册打印
---
src/views/applydetailed/papers.vue | 4
public/papersApply.html | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 158 insertions(+), 2 deletions(-)
diff --git a/public/papersApply.html b/public/papersApply.html
new file mode 100644
index 0000000..2df373c
--- /dev/null
+++ b/public/papersApply.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <style>
+ #table {
+ color: #000;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ }
+
+ .user-info-table {
+ margin-top: 30px;
+ width: 90%;
+ height: 90%;
+ border: 1px solid #000;
+ background-color: #fff;
+ }
+
+ .user-info-tr {
+ height: 50px;
+ font-size: 14px;
+ }
+
+ .avatar {
+ width: 140px;
+ height: 190px;
+ }
+
+ .title {
+ margin-top: 20px;
+ font-size: 28px;
+ font-weight: 500;
+ }
+
+ .avatar {
+ width: 140px;
+ height: 190px;
+ }
+
+ .my-picture {
+ width: 150px;
+ /* height: 200px; */
+ }
+ </style>
+ <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+ <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
+</head>
+
+
+<body>
+ <div>
+ <div>
+ <button onclick="preview(1)">打印</button>
+ </div>
+ <!--startprint-->
+ <div id="table">
+ <!-- <span class="title">准考证信息</span>
+ <table class="user-info-table" border="1px" align="center" cellspacing="0" cellpadding="10">
+ </table>
+ </div> -->
+ <!--endprint-->
+
+ </div>
+ <script>
+ var getData = function(name) {
+ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+ var r = window.location.search.substr(1).match(reg);
+ if (r != null) return unescape(r[2]);
+ return null;
+ };
+ var id = JSON.parse(getData("data")).examId;
+ var name = JSON.parse(getData("data")).name;
+ // console.log(JSON.parse(getData("data")), 111);
+
+ axios.get('http://localhost:81/apply/getApplyDetailList?examId=' + id).then(function(res) {
+ var data = res.data;
+ var list = data.applyList;
+ console.log(data, 123);
+ var str = `<span class="title">${data.examName}</span>
+ <table class="user-info-table" border="1px" align="center" cellspacing="0" cellpadding="10">
+ <tr class="user-info-tr">
+ <td width="80px">姓名</td>
+ <td width="60px">性别</td>
+ <td width="120px">准考证号</td>
+ <td width="160px">身份证号</td>
+ <td width="300px">单位名称</td>
+ <td width="100px">报考证件</td>
+ <td width="200px">报名时间</td>
+ </tr>`
+
+ for (var k in list) {
+ str += `
+ <tr class="user-info-tr">
+ <td>${list[k].realName}</td>
+ <td>${list[k].sex==1?"男":(data.sex==2?"女":"")}</td>
+ <td>${list[k].candidateNo}</td>
+ <td>${list[k].idCardNo}</td>
+ <td>${list[k].deptName}</td>
+ <td>${list[k].applyCard}</td>
+ <td>${list[k].applyTime}</td>
+ </tr>
+ `
+ }
+
+ // <tr class="user-info-tr">
+ // <td></td>
+ // <td></td>
+ // <td></td>
+ // <td></td>
+ // <td></td>
+ // <td></td>
+ // <td></td>
+ // </tr>
+
+ str += ` <tr class="user-info-tr">
+ <td>总人数</td>
+ <td colspan="6">${data.num}人</td>
+ </tr>
+
+ </table>
+ </div>`
+
+ var dom = $('#table');
+ dom.empty();
+ dom.append(str);
+ })
+
+ function preview(oper) {
+ if (oper < 10) {
+ bdhtml = window.document.body.innerHTML;
+ // 打印开始的标志
+ sprnstr = "<!--startprint-->";
+ // 打印结束的标志
+ eprnstr = "<!--endprint-->";
+ // 从打印开始的位置截取到末尾
+ prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr));
+ // 从开始截取到打印结束的位置
+ prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
+ // 替换html
+ window.document.body.innerHTML = prnhtml;
+ // 打印
+ window.print();
+ window.document.body.innerHTML = bdhtml;
+ } else {
+ window.print();
+ }
+ }
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/views/applydetailed/papers.vue b/src/views/applydetailed/papers.vue
index 70fee4a..af8060a 100644
--- a/src/views/applydetailed/papers.vue
+++ b/src/views/applydetailed/papers.vue
@@ -8,13 +8,13 @@
export default {
data() {
return {
- url: "/papers.html",
+ url: "/papersApply.html",
};
},
created(){
var d = this.$route.query;
this.url += "?data=" + JSON.stringify(d);
- // console.log(d);
+ console.log(d,11);
},
mounted() {
var flag = false,
--
Gitblit v1.9.3