2 lines
6.6 KiB
JavaScript
2 lines
6.6 KiB
JavaScript
import{I as n}from"./info-D3XHB5ch.js";import{d as p,a as r,b as t,i as x,u as y,l as d,F as u,r as m,o as a,t as l,n as g}from"./index-C436_g8x.js";const v={class:"p-6"},F={class:"mb-6 p-4 rounded-lg flex items-start gap-3",style:{"background-color":"#F9F0FF",border:"1px solid #D3ADF7"}},f={class:"bg-white rounded-lg mb-6",style:{"box-shadow":"0 1px 2px rgba(0, 0, 0, 0.05)"}},D={class:"overflow-x-auto"},h={class:"w-full"},w={class:"px-6 py-4"},k={class:"px-6 py-4",style:{color:"rgba(0, 0, 0, 0.65)"}},S={class:"px-6 py-4",style:{color:"rgba(0, 0, 0, 0.65)"}},_={class:"px-6 py-4",style:{color:"rgba(0, 0, 0, 0.65)"}},A={class:"px-6 py-4",style:{color:"rgba(0, 0, 0, 0.65)"}},C={class:"px-6 py-4"},G=p({__name:"CalibrationRecords",setup(B){const i=[{boardSn:"AC20240308001",deviceSn:"GD30-2025-000001",calibrationDate:"2024-03-01",calibrator:"王工程师",expiryDate:"2025-03-01",status:"合格"},{boardSn:"AC20240308002",deviceSn:"GT20-2025-000045",calibrationDate:"2024-03-05",calibrator:"李工程师",expiryDate:"2025-03-05",status:"合格"},{boardSn:"AC20240308003",deviceSn:"GTXD-2025-000023",calibrationDate:"2024-03-08",calibrator:"张工程师",expiryDate:"2025-03-08",status:"合格"}],c=e=>{switch(e){case"合格":return{backgroundColor:"#F6FFED",color:"#52C41A",border:"1px solid #B7EB8F"};case"不合格":return{backgroundColor:"#FFF1F0",color:"#FF4D4F",border:"1px solid #FFCCC7"};case"待校准":return{backgroundColor:"#FFFBE6",color:"#FAAD14",border:"1px solid #FFE58F"}}};return(e,o)=>(a(),r("div",v,[o[4]||(o[4]=t("div",{class:"mb-6"},[t("h2",{class:"text-2xl font-semibold mb-1"},"采集板校准记录"),t("p",{class:"text-sm",style:{color:"rgba(0, 0, 0, 0.45)"}},"管理采集板校准数据")],-1)),t("div",F,[x(y(n),{size:20,style:{color:"#722ED1","flex-shrink":"0","margin-top":"2px"}}),o[0]||(o[0]=t("div",{style:{color:"#531DAB"}},[t("div",{class:"font-medium"},"校准说明"),t("div",{class:"text-sm mt-1"}," 校准仅针对采集板,其他板卡无需校准。采集板校准有效期为1年,到期前需重新校准。 ")],-1))]),o[5]||(o[5]=d('<div class="grid grid-cols-4 gap-6 mb-6"><div class="bg-white p-6 rounded-lg" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">采集板校准总数</div><div class="text-3xl font-semibold" style="color:#1890FF;">1,245</div></div><div class="bg-white p-6 rounded-lg" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">待校准采集板</div><div class="text-3xl font-semibold" style="color:#FAAD14;">23</div></div><div class="bg-white p-6 rounded-lg" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">校准中</div><div class="text-3xl font-semibold" style="color:#1890FF;">8</div></div><div class="bg-white p-6 rounded-lg" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">校准即将到期</div><div class="text-3xl font-semibold" style="color:#FF4D4F;">15</div></div></div><div class="bg-white p-6 rounded-lg mb-6" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><div class="grid grid-cols-4 gap-4"><div><label class="block text-sm mb-2" style="color:rgba(0, 0, 0, 0.65);">采集板SN号</label><input type="text" class="w-full px-3 py-2 border rounded" style="border-color:#D9D9D9;" placeholder="输入采集板SN号搜索"></div><div><label class="block text-sm mb-2" style="color:rgba(0, 0, 0, 0.65);">校准状态</label><select class="w-full px-3 py-2 border rounded" style="border-color:#D9D9D9;background-color:#fff;"><option>全部</option><option>合格</option><option>不合格</option><option>待校准</option></select></div><div><label class="block text-sm mb-2" style="color:rgba(0, 0, 0, 0.65);">校准人员</label><select class="w-full px-3 py-2 border rounded" style="border-color:#D9D9D9;background-color:#fff;"><option>全部</option><option>王工程师</option><option>李工程师</option><option>张工程师</option></select></div><div class="flex items-end"><button class="w-full px-4 py-2 rounded text-white" style="background-color:#1890FF;"> 查询 </button></div></div></div>',2)),t("div",f,[o[3]||(o[3]=t("div",{class:"p-6 border-b",style:{"border-color":"#F0F0F0"}},[t("h3",{class:"text-lg font-semibold"},"校准记录")],-1)),t("div",D,[t("table",h,[o[2]||(o[2]=t("thead",{style:{"background-color":"#FAFAFA"}},[t("tr",null,[t("th",{class:"px-6 py-3 text-left text-sm font-medium",style:{color:"rgba(0, 0, 0, 0.85)"}},"采集板SN号"),t("th",{class:"px-6 py-3 text-left text-sm font-medium",style:{color:"rgba(0, 0, 0, 0.85)"}},"所属设备"),t("th",{class:"px-6 py-3 text-left text-sm font-medium",style:{color:"rgba(0, 0, 0, 0.85)"}},"校准日期"),t("th",{class:"px-6 py-3 text-left text-sm font-medium",style:{color:"rgba(0, 0, 0, 0.85)"}},"到期日期"),t("th",{class:"px-6 py-3 text-left text-sm font-medium",style:{color:"rgba(0, 0, 0, 0.85)"}},"校准人员"),t("th",{class:"px-6 py-3 text-left text-sm font-medium",style:{color:"rgba(0, 0, 0, 0.85)"}},"状态"),t("th",{class:"px-6 py-3 text-left text-sm font-medium",style:{color:"rgba(0, 0, 0, 0.85)"}},"操作")])],-1)),t("tbody",null,[(a(),r(u,null,m(i,(s,b)=>t("tr",{key:b,class:"border-b",style:{"border-color":"#F0F0F0"}},[t("td",w,l(s.boardSn),1),t("td",k,l(s.deviceSn),1),t("td",S,l(s.calibrationDate),1),t("td",_,l(s.expiryDate),1),t("td",A,l(s.calibrator),1),t("td",C,[t("span",{class:"px-2 py-1 rounded text-xs",style:g(c(s.status))},l(s.status),5)]),o[1]||(o[1]=t("td",{class:"px-6 py-4"},[t("div",{class:"flex items-center gap-3"},[t("button",{class:"text-sm",style:{color:"#1890FF"}},"详情"),t("button",{class:"text-sm",style:{color:"#1890FF"}},"下载报告"),t("button",{class:"text-sm",style:{color:"#1890FF"}},"重新校准")])],-1))])),64))])])])]),o[6]||(o[6]=d('<div class="bg-white p-4 rounded-lg flex items-center justify-between" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><div class="text-sm" style="color:rgba(0, 0, 0, 0.65);">显示 1-10 / 共 1,245 条</div><div class="flex items-center gap-2"><button class="px-3 py-1 rounded border" style="border-color:#D9D9D9;color:rgba(0, 0, 0, 0.45);" disabled> 上一页 </button><button class="px-3 py-1 rounded" style="background-color:#1890FF;color:#fff;">1</button><button class="px-3 py-1 rounded border" style="border-color:#D9D9D9;color:rgba(0, 0, 0, 0.85);">2</button><button class="px-3 py-1 rounded border" style="border-color:#D9D9D9;color:rgba(0, 0, 0, 0.85);">3</button><button class="px-3 py-1 rounded border" style="border-color:#D9D9D9;color:rgba(0, 0, 0, 0.85);">下一页</button></div></div>',1))]))}});export{G as default};
|