健康证明生成器

填写个人信息

加载中...

📸 点击或拖动照片上传

切换模板

证明预览

   姓 名: 姓名 性 别: 男
   从业类别: 食品
   编 号: 编号
   发证日期: 2026-06-21
   有效期限: 2027-06-20
   体检单位: 保定市疾病预防控制中心
二维码已初始化生成
操作成功！

正在生成健康证明，请稍候...

} .container { max-width: 1300px; width: 100%; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; margin-top: 20px; } .form-container, .preview-container { flex: 1; min-width: 300px; max-width: 500px; background: rgba(255, 255, 255, 0.92); border-radius: 15px; padding: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); display: flex; flex-direction: column; } h1 { text-align: center; color: white; margin: 20px 0; font-size: 2.5rem; background: rgba(0, 0, 0, 0.2); padding: 15px; border-radius: 10px; width: 100%; } h2 { color: #2c3e50; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #3498db; } .form-group { margin-bottom: 20px; } label { display: block; margin-bottom: 8px; color: #2c3e50; font-weight: bold; } input, select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; transition: all 0.3s; } input:focus, select:focus { outline: none; border-color: #3498db; box-shadow: 0 0 5px rgba(52, 152, 219, 0.5); } .upload-area { border: 2px dashed #3498db; border-radius: 10px; padding: 20px; text-align: center; cursor: pointer; margin: 10px 0; background: rgba(52, 152, 219, 0.05); transition: all 0.3s; position: relative; overflow: hidden; } .upload-area:hover { background: rgba(52, 152, 219, 0.1); } .upload-area i { font-size: 48px; color: #3498db; margin-bottom: 10px; } .upload-preview { max-width: 100%; max-height: 150px; border-radius: 5px; margin-top: 10px; display: none; border: 1px solid #ddd; } .btn { background: #3498db; color: white; border: none; padding: 14px 20px; border-radius: 8px; cursor: pointer; font-size: 18px; font-weight: bold; width: 100%; transition: all 0.3s; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 10px; } .btn:hover { background: #2980b9; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .btn-download { background: #27ae60; } .btn-download:hover { background: #219653; } .btn-save-image { background: #e67e22; } .btn-save-image:hover { background: #d35400; } .actions { display: flex; gap: 10px; width: 100%; margin-top: 20px; flex-wrap: wrap; /* 允许按钮换行 */ } .actions button { flex: 1; min-width: 120px; /* 设置最小宽度 */ } footer { margin-top: 30px; color: white; text-align: center; padding: 20px; font-size: 0.9rem; max-width: 900px; } @media (max-width: 768px) { .container { flex-direction: column; align-items: center; } .form-container, .preview-container { max-width: 100%; } .upload-container { flex-direction: column; } } .notification { position: fixed; top: 20px; right: 20px; background: #27ae60; color: white; padding: 15px 25px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); transform: translateX(150%); transition: transform 0.5s ease; z-index: 1000; display: flex; align-items: center; gap: 10px; } .notification.show { transform: translateX(0); } .qr-status { font-size: 12px; color: #e74c3c; margin-top: 5px; text-align: center; } /* 123.html完整模板样式 */ body,html{ overflow-x:hidden; } body { margin: 0; padding: 0; font-size: 12px; padding-bottom:40px; } .hosp-intro, .other-intro { padding: 10px; } .hosp-intro img, .other-intro img { width: 100%; } .cardinfo { display: flex; justify-content: center; margin: 20px 0 20px 0; font-size: 14px; } .cardinfo .card { width: 350px; height: 220px; position: relative; } .card .info { width: 200px; padding: 0 10px; position:absolute; z-index:999; } .card .card-bg{ position:absolute;width:350px;height:220px;z-index:1;left:0;top:0; border-radius: 10px; } a { text-decoration: none } .card .bh { white-space: nowrap; } .card .info * { font-weight: bold ; font-size: 11px; font-family: "仿宋", FangSong, STFangsong, serif; } /* 电脑端字体大小 */ @media (min-width: 768px) { .card .info * { font-size: 12px; } } .card .xm span { display: inline-block; width: calc(50%); } .card .info div { margin-bottom: 5px; } .card .headimg { position: absolute; right: 10px; top:40px; width: 88px; height: 108px; z-index:999; border-radius: 5px; } .cardinfo .hosp { position: absolute; bottom: 7px; margin-left: 10px; color: #fff; z-index:999; } .page-foot { position: fixed; bottom: 0; width: 100%; display: flex; justify-content: space-around; height: 50px; line-height: 50px; border-top: 1px solid #f2f2f2; text-align: center; background-color: #fff; } .page-foot div { width: 50%; border-right: 1px solid #f2f2f2; } .page-foot div:last-child { border-right: 0px; } .cardinfo .ygqimg { width: 130px; position: absolute; right: 130px; top: calc(65% - 70px); z-index:1000; } .gz { background-color: #5bc0de; text-align: center; padding: 10px 0; line-height: 25px; } .gz a { background-color: #fff; display: inline-block; padding: 0 15px; border-radius: 15px; cursor:pointer; position:absolute; right:10px; } .gz a:link { color: #000; text-decoration: none; } .gz a:visited { color: #000; text-decoration: none; } .gz a:hover { color: #000; text-decoration: none; } .gz a:active { color: #000; text-decoration: none; } .cardpic{ min-width:350px; } #qrcode{ width: 55px; height: 55px; z-index: 999; border-radius: 5px; } .qr-container { display: flex; align-items: center; position: absolute; gap: 3px; right: 23px; top: 147px; width: fit-content; z-index: 999; /* 二维码容器位置控制 */ /* 修改 right 值可以左右移动（数值越大越靠左） */ /* 修改 top 值可以上下移动（数值越大越靠下） */ } .vertical-text { writing-mode: vertical-rl; text-orientation: upright; font-size: 10px; z-index: 999; font-family: "仿宋", FangSong, STFangsong, serif; /* 竖排文字位置控制 */ /* 可以添加 margin-left/right/top/bottom 微调位置 */ } .cardinfo-r .card-r .bottom{ position: absolute; bottom: 0; width: 100%; text-align: center; background-color: #2547d8; line-height: 30px; border-radius: 0 0 10px 10px; color: #FFFFFF; #qrcode canvas, #qrcode img { width:100%; height:100%; } #saveToImg{ color: red; margin-left: 20px; padding: 10px 0; } .applyyj{ text-align: center;background-color: #eba753;color: #ffffff;height: 40px;line-height: 40px;border-radius: 10px;width: calc(100% - 80px);margin-left: 40px;margin-top: 20px; } .showCardImg{ z-index: 9999999; position: fixed; height: 100%; width: 100%; left: 0; top: 0; display: none; } .showCardImgMask{ position: fixed; z-index: 9998; width: 100%; height: 100%; top:0; left: 0; background-color: #515151; opacity: 0.4; overflow: none; display: none; } .showCardImgimg{ width: 80%; margin-left: 10%; margin-top: 20%; background-color: #FFFFFF; border-radius: 10px; padding-bottom: 20px; } .showCardImgimg img{ width: 100%; } .closeModel{ float: right; color: #007AFF; padding: 0 20px; }

成都三通健康

填写个人信息

⚙

点击或拖动照片上传

证明预览

姓  名:       性 别: 男
编  号:
从业类型: ■A食品(含乳制品、餐(饮)具集中
消毒)、药品□B公共场所、饮用水,□C化妆品类□D消毒产品□E其它
发证日期: 2025-08-06
发证单位: 成都市第六人民医院
切换地区
二维码已初始化生成
操作成功！