水产用药休药期智能计算软件https://htmlpreview.github.io/?raw.githubusercontent/alongyou123/shuichan/refs/heads/main/%E6%B0%B4%E4%BA%A7%E7%94%A8%E8%8D%AF%E4%BC%91%E8%8D%AF%E6%9C%9F%E6%99%BA%E8%83%BD%E8%AE%A1%E7%AE%97%E8%BD%AF%E4%BB%B6.html直接点开链接即可立刻使用，无需安装。
本软件具有创新唯一性，水产行业内没有找到类似休药期智能化功能的软件和服务，填补了水产行业技术空白。
本软件专为水产养殖行业设计，用于科学计算水产养殖用药后的休药期，帮助养殖户合理确定水产品上市时间，确保水产品质量安全，符合国家相关法律法规要求。
本软件将复杂法规转化为简易操作，可跨平台跨设备操作，具有易用性、实用性、通用性，实现"一键知安全"，是推进水产养殖现代化的重要技术支撑。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水产用药休药期智能计算软件</title>
<script>
//药物数据库:包含药物分类数据库
// 普通药数据库。* 键：药物名称 * 值：对应的度日值
const medicineData = {"甲砜霉素粉": 500, "氟苯尼考粉": 375, "氟苯尼考注射液": 375, "氟甲喹粉": 175, "恩诺沙星粉（水产用）": 500, "盐酸多西环素粉（水产用）": 750,
"维生素C磷酸酯镁盐酸环丙沙星预混剂": 500, "盐酸环丙沙星盐酸小檗碱预混剂": 500, "硫酸新霉素粉（水产用）": 500, "磺胺间甲氧嘧啶钠粉（水产用）": 500,
"复方磺胺嘧啶粉（水产用）": 500, "复方磺胺甲恶唑粉（水产用）": 500, "复方磺胺二甲嘧啶粉（水产用）": 500, "复方甲霜灵粉": 240, "复方甲苯咪唑粉": 150,
"甲苯咪唑溶液（水产用）": 500, "地克珠利预混剂（水产用）": 500, "阿苯达唑粉(水产用）": 500, "吡喹酮预混剂（水产用）": 500, "辛硫磷溶液（水产用）": 500,
"敌百虫溶液（水产用）": 500, "精制敌百虫粉（水产用）": 500, "盐酸氯苯胍粉（水产用）": 500, "氯硝柳胺粉（水产用）": 500, "过硼酸钠粉（水产用）": 0.0000001,
"蛋氨酸碘粉": 0.0000001, "蛋氨酸碘溶液": 0.0000001,"复合亚氯酸钠粉": 0.0000001,"盐酸甜菜碱顶混剂（水产用）": 0.0000001,
};
// 中成药数据库
const herbalMedicines = ["大黄末", "大黄芩鱼散", "虾蟹脱壳促长散", "穿梅三黄散", "蚌毒灵散", "七味板蓝根散","大黄末（水产用）",
"大黄解毒散", "大黄芩蓝散", "大黄侧柏叶合剂", "大黄五倍子散", "三黄散（水产用）", "山青五黄散", "川楝陈皮散", "六味地黄散（水产用）", "六味黄龙散", "双黄白头翁散",
"双黄苦参散", "五倍子末", "石知散（水产用）", "龙胆泻肝散（水产用）","加减消黄散（水产用）", "百部贯众散", "地锦草末",
"地锦鹤草散", "芪参散", "驱虫散（水产用）", "苍术香连散 (水产用）", "扶正解毒散（水产用）", "肝胆利康散",
"连翘解毒散", "板黄散", "板蓝根末", "板蓝根大黄散", "青莲散", "青连白贯散", "青板黄柏散", "苦参末", "虎黄合剂",
"虾康颗粒", "柴黄益肝散", "根莲解毒散", "清健散", "清热散（水产用）", "脱壳促长散", "黄连解毒散 (水产用）",
"黄芪多糖粉", "银翘板蓝根散", "亩丸槟榔散", "蒲甘散", "博落回散", "银黄可溶性粉", "甘胆口服液", "香连溶液",
"青甘大黄散", "锦心口服液",
];
// 消毒剂数据库
const disinfectants = [ "三氯异氰脲酸粉", "三氯异氰脲酸粉（水产用）", "浓戊二醛溶液（水产用）","稀戊二醛溶液（水产用）",
"戊二醛苯扎溴铵溶液（水产用）", "次氯酸钠溶液（水产用）", "过碳酸钠（水产用）", "过硼酸钠粉（水产用）", "过氧化钙粉（水产用）",
"过氧化氢溶液（水产用）", "含氯石灰（水产用）", "苯扎溴铵溶液（水产用）", "葵甲溴铵碘复合溶液", "高碘酸钠溶液（水产用）",
"蛋氨酸碘粉", "蛋氨酸碘溶液", "硫代硫酸钠粉（水产用）", "硫酸铝钾粉（水产用）", "碘附（I）", "复合碘溶液（水产用）", "溴氯海因粉（水产用）",
"聚维酮碘溶液（Ⅱ）", "聚维酮碘溶液（水产用）","复合亚氯酸钠粉", "复合亚氯酸钠泡腾片", "过硫酸氢钾复合物粉",
];
// 违禁药物数据库
const bannedMedicines = ["孔雀石绿", "酒石酸锦钾（Antimonypotassiumtartrate）", "β-兴奋剂（β-agonists）类及其盐、酯", "汞制剂", "氯化亚汞（甘汞）（Calomel）",
"醋酸汞（Mercurousacetate）", "硝酸亚汞（Mercurousnitrate）", "吡啶基醋酸汞（Pyridylmercurousacetate）", "毒杀芬（氯化烯）（Camahechlor）",
"卡巴氧（Carbadox）及其盐、酯", "呋喃丹（克百威）（Carbofuran）", "氯霉素（Chloramphenicol）及其盐，酯", "杀虫咪（克死螨）（Chlordimeform）",
"氨苯砜（Dapsone）", "硝基喃类", "呋喃西林（Furacilinum）", "呋喃妥因（Furadantin）", "呋喃它酮（Furaltadone）", "呋喃唑酮（Furazolidone）",
"呋喃苯烯酸钠（Nifurstyrenatesodium）", "林丹（Lindane）", "孔雀石绿（Malachitegreen）", "类固醇激素", "醋酸美仑孕酮（MelengestrolAcetate）",
"甲基睾丸酮（Methyltestosterone）、", "群勃龙（去甲雄三烯醇酮）（Trenbolone）", "玉米赤霉醇（Zeranal）", "安眠酮（Methaqualone）", "硝呋烯腙（Nitrovin）",
"五氯酚酸钠（Pentachlorophenolsodium）", "硝基咪唑类", "洛硝达唑（Ronidazole）", "替硝唑（Tinidazole）", "洛美沙星兽药的原料药的各种盐、酯及其各种制剂",
"培氟沙星兽药的原料药的各种盐、酯及其各种制剂","氧氟沙星兽药的原料药的各种盐、酯及其各种制剂", "诺氟沙星兽药的原料药的各种盐、酯及其各种制剂",
"噬菌蛭弧菌微生态制剂（生物制菌王）", "喹乙醇兽药的原料药及各种制剂", "氨苯胂酸兽药的原料药及各种制剂", "洛克沙胂兽药的原料药及各种制剂",
"原料药", "人用药", "假劣兽药", "假兽药", "劣兽药", "禁用药", "停用药", "禁停用药",
];
// 无需制定休药期的药物数据库
const unregulatedMedicines = ["草鱼出血病灭活疫苗", "草鱼出血病活疫苗（GCHV-892株）",
"牙鲆鱼溶藻弧菌、鳗弧菌，送缓爱德华菌病多联抗独特型抗体疫苗","嗜水气单胞菌败血症灭活疫苗",
"大菱鲆迟钝爱德华氏菌活疫苗（EIBAV1株）", "大菱鲆鳗弧菌基因工程活疫苗（MVAV6203株）","鳜传染性脾肾坏死病灭活疫苗（NH0618株）",
"亚硫酸氢钠甲萘醌粉（水产用）", "维生素C钠粉（水产用）", "注射用促黄体素释放激素A2", "注射用促黄体素释放激素A3",
"注射用复方鲑鱼促性腺激素释放激素类似物", "鲢鱼促性腺激素释放激素类似物", "注射用重组绒促性素", "多潘立酮注射液",
"硫酸锌粉（水产用）", "硫酸锌三氯异氟脲酸粉（水产用）","硫酸铜硫酸亚铁粉（水产用）",
];
// 所有已知药物数据（合并所有分类，用于搜索）
const allKnownMedicines = [
...Object.keys(medicineData),
...herbalMedicines,
...disinfectants,
...bannedMedicines,
...unregulatedMedicines
].filter((value, index, self) => self.indexOf(value) === index);//去重
//页面加载初始化函数 和 设置默认日期和事件监听
document.addEventListener('DOMContentLoaded', function() {
// 页面加载时设置默认日期为今天
const today = new Date();
const formattedDate = today.toISOString().split('T')[0];
document.getElementById('date').value = formattedDate;
// 获取药物输入框和提示框DOM元素
const medicineInput = document.getElementById('medicine');
const suggestions = document.getElementById('suggestions');
// 药物输入框输入事件处理 和 实现智能搜索提示功能
medicineInput.addEventListener('input', function() {
const value = this.value.trim().toLowerCase();
suggestions.innerHTML = '';// 清空之前的提示
// 输入为空时隐藏提示框
if (!value) {
suggestions.style.display = 'none';
return;
}
// 获取匹配的药物数据库
const matches = allKnownMedicines
.filter(drug => drug.toLowerCase().includes(value))
.slice(0, 8);
// 无匹配结果时显示"未找到"提示
if (matches.length === 0) {
const div = document.createElement('div');
div.className = 'suggestion-item';
// 添加问号图标
const icon = document.createElement('i');
icon.className = 'fas fa-question-circle unknown';
div.appendChild(icon);
// 添加提示文本
const text = document.createElement('span');
text.textContent = `未找到"${value}"，点击使用此名称`;
div.appendChild(text);
// 点击事件：将输入框值设为当前文本
div.addEventListener('click', function() {
medicineInput.value = value;
suggestions.style.display = 'none';
});
suggestions.appendChild(div);
suggestions.style.display = 'block';
return;
}
// 为每个匹配结果创建提示项
matches.forEach(drug => {
const div = document.createElement('div');
div.className = 'suggestion-item';
// 根据药物类型添加不同图标
const icon = document.createElement('i');
if (bannedMedicines.includes(drug)) {
icon.className = 'fas fa-ban banned';// 违禁药图标
} else if (herbalMedicines.includes(drug)) {
icon.className = 'fas fa-leaf herbal';// 中药图标
} else if (disinfectants.includes(drug)) {
icon.className = 'fas fa-spray-can disinfectant';// 消毒剂图标
} else if (unregulatedMedicines.includes(drug)) {
icon.className = 'fas fa-flask unregulated';// 无需规定的药物图标
} else {
icon.className = 'fas fa-pills';// 普通药物图标
}
div.appendChild(icon);
// 添加药物名称
const text = document.createElement('span');
text.textContent = drug;
div.appendChild(text);
// 点击事件：将输入框值设为当前药物
div.addEventListener('click', function() {
medicineInput.value = drug;
suggestions.style.display = 'none';
});
suggestions.appendChild(div);
});
suggestions.style.display = 'block';
});
// 点击页面其他区域时隐藏提示框
document.addEventListener('click', function(e) {
if (e.target !== medicineInput) {
suggestions.style.display = 'none';
}
});
// 绑定计算按钮点击事件
document.getElementById('calculate').addEventListener('click', calculateWithdrawal);
// 绑定日历提醒按钮点击事件
document.getElementById('reminder').addEventListener('click', function() {
const endDate = document.getElementById('endDate').textContent;
if (endDate !== '-') {
alert(`休药结束日期 (${endDate}) 已添加到日历！
\n\n您将在休药期结束后一小时收到提醒通知。`);
} else {alert('请先计算休药期'); }
});
});
// 休药期计算主函数 和 根据输入参数计算休药期并显示结果
function calculateWithdrawal() {
// 获取输入值
const medicine = document.getElementById('medicine').value.trim();
const date = document.getElementById('date').value;
const temperature = parseFloat(document.getElementById('temperature').value);
// 输入验证
if (!medicine) {
alert('请输入药物名称');
return;}
if (!date) {
alert('请选择用药日期');
return;}
if (isNaN(temperature) || temperature <= 0 || temperature > 40) {
alert('请输入有效的水温 (1-40℃)');
return;}
// 隐藏之前的结果面板
document.getElementById('bannedAlert').style.display = 'none';
document.getElementById('herbalInfo').style.display = 'none';
document.getElementById('disinfectantInfo').style.display = 'none';
document.getElementById('unregulatedInfo').style.display = 'none';
document.getElementById('unknownAlert').style.display = 'none';
document.getElementById('result').style.display = 'none';
document.getElementById('countdown').style.display = 'none';
// 药物分类识别与处理
if (bannedMedicines.includes(medicine)) {
// 违禁药品处理
document.getElementById('bannedAlert').style.display = 'block';
return;}
if (herbalMedicines.includes(medicine)) {
// 中药制剂处理
document.getElementById('herbalInfo').style.display = 'block';
return;}
if (disinfectants.includes(medicine)) {
// 消毒剂处理
document.getElementById('disinfectantInfo').style.display = 'block';
return;}
if (unregulatedMedicines.includes(medicine)) {
// 无需制定休药期的药物处理
document.getElementById('unregulatedInfo').style.display = 'block';
return; }
if (!allKnownMedicines.includes(medicine)) {
// 未知药物处理，检查药物是否在数据库中
document.getElementById('unknownAlert').style.display = 'block';
return;}
// 普通药物休药期计算
// 从数据库获取度日值，若无则使用默认值
const degreeDays = medicineData[medicine] || medicineData["其他"];
// 计算休药天数 = 度日值 / 平均水温
const withdrawalDays = degreeDays / temperature;
// 计算结束日期：开始日期 + 休药天数 = 结束日期
const startDate = new Date(date);
const endDate = new Date(startDate.getTime() + withdrawalDays * 24 * 60 * 60 * 1000);
// 计算倒计时天数（当前日期到结束日期的天数差）
const today = new Date();
const timeDiff = endDate - today;
const daysLeft = Math.max(0, Math.ceil(timeDiff / (1000 * 60 * 60 * 24)));
// 显示计算结果
document.getElementById('degreeDays').textContent = degreeDays;
document.getElementById('tempValue').textContent = temperature.toFixed(1) + '℃';
document.getElementById('withdrawalDays').textContent = withdrawalDays.toFixed(1);
document.getElementById('endDate').textContent = endDate.toLocaleDateString('zh-CN');
document.getElementById('daysLeft').textContent = daysLeft;
// 显示结果面板
document.getElementById('result').style.display = 'block';
// 仅当休药期未结束时显示倒计时
if (daysLeft > 0) {
document.getElementById('countdown').style.display = 'block'; }
}
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<!-- 主容器 -->
<div class="container">
<!-- 页眉区域 -->
<header>
<div class="water-wave"></div> <!-- 水波纹背景效果 -->
<i class="fas fa-fish water-icon"></i><!-- 鱼类图标 -->
<h1>水产用药休药期智能计算软件</h1>
<p>科学计算休药期，确保水产品安全上市</p>
</header>
<!-- 主要内容区域 -->
<div class="content"><!-- 药物输入组 -->
<div class="form-group">
<label for="medicine">输入或选择药物名称：</label>
<div class="input-container">
<input type="text" id="medicine" placeholder="输入药物名称或点击弹出列表选择" list="medicineList">
<datalist id="medicineList"><!-- 药物下拉建议列表 -->
<option value="甲砜霉素粉">甲砜霉素粉</option>
<option value="氟苯尼考粉">氟苯尼考粉</option>
<option value="氟苯尼考注射液">氟苯尼考注射液</option>
<option value="氟甲喹粉">氟甲喹粉</option>
<option value="恩诺沙星粉（水产用）">恩诺沙星粉（水产用）</option>
<option value="盐酸多西环素粉（水产用）">盐酸多西环素粉（水产用）</option>
<option value="维生素C磷酸酯镁盐酸环丙沙星预混剂">维生素C磷酸酯镁盐酸环丙沙星预混剂</option>
<option value="盐酸环丙沙星盐酸小檗碱预混剂">盐酸环丙沙星盐酸小檗碱预混剂</option>
<option value="硫酸新霉素粉（水产用）">硫酸新霉素粉（水产用）</option>
<option value="磺胺间甲氧嘧啶钠粉（水产用）">磺胺间甲氧嘧啶钠粉（水产用）</option>
<option value="复方磺胺嘧啶粉（水产用）">复方磺胺嘧啶粉（水产用）</option>
<option value="复方磺胺甲恶唑粉（水产用）">复方磺胺甲恶唑粉（水产用）</option>
<option value="复方磺胺二甲嘧啶粉（水产用）">复方磺胺二甲嘧啶粉（水产用）</option>
<option value="复方甲霜灵粉">复方甲霜灵粉</option>
<option value="复方甲苯咪唑粉">复方甲苯咪唑粉</option>
<option value="甲苯咪唑溶液（水产用）">甲苯咪唑溶液（水产用）</option>
<option value="地克珠利预混剂（水产用）">地克珠利预混剂（水产用）</option>
<option value="阿苯达唑粉(水产用）">阿苯达唑粉(水产用）</option>
<option value="吡喹酮预混剂（水产用）">吡喹酮预混剂（水产用）</option>
<option value="辛硫磷溶液（水产用）">辛硫磷溶液（水产用）</option>
<option value="敌百虫溶液（水产用）">敌百虫溶液（水产用）</option>
<option value="精制敌百虫粉（水产用）">精制敌百虫粉（水产用）</option>
<option value="盐酸氯苯胍粉（水产用）">盐酸氯苯胍粉（水产用）</option>
<option value="氯硝柳胺粉（水产用）">氯硝柳胺粉（水产用）</option>
<option value="硫酸锌粉（水产用）">硫酸锌粉（水产用）</option>
<option value="硫酸锌三氯异氟脲酸粉（水产用）">硫酸锌三氯异氟脲酸粉（水产用）</option>
<option value="硫酸铜硫酸亚铁粉（水产用）">硫酸铜硫酸亚铁粉（水产用）</option>
<option value="氰戊菊酯溶液（水产用）">氰戊菊酯溶液（水产用）</option>
<option value="溴氰菊酯溶液（水产用）">溴氰菊酯溶液（水产用）</option>
<option value="高效氯氰菊酯溶液（水产用）">高效氯氰菊酯溶液（水产用）</option>
<option value="三氯异氰脲酸粉">三氯异氰脲酸粉</option>
<option value="三氯异氰脲酸粉（水产用）">三氯异氰脲酸粉（水产用）</option>
<option value="浓戊二醛溶液（水产用）">浓戊二醛溶液（水产用）</option>
<option value="稀戊二醛溶液（水产用）">稀戊二醛溶液（水产用）</option>
<option value="戊二醛苯扎溴铵溶液（水产用）">戊二醛苯扎溴铵溶液（水产用）</option>
<option value="次氯酸钠溶液（水产用）">次氯酸钠溶液（水产用）</option>
<option value="过碳酸钠（水产用）">过碳酸钠（水产用）</option>
<option value="过硼酸钠粉（水产用）">过硼酸钠粉（水产用）</option>
<option value="过氧化钙粉（水产用）">过氧化钙粉（水产用）</option>
<option value="过氧化氢溶液（水产用）">过氧化氢溶液（水产用）</option>
<option value="含氯石灰（水产用）">含氯石灰（水产用）</option>
<option value="苯扎溴铵溶液（水产用）">苯扎溴铵溶液（水产用）</option>
<option value="葵甲溴铵碘复合溶液">葵甲溴铵碘复合溶液</option>
<option value="高碘酸钠溶液（水产用）">高碘酸钠溶液（水产用）</option>
<option value="蛋氨酸碘粉">蛋氨酸碘粉</option>
<option value="蛋氨酸碘溶液">蛋氨酸碘溶液</option>
<option value="硫代硫酸钠粉（水产用）">硫代硫酸钠粉（水产用）</option>
<option value="硫酸铝钾粉（水产用）">硫酸铝钾粉（水产用）</option>
<option value="碘附（I）">碘附（I）</option>
<option value="复合碘溶液（水产用）">复合碘溶液（水产用）</option>
<option value="溴氯海因粉（水产用）">溴氯海因粉（水产用）</option>
<option value="聚维酮碘溶液（Ⅱ）">聚维酮碘溶液（Ⅱ）</option>
<option value="聚维酮碘溶液（水产用）">聚维酮碘溶液（水产用）</option>
<option value="复合亚氯酸钠粉">复合亚氯酸钠粉</option>
<option value="复合亚氯酸钠泡腾片">复合亚氯酸钠泡腾片</option>
<option value="过硫酸氢钾复合物粉">过硫酸氢钾复合物粉</option>
<option value="大黄末">大黄末</option>
<option value="大黄芩鱼散">大黄芩鱼散</option>
<option value="虾蟹脱壳促长散">虾蟹脱壳促长散</option>
<option value="穿梅三黄散">穿梅三黄散</option>
<option value="蚌毒灵散">蚌毒灵散</option>
<option value="七味板蓝根散">七味板蓝根散</option>
<option value="大黄末（水产用）">大黄末（水产用）</option>
<option value="大黄解毒散">大黄解毒散</option>
<option value="大黄芩蓝散">大黄芩蓝散</option>
<option value="大黄侧柏叶合剂">大黄侧柏叶合剂</option>
<option value="大黄五倍子散">大黄五倍子散</option>
<option value="三黄散（水产用）">三黄散（水产用）</option>
<option value="山青五黄散">山青五黄散</option>
<option value="川楝陈皮散">川楝陈皮散</option>
<option value="六味地黄散（水产用）">六味地黄散（水产用）</option>
<option value="六味黄龙散">六味黄龙散</option>
<option value="双黄白头翁散">双黄白头翁散</option>
<option value="双黄苦参散">双黄苦参散</option>
<option value="五倍子末">五倍子末</option>
<option value="石知散（水产用）">石知散（水产用）</option>
<option value="龙胆泻肝散（水产用）">龙胆泻肝散（水产用）</option>
<option value="加减消黄散（水产用）">加减消黄散（水产用）</option>
<option value="百部贯众散">百部贯众散</option>
<option value="地锦草末">地锦草末</option>
<option value="地锦鹤草散">地锦鹤草散</option>
<option value="芪参散">芪参散</option>
<option value="驱虫散（水产用）">驱虫散（水产用）</option>
<option value="苍术香连散 (水产用）">苍术香连散 (水产用）</option>
<option value="扶正解毒散（水产用）">扶正解毒散（水产用）</option>
<option value="肝胆利康散">肝胆利康散</option>
<option value="连翘解毒散">连翘解毒散</option>
<option value="板黄散">板黄散</option>
<option value="板蓝根末">板蓝根末</option>
<option value="板蓝根大黄散">板蓝根大黄散</option>
<option value="青莲散">青莲散</option>
<option value="青连白贯散">青连白贯散</option>
<option value="青板黄柏散">青板黄柏散</option>
<option value="苦参末">苦参末</option>
<option value="虎黄合剂">虎黄合剂</option>
<option value="虾康颗粒">虾康颗粒</option>
<option value="柴黄益肝散">柴黄益肝散</option>
<option value="根莲解毒散">根莲解毒散</option>
<option value="清健散">清健散</option>
<option value="清热散（水产用）">清热散（水产用）</option>
<option value="脱壳促长散">脱壳促长散</option>
<option value="黄连解毒散 (水产用）">黄连解毒散 (水产用）</option>
<option value="黄芪多糖粉">黄芪多糖粉</option>
<option value="银翘板蓝根散">银翘板蓝根散</option>
<option value="亩丸槟榔散">亩丸槟榔散</option>
<option value="蒲甘散">蒲甘散</option>
<option value="博落回散">博落回散</option>
<option value="银黄可溶性粉">银黄可溶性粉</option>
<option value="甘胆口服液">甘胆口服液</option>
<option value="香连溶液">香连溶液</option>
<option value="青甘大黄散">青甘大黄散</option>
<option value="锦心口服液">锦心口服液</option>
<option value="草鱼出血病灭活疫苗">草鱼出血病灭活疫苗</option>
<option value="草鱼出血病活疫苗（GCHV-892株）">草鱼出血病活疫苗（GCHV-892株）</option>
<option value="牙鲆鱼溶藻弧菌、鳗弧菌，送缓爱德华菌病多联抗独特型抗体疫苗">牙鲆鱼溶藻弧菌、鳗弧菌，送缓爱德华菌病多联抗独特型抗体疫苗</option>
<option value="嗜水气单胞菌败血症灭活疫苗">嗜水气单胞菌败血症灭活疫苗</option>
<option value="大菱鲆迟钝爱德华氏菌活疫苗（EIBAV1株）">大菱鲆迟钝爱德华氏菌活疫苗（EIBAV1株）</option>
<option value="大菱鲆鳗弧菌基因工程活疫苗（MVAV6203株）">大菱鲆鳗弧菌基因工程活疫苗（MVAV6203株）</option>
<option value="鳜传染性脾肾坏死病灭活疫苗（NH0618株）">鳜传染性脾肾坏死病灭活疫苗（NH0618株）</option>
<option value="亚硫酸氢钠甲萘醌粉（水产用）">亚硫酸氢钠甲萘醌粉（水产用）</option>
<option value="维生素C钠粉（水产用）">维生素C钠粉（水产用）</option>
<option value="注射用促黄体素释放激素A2">注射用促黄体素释放激素A2</option>
<option value="注射用促黄体素释放激素A3">注射用促黄体素释放激素A3</option>
<option value="注射用复方鲑鱼促性腺激素释放激素类似物">注射用复方鲑鱼促性腺激素释放激素类似物</option>
<option value="注射用复方绒促性素A型（水产用）">注射用复方绒促性素A型（水产用）</option>
<option value="注射用复方绒促性素B型（水产用）">注射用复方绒促性素B型（水产用）</option>
<option value="注射用绒促性素（I）">注射用绒促性素（I）</option>
<option value="鲢鱼促性腺激素释放激素类似物">鲢鱼促性腺激素释放激素类似物</option>
<option value="注射用重组绒促性素">注射用重组绒促性素</option>
<option value="多潘立酮注射液">多潘立酮注射液</option>
<option value="盐酸甜菜碱顶混剂（水产用）">盐酸甜菜碱顶混剂（水产用）</option>
<option value="酒石酸锦钾（Antimonypotassiumtartrate）">酒石酸锦钾（Antimonypotassiumtartrate）</option>
<option value="β-兴奋剂（β-agonists）类及其盐、酯">β-兴奋剂（β-agonists）类及其盐、酯</option>
<option value="汞制剂">汞制剂</option>
<option value="氯化亚汞（甘汞）（Calomel）">氯化亚汞（甘汞）（Calomel）</option>
<option value="醋酸汞（Mercurousacetate）">醋酸汞（Mercurousacetate）</option>
<option value="硝酸亚汞（Mercurousnitrate）">硝酸亚汞（Mercurousnitrate）</option>
<option value="吡啶基醋酸汞（Pyridylmercurousacetate）">吡啶基醋酸汞（Pyridylmercurousacetate）</option>
<option value="毒杀芬（氯化烯）（Camahechlor）">毒杀芬（氯化烯）（Camahechlor）</option>
<option value="卡巴氧（Carbadox）及其盐、酯">卡巴氧（Carbadox）及其盐、酯</option>
<option value="呋喃丹（克百威）（Carbofuran）">呋喃丹（克百威）（Carbofuran）</option>
<option value="氯霉素（Chloramphenicol）及其盐，酯">氯霉素（Chloramphenicol）及其盐，酯</option>
<option value="杀虫咪（克死螨）（Chlordimeform）">杀虫咪（克死螨）（Chlordimeform）</option>
<option value="氨苯砜（Dapsone）">氨苯砜（Dapsone）</option>
<option value="硝基喃类">硝基呋喃类</option>
<option value="呋喃西林（Furacilinum）">呋喃西林（Furacilinum）</option>
<option value="呋喃妥因（Furadantin）">呋喃妥因（Furadantin）</option>
<option value="呋喃它酮（Furaltadone）">呋喃它酮（Furaltadone）</option>
<option value="呋喃唑酮（Furazolidone）">呋喃唑酮（Furazolidone）</option>
<option value="呋喃苯烯酸钠（Nifurstyrenatesodium）">呋喃苯烯酸钠（Nifurstyrenatesodium）</option>
<option value="林丹（Lindane）">林丹（Lindane）</option>
<option value="孔雀石绿（Malachitegreen）">孔雀石绿（Malachitegreen）</option>
<option value="类固醇激素">类固醇激素</option>
<option value="醋酸美仑孕酮（MelengestrolAcetate）">醋酸美仑孕酮（MelengestrolAcetate）</option>
<option value="甲基睾丸酮（Methyltestosterone）、">甲基睾丸酮（Methyltestosterone）、</option>
<option value="群勃龙（去甲雄三烯醇酮）（Trenbolone）">群勃龙（去甲雄三烯醇酮）（Trenbolone）</option>
<option value="玉米赤霉醇（Zeranal）">玉米赤霉醇（Zeranal）</option>
<option value="安眠酮（Methaqualone）">安眠酮（Methaqualone）</option>
<option value="硝呋烯腙（Nitrovin）">硝呋烯腙（Nitrovin）</option>
<option value="五氯酚酸钠（Pentachlorophenolsodium）">五氯酚酸钠（Pentachlorophenolsodium）</option>
<option value="硝基咪唑类">硝基咪唑类</option>
<option value="洛硝达唑（Ronidazole）">洛硝达唑（Ronidazole）</option>
<option value="替硝唑（Tinidazole）">替硝唑（Tinidazole）</option>
<option value="洛美沙星兽药的原料药的各种盐、酯及其各种制剂">洛美沙星兽药的原料药的各种盐、酯及其各种制剂</option>
<option value="培氟沙星兽药的原料药的各种盐、酯及其各种制剂">培氟沙星兽药的原料药的各种盐、酯及其各种制剂</option>
<option value="氧氟沙星兽药的原料药的各种盐、酯及其各种制剂">氧氟沙星兽药的原料药的各种盐、酯及其各种制剂</option>
<option value="诺氟沙星4种兽药的原料药的各种盐、酯及其各种制剂">诺氟沙星兽药的原料药的各种盐、酯及其各种制剂</option>
<option value="噬菌蛭弧菌微生态制剂（生物制菌王）">噬菌蛭弧菌微生态制剂（生物制菌王）</option>
<option value="喹乙醇兽药的原料药及各种制剂">喹乙醇兽药的原料药及各种制剂</option>
<option value="氨苯胂酸兽药的原料药及各种制剂">氨苯胂酸兽药的原料药及各种制剂</option>
<option value="洛克沙胂兽药的原料药及各种制剂">洛克沙胂兽药的原料药及各种制剂</option>
<option value="原料药">原料药</option>
<option value="人用药">人用药</option>
<option value="假劣兽药">假劣兽药</option>
<option value="假兽药">假兽药</option>
<option value="劣兽药">劣兽药</option>
<option value="禁用药">禁用药</option>
<option value="停用药">停用药</option>
<option value="禁停用药">禁停用药</option>
</datalist>
<div class="input-icon">
<i class="fas fa-search"></i><!-- 搜索图标 -->
</div>
<!-- 智能提示框 -->
<div class="suggestions" id="suggestions"></div>
</div>
</div>
<!-- 日期输入组 -->
<div class="form-group">
<label for="date">用药日期：</label>
<div class="input-container">
<input type="date" id="date" value="">
<div class="input-icon">
<i class="fas fa-calendar"></i>
</div>
</div>
</div>
<!-- 水温输入组 -->
<div class="form-group">
<label for="temperature">平均水温 (℃)：</label>
<div class="input-container">
<input type="number" id="temperature" min="1" max="40" placeholder="输入水温" value="25">
<div class="input-icon">
<i class="fas fa-thermometer-half"></i>
<!-- 温度计图标 -->
</div>
</div>
</div>
<!-- 计算按钮 -->
<button class="btn" id="calculate">
<i class="fas fa-calculator"></i> 计算休药期
</button>
<!-- 结果展示区域 - 各种提示面板 -->
<!-- 违禁药品警告面板 -->
<div class="banned-alert" id="bannedAlert">
<div class="alert-content">
<i class="fas fa-ban"></i>
<h2>违禁药品警告</h2>
<p>该药物为水产养殖违禁药品，禁止使用！请严格遵守国家相关法律法规，确保水产品质量安全。</p>
</div>
</div>
<!-- 中成药提示面板 -->
<div class="herbal-info" id="herbalInfo">
<div class="alert-content">
<i class="fas fa-leaf"></i>
<h2>该中成药使用提示</h2>
<p>该中成药无需制定休药期，请根据实际使用情况和养殖对象状况合理确安排时间。</p>
<p>一般建议用药后7-15天之后食用。</p>
</div>
</div>
<!-- 消毒剂提示面板 -->
<div class="disinfectant-info" id="disinfectantInfo">
<div class="alert-content">
<i class="fas fa-spray-can"></i>
<h2>该消毒剂使用提示</h2>
<p>该消毒剂类产品无需制定休药期，可以在规定的剂量和使用条件下使用该药物，
即使不设定一个明确的休药期，其残留量也不会对人体健康构成威胁。但使用过程中受多种因素影响：</p>
<ul>
<li>消毒剂类型（含氯、含碘、过氧化物等）</li>
<li>使用浓度和剂量</li>
<li>水体温度和pH值</li>
<li>光照条件和有机负荷</li>
</ul>
<p>一般建议使用该消毒药处理后保持水体循环24-72小时，具体请参照产品说明书。</p>
</div>
</div>
<!-- 无需制度休药期的药物提示面板 -->
<div class="unregulated-info" id="unregulatedInfo">
<div class="alert-content">
<i class="fas fa-flask"></i>
<h2>无需制定休药期的药物使用提示</h2>
<p>可以在规定的剂量和使用条件下使用该药物，即使不设定一个明确的休药期，其残留量也不会对人体健康构成威胁。</p>
<p>一般建议用药后10-20天之后食用。</p>
</div>
</div>
<!-- 未知药物提示面板 -->
<div class="unknown-alert" id="unknownAlert">
<div class="alert-content">
<i class="fas fa-question-circle"></i>
<h2>未找到该药物信息</h2>
<p>相关法律法规没有规定可以使用或禁止使用该药物，请检查输入药物的名称是否正确。</p>
<p>建议核对《水产养殖用药明白纸》或咨询当地水产技术推广部门。</p>
</div>
</div>
<!-- 普通药物计算结果面板 -->
<div class="result-container" id="result">
<div class="result-header">
<i class="fas fa-clipboard-list"></i>
<h2>休药期计算结果</h2>
</div>
<!-- 结果内容网格布局 -->
<div class="result-content">
<div class="result-box">
<h3>休药期 (度日)</h3>
<p id="degreeDays">0</p>
</div>
<div class="result-box">
<h3>平均水温 (℃)</h3>
<p id="tempValue">0</p>
</div>
<div class="result-box">
<h3>休药天数</h3>
<p id="withdrawalDays">0</p>
</div>
</div>
<!-- 休药结束日期 -->
<div class="result-box">
<h3>休药结束日期</h3>
<p id="endDate">-</p>
</div>
<!-- 倒计时显示 -->
<div class="countdown" id="countdown">
<i class="fas fa-clock"></i> 距离休药期结束还有: <span id="daysLeft">0</span> 天
</div>
<!-- 日历提醒按钮 -->
<div class="calendar-reminder" id="reminder">
<i class="fas fa-calendar-plus"></i> 添加到日历提醒
</div>
</div>
</div>
<!-- 药物类型说明区域 -->
<div class="drug-types-info">
<h2><i class="fas fa-pills"></i> 药物类型说明</h2>
<div class="types-container">
<div class="type-card">
<!-- 普通药物说明卡片 -->
<i class="fas fa-pills"></i>
<h3>普通药物</h3>
<p>具有明确休药期的常规水产用药</p>
</div>
<!-- 中成药说明卡片 -->
<div class="type-card herbal">
<i class="fas fa-leaf"></i>
<h3>中成药</h3>
<p>可使用且无需制定休药期的水产用药</p>
</div>
<!-- 消毒剂说明卡片 -->
<div class="type-card disinfectant">
<i class="fas fa-spray-can"></i>
<h3>消毒剂</h3>
<p>水体消毒处理用的水产用药</p>
</div>
<!-- 未无需制定休药期的药物说明卡片 -->
<div class="type-card unregulated">
<i class="fas fa-flask"></i>
<h3>无需制定休药期的药物</h3>
<p>可使用且无需制定休药期的水产用药</p>
</div>
<!-- 违禁药品说明卡片 -->
<div class="type-card banned">
<i class="fas fa-ban"></i>
<h3>违禁药品</h3>
<p>禁止使用的水产用药</p>
</div>
</div>
</div>
<!-- 页脚 -->
<footer>
<p>特殊药物：可以使用注射用复方绒促性素A、B型（水产用）这两款激素，但用药后亲鱼禁止食用。 </p>
<p>数据来源：农业农村部《水产养殖用药明白纸》（2024年版本）等。</p>
<p>提醒：计算结果仅供参考，请以实际检测为准！</p>
<p>© 2025 水产用药休药期智能计算软件</p>
</footer>
</div>
<!-- 样式部分 -->
<style>
/* 基础样式重置 */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 页面背景设置 */
body {
background: linear-gradient(135deg, #0c3b5e, #1a7a4c);
color: #333;
min-height: 100vh;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
/* 主容器样式 */
.container {
width: 100%;
max-width: 850px;
background-color: rgba(255, 255, 255, 0.96);
border-radius: 20px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
overflow: hidden;
}
/* 页眉样式 */
header {
background: linear-gradient(to right, #1e6091, #2a9d8f);
color: white;
padding: 30px;
text-align: center;
position: relative;
overflow: hidden;
}
/* 水波纹背景效果 */
.water-wave {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,117.3C672,107,768,117,864,138.7C960,160,1056,192,1152,192C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
background-size: cover;
opacity: 0.2;
}
/* 主标题“水产用药休药期智能计算软件”显示效果 */
header h1 {
font-size: 32px;
margin-bottom: 10px;
position: relative;
text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/* 副标题“科学计算休药期，确保水产品安全上市”显示效果 */
header p {
font-size: 18px;
opacity: 0.9;
position: relative;
max-width: 600px;
margin: 0 auto;
}
/* 页面顶部蓝色渐变标题栏（<header>）的装饰性元素效果 */
.water-icon {
position: absolute;
top: 20px;
right: 20px;
font-size: 50px;
opacity: 0.3;
transform: rotate(-15deg);
}
/* 内容区域样式 */
.content {
padding: 35px;
}
/* 表单组样式 */
.form-group {
margin-bottom: 25px;
position: relative;
}
/* 表单中的输入项标签样式 */
label {
display: block;
margin-bottom: 10px;
font-weight: 700;
color: #2c3e50;
font-size: 17px;
}
/* 输入框容器样式 */
.input-container {
position: relative;
}
/* 显式保留水温输入框的增减箭头 */
#temperature::-webkit-inner-spin-button,
#temperature::-webkit-outer-spin-button {
opacity: 1; /* 确保不透明 */
margin-left: 5px; /* 调整箭头与输入框的间距 */
}
/* 所有输入框和下拉选择框样式*/
input, select {
width: 100%;
padding: 14px 20px;
border: 2px solid #bdc3c7;
border-radius: 10px;
font-size: 17px;
transition: all 0.3s;
background-color: #f8f9fa;
}
/* 所有输入框和下拉选择框在获得焦点时（被点击或选中时）的状态 */
input:focus, select:focus {
border-color: #3498db;
outline: none;
box-shadow: 0 0 12px rgba(52, 152, 219, 0.3);
background-color: white;
}
/* 输入框右侧的图标样式（如搜索图标🔍、日历图标📅、温度计图标🌡️*/
.input-icon {
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
color: #7f8c8d;
font-size: 21px;
}
/* 智能提示框样式（用户输入时弹出的匹配药物名称列表）*/
.suggestions {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid #ddd;
border-radius: 0 0 10px 10px;
max-height: 220px;
overflow-y: auto;
z-index: 100;
display: none;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* 提示项样式*下拉建议列表中的每个单项（如匹配的药物名称或提示信息） */
.suggestion-item {
padding: 12px 20px;
cursor: pointer;
transition: background-color 0.2s;
display: flex;
align-items: center;
border-bottom: 1px solid #eee;
}
.suggestion-item:last-child {
border-bottom: none;
}
.suggestion-item:hover {
background-color: #e8f4fc;
}
.suggestion-item i {
margin-right: 15px;
font-size: 20px;
width: 25px;
text-align: center;
}
/* 不同类型药物的提示图标颜色 */
.suggestion-item .banned {
color: #e74c3c;
}/* 违禁药红色 */
.suggestion-item .herbal {
color: #27ae60;
} /* 中成药绿色 */
.suggestion-item .disinfectant {
color: #3498db;
}/* 消毒剂蓝色 */
.suggestion-item .unregulated {
color: #9b59b6;
} /* 无需制定休药期的药物紫色 */
.suggestion-item .unknown {
color: #95a5a6;
} /* 未知药物灰色 */
/* “计算休药期”按钮样式 */
.btn {
background: linear-gradient(to right, #3498db, #2ecc71);
color: white;
border: none;
padding: 16px;
font-size: 19px;
border-radius: 10px;
cursor: pointer;
width: 100%;
font-weight: 700;
letter-spacing: 1px;
transition: all 0.4s;
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.btn i {
margin-right: 12px;
font-size: 22px;
}
.btn:hover {
transform: translateY(-4px);
box-shadow: 0 7px 14px rgba(0, 0, 0, 0.2);
background: linear-gradient(to right, #2980b9, #27ae60);
}
.btn:active {
transform: translateY(-1px);
}
/* 结果面板样式 */
.result-container {
display: none;
margin-top: 30px;
}
.result-header {
color: #2c3e50;
margin-bottom: 20px;
display: flex;
align-items: center;
padding-bottom: 15px;
border-bottom: 2px solid #ecf0f1;
}
.result-header i {
font-size: 28px;
margin-right: 15px;
color: #3498db;
}
.result-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 25px;
margin-bottom: 25px;
}
.result-box {
background: white;
border-radius: 12px;
padding: 20px;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #ecf0f1;
transition: transform 0.3s;
}
.result-box:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.result-box h3 {
color: #7f8c8d;
font-size: 15px;
margin-bottom: 12px;
}
.result-box p {
font-size: 28px;
font-weight: 800;
color: #2c3e50;
}
/* 休药期倒计时提示区域样式 */
.countdown {
background: linear-gradient(to right, #e74c3c, #e67e22);
color: white;
padding: 18px;
border-radius: 12px;
text-align: center;
margin-top: 20px;
font-weight: 700;
font-size: 20px;
display: none;
box-shadow: 0 4px 8px rgba(231, 76, 60, 0.3);
}
/* “添加到日历提醒”按钮样式 */
.calendar-reminder {
background: linear-gradient(to right, #f1c40f, #f39c12);
color: #2c3e50;
padding: 18px;
border-radius: 12px;
text-align: center;
margin-top: 25px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(243, 156, 18, 0.3);
font-size: 18px;
}
.calendar-reminder:hover {
transform: translateY(-3px);
box-shadow: 0 7px 14px rgba(243, 156, 18, 0.4);
}
.calendar-reminder i {
margin-right: 12px;
font-size: 24px;
}
/* 违禁药品警告提示框样式 */
.banned-alert {
background: linear-gradient(to right, #e74c3c, #c0392b);
color: white;
padding: 25px;
border-radius: 12px;
text-align: center;
margin-top: 25px;
display: none;
box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);
}
/* 中成药使用提示框样式 */
.herbal-info {
background: linear-gradient(to right, #2ecc71, #27ae60);
color: white;
padding: 25px;
border-radius: 12px;
text-align: center;
margin-top: 25px;
display: none;
box-shadow: 0 5px 15px rgba(46, 204, 113, 0.3);
}
/* 消毒剂使用提示框 */
.disinfectant-info {
background: linear-gradient(to right, #3498db, #2980b9);
color: white;
padding: 25px;
border-radius: 12px;
text-align: center;
margin-top: 25px;
display: none;
box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
}
/* 无需制定休药期的药物的使用提示框样式 */
.unregulated-info {
background: linear-gradient(to right, #9b59b6, #8e44ad);
color: white;
padding: 25px;
border-radius: 12px;
text-align: center;
margin-top: 25px;
display: none;
box-shadow: 0 5px 15px rgba(155, 89, 182, 0.3);
}
/* 未知药物的使用提示框样式 */
.unknown-alert {
background: linear-gradient(to right, #95a5a6, #7f8c8d);
color: white;
padding: 25px;
border-radius: 12px;
text-align: center;
margin-top: 25px;
display: none;
box-shadow: 0 5px 15px rgba(149, 165, 166, 0.3);
}
/* 所有提示框的内容容器样式 开始*/
.alert-content {
max-width: 600px;
margin: 0 auto;
}
.alert-content i {
font-size: 42px;
margin-bottom: 20px;
display: block;
}
.alert-content h2 {
margin-bottom: 15px;
font-size: 26px;
}
.alert-content p {
font-size: 18px;
line-height: 1.6;
}
.alert-content ul {
text-align: left;
margin: 15px auto;
max-width: 80%;
padding-left: 20px;
}
.alert-content li {
margin-bottom: 10px;
}/* 所有提示框的内容容器样式 结束*/
/* 页面底部的药物类型说明卡片容器样式 开始*/
.drug-types-info {
background: #f8f9fa;
padding: 25px;
border-top: 1px solid #eee;
}
.drug-types-info h2 {
text-align: center;
color: #2c3e50;
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.drug-types-info h2 i {
margin-right: 15px;
}
.types-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.type-card {
flex: 1;
min-width: 150px;
background: white;
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
transition: all 0.3s;
}
.type-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
.type-card i {
font-size: 36px;
margin-bottom: 15px;
display: block;
}
.type-card h3 {
margin-bottom: 10px;
color: #2c3e50;
}
.type-card p {
color: #7f8c8d;
font-size: 14px;
}
.type-card.herbal i {
color: #27ae60;
}
.type-card.disinfectant i {
color: #3498db;
}
.type-card.unregulated i {
color: #9b59b6;
}
.type-card.banned i {
color: #e74c3c;
}/* 页面底部的药物类型说明卡片容器样式 结束*/
/*页面底部区域（包含版权声明、数据来源等文字信息）样式 */
footer {
text-align: center;
padding: 25px;
color: #7f8c8d;
font-size: 15px;
background-color: #f8f9fa;
border-top: 1px solid #ecf0f1;
}
/*移动端适配（当屏幕宽度 ≤700px 时布局调整样式 */
@media (max-width: 700px) {
.content {
padding: 25px;
}
/*移动端作用于休药期计算结果区域的布局调整样式 */
.result-content {
grid-template-columns: 1fr;
}
/*移动端样式作用于主标题“水产用药休药期智能计算软件”布局样式 */
header h1 {
font-size: 26px;
}
/*移动端副标题“科学计算休药期，确保水产品安全上市”样式 */
header p {
font-size: 16px;
}
/*移动端作用于药物类型说明卡片的布局样式 */
.types-container {
flex-direction: column;
}
}
</style>
</body>
</html>
安装说明
本软件为纯HTML网页应用软件，无需安装，可跨设备使用，可通过以下方式使用：
1.直接打开提供的HTML文件。
2.部署到Web服务器通过URL访问。
3.可通过uni-app、HbuilderX等工具转换，实现跨平台跨设备应用。
启动方法
1.双击HTML文件或在浏览器中打开。
2.如部署在服务器，输入对应URL访问。
3.可通过uni-app、HbuilderX等工具转换，在安卓、鸿蒙、iOS设备打开或者在微信等程序中打开。
使用说明
1主界面介绍
软件界面分为四个主要区域：
1.标题区：显示软件名称和简要说明
2.输入区：药物名称、用药日期和水温输入
3.计算按钮：触发休药期计算
4.结果区：显示各类计算结果和提示信息
2使用流程
2.1 输入药物信息
在"输入或选择药物名称"输入框中：直接输入药物名称（如"**素"），输入时系统也会智能提示匹配的药物，提供用户选择，如下图所示：
用户也可以在"输入或选择药物名称"输入框中的下拉列表中选择已有的药物，不要用打字，但是需要花部分时间找到所需药物。
药物信息的选择，如下图所示：
2.2 设置用药日期
点击"用药日期"输入框，从弹出的日历选择器中选择用药日期，默认值为当前日期。
也可以手动输入日期。
设置用药日期操作如下图所示：
2.3 输入水温
在"平均水温"输入框中输入数值。（单位为℃，有效范围：1-40℃，默认值为25℃）
也可以点击上下箭头加减温度数值。
输入水温操作如下图所示：
2.4计算休药期
点击"计算休药期"按钮，系统将根据输入参数进行计算。
3 结果解读
3.1 普通药物结果
休药期(度日)：显示该药物的标准休药期度日数。
平均水温：显示输入的当前水温。
休药天数：计算得出的实际休药天数。
休药结束日期：可安全上市的日期。
倒计时：距离休药期结束剩余天数。
普通药物结果如下图所示：
3.2 中成药结果提示
提示该中成药未规定休药期，一般建议用药后7-15天之后食用。结果提示如下图所示：
3.3 无需制度休药期的药物提示
结果提示可以在规定的剂量和使用条件下使用该药物，即使不设定一个明确的休药期，其残留量也不会对人体健康构成威胁。一般建议用药后10-20天之后食用。提示结果如下图所示：
3.4 消毒剂结果提示
提示该消毒剂类产品无需制定休药期，结果提示如下图所
3.5 违禁药品警告提示
醒目标识违禁药品，提示禁止使用！结果提示如下图所示：
3.6 未知药物的提示
未知药物的提示结果如下图所示：
发布者：admin，转转请注明出处：http://www.yc00.com/web/1754948128a5219467.html
评论列表（0条）