enterprise-saa-s-dashboard-.../dist/assets/DeviceDetail-BcuqN-1h.js

7 lines
8.5 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{c as y,d as F,a as l,b as s,u as i,i as d,j as v,l as b,F as m,r as x,m as u,o as r,n as c,t as o,f}from"./index-C436_g8x.js";import{A as _}from"./arrow-left-DgHW7lI4.js";import{D as h}from"./download-Bug6XpZq.js";import{C as D}from"./circle-stop-ij390Vuh.js";import{C as k}from"./clock-gKlC1TlO.js";/**
* @license lucide-vue-next v0.487.0 - ISC
*
* This source code is licensed under the ISC license.
* See the LICENSE file in the root directory of this source tree.
*/const C=y("pen",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}]]),w={class:"p-6"},B={class:"mb-6"},E={class:"flex items-center gap-4 mb-2"},V={class:"flex items-center gap-3 ml-12"},z={class:"px-4 py-2 rounded flex items-center gap-2",style:{border:"1px solid #D9D9D9",color:"rgba(0, 0, 0, 0.85)"}},A={class:"px-4 py-2 rounded flex items-center gap-2",style:{border:"1px solid #D9D9D9",color:"rgba(0, 0, 0, 0.85)"}},M={class:"px-4 py-2 rounded flex items-center gap-2",style:{border:"1px solid #FF4D4F",color:"#FF4D4F"}},N={class:"bg-white p-6 rounded-lg mb-6",style:{"box-shadow":"0 1px 2px rgba(0, 0, 0, 0.05)"}},j={class:"flex items-center justify-center gap-6"},L={class:"text-center"},S={class:"text-xs",style:{color:"rgba(0, 0, 0, 0.45)"}},T={key:0,style:{color:"#D9D9D9","font-size":"24px"}},X={class:"bg-white p-6 rounded-lg",style:{"box-shadow":"0 1px 2px rgba(0, 0, 0, 0.05)"}},G={class:"relative"},I={class:"space-y-6"},O={class:"flex flex-col items-center flex-shrink-0"},R={class:"w-12 h-12 rounded-full flex items-center justify-center relative z-10",style:{"background-color":"#E6F7FF",border:"2px solid #1890FF"}},H={class:"flex-1 pt-2"},P={class:"flex items-center gap-3 mb-2"},$={class:"font-medium"},q={class:"text-sm",style:{color:"rgba(0, 0, 0, 0.45)"}},J={class:"text-sm",style:{color:"rgba(0, 0, 0, 0.45)"}},K={class:"text-sm",style:{color:"rgba(0, 0, 0, 0.65)"}},es=F({__name:"DeviceDetail",setup(Q){const g=u(),n=[{name:"主板",version:"MB-V2.3",sn:"MB20240308001",bg:"#E6F7FF",color:"#1890FF"},{name:"采集板",version:"RX-V1.8",sn:"RX20240308002",bg:"#F0F5FF",color:"#597EF7"},{name:"发射板",version:"TX-V1.2",sn:"TX20240308003",bg:"#FFF7E6",color:"#FA8C16"},{name:"测控板",version:"MC-V1.5",sn:"MC20240308004",bg:"#F6FFED",color:"#52C41A"},{name:"升压板",version:"BO-V1.0",sn:"BO20240308005",bg:"#FFF0F6",color:"#EB2F96"}],p=[{date:"2024-03-01",type:"固件升级",operator:"王工程师",description:"升级固件至v2.3.5,解决数据采集异常问题"},{date:"2024-02-15",type:"主板更换",operator:"李工程师",description:"更换主控板MB20231215001 → 新MB20240215001"},{date:"2024-01-20",type:"常规保养",operator:"张工程师",description:"清洁设备,检查线路连接,测试功能正常"}];return(U,t)=>(r(),l("div",w,[s("div",B,[s("div",E,[s("button",{class:"p-2 rounded hover:bg-gray-100 transition-colors",style:{color:"rgba(0, 0, 0, 0.65)"},onClick:t[0]||(t[0]=e=>i(g).go(-1))},[d(i(_),{size:20})]),t[1]||(t[1]=s("h2",{class:"text-2xl font-semibold"},"GD30-2025-000001",-1)),t[2]||(t[2]=s("span",{class:"px-3 py-1 rounded text-sm",style:{"background-color":"#F6FFED",color:"#52C41A",border:"1px solid #B7EB8F"}}," 已激活 ",-1))]),s("div",V,[s("button",z,[d(i(C),{size:16}),t[3]||(t[3]=v(" 编辑信息 ",-1))]),s("button",A,[d(i(h),{size:16}),t[4]||(t[4]=v(" 导出数据 ",-1))]),s("button",M,[d(i(D),{size:16}),t[5]||(t[5]=v(" 设备下线 ",-1))])])]),t[9]||(t[9]=b('<div class="bg-white p-6 rounded-lg mb-6" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><h3 class="text-lg font-semibold mb-6">基本信息</h3><div class="grid grid-cols-3 gap-x-12 gap-y-6"><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">设备型号</div><div>GD30 高密度电法仪</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">主机SN号</div><div>GD30-2025-000001</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">设备状态</div><span class="inline-block px-2 py-1 rounded text-xs" style="background-color:#F6FFED;color:#52C41A;border:1px solid #B7EB8F;"> 已激活 </span></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">生产日期</div><div>2025-01-15</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">出厂日期</div><div>2025-02-01</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">激活日期</div><div>2025-02-10</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">装配人员</div><div>张工程师</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">测试人员</div><div>李工程师</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">客户名称</div><div>北京地质研究院</div></div></div></div>',1)),s("div",N,[t[6]||(t[6]=s("h3",{class:"text-lg font-semibold mb-6"},"硬件拓扑",-1)),s("div",j,[(r(),l(m,null,x(n,(e,a)=>s("div",{key:e.name,class:"flex items-center gap-6"},[s("div",L,[s("div",{class:"w-28 h-28 rounded-lg flex flex-col items-center justify-center mb-3",style:c({backgroundColor:e.bg,border:"2px solid "+e.color})},[s("div",{class:"text-base font-semibold",style:c({color:e.color})},o(e.name),5),s("div",{class:"text-xs mt-2",style:c({color:e.color})},o(e.version),5)],4),s("div",S,o(e.sn),1)]),Number(a)<n.length-1?(r(),l("div",T,"→")):f("",!0)])),64))])]),t[10]||(t[10]=b('<div class="bg-white p-6 rounded-lg mb-6" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><h3 class="text-lg font-semibold mb-6">授权信息</h3><div class="grid grid-cols-3 gap-x-12 gap-y-6"><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">授权ID</div><div>LIC-2025-0001</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">授权状态</div><span class="inline-block px-2 py-1 rounded text-xs" style="background-color:#F6FFED;color:#52C41A;border:1px solid #B7EB8F;"> 已激活 </span></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">授权类型</div><div>正式授权</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">生效日期</div><div>2025-02-10</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">到期日期</div><div>2026-02-10</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">剩余天数</div><div style="color:#52C41A;">317天</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">授权功能模块</div><div>基础功能, 高级分析, 数据导出</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">授权文件</div><button class="text-sm" style="color:#1890FF;">auth_gd30_v2.3.lic</button></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">操作</div><button class="text-sm" style="color:#1890FF;">续期</button></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);"><h3 class="text-lg font-semibold mb-6">固件信息</h3><div class="grid grid-cols-3 gap-x-12 gap-y-6"><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">当前固件版本</div><div>v2.3.5</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">最后更新时间</div><div>2024-03-01 10:30</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">更新方式</div><div>远程OTA</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">配置文件版本</div><div>v1.2.0</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">配置同步时间</div><div>2024-03-01 10:35</div></div><div><div class="text-sm mb-2" style="color:rgba(0, 0, 0, 0.45);">操作</div><div class="flex items-center gap-3"><button class="text-sm" style="color:#1890FF;">推送固件</button><button class="text-sm" style="color:#1890FF;">下发配置</button></div></div></div></div>',2)),s("div",X,[t[8]||(t[8]=s("div",{class:"flex items-center justify-between mb-6"},[s("h3",{class:"text-lg font-semibold"},"维修历史"),s("button",{class:"text-sm",style:{color:"#1890FF"}},"查看全部")],-1)),s("div",G,[t[7]||(t[7]=s("div",{class:"absolute left-6 top-6 bottom-6 w-0.5",style:{"background-color":"#F0F0F0"}},null,-1)),s("div",I,[(r(),l(m,null,x(p,(e,a)=>s("div",{key:a,class:"flex gap-4"},[s("div",O,[s("div",R,[d(i(k),{size:20,style:{color:"#1890FF"}})])]),s("div",H,[s("div",P,[s("span",$,o(e.type),1),s("span",q,o(e.date),1),s("span",J,"操作人:"+o(e.operator),1)]),s("div",K,o(e.description),1)])])),64))])])])]))}});export{es as default};