enterprise-saa-s-dashboard-design/dist/assets/ActivationManagement-DuZO7LSx.js

import{I as d}from"./info-DbTQmklK.js";import{d as m,a as r,b as t,f as i,u as a,x as c,F as f,r as u,o as n,t as e,n as v}from"./index-C5t0nGiQ.js";const y={class:"p-6"},g={class:"mb-6 p-4 rounded-lg flex items-start gap-3",style:{"background-color":"#eef5f0",border:"1px solid #a3c4ad"}},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"},k={class:"px-6 py-4"},w={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",style:{color:"rgba(0, 0, 0, 0.65)"}},E={class:"px-6 py-4"},_={class:"p-4 rounded-lg flex items-start gap-3",style:{"background-color":"#FFFBE6",border:"1px solid #FFE58F"}},P=m({__name:"ActivationManagement",setup(z){const x=[{sn:"GD30-2025-000001",model:"GD30 高密度电法仪",activationDate:"2025-02-10 14:30",status:"已激活",operator:"王工程师"},{sn:"GT20-2025-000045",model:"GT20 瞬变电磁仪",activationDate:"2025-02-09 10:15",status:"已激活",operator:"李工程师"},{sn:"GM10-2025-000023",model:"GM10 大地电磁仪",activationDate:"2025-02-08 16:20",status:"待激活",operator:"张工程师"}],p=l=>{switch(l){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(l,o)=>(n(),r("div",y,[o[5]||(o[5]=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",g,[i(a(d),{size:20,style:{color:"#4a7c59","flex-shrink":"0","margin-top":"2px"}}),o[0]||(o[0]=t("div",{style:{color:"#2d5a3d"}},[t("div",{class:"font-medium mb-1"},"APP激活流程说明"),t("div",{class:"text-sm"}," APP读取设备UID → 与后台SN匹配 → 下载授权文件和配置 → 生成设备配置 → 激活设备。激活成功后，设备每次开机会自动检测授权文件更新。 ")],-1))]),o[6]||(o[6]=c('<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><input type="date" class="w-full px-3 py-2 border rounded" style="border-color:#D9D9D9;"></div><div class="flex items-end"><button class="w-full px-4 py-2 rounded text-white" style="background-color:#4a7c59;"> 查询 </button></div></div></div>',1)),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)"}},"操作")])],-1)),t("tbody",null,[(n(),r(f,null,u(x,(s,b)=>t("tr",{key:b,class:"border-b",style:{"border-color":"#F0F0F0"}},[t("td",k,e(s.sn),1),t("td",w,e(s.model),1),t("td",A,e(s.activationDate),1),t("td",C,e(s.operator),1),t("td",E,[t("span",{class:"px-2 py-1 rounded text-xs",style:v(p(s.status))},e(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:"#4a7c59"}},"详情")])],-1))])),64))])])])]),o[7]||(o[7]=c('<div class="bg-white p-6 rounded-lg mb-4" style="box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);"><h3 class="text-lg font-semibold mb-6">APP激活流程 &amp; 开机授权检测</h3><div class="flex items-center justify-between gap-6"><div class="flex-1 p-6 rounded-lg text-center" style="background-color:#eef5f0;border:2px solid #4a7c59;"><div class="w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3" style="background-color:#4a7c59;color:#fff;font-size:20px;font-weight:bold;">①</div><div class="font-medium mb-2" style="color:#4a7c59;">读取UID</div><div class="text-sm" style="color:#2d5a3d;">APP读取设备UID</div></div><div style="color:#D9D9D9;font-size:24px;">→</div><div class="flex-1 p-6 rounded-lg text-center" style="background-color:#F9F0FF;border:2px solid #722ED1;"><div class="w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3" style="background-color:#722ED1;color:#fff;font-size:20px;font-weight:bold;">②</div><div class="font-medium mb-2" style="color:#722ED1;">SN匹配</div><div class="text-sm" style="color:#531DAB;">后台SN匹配验证</div></div><div style="color:#D9D9D9;font-size:24px;">→</div><div class="flex-1 p-6 rounded-lg text-center" style="background-color:#F6FFED;border:2px solid #52C41A;"><div class="w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3" style="background-color:#52C41A;color:#fff;font-size:20px;font-weight:bold;">③</div><div class="font-medium mb-2" style="color:#52C41A;">下载文件</div><div class="text-sm" style="color:#389E0D;">下载授权和配置</div></div><div style="color:#D9D9D9;font-size:24px;">→</div><div class="flex-1 p-6 rounded-lg text-center" style="background-color:#FFFBE6;border:2px solid #FAAD14;"><div class="w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3" style="background-color:#FAAD14;color:#fff;font-size:20px;font-weight:bold;">④</div><div class="font-medium mb-2" style="color:#FAAD14;">生成配置</div><div class="text-sm" style="color:#D46B08;">生成设备配置文件</div></div><div style="color:#D9D9D9;font-size:24px;">→</div><div class="flex-1 p-6 rounded-lg text-center" style="background-color:#E6FFFB;border:2px solid #13C2C2;"><div class="w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3" style="background-color:#13C2C2;color:#fff;font-size:20px;font-weight:bold;">⑤</div><div class="font-medium mb-2" style="color:#13C2C2;">激活设备</div><div class="text-sm" style="color:#006D75;">完成激活流程</div></div></div></div>',1)),t("div",_,[i(a(d),{size:20,style:{color:"#FAAD14","flex-shrink":"0","margin-top":"2px"}}),o[4]||(o[4]=t("div",{style:{color:"#D46B08"}},[t("div",{class:"font-medium"},"开机授权检测机制"),t("div",{class:"text-sm mt-1"}," 设备每次开机 → APP自动连接 → 检测授权文件是否有更新 → 有更新则自动下载 ")],-1))])]))}});export{P as default};