suojin
/
physical_examination_front
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

打印

Browse Source
main
xuechunyuan 3 years ago
parent dfd74a4355
commit acd8986a82
2 changed files with 394 additions and 363 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 538
      src/views/booklist/index.vue
  2. 219
      src/views/system/user.vue

538
src/views/booklist/index.vue
Unescape View File

@ -6,19 +6,20 @@
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
@refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad"> @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad">
<template slot-scope="{row}" slot="status"> <template slot-scope="{row}" slot="status">
<el-tag :type="row.status == 1 ? 'success' : row.status == 2 ? 'warning' : row.status == 3 ? 'danger' : 'info'">{{ row.status == 1 ? '已报道' : row.status == 2 ? '未报道' : row.status == 3 ? '已拉黑' : '已取消' }}</el-tag> <el-tag
:type="row.status == 1 ? 'success' : row.status == 2 ? 'warning' : row.status == 3 ? 'danger' : 'info'">{{
row.status == 1 ? '已报道' : row.status == 2 ? '未报道' : row.status == 3 ? '已拉黑' : '已取消'
}}</el-tag>
</template> </template>
<template slot-scope="{row}" slot="menu"> <template slot-scope="{row}" slot="menu">
<el-button @click="handleRegister" :disabled="row.status == 1 ? true : row.status == 4 ? true : false">{{row.status == 3 ? '取消拉黑' : '预约报道'}}</el-button> <el-button @click="handleRegister" :disabled="row.status == 1 ? true : row.status == 4 ? true : false">{{
row.status == 3 ? '取消拉黑' :
'预约报道'
}}</el-button>
</template> </template>
</avue-crud> </avue-crud>
<el-drawer <el-drawer :visible.sync="isRegister" :append-to-body="true" :direction="direction" :with-header="false"
:visible.sync="isRegister" class="my-info-dialog" custom-class="register_box">
:append-to-body="true"
:direction="direction"
:with-header="false"
class="my-info-dialog"
custom-class="register_box">
<div class="title_box"> <div class="title_box">
<div class="title_txt"> <div class="title_txt">
<div class="txt">预约人报道信息</div> <div class="txt">预约人报道信息</div>
@ -32,7 +33,8 @@
<img v-show="regData.status == 1" src="~@/assets/image/succ.png" alt=""> <img v-show="regData.status == 1" src="~@/assets/image/succ.png" alt="">
<img v-show="regData.status == 2" src="~@/assets/image/fail.png" alt=""> <img v-show="regData.status == 2" src="~@/assets/image/fail.png" alt="">
<img v-show="regData.status == 3" src="~@/assets/image/warn.png" alt=""> <img v-show="regData.status == 3" src="~@/assets/image/warn.png" alt="">
<div class="tip_txt" :class="regData.status == 2 ? 'fail_txt' : regData.status == 3 ? 'warn_txt' : ''">{{regData.status == 1 ? '报道成功' : '报道失败'}}</div> <div class="tip_txt" :class="regData.status == 2 ? 'fail_txt' : regData.status == 3 ? 'warn_txt' : ''">
{{ regData.status == 1 ? '报道成功' : '报道失败' }}</div>
</div> </div>
<div class="tips_txt" v-show="regData.status == 2">无此人员预约检测项目，请预约后按时间报道</div> <div class="tips_txt" v-show="regData.status == 2">无此人员预约检测项目，请预约后按时间报道</div>
<div class="tips_txt tips_warn" v-show="regData.status == 3">报到时间与预约时间不符，请按预约时间报道</div> <div class="tips_txt tips_warn" v-show="regData.status == 3">报到时间与预约时间不符，请按预约时间报道</div>
@ -41,16 +43,16 @@
<div class="mess_box"> <div class="mess_box">
<div class="left_box" :class="regData.status == 2 ? 'fail_box' : regData.status == 3 ? 'warn_box' : ''"> <div class="left_box" :class="regData.status == 2 ? 'fail_box' : regData.status == 3 ? 'warn_box' : ''">
<div class="acc_text">姓名</div> <div class="acc_text">姓名</div>
<div class="acc_txt">{{regData.name}}</div> <div class="acc_txt">{{ regData.name }}</div>
</div> </div>
<div class="right_box" :class="regData.status == 2 ? 'fail_right' : regData.status == 3 ? 'warn_right' : ''"> <div class="right_box" :class="regData.status == 2 ? 'fail_right' : regData.status == 3 ? 'warn_right' : ''">
<div class="acc_box"> <div class="acc_box">
<div class="acc_text">身份证号</div> <div class="acc_text">身份证号</div>
<div class="acc_txt">{{regData.cardId}}</div> <div class="acc_txt">{{ regData.cardId }}</div>
</div> </div>
<div class="acc_box"> <div class="acc_box">
<div class="acc_text">联系方式</div> <div class="acc_text">联系方式</div>
<div class="acc_txt">{{regData.phone}}</div> <div class="acc_txt">{{ regData.phone }}</div>
</div> </div>
<div class="img_box"> <div class="img_box">
<img v-show="regData.status == 1" src="~@/assets/image/succ_img.png" alt=""> <img v-show="regData.status == 1" src="~@/assets/image/succ_img.png" alt="">
@ -65,20 +67,233 @@
<div class="mess_box reg_box"> <div class="mess_box reg_box">
<div class="left_box"> <div class="left_box">
<div class="acc_text">体检项目</div> <div class="acc_text">体检项目</div>
<div class="acc_txt">{{regData.project}}</div> <div class="acc_txt">{{ regData.project }}</div>
</div> </div>
<div class="right_box"> <div class="right_box">
<div class="acc_box"> <div class="acc_box">
<div class="acc_text">预约时间</div> <div class="acc_text">预约时间</div>
<div class="acc_txt" :class="regData.status == 3 ? 'acc_warn' : ''">{{regData.time}}</div> <div class="acc_txt" :class="regData.status == 3 ? 'acc_warn' : ''">{{ regData.time }}</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="btn"> <div class="btn" v-print="printObj">
签到并打印 签到并打印
</div> </div>
</el-drawer> </el-drawer>
<!-- 打印 -->
<div style="margin-left:-9999px;">
<div id="pintHtml" class="prin_table"
style="font-family: SimSun;font-size:12px;letter-spacing: 2px;line-height:16px;display: inline-block;overflow: hidden;">
<div style="line-height:40px;font-size:22pt;text-align:center;">机动车驾驶人身体条件证明</div>
<table border="1" cellspacing="3">
<tr>
<td rowspan="6" style="text-align:center;width:26px;">申<br />请<br />人<br />填<br />报<br />事<br />项</td>
<td rowspan="4" style="text-align:center;width:26px;">申<br />请<br />人<br />信<br />息</td>
<td style="width:60px;text-align:center;">姓 名</td>
<td colspan="3" style="text-align:center;">{{ regData.name }}</td>
<td style="text-align:center;">性别</td>
<td style="text-align:center;">{{ regData.sex }}</td>
<td colspan="4" style="text-align:center;">出生日期</td>
<td colspan="7" style="text-align:center;">{{ regData.cardId.substring(6,15) }}</td>
<td colspan="3" style="text-align:center;">国 籍</td>
<td colspan="5" style="text-align:center;"></td>
</tr>
<tr>
<td style="text-align:center;">身份证<br />明名称</td>
<td colspan="4"></td>
<td style="text-align:center;">号 码</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(0) }}</td>
<td colspan="2" style="width:36px;text-align:center;">{{ regData.cardId.charAt(1) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(2) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(3) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(4) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(5) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(6) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(7) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(8) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(9) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(10) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(11) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(12) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(13) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.charAt(14) }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.length>15?regData.cardId.charAt(15):'' }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.length>15?regData.cardId.charAt(16):'' }}</td>
<td style="width:20px;text-align:center;">{{ regData.cardId.length>15?regData.cardId.charAt(17):'' }}</td>
</tr>
<tr>
<td colspan="3" style="width:100px;text-align:center;">
<div style="letter-spacing:1px;">申请 / 已具有的</div>
<div style="letter-spacing:4px;">准驾车型代号</div>
</td>
<td colspan="3"></td>
<td colspan="4" style="text-align:center;">档案编号</td>
<td colspan="9"></td>
<td colspan="6" rowspan="4" style="text-align:center;">
<div style="padding-top:100px;">（医疗机构章）</div>
</td>
</tr>
<tr>
<td style="text-align:center;">邮寄<br />地址</td>
<td colspan="5"></td>
<td style="text-align:center;" colspan="4">联系电话</td>
<td colspan="9"></td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">申<br />告<br />事<br />项</td>
<td colspan="19">本人如实申告 □具有 □不具有 下列疾病或者情况</td>
</tr>
<tr>
<td colspan="19">□器质性心脏病 <span style="margin-left:50px">□癫&nbsp;&nbsp;痫</span>
<span style="margin-left:50px">□美尼尔氏症</span>
<span style="margin-left:50px">□眩&nbsp;&nbsp;晕</span>
<span style="margin-left:50px">□癔</span>病
<span style="margin-left:60px">□震颤麻痹</span>
<span style="margin-left:60px">□精神病</span>
<span style="margin-left:60px">□痴呆</span>
<div>□影响肢体活动的神经系统疾病等妨碍安全驾驶病</div>
<div>□三年内有吸食、注射毒品行为或者接触强制隔离戒毒措施未满三年、或者长期服用依赖性精神药品成瘾尚未戒除</div>
</td>
</tr>
<tr>
<td rowspan="10" colspan="2" style="text-align:center;">医<br />疗<br />机<br />构<br />填<br />写<br />事<br />项
</td>
<td style="text-align:center;">身高（cm）</td>
<td colspan="2"></td>
<td style="text-align:center;">辨色力</td>
<td colspan="3" style="text-align:center;">
<span style="letter-spacing:3px;">红绿色盲</span><br />
□是 □否
</td>
<td colspan="4" style="text-align:center;">医生<br />备注</td>
<td colspan="15"></td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">视<br />力</td>
<td colspan="2" style="text-align:center;">左眼</td>
<td rowspan="2" style="text-align:center;">是否矫正</td>
<td colspan="2" style="text-align:center;">
□是 □否
</td>
<td style="text-align:center;" rowspan="2">单<br />眼<br />视<br />力<br />障<br />碍</td>
<td colspan="5"></td>
<td style="text-align:center;">医<br />生<br />备<br />注</td>
<td colspan="12"></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">右眼</td>
<td colspan="2" style="text-align:center;">
□是 □否
</td>
<td colspan="5"></td>
<td style="text-align:center;">医<br />生<br />备<br />注</td>
<td colspan="12"></td>
</tr>
<tr>
<td style="text-align:center;" rowspan="2">听<br />力</td>
<td colspan="5">
<div style="float:left;display:inline-block;">左耳</div>
<div style="float:left;display:inline-block;margin-left:50px;">□不合格 □合格<br />□佩戴助听装置
</div>
</td>
<td rowspan="2" style="text-align:center;">医<br />生<br />备<br />注</td>
<td colspan="18"></td>
</tr>
<tr>
<td colspan="5" style="text-align:center;">
<div style="float:left;display:inline-block;">右耳</div>
<div style="float:left;display:inline-block;margin-left:50px;">□不合格 □合格<br />□佩戴助听装置
</div>
</td>
<td colspan="18"></td>
</tr>
<tr>
<td style="text-align:center;">躯干和<br />颈部</td>
<td colspan="10" style="text-align:center;">
<span style="letter-spacing:3px;">运动功能障碍</span><br />
□有 □无
</td>
<td colspan="3" style="text-align:center;">医生<br />备注</td>
<td colspan="14"></td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">上肢</td>
<td colspan="2" style="text-align:center;">左上肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
<div>□手指末节残缺</div>
<div>□左手三指健全，双手手掌完整</div>
<div>□符合申请C5条件</div>
</td>
<td rowspan="4" colspan="4" style="text-align:center;">
双下肢缺<br />失或者丧<br />失运动功<br />能障碍是<br />否能够自<br />主坐立
<div style="padding-top:30px;">□有 □无</div>
</td>
<td rowspan="4" style="text-align:center;">医<br />生<br />备<br />注</td>
<td rowspan="4" colspan="10"></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">右上肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
<div>□手指末节残缺</div>
<div>□右手拇指残缺</div>
<div>□符合申请C5条件</div>
</td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">下肢</td>
<td colspan="2" style="text-align:center;">左下肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">右下肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
<div>□不合格但可自主坐立</div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">申请方式</td>
<td colspan="29">
<span style="padding-left:50px;">□本人申请</span>
<span style="padding-left:100px;">□委托<span
style="display:inline-block;width:200px;border-bottom:1px solid #000;"></span>代理申请</span>
</td>
</tr>
<tr>
<td colspan="3" rowspan="2" style="text-align:center;">委托代理人信息</td>
<td style="text-align:center;">姓名</td>
<td colspan="6"></td>
<td colspan="4" style="text-align:center;">身份证明<br />名称</td>
<td colspan="5"></td>
<td colspan="2" style="text-align:center;">号码</td>
<td colspan="8"></td>
</tr>
<tr>
<td style="text-align:center;">联系地址</td>
<td colspan="15"></td>
<td colspan="2" style="text-align:center;">电话</td>
<td colspan="8"></td>
</tr>
<tr>
<td colspan="33" style="padding:8px 3px;">
备注：《机动车驾驶人身体条件证明》自体检之日起6个月内有效。
</td>
</tr>
<tr>
<td colspan="33" style="padding:10px 3px;font-size:14px;">
<div style="display:inline-block;width:30%;">申请人签字：</div>
<div style="display:inline-block;width:30%;">医生签字：</div>
<div style="display:inline-block;width:30%;">代理人签字：</div>
</td>
</tr>
</table>
</div>
</div>
</basic-container> </basic-container>
</template> </template>
@ -93,22 +308,27 @@ import {
} from "@/api/system/dept"; } from "@/api/system/dept";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import website from '@/config/website'; import website from '@/config/website';
import print from "vue-print-nb";
export default { export default {
data() { data() {
return { return {
printObj: {
id: 'pintHtml',
},
showPrint: false,
form: {}, form: {},
selectionList: [], selectionList: [],
query: {}, query: {},
loading: true, loading: true,
parentId: 0, parentId: 0,
direction:'rtl', direction: 'rtl',
page: { page: {
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
total: 0, total: 0,
}, },
isRegister:false, isRegister: false,
option: { option: {
height: 'auto', height: 'auto',
calcHeight: 30, calcHeight: 30,
@ -118,16 +338,16 @@ export default {
border: true, border: true,
index: true, index: true,
viewBtn: false, viewBtn: false,
viewBtnIcon:'none', viewBtnIcon: 'none',
editBtn:false, editBtn: false,
delBtn:false, delBtn: false,
addBtn:false, addBtn: false,
selection: true, selection: true,
saveBtn:false, saveBtn: false,
updateBtn:false, updateBtn: false,
cancelBtn:false, cancelBtn: false,
dialogType: 'drawer', dialogType: 'drawer',
border:false,stripe:true, border: false, stripe: true,
dialogClickModal: false, dialogClickModal: false,
column: [ column: [
{ {
@ -137,8 +357,8 @@ export default {
{ {
label: "身份证号码", label: "身份证号码",
prop: "releaseCard", prop: "releaseCard",
searchLabelWidth:100, searchLabelWidth: 100,
search:true search: true
}, },
{ {
label: "联系方式", label: "联系方式",
@ -151,88 +371,92 @@ export default {
format: "yyyy-MM-dd", format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd", valueFormat: "yyyy-MM-dd",
search: true, search: true,
searchValue:'2022-02-09', searchValue: '2022-02-09',
searchClearable:false searchClearable: false
}, },
{ {
label: "预约项目", label: "预约项目",
prop: "releaseProject", prop: "releaseProject",
type: "select", type: "select",
hide: true, hide: true,
dicData:[ dicData: [
{ {
label:'全部', label: '全部',
value:0 value: 0
}, },
{ {
label:'视力', label: '视力',
value:1 value: 1
}, },
{ {
label:'听力', label: '听力',
value:2 value: 2
}, },
{ {
label:'四肢', label: '四肢',
value:3 value: 3
} }
], ],
search: true, search: true,
viewDisplay:false, viewDisplay: false,
searchValue:0 searchValue: 0
}, },
{ {
label:'预约项目', label: '预约项目',
prop:"releasePro", prop: "releasePro",
}, },
{ {
label: "状态", label: "状态",
prop: "status", prop: "status",
slot: true, slot: true,
viewDisplay:false, viewDisplay: false,
}, },
] ]
}, },
data: [], data: [],
regData:{ regData: {
status:3, status: 3,
name:'/', name: '张三',
cardId:'/', sex:'男',
phone:'/', cardId: '371322198805052320',
project:'/', phone: '/',
time:'/' project: '/',
time: '/'
} }
}; };
}, },
directives: {
print
},
computed: { computed: {
}, },
created() { created() {
}, },
methods: { methods: {
handleRegister(){ handleRegister() {
this.isRegister = true this.isRegister = true
}, },
beforeOpen(done, type) { beforeOpen(done, type) {
// if (["add", "edit"].includes(type)) { // if (["add", "edit"].includes(type)) {
// this.initData(); // this.initData();
// } // }
// if (["edit", "view"].includes(type)) { // if (["edit", "view"].includes(type)) {
// getDept(this.form.id).then(res => { // getDept(this.form.id).then(res => {
// this.form = res.data.data; // this.form = res.data.data;
// }); // });
// } // }
done(); done();
}, },
beforeClose(done) { beforeClose(done) {
// this.parentId = ""; // this.parentId = "";
// const column = this.findObject(this.option.column, "parentId"); // const column = this.findObject(this.option.column, "parentId");
// // column.value = ""; // // column.value = "";
// column.addDisabled = false; // column.addDisabled = false;
done(); done();
}, },
closeDraw(){ closeDraw() {
this.isRegister = false this.isRegister = false
}, },
currentChange(currentPage) { currentChange(currentPage) {
@ -252,10 +476,10 @@ export default {
// this.selectionClear(); // this.selectionClear();
// }); // });
this.data = [ this.data = [
{name:'张三',releaseCard:321236195812020314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:1}, { name: '张三', releaseCard: 321236195812020314, phone: 13254651235, releaseTime: '2023-02-07', releasePro: '视力 听力', status: 1 },
{name:'李四',releaseCard:321236195812020313,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:2}, { name: '李四', releaseCard: 321236195812020313, phone: 13254651235, releaseTime: '2023-02-07', releasePro: '视力 听力', status: 2 },
{name:'王五',releaseCard:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:3}, { name: '王五', releaseCard: 321236195812012314, phone: 13254651235, releaseTime: '2023-02-07', releasePro: '视力 听力', status: 3 },
{name:'刘敏',releaseCard:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:4}, { name: '刘敏', releaseCard: 321236195812012314, phone: 13254651235, releaseTime: '2023-02-07', releasePro: '视力 听力', status: 4 },
] ]
this.loading = false; this.loading = false;
this.page.total = 4; this.page.total = 4;
@ -265,37 +489,41 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
</style> </style>
<style lang="scss"> <style lang="scss">
.el-drawer__wrapper{ .el-drawer__wrapper {
.register_box{ .register_box {
width: 45% !important; width: 45% !important;
padding: 0 40px; padding: 0 40px;
.title_box{ .title_box {
// padding: 0 40px; // padding: 0 40px;
margin-top: 40px; margin-top: 40px;
.title_txt{
.title_txt {
display: flex; display: flex;
height: 30px; height: 30px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.txt{ .txt {
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
line-height: 16px; line-height: 16px;
font-size: 20px; font-size: 20px;
} }
.img_box{
img{ .img_box {
img {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
} }
} }
.sub_txt{
.sub_txt {
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400; font-weight: 400;
@ -303,17 +531,19 @@ export default {
line-height: 16px; line-height: 16px;
} }
} }
.tip_box{
.tip_box {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin:60px 0 20px 0; margin: 60px 0 20px 0;
.img{ .img {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.tip_txt{
.tip_txt {
font-size: 24px; font-size: 24px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold; font-weight: bold;
@ -321,14 +551,16 @@ export default {
margin-left: 10px; margin-left: 10px;
} }
.fail_txt{ .fail_txt {
color: #F93A4A; color: #F93A4A;
} }
.warn_txt{
.warn_txt {
color: #FF6010; color: #FF6010;
} }
} }
.tips_txt{
.tips_txt {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -337,22 +569,25 @@ export default {
font-weight: 400; font-weight: 400;
color: #F93A4A; color: #F93A4A;
} }
.tips_warn{
.tips_warn {
color: #FF6010; color: #FF6010;
} }
.fail_tip{
.fail_tip {
color: #FF6010; color: #FF6010;
} }
.account_mess{ .account_mess {
.mess_tit{ .mess_tit {
font-size: 16px; font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin:40px 0 20px 0; margin: 40px 0 20px 0;
} }
.mess_box{
.mess_box {
width: 100%; width: 100%;
height: 123px; height: 123px;
background: #F5F6FA; background: #F5F6FA;
@ -361,49 +596,54 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.left_box{ .left_box {
width: 25%; width: 25%;
margin-left: 30px; margin-left: 30px;
.acc_text{
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #999999;
margin-bottom:14px;
}
.acc_txt{ .acc_text {
font-size: 16px; font-size: 14px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: bold; font-weight: 400;
color: #00B578; color: #999999;
} margin-bottom: 14px;
}
.acc_txt {
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #00B578;
}
} }
.fail_box{
.acc_txt{ .fail_box {
.acc_txt {
color: #333333; color: #333333;
} }
} }
.warn_box{
.acc_txt{ .warn_box {
.acc_txt {
color: #333333; color: #333333;
} }
} }
.right_box{
.right_box {
display: flex; display: flex;
width: 75%; width: 75%;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.acc_box{
.acc_text{ .acc_box {
.acc_text {
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
margin-bottom:14px; margin-bottom: 14px;
} }
.acc_txt{ .acc_txt {
font-size: 16px; font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold; font-weight: bold;
@ -411,43 +651,49 @@ export default {
} }
} }
} }
.fail_right{
.acc_box{ .fail_right {
.acc_txt{ .acc_box {
.acc_txt {
color: #333333; color: #333333;
} }
} }
} }
.warn_right{
.acc_box{ .warn_right {
.acc_txt{ .acc_box {
.acc_txt {
color: #333333; color: #333333;
} }
} }
} }
} }
.reg_box{
justify-content: start; .reg_box {
.left_box{ justify-content: start;
.acc_txt{
.left_box {
.acc_txt {
color: #333333;
}
}
.right_box {
.acc_box {
.acc_txt {
color: #333333; color: #333333;
} }
}
.right_box{ .acc_warn {
.acc_box{ color: #FF6010;
.acc_txt{
color: #333333;
}
.acc_warn{
color: #FF6010;
}
} }
} }
} }
}
} }
.btn{ .btn {
width: 151px; width: 151px;
height: 50px; height: 50px;
background: #1677FF; background: #1677FF;
@ -463,5 +709,9 @@ export default {
margin-top: 50px; margin-top: 50px;
} }
} }
.prin_table table tr td {
padding: 4px 0;
}
} }
</style> </style>

219
src/views/system/user.vue
Unescape View File

@ -63,218 +63,6 @@
<el-button type="primary" @click="submitRole">确 定</el-button> <el-button type="primary" @click="submitRole">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- 打印 -->
<van-button v-print="printObj">打印测试</van-button>
<div id="pintHtml" class="prin_table"
style="font-family: SimSun;font-size:12px;letter-spacing: 2px;line-height:16px;display: inline-block;overflow: hidden;">
<div style="line-height:40px;font-size:22pt;text-align:center;">机动车驾驶人身体条件证明</div>
<table border="1" cellspacing="3">
<tr>
<td rowspan="6" style="text-align:center;width:26px;">申<br />请<br />人<br />填<br />报<br />事<br />项</td>
<td rowspan="4" style="text-align:center;width:26px;">申<br />请<br />人<br />信<br />息</td>
<td style="width:60px;text-align:center;">姓 名</td>
<td colspan="3"></td>
<td style="text-align:center;">性别</td>
<td>{{ sex }}</td>
<td colspan="4" style="text-align:center;">出生日期</td>
<td colspan="7"></td>
<td colspan="3" style="text-align:center;">国 籍</td>
<td colspan="5"></td>
</tr>
<tr>
<td style="text-align:center;">身份证<br />明名称</td>
<td colspan="4"></td>
<td style="text-align:center;">号 码</td>
<td style="width:20px;"></td>
<td colspan="2" style="width:36px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
<td style="width:20px;"></td>
</tr>
<tr>
<td colspan="3" style="width:100px;text-align:center;">
<div style="letter-spacing:1px;">申请 / 已具有的</div>
<div style="letter-spacing:4px;">准驾车型代号</div>
</td>
<td colspan="3"></td>
<td colspan="4" style="text-align:center;">档案编号</td>
<td colspan="9"></td>
<td colspan="6" rowspan="4" style="text-align:center;">
<div style="padding-top:100px;">（医疗机构章）</div>
</td>
</tr>
<tr>
<td style="text-align:center;">邮寄<br />地址</td>
<td colspan="5"></td>
<td style="text-align:center;" colspan="4">联系电话</td>
<td colspan="9"></td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">申<br />告<br />事<br />项</td>
<td colspan="19">本人如实申告 □具有 □不具有 下列疾病或者情况</td>
</tr>
<tr>
<td colspan="19">□器质性心脏病 <span style="margin-left:50px">□癫&nbsp;&nbsp;痫</span>
<span style="margin-left:50px">□美尼尔氏症</span>
<span style="margin-left:50px">□眩&nbsp;&nbsp;晕</span>
<span style="margin-left:50px">□癔</span>病
<span style="margin-left:60px">□震颤麻痹</span>
<span style="margin-left:60px">□精神病</span>
<span style="margin-left:60px">□痴呆</span>
<div>□影响肢体活动的神经系统疾病等妨碍安全驾驶病</div>
<div>□三年内有吸食、注射毒品行为或者接触强制隔离戒毒措施未满三年、或者长期服用依赖性精神药品成瘾尚未戒除</div>
</td>
</tr>
<tr>
<td rowspan="10" colspan="2" style="text-align:center;">医<br />疗<br />机<br />构<br />填<br />写<br />事<br />项
</td>
<td style="text-align:center;">身高（cm）</td>
<td colspan="2"></td>
<td style="text-align:center;">辨色力</td>
<td colspan="3" style="text-align:center;">
<span style="letter-spacing:3px;">红绿色盲</span><br />
□是 □否
</td>
<td colspan="4" style="text-align:center;">医生<br />备注</td>
<td colspan="15"></td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">视<br />力</td>
<td colspan="2" style="text-align:center;">左眼</td>
<td rowspan="2" style="text-align:center;">是否矫正</td>
<td colspan="2" style="text-align:center;">
□是 □否
</td>
<td style="text-align:center;" rowspan="2">单<br />眼<br />视<br />力<br />障<br />碍</td>
<td colspan="5"></td>
<td style="text-align:center;">医<br />生<br />备<br />注</td>
<td colspan="12"></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">右眼</td>
<td colspan="2" style="text-align:center;">
□是 □否
</td>
<td colspan="5"></td>
<td style="text-align:center;">医<br />生<br />备<br />注</td>
<td colspan="12"></td>
</tr>
<tr>
<td style="text-align:center;" rowspan="2">听<br />力</td>
<td colspan="5">
<div style="float:left;display:inline-block;">左耳</div>
<div style="float:left;display:inline-block;margin-left:50px;">□不合格 □合格<br />□佩戴助听装置
</div>
</td>
<td rowspan="2" style="text-align:center;">医<br />生<br />备<br />注</td>
<td colspan="18"></td>
</tr>
<tr>
<td colspan="5" style="text-align:center;">
<div style="float:left;display:inline-block;">右耳</div>
<div style="float:left;display:inline-block;margin-left:50px;">□不合格 □合格<br />□佩戴助听装置
</div>
</td>
<td colspan="18"></td>
</tr>
<tr>
<td style="text-align:center;">躯干和<br />颈部</td>
<td colspan="10" style="text-align:center;">
<span style="letter-spacing:3px;">运动功能障碍</span><br />
□有 □无
</td>
<td colspan="3" style="text-align:center;">医生<br />备注</td>
<td colspan="14"></td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">上肢</td>
<td colspan="2" style="text-align:center;">左上肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
<div>□手指末节残缺</div>
<div>□左手三指健全，双手手掌完整</div>
<div>□符合申请C5条件</div>
</td>
<td rowspan="4" colspan="4" style="text-align:center;">
双下肢缺<br />失或者丧<br />失运动功<br />能障碍是<br />否能够自<br />主坐立
<div style="padding-top:30px;">□有 □无</div>
</td>
<td rowspan="4" style="text-align:center;">医<br />生<br />备<br />注</td>
<td rowspan="4" colspan="10"></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">右上肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
<div>□手指末节残缺</div>
<div>□右手拇指残缺</div>
<div>□符合申请C5条件</div>
</td>
</tr>
<tr>
<td rowspan="2" style="text-align:center;">下肢</td>
<td colspan="2" style="text-align:center;">左下肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">右下肢</td>
<td colspan="10">
<div>□不合格<span style="margin-left:30px;">□合格</span></div>
<div>□不合格但可自主坐立</div>
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">申请方式</td>
<td colspan="29">
<span style="padding-left:50px;">□本人申请</span>
<span style="padding-left:100px;">□委托<span
style="display:inline-block;width:200px;border-bottom:1px solid #000;"></span>代理申请</span>
</td>
</tr>
<tr>
<td colspan="3" rowspan="2" style="text-align:center;">委托代理人信息</td>
<td style="text-align:center;">姓名</td>
<td colspan="6"></td>
<td colspan="4" style="text-align:center;">身份证明<br />名称</td>
<td colspan="5"></td>
<td colspan="2" style="text-align:center;">号码</td>
<td colspan="8"></td>
</tr>
<tr>
<td style="text-align:center;">联系地址</td>
<td colspan="15"></td>
<td colspan="2" style="text-align:center;">电话</td>
<td colspan="8"></td>
</tr>
<tr>
<td colspan="33" style="padding:8px 3px;">
备注：《机动车驾驶人身体条件证明》自体检之日起6个月内有效。
</td>
</tr>
<tr>
<td colspan="33" style="padding:10px 3px;font-size:14px;">
<div style="display:inline-block;width:30%;">申请人签字：</div>
<div style="display:inline-block;width:30%;">医生签字：</div>
<div style="display:inline-block;width:30%;">代理人签字：</div>
</td>
</tr>
</table>
</div>
</basic-container> </basic-container>
</el-col> </el-col>
</el-row> </el-row>
@ -300,7 +88,6 @@ import { dateNow } from "@/util/date";
import NProgress from 'nprogress'; import NProgress from 'nprogress';
import 'nprogress/nprogress.css'; import 'nprogress/nprogress.css';
import func from "@/util/func"; import func from "@/util/func";
import print from "vue-print-nb";
export default { export default {
data() { data() {
@ -321,9 +108,6 @@ export default {
} }
}; };
return { return {
printObj: {
id: 'pintHtml'
},
form: {}, form: {},
search: {}, search: {},
initFlag: true, initFlag: true,
@ -680,9 +464,6 @@ export default {
} }
}, },
}, },
directives: {
print
},
computed: { computed: {
...mapGetters(["userInfo", "permission"]), ...mapGetters(["userInfo", "permission"]),
permissionList() { permissionList() {

Write Preview
Loading…
Cancel
Save