chore: 添加标题类型

app/src/views/FireCondition/components/FireReason.vue

@@ -10,7 +10,16 @@ export default {
   props: {
     data: {
       type: Array,
-      default: () => []
+      default: () => [
+        {
+          name: "电气火灾",
+          value: "40"
+        },
+        {
+          name: "自然",
+          value: "40"
+        }
+      ]
     }
   },
   data() {

components/BorderPanel/data.js

@@ -2,5 +2,6 @@ import headerTitleBg1 from "../assets/border-panel_header_1.svg";
 import headerTitleBg2 from "../assets/border-panel_header_2.svg";
 import headerTitleBg3 from "../assets/border-panel_header_3.svg";
 import headerTitleBg4 from "../assets/border-panel_header_4.svg";
+import headerTitleBg5 from "../assets/border-panel_header_5.svg";
 
-export const headerTitleBgs = [headerTitleBg1, headerTitleBg2, headerTitleBg3, headerTitleBg4];
+export const headerTitleBgs = [headerTitleBg1, headerTitleBg2, headerTitleBg3, headerTitleBg4, headerTitleBg5];

components/assets/border-panel_header_5.svg

@@ -0,0 +1,234 @@
+<svg width="540" height="50" viewBox="0 0 540 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_251_119)">
+<path d="M-0.000396729 49H235.606C238.739 49 241.687 47.5163 243.553 45C245.419 42.4837 248.367 41 251.5 41H-0.000396729V49Z" fill="url(#paint0_linear_251_119)" fill-opacity="0.3"/>
+<path d="M443 41.4918H251.501C248.368 41.4918 245.42 42.9755 243.554 45.4918V45.4918C241.688 48.0081 238.74 49.4918 235.607 49.4918H0.000398903" stroke="white"/>
+<path d="M443 41.4918H251.501C248.368 41.4918 245.42 42.9755 243.554 45.4918V45.4918C241.688 48.0081 238.74 49.4918 235.607 49.4918H0.000398903" stroke="url(#paint1_linear_251_119)"/>
+<path d="M2.19275e-06 4L544 4V41H0L2.19275e-06 4Z" fill="url(#paint2_linear_251_119)" fill-opacity="0.34"/>
+<g style="mix-blend-mode:overlay" filter="url(#filter0_f_251_119)">
+<path d="M24.7371 17.8571L61.9995 50.7239L-12.5254 50.7239L24.7371 17.8571Z" fill="url(#paint3_radial_251_119)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
+</g>
+<g style="mix-blend-mode:overlay" filter="url(#filter1_f_251_119)">
+<path d="M24.7374 32.1175L45.8714 50.7239L3.60352 50.7239L24.7374 32.1175Z" fill="url(#paint4_radial_251_119)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
+</g>
+<g style="mix-blend-mode:overlay" filter="url(#filter2_f_251_119)">
+<path d="M24.7354 41.896L34.7462 50.7239L14.7246 50.7239L24.7354 41.896Z" fill="url(#paint5_radial_251_119)" fill-opacity="0.97" style="mix-blend-mode:overlay"/>
+</g>
+<path d="M544 43H-341V53H544V43Z" fill="url(#paint6_radial_251_119)"/>
+<path d="M544 -3H-341V7H544V-3Z" fill="url(#paint7_radial_251_119)"/>
+<rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 395.145 43)" fill="#00C2FF"/>
+<rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 406.258 43)" fill="#0085FF" fill-opacity="0.5"/>
+<rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 417.373 43)" fill="#00C2FF"/>
+<rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 428.486 43)" fill="#0085FF" fill-opacity="0.5"/>
+<rect width="4.49433" height="4.49433" transform="matrix(-0.699476 0.714656 0.699476 0.714656 439.855 43)" fill="#00C2FF"/>
+<path d="M251.468 44L246.256 49H244L249.023 44H251.468Z" fill="url(#paint8_linear_251_119)"/>
+<path d="M257.425 44L252.213 49H249.957L254.981 44H257.425Z" fill="url(#paint9_linear_251_119)"/>
+<path d="M264.129 49L269.34 44H266.896L261.873 49H264.129Z" fill="url(#paint10_linear_251_119)"/>
+<path d="M305.085 44L299.873 49H297.617L302.641 44H305.085Z" fill="url(#paint11_linear_251_119)"/>
+<path d="M317 44L311.789 49H309.532L314.556 44H317Z" fill="url(#paint12_linear_251_119)"/>
+<path d="M276.043 49L281.255 44H278.811L273.787 49H276.043Z" fill="url(#paint13_linear_251_119)"/>
+<path d="M293.17 44L287.959 49H285.703L290.726 44H293.17Z" fill="url(#paint14_linear_251_119)"/>
+<path d="M263.382 44L258.171 49H255.915L260.938 44H263.382Z" fill="url(#paint15_linear_251_119)"/>
+<path d="M299.127 44L293.916 49H291.66L296.683 44H299.127Z" fill="url(#paint16_linear_251_119)"/>
+<path d="M275.297 44L270.086 49H267.83L272.853 44H275.297Z" fill="url(#paint17_linear_251_119)"/>
+<path d="M311.043 44L305.831 49H303.575L308.599 44H311.043Z" fill="url(#paint18_linear_251_119)"/>
+<path d="M287.213 44L282.001 49H279.745L284.769 44H287.213Z" fill="url(#paint19_linear_251_119)"/>
+<path d="M323.468 44L318.256 49H316L321.023 44H323.468Z" fill="url(#paint20_linear_251_119)"/>
+<path d="M329.425 44L324.213 49H321.957L326.981 44H329.425Z" fill="url(#paint21_linear_251_119)"/>
+<path d="M336.129 49L341.34 44H338.896L333.873 49H336.129Z" fill="url(#paint22_linear_251_119)"/>
+<path d="M377.085 44L371.873 49H369.617L374.641 44H377.085Z" fill="url(#paint23_linear_251_119)"/>
+<path d="M389 44L383.789 49H381.532L386.556 44H389Z" fill="url(#paint24_linear_251_119)"/>
+<path d="M348.043 49L353.255 44H350.811L345.787 49H348.043Z" fill="url(#paint25_linear_251_119)"/>
+<path d="M365.17 44L359.959 49H357.703L362.726 44H365.17Z" fill="url(#paint26_linear_251_119)"/>
+<path d="M335.382 44L330.171 49H327.915L332.938 44H335.382Z" fill="url(#paint27_linear_251_119)"/>
+<path d="M371.127 44L365.916 49H363.66L368.683 44H371.127Z" fill="url(#paint28_linear_251_119)"/>
+<path d="M347.297 44L342.086 49H339.83L344.853 44H347.297Z" fill="url(#paint29_linear_251_119)"/>
+<path d="M383.043 44L377.831 49H375.575L380.599 44H383.043Z" fill="url(#paint30_linear_251_119)"/>
+<path d="M359.213 44L354.001 49H351.745L356.769 44H359.213Z" fill="url(#paint31_linear_251_119)"/>
+<g filter="url(#filter3_f_251_119)">
+<rect x="4" y="24" width="10.6066" height="10.6066" transform="rotate(-45 4 24)" fill="#0057FF" fill-opacity="0.66"/>
+</g>
+<path d="M17.4325 13L29 23.9425L17.4713 35H12.3534L21.1197 23.9425L12.4147 13H17.4325Z" fill="url(#paint32_linear_251_119)"/>
+<path d="M15.6051 24.0484L12.3025 20.9371L9 24.0484L12.3025 27.1596L15.6051 24.0484Z" fill="url(#paint33_linear_251_119)"/>
+</g>
+<defs>
+<filter id="filter0_f_251_119" x="-15.5254" y="14.8571" width="80.5249" height="38.8668" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_251_119"/>
+</filter>
+<filter id="filter1_f_251_119" x="1.60352" y="30.1174" width="46.2678" height="22.6064" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_251_119"/>
+</filter>
+<filter id="filter2_f_251_119" x="13.7246" y="40.896" width="22.0217" height="10.8279" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_251_119"/>
+</filter>
+<filter id="filter3_f_251_119" x="-2" y="10.5" width="27" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_251_119"/>
+</filter>
+<linearGradient id="paint0_linear_251_119" x1="237.923" y1="49" x2="-3.5515" y2="49" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00A3FF"/>
+<stop offset="1" stop-color="#0085FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_251_119" x1="443" y1="38.0736" x2="-7.20155" y2="38.0736" gradientUnits="userSpaceOnUse">
+<stop stop-color="#001F3D"/>
+<stop offset="0.177083" stop-color="#0084FF"/>
+<stop offset="1" stop-color="#00C2FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_251_119" x1="328.689" y1="41" x2="328.689" y2="4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.572917" stop-color="#00A3FF" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint3_radial_251_119" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7371 50.7239) rotate(-90) scale(34.8015 56.8608)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint4_radial_251_119" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7374 50.7239) rotate(-90) scale(19.7017 32.2494)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint5_radial_251_119" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7354 50.7239) rotate(-90) scale(9.34751 15.276)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F6F5F5" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint6_radial_251_119" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.114 47.3304) rotate(-90) scale(4.88953 313.212)">
+<stop offset="0.0381" stop-color="white"/>
+<stop offset="0.1359" stop-color="#00D5FF" stop-opacity="0.6"/>
+<stop offset="0.2643" stop-color="#006AFF" stop-opacity="0.5"/>
+<stop offset="0.4568" stop-color="#0935CC" stop-opacity="0.3238"/>
+<stop offset="0.6172" stop-color="#100EA7" stop-opacity="0.177"/>
+<stop offset="0.7013" stop-color="#120099" stop-opacity="0.1"/>
+<stop offset="0.746" stop-color="#100089" stop-opacity="0.085"/>
+<stop offset="0.8334" stop-color="#0B005F" stop-opacity="0.0558"/>
+<stop offset="0.954" stop-color="#03001B" stop-opacity="0.0154"/>
+<stop offset="1" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint7_radial_251_119" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.114 1.33036) rotate(-90) scale(4.88953 313.212)">
+<stop offset="0.0381" stop-color="white"/>
+<stop offset="0.1359" stop-color="#00D5FF" stop-opacity="0.6"/>
+<stop offset="0.2643" stop-color="#006AFF" stop-opacity="0.5"/>
+<stop offset="0.4568" stop-color="#0935CC" stop-opacity="0.3238"/>
+<stop offset="0.6172" stop-color="#100EA7" stop-opacity="0.177"/>
+<stop offset="0.7013" stop-color="#120099" stop-opacity="0.1"/>
+<stop offset="0.746" stop-color="#100089" stop-opacity="0.085"/>
+<stop offset="0.8334" stop-color="#0B005F" stop-opacity="0.0558"/>
+<stop offset="0.954" stop-color="#03001B" stop-opacity="0.0154"/>
+<stop offset="1" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint8_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint9_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint10_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint11_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint12_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint13_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint14_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint15_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint16_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint17_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint18_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint19_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint20_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint21_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint22_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint23_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint24_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint25_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint26_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint27_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint28_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint29_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint30_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint31_linear_251_119" x1="361.458" y1="49.5" x2="361.458" y2="43.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0085FF"/>
+<stop offset="0.932292" stop-color="#0085FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint32_linear_251_119" x1="28.4118" y1="23.7976" x2="9" y2="23.7976" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.254331" stop-color="#CDE4FF"/>
+<stop offset="1" stop-color="#0075FF"/>
+</linearGradient>
+<linearGradient id="paint33_linear_251_119" x1="28.4118" y1="23.7976" x2="9" y2="23.7976" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.254331" stop-color="#CDE4FF"/>
+<stop offset="1" stop-color="#0075FF"/>
+</linearGradient>
+<clipPath id="clip0_251_119">
+<rect width="540" height="50" fill="white"/>
+</clipPath>
+</defs>
+</svg>