| | |
| | | } |
| | | |
| | | .print { |
| | | position: absolute; |
| | | left: 43%; |
| | | top: 60%; |
| | | position: relative; |
| | | left: 45%; |
| | | margin-top: 30px; |
| | | width: 7%; |
| | | height: 36px; |
| | | border-radius: 9px; |
| | | background-color: #1D5CE4; |
| | | background-color: #409EFF; |
| | | border: 0px; |
| | | color: #fff; |
| | | letter-spacing: 4px; |
| | | } |
| | | |
| | | #table { |
| | | margin-left: 35%; |
| | | margin-left: 26%; |
| | | color: #000; |
| | | position: fixed; |
| | | align-items: center; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | | width: 400px; |
| | | height: 250px; |
| | | width: 750px; |
| | | height: 550px; |
| | | border-radius: 7px; |
| | | margin-top: -250px; |
| | | margin-top: -550px; |
| | | background: url(./img/bazbj.png) no-repeat; |
| | | background-size: 100% 100%; |
| | | } |
| | | |
| | | #table1 { |
| | | margin-left: 35%; |
| | | margin-left: 26%; |
| | | color: #000; |
| | | width: 400px; |
| | | height: 250px; |
| | | width: 750px; |
| | | height: 550px; |
| | | background-color: #fff; |
| | | border-radius: 7px; |
| | | margin-top: 200px; |
| | | margin-top: 100px; |
| | | } |
| | | |
| | | .user-info-table { |
| | |
| | | |
| | | .table-top { |
| | | width: 100%; |
| | | height: 20%; |
| | | margin-top: 20px; |
| | | height: 16%; |
| | | margin-top: 30px; |
| | | text-align: center; |
| | | font-size: 32px; |
| | | letter-spacing: 10px; |
| | | font-size: 4rem; |
| | | letter-spacing: 15px; |
| | | } |
| | | |
| | | .table-center { |
| | | font-size: 14px; |
| | | font-size: 2rem; |
| | | width: 100%; |
| | | height: 60%; |
| | | font-weight: 200; |
| | | } |
| | | |
| | | .table-center-right { |
| | | width: 70px; |
| | | height: 70px; |
| | | line-height: 70px; |
| | | margin-left: 290px; |
| | | margin-top: -100px; |
| | | border-radius: 100px; |
| | | width: 152px; |
| | | height: 205px; |
| | | line-height: 205px; |
| | | margin-left: 510px; |
| | | margin-top: -350px; |
| | | border-radius: 10px; |
| | | /* border: 1px solid; */ |
| | | text-align: center; |
| | | } |
| | |
| | | } |
| | | |
| | | .security-info { |
| | | margin-left: 20px; |
| | | margin-top: 18px; |
| | | margin-left: 5rem; |
| | | margin-top: 1.8rem; |
| | | } |
| | | |
| | | .table-down { |
| | |
| | | |
| | | <body> |
| | | <div class="fo"> |
| | | <div> |
| | | <button onclick="preview(1)" class="print">打印</button> |
| | | </div> |
| | | |
| | | |
| | | <!--startprint--> |
| | | <div id="print"> |
| | |
| | | </div> |
| | | </div> --> |
| | | <!--endprint--> |
| | | |
| | | </div> |
| | | |
| | | |
| | | |
| | | |
| | | <div> |
| | | <button onclick="preview(1)" class="print">打印</button> |
| | | </div> |
| | | </div> |
| | | <script> |
| | | var getData = function(name) { |
| | |
| | | // console.log(JSON.parse(getData("data")), 111); |
| | | |
| | | axios.get('http://223.82.109.183:2080/api/apply/userDetail?id=' + id).then(function(res) { |
| | | |
| | | var data = res.data.data; |
| | | var str = `<div id="table1"></div> |
| | | <div id="table"> |
| | |
| | | <span>编号:</span> |
| | | <span> ${data.securitynumber}</span> |
| | | </div> |
| | | <div class="security-info"> |
| | | <span>发证机关:</span> |
| | | <span> 南昌市公安局</span> |
| | | </div> |
| | | <div class="security-info"> |
| | | <span>发证日期:</span> |
| | | <span> ${data.paperTime}</span> |
| | | </div> |
| | | </div> |
| | | <div class="table-center-right"> |
| | | <img src="${data.avatar}"> |
| | | </div> |
| | | </div> |
| | | <div class="table-down"> |
| | | <div class="paper-unit"> |
| | | <span>发证机关:</span> |
| | | <span> 南昌市公安局</span> |
| | | </div> |
| | | <div class="paper-date"> |
| | | <span>发证日期:</span> |
| | | <span> ${data.paperTime}</span> |
| | | <img src="${data.avatar}"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | questionBankOnLoad(page, params = {}) { |
| | | this.questionBankLoading = false; |
| | | params["applyStatus"] = 1; |
| | | getApplyList( |
| | | page.currentPage, |
| | | page.pageSize, |
| | |
| | | questionBankOnLoad(page, params = {}) { |
| | | this.questionBankLoading = false; |
| | | params["deptId"] = this.userInfo.dept_id; |
| | | params["status"] = 1; |
| | | getListApply( |
| | | page.currentPage, |
| | | page.pageSize, |
| | |
| | | tip: "只能上传jpg/png个人头像,且不超过500kb", |
| | | span: 12, |
| | | row: true, |
| | | prop: "myPicture", |
| | | prop: "avatar", |
| | | }, |
| | | { |
| | | label: "是否持证", |
| | |
| | | menuWidth: 380, |
| | | dialogClickModal: false, |
| | | column: [ |
| | | // { |
| | | // label: "考试人数", |
| | | // prop: "number", |
| | | // type: 'number', |
| | | // span: 6, |
| | | // precision:2, |
| | | // mock:{ |
| | | // type:'number', |
| | | // max:500, |
| | | // min:50, |
| | | // precision:50 |
| | | // }, |
| | | // minRows: 0, |
| | | // maxRows: 3, |
| | | // row:true, |
| | | // }, |
| | | { |
| | | label: "考试时间", |
| | | prop: "startTime", |