main
xuechunyuan 3 years ago
parent dfd74a4355
commit acd8986a82
  1. 276
      src/views/booklist/index.vue
  2. 219
      src/views/system/user.vue

@ -6,19 +6,20 @@
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
@refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad">
<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 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>
</avue-crud>
<el-drawer
:visible.sync="isRegister"
:append-to-body="true"
:direction="direction"
:with-header="false"
class="my-info-dialog"
custom-class="register_box">
<el-drawer :visible.sync="isRegister" :append-to-body="true" :direction="direction" :with-header="false"
class="my-info-dialog" custom-class="register_box">
<div class="title_box">
<div class="title_txt">
<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 == 2" src="~@/assets/image/fail.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 class="tips_txt" v-show="regData.status == 2">无此人员预约检测项目请预约后按时间报道</div>
<div class="tips_txt tips_warn" v-show="regData.status == 3">报到时间与预约时间不符请按预约时间报道</div>
@ -75,10 +77,223 @@
</div>
</div>
</div>
<div class="btn">
<div class="btn" v-print="printObj">
签到并打印
</div>
</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>
</template>
@ -93,10 +308,15 @@ import {
} from "@/api/system/dept";
import { mapGetters } from "vuex";
import website from '@/config/website';
import print from "vue-print-nb";
export default {
data() {
return {
printObj: {
id: 'pintHtml',
},
showPrint: false,
form: {},
selectionList: [],
query: {},
@ -197,14 +417,18 @@ export default {
data: [],
regData: {
status: 3,
name:'/',
cardId:'/',
name: '张三',
sex:'男',
cardId: '371322198805052320',
phone: '/',
project: '/',
time: '/'
}
};
},
directives: {
print
},
computed: {
},
@ -265,6 +489,7 @@ export default {
</script>
<style lang="scss" scoped>
</style>
<style lang="scss">
.el-drawer__wrapper {
@ -275,6 +500,7 @@ export default {
.title_box {
// padding: 0 40px;
margin-top: 40px;
.title_txt {
display: flex;
height: 30px;
@ -288,6 +514,7 @@ export default {
font-size: 20px;
}
.img_box {
img {
width: 30px;
@ -295,6 +522,7 @@ export default {
}
}
}
.sub_txt {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
@ -303,6 +531,7 @@ export default {
line-height: 16px;
}
}
.tip_box {
display: flex;
align-items: center;
@ -313,6 +542,7 @@ export default {
width: 30px;
height: 30px;
}
.tip_txt {
font-size: 24px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
@ -324,10 +554,12 @@ export default {
.fail_txt {
color: #F93A4A;
}
.warn_txt {
color: #FF6010;
}
}
.tips_txt {
display: flex;
align-items: center;
@ -337,9 +569,11 @@ export default {
font-weight: 400;
color: #F93A4A;
}
.tips_warn {
color: #FF6010;
}
.fail_tip {
color: #FF6010;
}
@ -352,6 +586,7 @@ export default {
color: #333333;
margin: 40px 0 20px 0;
}
.mess_box {
width: 100%;
height: 123px;
@ -364,6 +599,7 @@ export default {
.left_box {
width: 25%;
margin-left: 30px;
.acc_text {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
@ -379,21 +615,25 @@ export default {
color: #00B578;
}
}
.fail_box {
.acc_txt {
color: #333333;
}
}
.warn_box {
.acc_txt {
color: #333333;
}
}
.right_box {
display: flex;
width: 75%;
align-items: center;
justify-content: space-between;
.acc_box {
.acc_text {
font-size: 14px;
@ -411,6 +651,7 @@ export default {
}
}
}
.fail_right {
.acc_box {
.acc_txt {
@ -418,6 +659,7 @@ export default {
}
}
}
.warn_right {
.acc_box {
.acc_txt {
@ -426,18 +668,22 @@ export default {
}
}
}
.reg_box {
justify-content: start;
.left_box {
.acc_txt {
color: #333333;
}
}
.right_box {
.acc_box {
.acc_txt {
color: #333333;
}
.acc_warn {
color: #FF6010;
}
@ -463,5 +709,9 @@ export default {
margin-top: 50px;
}
}
.prin_table table tr td {
padding: 4px 0;
}
}
</style>

@ -63,218 +63,6 @@
<el-button type="primary" @click="submitRole"> </el-button>
</span>
</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>
</el-col>
</el-row>
@ -300,7 +88,6 @@ import { dateNow } from "@/util/date";
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
import func from "@/util/func";
import print from "vue-print-nb";
export default {
data() {
@ -321,9 +108,6 @@ export default {
}
};
return {
printObj: {
id: 'pintHtml'
},
form: {},
search: {},
initFlag: true,
@ -680,9 +464,6 @@ export default {
}
},
},
directives: {
print
},
computed: {
...mapGetters(["userInfo", "permission"]),
permissionList() {

Loading…
Cancel
Save