|
|
|
|
@ -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> |
|
|
|
|
@ -41,16 +43,16 @@ |
|
|
|
|
<div class="mess_box"> |
|
|
|
|
<div class="left_box" :class="regData.status == 2 ? 'fail_box' : regData.status == 3 ? 'warn_box' : ''"> |
|
|
|
|
<div class="acc_text">姓名</div> |
|
|
|
|
<div class="acc_txt">{{regData.name}}</div> |
|
|
|
|
<div class="acc_txt">{{ regData.name }}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="right_box" :class="regData.status == 2 ? 'fail_right' : regData.status == 3 ? 'warn_right' : ''"> |
|
|
|
|
<div class="acc_box"> |
|
|
|
|
<div class="acc_text">身份证号</div> |
|
|
|
|
<div class="acc_txt">{{regData.cardId}}</div> |
|
|
|
|
<div class="acc_txt">{{ regData.cardId }}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="acc_box"> |
|
|
|
|
<div class="acc_text">联系方式</div> |
|
|
|
|
<div class="acc_txt">{{regData.phone}}</div> |
|
|
|
|
<div class="acc_txt">{{ regData.phone }}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="img_box"> |
|
|
|
|
<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="left_box"> |
|
|
|
|
<div class="acc_text">体检项目</div> |
|
|
|
|
<div class="acc_txt">{{regData.project}}</div> |
|
|
|
|
<div class="acc_txt">{{ regData.project }}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="right_box"> |
|
|
|
|
<div class="acc_box"> |
|
|
|
|
<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 class="btn"> |
|
|
|
|
<div class="btn" v-print="printObj"> |
|
|
|
|
签到并打印 |
|
|
|
|
</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">□癫 痫</span> |
|
|
|
|
<span style="margin-left:50px">□美尼尔氏症</span> |
|
|
|
|
<span style="margin-left:50px">□眩 晕</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,22 +308,27 @@ 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: {}, |
|
|
|
|
loading: true, |
|
|
|
|
parentId: 0, |
|
|
|
|
direction:'rtl', |
|
|
|
|
direction: 'rtl', |
|
|
|
|
page: { |
|
|
|
|
pageSize: 10, |
|
|
|
|
currentPage: 1, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
isRegister:false, |
|
|
|
|
isRegister: false, |
|
|
|
|
option: { |
|
|
|
|
height: 'auto', |
|
|
|
|
calcHeight: 30, |
|
|
|
|
@ -118,16 +338,16 @@ export default { |
|
|
|
|
border: true, |
|
|
|
|
index: true, |
|
|
|
|
viewBtn: false, |
|
|
|
|
viewBtnIcon:'none', |
|
|
|
|
editBtn:false, |
|
|
|
|
delBtn:false, |
|
|
|
|
addBtn:false, |
|
|
|
|
viewBtnIcon: 'none', |
|
|
|
|
editBtn: false, |
|
|
|
|
delBtn: false, |
|
|
|
|
addBtn: false, |
|
|
|
|
selection: true, |
|
|
|
|
saveBtn:false, |
|
|
|
|
updateBtn:false, |
|
|
|
|
cancelBtn:false, |
|
|
|
|
saveBtn: false, |
|
|
|
|
updateBtn: false, |
|
|
|
|
cancelBtn: false, |
|
|
|
|
dialogType: 'drawer', |
|
|
|
|
border:false,stripe:true, |
|
|
|
|
border: false, stripe: true, |
|
|
|
|
dialogClickModal: false, |
|
|
|
|
column: [ |
|
|
|
|
{ |
|
|
|
|
@ -137,8 +357,8 @@ export default { |
|
|
|
|
{ |
|
|
|
|
label: "身份证号码", |
|
|
|
|
prop: "releaseCard", |
|
|
|
|
searchLabelWidth:100, |
|
|
|
|
search:true |
|
|
|
|
searchLabelWidth: 100, |
|
|
|
|
search: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "联系方式", |
|
|
|
|
@ -151,88 +371,92 @@ export default { |
|
|
|
|
format: "yyyy-MM-dd", |
|
|
|
|
valueFormat: "yyyy-MM-dd", |
|
|
|
|
search: true, |
|
|
|
|
searchValue:'2022-02-09', |
|
|
|
|
searchClearable:false |
|
|
|
|
searchValue: '2022-02-09', |
|
|
|
|
searchClearable: false |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "预约项目", |
|
|
|
|
prop: "releaseProject", |
|
|
|
|
type: "select", |
|
|
|
|
hide: true, |
|
|
|
|
dicData:[ |
|
|
|
|
{ |
|
|
|
|
label:'全部', |
|
|
|
|
value:0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label:'视力', |
|
|
|
|
value:1 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label:'听力', |
|
|
|
|
value:2 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label:'四肢', |
|
|
|
|
value:3 |
|
|
|
|
} |
|
|
|
|
dicData: [ |
|
|
|
|
{ |
|
|
|
|
label: '全部', |
|
|
|
|
value: 0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '视力', |
|
|
|
|
value: 1 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '听力', |
|
|
|
|
value: 2 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: '四肢', |
|
|
|
|
value: 3 |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
search: true, |
|
|
|
|
viewDisplay:false, |
|
|
|
|
searchValue:0 |
|
|
|
|
viewDisplay: false, |
|
|
|
|
searchValue: 0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label:'预约项目', |
|
|
|
|
prop:"releasePro", |
|
|
|
|
label: '预约项目', |
|
|
|
|
prop: "releasePro", |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "状态", |
|
|
|
|
prop: "status", |
|
|
|
|
slot: true, |
|
|
|
|
viewDisplay:false, |
|
|
|
|
viewDisplay: false, |
|
|
|
|
}, |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
data: [], |
|
|
|
|
regData:{ |
|
|
|
|
status:3, |
|
|
|
|
name:'/', |
|
|
|
|
cardId:'/', |
|
|
|
|
phone:'/', |
|
|
|
|
project:'/', |
|
|
|
|
time:'/' |
|
|
|
|
regData: { |
|
|
|
|
status: 3, |
|
|
|
|
name: '张三', |
|
|
|
|
sex:'男', |
|
|
|
|
cardId: '371322198805052320', |
|
|
|
|
phone: '/', |
|
|
|
|
project: '/', |
|
|
|
|
time: '/' |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
directives: { |
|
|
|
|
print |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
handleRegister(){ |
|
|
|
|
handleRegister() { |
|
|
|
|
this.isRegister = true |
|
|
|
|
}, |
|
|
|
|
beforeOpen(done, type) { |
|
|
|
|
// if (["add", "edit"].includes(type)) { |
|
|
|
|
// this.initData(); |
|
|
|
|
// } |
|
|
|
|
// if (["edit", "view"].includes(type)) { |
|
|
|
|
// getDept(this.form.id).then(res => { |
|
|
|
|
// this.form = res.data.data; |
|
|
|
|
// }); |
|
|
|
|
// } |
|
|
|
|
// if (["add", "edit"].includes(type)) { |
|
|
|
|
// this.initData(); |
|
|
|
|
// } |
|
|
|
|
// if (["edit", "view"].includes(type)) { |
|
|
|
|
// getDept(this.form.id).then(res => { |
|
|
|
|
// this.form = res.data.data; |
|
|
|
|
// }); |
|
|
|
|
// } |
|
|
|
|
done(); |
|
|
|
|
}, |
|
|
|
|
beforeClose(done) { |
|
|
|
|
// this.parentId = ""; |
|
|
|
|
// const column = this.findObject(this.option.column, "parentId"); |
|
|
|
|
// // column.value = ""; |
|
|
|
|
// column.addDisabled = false; |
|
|
|
|
// this.parentId = ""; |
|
|
|
|
// const column = this.findObject(this.option.column, "parentId"); |
|
|
|
|
// // column.value = ""; |
|
|
|
|
// column.addDisabled = false; |
|
|
|
|
done(); |
|
|
|
|
}, |
|
|
|
|
closeDraw(){ |
|
|
|
|
closeDraw() { |
|
|
|
|
this.isRegister = false |
|
|
|
|
}, |
|
|
|
|
currentChange(currentPage) { |
|
|
|
|
@ -252,10 +476,10 @@ export default { |
|
|
|
|
// this.selectionClear(); |
|
|
|
|
// }); |
|
|
|
|
this.data = [ |
|
|
|
|
{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:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:3}, |
|
|
|
|
{name:'刘敏',releaseCard:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:4}, |
|
|
|
|
{ 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: 321236195812012314, phone: 13254651235, releaseTime: '2023-02-07', releasePro: '视力 听力', status: 3 }, |
|
|
|
|
{ name: '刘敏', releaseCard: 321236195812012314, phone: 13254651235, releaseTime: '2023-02-07', releasePro: '视力 听力', status: 4 }, |
|
|
|
|
] |
|
|
|
|
this.loading = false; |
|
|
|
|
this.page.total = 4; |
|
|
|
|
@ -265,37 +489,41 @@ export default { |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
<style lang="scss"> |
|
|
|
|
.el-drawer__wrapper{ |
|
|
|
|
.register_box{ |
|
|
|
|
.el-drawer__wrapper { |
|
|
|
|
.register_box { |
|
|
|
|
width: 45% !important; |
|
|
|
|
padding: 0 40px; |
|
|
|
|
|
|
|
|
|
.title_box{ |
|
|
|
|
.title_box { |
|
|
|
|
// padding: 0 40px; |
|
|
|
|
margin-top: 40px; |
|
|
|
|
.title_txt{ |
|
|
|
|
|
|
|
|
|
.title_txt { |
|
|
|
|
display: flex; |
|
|
|
|
height: 30px; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
.txt{ |
|
|
|
|
.txt { |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #333333; |
|
|
|
|
line-height: 16px; |
|
|
|
|
font-size: 20px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.img_box{ |
|
|
|
|
img{ |
|
|
|
|
|
|
|
|
|
.img_box { |
|
|
|
|
img { |
|
|
|
|
width: 30px; |
|
|
|
|
height: 30px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.sub_txt{ |
|
|
|
|
|
|
|
|
|
.sub_txt { |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
|
|
|
|
font-weight: 400; |
|
|
|
|
@ -303,17 +531,19 @@ export default { |
|
|
|
|
line-height: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.tip_box{ |
|
|
|
|
|
|
|
|
|
.tip_box { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
margin:60px 0 20px 0; |
|
|
|
|
margin: 60px 0 20px 0; |
|
|
|
|
|
|
|
|
|
.img{ |
|
|
|
|
.img { |
|
|
|
|
width: 30px; |
|
|
|
|
height: 30px; |
|
|
|
|
} |
|
|
|
|
.tip_txt{ |
|
|
|
|
|
|
|
|
|
.tip_txt { |
|
|
|
|
font-size: 24px; |
|
|
|
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
|
|
|
|
font-weight: bold; |
|
|
|
|
@ -321,14 +551,16 @@ export default { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fail_txt{ |
|
|
|
|
.fail_txt { |
|
|
|
|
color: #F93A4A; |
|
|
|
|
} |
|
|
|
|
.warn_txt{ |
|
|
|
|
|
|
|
|
|
.warn_txt { |
|
|
|
|
color: #FF6010; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.tips_txt{ |
|
|
|
|
|
|
|
|
|
.tips_txt { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
@ -337,22 +569,25 @@ export default { |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #F93A4A; |
|
|
|
|
} |
|
|
|
|
.tips_warn{ |
|
|
|
|
|
|
|
|
|
.tips_warn { |
|
|
|
|
color: #FF6010; |
|
|
|
|
} |
|
|
|
|
.fail_tip{ |
|
|
|
|
|
|
|
|
|
.fail_tip { |
|
|
|
|
color: #FF6010; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.account_mess{ |
|
|
|
|
.mess_tit{ |
|
|
|
|
.account_mess { |
|
|
|
|
.mess_tit { |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #333333; |
|
|
|
|
margin:40px 0 20px 0; |
|
|
|
|
margin: 40px 0 20px 0; |
|
|
|
|
} |
|
|
|
|
.mess_box{ |
|
|
|
|
|
|
|
|
|
.mess_box { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 123px; |
|
|
|
|
background: #F5F6FA; |
|
|
|
|
@ -361,49 +596,54 @@ export default { |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
.left_box{ |
|
|
|
|
.left_box { |
|
|
|
|
width: 25%; |
|
|
|
|
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{ |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #00B578; |
|
|
|
|
} |
|
|
|
|
.acc_text { |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
|
|
|
|
font-weight: 400; |
|
|
|
|
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; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.warn_box{ |
|
|
|
|
.acc_txt{ |
|
|
|
|
|
|
|
|
|
.warn_box { |
|
|
|
|
.acc_txt { |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.right_box{ |
|
|
|
|
|
|
|
|
|
.right_box { |
|
|
|
|
display: flex; |
|
|
|
|
width: 75%; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.acc_box{ |
|
|
|
|
.acc_text{ |
|
|
|
|
|
|
|
|
|
.acc_box { |
|
|
|
|
.acc_text { |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; |
|
|
|
|
font-weight: 400; |
|
|
|
|
color: #999999; |
|
|
|
|
margin-bottom:14px; |
|
|
|
|
margin-bottom: 14px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.acc_txt{ |
|
|
|
|
.acc_txt { |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-family: Microsoft YaHei-Bold, Microsoft YaHei; |
|
|
|
|
font-weight: bold; |
|
|
|
|
@ -411,43 +651,49 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.fail_right{ |
|
|
|
|
.acc_box{ |
|
|
|
|
.acc_txt{ |
|
|
|
|
|
|
|
|
|
.fail_right { |
|
|
|
|
.acc_box { |
|
|
|
|
.acc_txt { |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.warn_right{ |
|
|
|
|
.acc_box{ |
|
|
|
|
.acc_txt{ |
|
|
|
|
|
|
|
|
|
.warn_right { |
|
|
|
|
.acc_box { |
|
|
|
|
.acc_txt { |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.reg_box{ |
|
|
|
|
justify-content: start; |
|
|
|
|
.left_box{ |
|
|
|
|
.acc_txt{ |
|
|
|
|
|
|
|
|
|
.reg_box { |
|
|
|
|
justify-content: start; |
|
|
|
|
|
|
|
|
|
.left_box { |
|
|
|
|
.acc_txt { |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.right_box { |
|
|
|
|
.acc_box { |
|
|
|
|
.acc_txt { |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.right_box{ |
|
|
|
|
.acc_box{ |
|
|
|
|
.acc_txt{ |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
.acc_warn{ |
|
|
|
|
color: #FF6010; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.acc_warn { |
|
|
|
|
color: #FF6010; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn{ |
|
|
|
|
.btn { |
|
|
|
|
width: 151px; |
|
|
|
|
height: 50px; |
|
|
|
|
background: #1677FF; |
|
|
|
|
@ -463,5 +709,9 @@ export default { |
|
|
|
|
margin-top: 50px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.prin_table table tr td { |
|
|
|
|
padding: 4px 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|