|  |  |  | @ -64,9 +64,9 @@ | 
		
	
		
			
				|  |  |  |  |                 <!-- 主开关 --> | 
		
	
		
			
				|  |  |  |  |                 <g :class="{ 'switch-closed': devices[0].status === 'closed' }"> | 
		
	
		
			
				|  |  |  |  |                     <circle cx="200" cy="200" r="15" :fill="devices[0].status === 'closed' ? '#10b981' : '#ef4444'" /> | 
		
	
		
			
				|  |  |  |  |                     <text x="200" y="250" text-anchor="middle" font-size="12">主开关</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="200" y="270" text-anchor="middle" font-size="10" fill="#666">220kV</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="200" y="285" text-anchor="middle" font-size="10" | 
		
	
		
			
				|  |  |  |  |                     <text x="200" y="250" text-anchor="middle" font-size="5">主开关</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="200" y="270" text-anchor="middle" font-size="4" fill="#666">220kV</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="200" y="285" text-anchor="middle" font-size="4" | 
		
	
		
			
				|  |  |  |  |                         :fill="devices[0].status === 'closed' ? '#10b981' : '#ef4444'"> | 
		
	
		
			
				|  |  |  |  |                         {{ devices[0].statusText }} | 
		
	
		
			
				|  |  |  |  |                     </text> | 
		
	
	
		
			
				
					
					|  |  |  | @ -78,15 +78,15 @@ | 
		
	
		
			
				|  |  |  |  |                     <line x1="315" y1="190" x2="345" y2="190" stroke="#666" stroke-width="2" /> | 
		
	
		
			
				|  |  |  |  |                     <line x1="315" y1="210" x2="345" y2="210" stroke="#666" stroke-width="2" /> | 
		
	
		
			
				|  |  |  |  |                     <line x1="315" y1="230" x2="345" y2="230" stroke="#666" stroke-width="2" /> | 
		
	
		
			
				|  |  |  |  |                     <text x="330" y="285" text-anchor="middle" font-size="10" fill="#10b981">已完成</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="330" y="285" text-anchor="middle" font-size="5" fill="#10b981">已完成</text> | 
		
	
		
			
				|  |  |  |  |                 </g> | 
		
	
		
			
				|  |  |  |  |  | 
		
	
		
			
				|  |  |  |  |                 <!-- 母线开关 --> | 
		
	
		
			
				|  |  |  |  |                 <g :class="{ 'switch-closed': devices[1].status === 'closed' }"> | 
		
	
		
			
				|  |  |  |  |                     <circle cx="440" cy="200" r="15" :fill="devices[1].status === 'closed' ? '#10b981' : '#ef4444'" /> | 
		
	
		
			
				|  |  |  |  |                     <text x="440" y="250" text-anchor="middle" font-size="12">母线开关</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="440" y="270" text-anchor="middle" font-size="10" fill="#666">110kV</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="440" y="285" text-anchor="middle" font-size="10" | 
		
	
		
			
				|  |  |  |  |                     <text x="440" y="250" text-anchor="middle" font-size="5">母线开关</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="440" y="270" text-anchor="middle" font-size="4" fill="#666">110kV</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="440" y="285" text-anchor="middle" font-size="4" | 
		
	
		
			
				|  |  |  |  |                         :fill="devices[1].status === 'closed' ? '#10b981' : '#ef4444'"> | 
		
	
		
			
				|  |  |  |  |                         {{ devices[1].statusText }} | 
		
	
		
			
				|  |  |  |  |                     </text> | 
		
	
	
		
			
				
					
					|  |  |  | @ -98,8 +98,8 @@ | 
		
	
		
			
				|  |  |  |  |                 <!-- 馈线开关A --> | 
		
	
		
			
				|  |  |  |  |                 <g :class="{ 'switch-closed': devices[2].status === 'closed' }"> | 
		
	
		
			
				|  |  |  |  |                     <circle cx="600" cy="100" r="15" :fill="devices[2].status === 'closed' ? '#10b981' : '#ef4444'" /> | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="60" text-anchor="middle" font-size="12">馈线开关A</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="80" text-anchor="middle" font-size="10" | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="60" text-anchor="middle" font-size="5">馈线开关A</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="80" text-anchor="middle" font-size="5" | 
		
	
		
			
				|  |  |  |  |                         :fill="devices[2].status === 'closed' ? '#10b981' : '#ef4444'"> | 
		
	
		
			
				|  |  |  |  |                         {{ devices[2].statusText }} | 
		
	
		
			
				|  |  |  |  |                     </text> | 
		
	
	
		
			
				
					
					|  |  |  | @ -107,14 +107,14 @@ | 
		
	
		
			
				|  |  |  |  |  | 
		
	
		
			
				|  |  |  |  |                 <!-- 负载A --> | 
		
	
		
			
				|  |  |  |  |                 <circle cx="680" cy="100" r="20" fill="#3b82f6" stroke="#1e40af" stroke-width="2" /> | 
		
	
		
			
				|  |  |  |  |                 <text x="680" y="105" text-anchor="middle" fill="white" font-size="12">负载A</text> | 
		
	
		
			
				|  |  |  |  |                 <text x="680" y="135" text-anchor="middle" font-size="10" fill="#10b981">已完成</text> | 
		
	
		
			
				|  |  |  |  |                 <text x="680" y="105" text-anchor="middle" fill="white" font-size="5">负载A</text> | 
		
	
		
			
				|  |  |  |  |                 <text x="680" y="135" text-anchor="middle" font-size="5" fill="#10b981">已完成</text> | 
		
	
		
			
				|  |  |  |  |  | 
		
	
		
			
				|  |  |  |  |                 <!-- 馈线开关B --> | 
		
	
		
			
				|  |  |  |  |                 <g :class="{ 'switch-closed': devices[3].status === 'closed' }"> | 
		
	
		
			
				|  |  |  |  |                     <circle cx="600" cy="300" r="15" :fill="devices[3].status === 'closed' ? '#10b981' : '#ef4444'" /> | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="340" text-anchor="middle" font-size="12">馈线开关B</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="360" text-anchor="middle" font-size="10" | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="340" text-anchor="middle" font-size="5">馈线开关B</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="600" y="360" text-anchor="middle" font-size="5" | 
		
	
		
			
				|  |  |  |  |                         :fill="devices[3].status === 'closed' ? '#10b981' : '#ef4444'"> | 
		
	
		
			
				|  |  |  |  |                         {{ devices[3].statusText }} | 
		
	
		
			
				|  |  |  |  |                     </text> | 
		
	
	
		
			
				
					
					|  |  |  | @ -123,8 +123,8 @@ | 
		
	
		
			
				|  |  |  |  |                 <!-- 保护开关 --> | 
		
	
		
			
				|  |  |  |  |                 <g :class="{ 'switch-closed': devices[4].status === 'closed' }"> | 
		
	
		
			
				|  |  |  |  |                     <circle cx="720" cy="300" r="15" :fill="devices[4].status === 'closed' ? '#10b981' : '#ef4444'" /> | 
		
	
		
			
				|  |  |  |  |                     <text x="720" y="340" text-anchor="middle" font-size="12">保护开关</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="720" y="360" text-anchor="middle" font-size="10" | 
		
	
		
			
				|  |  |  |  |                     <text x="720" y="340" text-anchor="middle" font-size="5">保护开关</text> | 
		
	
		
			
				|  |  |  |  |                     <text x="720" y="360" text-anchor="middle" font-size="5" | 
		
	
		
			
				|  |  |  |  |                         :fill="devices[4].status === 'closed' ? '#10b981' : '#ef4444'"> | 
		
	
		
			
				|  |  |  |  |                         {{ devices[4].statusText }} | 
		
	
		
			
				|  |  |  |  |                     </text> | 
		
	
	
		
			
				
					
					|  |  |  | 
 |