yixiong/platform-prototype
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：食安监控水电气表的使用金额也支持手动录入

Browse Source
This commit is contained in:
冯普
2026-05-28 17:55:49 +08:00
parent d92bed33fb
commit 14157f92e4
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-admin/nutrition/prod-qc-daily.html
+14 -4
View File
@@ -452,9 +452,10 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
<div class="energy-card__edit" data-type="elec" style="display:none;">
<div class="energy-edit-row"><label>当前余量</label><input type="number" class="energy-edit-input" value="28734.6" step="0.1"><span class="energy-edit-unit">kWh</span></div>
<div class="energy-edit-row"><label>今日用量</label><input type="number" class="energy-edit-input" value="186" step="0.1"><span class="energy-edit-unit">kWh</span></div>
<div class="energy-edit-row"><label>今日费用</label><input type="number" class="energy-edit-input energy-edit-cost" value="167.4" step="0.1"><span class="energy-edit-unit">元</span></div>
<div class="energy-edit-actions"><button class="btn btn-primary btn-sm" onclick="saveEnergyEdit('elec')">保存</button><button class="btn btn-default btn-sm" onclick="cancelEnergyEdit('elec')">取消</button></div>
</div>
<div class="energy-card__row"><span>今日费用</span><span>¥167.4</span></div>
<div class="energy-card__row" data-cost="elec"><span>今日费用</span><span>¥167.4</span></div>
<div class="energy-card__row"><span>状态</span><span class="tag tag-green">正常</span></div>
<div class="energy-card__row"><span>当前功率</span><span>3.2 kW</span></div>
<div class="energy-card__hint">当前功率正常，较昨日同时段下降 4.2%</div>
@@ -471,9 +472,10 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
<div class="energy-card__edit" data-type="water" style="display:none;">
<div class="energy-edit-row"><label>当前余量</label><input type="number" class="energy-edit-input" value="12468.3" step="0.1"><span class="energy-edit-unit">m³</span></div>
<div class="energy-edit-row"><label>今日用量</label><input type="number" class="energy-edit-input" value="22" step="0.1"><span class="energy-edit-unit">m³</span></div>
<div class="energy-edit-row"><label>今日费用</label><input type="number" class="energy-edit-input energy-edit-cost" value="79.2" step="0.1"><span class="energy-edit-unit">元</span></div>
<div class="energy-edit-actions"><button class="btn btn-primary btn-sm" onclick="saveEnergyEdit('water')">保存</button><button class="btn btn-default btn-sm" onclick="cancelEnergyEdit('water')">取消</button></div>
</div>
<div class="energy-card__row"><span>今日费用</span><span>¥79.2</span></div>
<div class="energy-card__row" data-cost="water"><span>今日费用</span><span>¥79.2</span></div>
<div class="energy-card__row"><span>状态</span><span class="tag tag-green">正常</span></div>
<div class="energy-card__row"><span>当前流量</span><span>1.8 L/min</span></div>
<div class="energy-card__hint">当前流速正常</div>
@@ -490,9 +492,10 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
<div class="energy-card__edit" data-type="gas" style="display:none;">
<div class="energy-edit-row"><label>当前余量</label><input type="number" class="energy-edit-input" value="8421.5" step="0.1"><span class="energy-edit-unit">m³</span></div>
<div class="energy-edit-row"><label>今日用量</label><input type="number" class="energy-edit-input" value="68" step="0.1"><span class="energy-edit-unit">m³</span></div>
<div class="energy-edit-row"><label>今日费用</label><input type="number" class="energy-edit-input energy-edit-cost" value="425.0" step="0.1"><span class="energy-edit-unit">元</span></div>
<div class="energy-edit-actions"><button class="btn btn-primary btn-sm" onclick="saveEnergyEdit('gas')">保存</button><button class="btn btn-default btn-sm" onclick="cancelEnergyEdit('gas')">取消</button></div>
</div>
<div class="energy-card__row"><span>今日费用</span><span>¥425.0</span></div>
<div class="energy-card__row" data-cost="gas"><span>今日费用</span><span>¥425.0</span></div>
<div class="energy-card__row"><span>状态</span><span class="tag tag-green">正常</span></div>
<div class="energy-card__row"><span>当前流量</span><span>4.6 m³/h</span></div>
<div class="energy-card__hint">当前燃气流量正常，无泄漏告警</div>
@@ -737,7 +740,7 @@ function toggleEnergyEdit(type){
cancelEnergyEdit(type);
}
}
// 保存编辑（原型演示：将输入值回写到展示态）
// 保存编辑（原型演示：将输入值回写到展示态，含今日用量和今日费用）
function saveEnergyEdit(type){
var card=document.getElementById('card-'+type);
var edit=card.querySelector('.energy-card__edit[data-type="'+type+'"]');
@@ -746,8 +749,15 @@ function saveEnergyEdit(type){
var units=edit.querySelectorAll('.energy-edit-unit');
var valEl=disp.querySelector('.energy-card__value');
var rowSpan=disp.querySelector('.energy-card__row span:last-child');
// 回写当前余量
valEl.innerHTML=inputs[0].value+' <span style="font-size:var(--font-sm);font-weight:400;">'+units[0].textContent+'</span>';
// 回写今日用量
rowSpan.textContent=inputs[1].value+' '+units[1].textContent;
// 回写今日费用（找到 data-cost 标识的展示行）
var costSpan=card.querySelector('.energy-card__row[data-cost] span:last-child');
if(costSpan && inputs[2]){
costSpan.textContent='¥'+parseFloat(inputs[2].value).toFixed(1);
}
cancelEnergyEdit(type);
}
// 取消编辑