20 changed files with 832 additions and 159 deletions
|
Before Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,38 @@ |
|||
<style lang="less" scoped> |
|||
.center{ |
|||
flex-grow: 1; |
|||
position:relative; |
|||
.bottom{ |
|||
background-image:url(@/assets/img/goods-center-bg.png); |
|||
position:absolute; |
|||
bottom:10px; |
|||
left:50%; |
|||
transform: translateX(-50%); |
|||
width:673px; |
|||
height:132px; |
|||
padding:30px 40px; |
|||
&>.title{ |
|||
color:#0C7EF0; |
|||
font-size:18px; |
|||
font-weight: bold; |
|||
margin-bottom:15px; |
|||
} |
|||
&>.content{ |
|||
color:#fff; |
|||
font-size:16px; |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
<template> |
|||
<div class="center"> |
|||
<div class="bottom"> |
|||
<div class="title">虫情播报<svg-icon name="laba"/></div> |
|||
<div class="content multiLine">近期xxx虫比较多，xxx作物叶受损，各种植户根据自基地实况进行有效防范。如已发生，推荐使用xx药进行处理！近期xxx虫比较多，xxx作物叶受损，各种植户根据自基地实况进行有效防范。如已发生，推荐使用xx药进行处理！</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script setup> |
|||
|
|||
</script> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,304 @@ |
|||
<style lang="less"> |
|||
.el-popover.mapPopover{ |
|||
box-shadow: 0 0 6px 0 #48b4ff; |
|||
border-radius: 0; |
|||
height:245px; |
|||
background-size:100% 100%; |
|||
padding:0!important; |
|||
background-color:transparent; |
|||
border:none; |
|||
position:relative; |
|||
&>.content{ |
|||
position:absolute; |
|||
top:0; |
|||
left:0; |
|||
width:100%; |
|||
height:100%; |
|||
} |
|||
.title{ |
|||
position:absolute; |
|||
color:#fff; |
|||
font-weight: bold; |
|||
top:7px; |
|||
left:50%; |
|||
transform: translateX(-50%); |
|||
} |
|||
.plantBS-shangjiantou{ |
|||
position:absolute; |
|||
font-weight: bold; |
|||
font-size:18px; |
|||
background-image:-webkit-linear-gradient(top, #fff,rgb(var(--c))); |
|||
-webkit-background-clip:text; |
|||
-webkit-text-fill-color:transparent; |
|||
top:46px; |
|||
cursor: pointer; |
|||
&:hover{ |
|||
opacity: 0.7; |
|||
} |
|||
&:before{ |
|||
text-shadow:1px -1px 2px rgba(var(--c),0.8); |
|||
margin-right:5px; |
|||
} |
|||
&.current{ |
|||
left:80px; |
|||
} |
|||
&.past{ |
|||
right:80px; |
|||
} |
|||
} |
|||
.dv-scroll-board{ |
|||
position:absolute; |
|||
top:75px; |
|||
left:10px; |
|||
width:calc(100% - 20px); |
|||
height:154px; |
|||
.ceil,.header-item{ |
|||
padding:0 3px; |
|||
font-size:16px; |
|||
} |
|||
.header-item{ |
|||
color:#F1F5F9; |
|||
} |
|||
.ceil{ |
|||
color:#A2B4C5; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
<template> |
|||
<el-popover :visible="show" ref="popover" width="466px" :show-arrow="false" popper-class="mapPopover" trigger="focus" placement="top" :virtual-ref="markerTarget"> |
|||
<template v-if="false"> |
|||
<svg width="466.000000" height="245.000000" viewBox="0 0 466 245" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
|||
<rect id="画板 1" width="466.000000" height="245.000000" fill="#020920"/> |
|||
<g filter="url(#filter_7_15_dd)"> |
|||
<path id="矢量 7" d="M12.5 0L0 11.5L0 232.5L12.5 244L452.5 244L465 232.5L465 11.5L452.5 0L12.5 0Z" fill-rule="evenodd" fill="#0C80EF" fill-opacity="0.100000"/> |
|||
<path id="矢量 7" d="M1 11.5L1 232.5L12.5 244L452.5 244L465 232.5L465 11.5L452.5 1L12.5 1L1 11.5Z" stroke="#0C80EF" stroke-opacity="0.300000"/> |
|||
</g> |
|||
<path id="矢量 1" d="M12 0L0 0L0 11L12 0Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 3" d="M454 0L466 0L466 11L454 0Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 2" d="M12 245L0 245L0 234L12 245Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 4" d="M454 245L466 245L466 234L454 245Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 8" d="M13.5 0.5C8.625 4.98499 5.875 7.51501 1 12" stroke="#0C80EF" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 10" d="M453 0C457.875 4.48499 460.625 7.01501 465.5 11.5" stroke="#0C80EF" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 9" d="M0 232C4.875 236.485 7.625 239.015 12.5 243.5" stroke="#0C80EF" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 11" d="M466 233C461.125 237.485 458.375 240.015 453.5 244.5" stroke="#0C80EF" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 8" d="M16.3118 3.47647C11.5102 7.75052 8.80164 10.1615 4 14.4356" stroke="#0C80EF" stroke-width="2.000000" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 10" d="M449.196 3C453.997 7.27405 456.706 9.68506 461.507 13.9591" stroke="#0C80EF" stroke-width="2.000000" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 9" d="M4 231.041C8.80164 235.315 11.5102 237.726 16.3118 242" stroke="#0C80EF" stroke-width="2.000000" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 11" d="M462 231.041C457.198 235.315 454.49 237.726 449.688 242" stroke="#0C80EF" stroke-width="2.000000" stroke-linejoin="bevel" stroke-linecap="round" stroke-dasharray="0 0"/> |
|||
<path id="矢量 13" d="M113 0L352 0" stroke="#0C80EF"/> |
|||
<path id="矢量 14" d="M113 244L352 244" stroke="#0C80EF"/> |
|||
<path id="矢量 15" d="M44.5 4.5L50 10.5L55.5 4.5L44.5 4.5Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 17" d="M44.5 238L50 232L55.5 238L44.5 238Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 16" d="M409 4.5L414.5 10.5L420 4.5L409 4.5Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 18" d="M409 238L414.5 232L420 238L409 238Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 19" d="M119.789 43.114L123.289 38.614C123.633 38.1719 123.556 37.5544 123.114 37.2107C122.672 36.8669 122.054 36.944 121.711 37.386L118.511 41.5L1 41.5L1 43.5L119 43.5L119.789 43.114Z" stroke="url(#paint_linear_7_35_0)" stroke-width="2.000000" stroke-linejoin="bevel"/> |
|||
<path id="矢量 20" d="M347.211 43.114L343.711 38.614C343.367 38.1719 343.444 37.5544 343.886 37.2107C344.328 36.8669 344.946 36.944 345.289 37.386L348.489 41.5L466 41.5L466 43.5L348 43.5L347.211 43.114Z" stroke="url(#paint_linear_7_36_0)" stroke-width="2.000000" stroke-linejoin="bevel" stroke-linecap="round"/> |
|||
<path id="矢量 21" d="M128.636 36.4961L125.136 42.4961L126.864 43.5039L130.074 38L336.54 38L339.241 41.1508C339.605 41.576 340.226 41.6237 340.651 41.2592C341.076 40.8948 341.124 40.2744 340.759 39.8492L337.759 36.3492C337.56 36.1164 337.307 36 337 36L129.5 36C129.117 36 128.829 36.1654 128.636 36.4961Z" fill-rule="evenodd" fill="#0C80EF"/> |
|||
<path id="矢量 22" d="M31 1L6 28.5L19 28.5L46.5 1L31 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_39_0)"/> |
|||
<path id="矢量 23" d="M56 1L31 28.5L44 28.5L71.5 1L56 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_40_0)"/> |
|||
<path id="矢量 24" d="M81 1L56 28.5L69 28.5L96.5 1L81 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_41_0)"/> |
|||
<path id="矢量 25" d="M106 1L81 28.5L94 28.5L121.5 1L106 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_42_0)"/> |
|||
<path id="矢量 26" d="M131 1L106 28.5L119 28.5L146.5 1L131 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_43_0)"/> |
|||
<path id="矢量 27" d="M156 1L131 28.5L144 28.5L171.5 1L156 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_44_0)"/> |
|||
<path id="矢量 28" d="M181 1L156 28.5L169 28.5L196.5 1L181 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_45_0)"/> |
|||
<path id="矢量 29" d="M206 1L181 28.5L194 28.5L221.5 1L206 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_46_0)"/> |
|||
<path id="矢量 30" d="M231 1L206 28.5L219 28.5L246.5 1L231 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_47_0)"/> |
|||
<path id="矢量 31" d="M256 1L231 28.5L244 28.5L271.5 1L256 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_48_0)"/> |
|||
<path id="矢量 32" d="M281 1L256 28.5L269 28.5L296.5 1L281 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_49_0)"/> |
|||
<path id="矢量 33" d="M306 1L281 28.5L294 28.5L321.5 1L306 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_50_0)"/> |
|||
<path id="矢量 34" d="M331 1L306 28.5L319 28.5L346.5 1L331 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_51_0)"/> |
|||
<path id="矢量 35" d="M356 1L331 28.5L344 28.5L371.5 1L356 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_52_0)"/> |
|||
<path id="矢量 36" d="M381 1L356 28.5L369 28.5L396.5 1L381 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_53_0)"/> |
|||
<path id="矢量 37" d="M406 1L381 28.5L394 28.5L421.5 1L406 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_54_0)"/> |
|||
<path id="矢量 38" d="M431 1L406 28.5L419 28.5L446.5 1L431 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_55_0)"/> |
|||
<path id="矢量 39" d="M456 1L431 28.5L444 28.5L471.5 1L456 1Z" fill-rule="evenodd" fill="url(#paint_linear_7_56_0)"/> |
|||
<path id="矢量 40" d="M81 0L101.5 30L359.5 30L385 0.5L81 0Z" fill-rule="evenodd" fill="url(#paint_linear_7_58_0)" fill-opacity="0.300000"/> |
|||
<rect id="矩形 3" y="38.000000" width="465.000000" height="37.000000" fill="#0C80EF" fill-opacity="0.1"/> |
|||
<use xlink:href="#line"> |
|||
<animate attributeName="opacity" values="0;1;1;0" begin="0s" dur="4s" repeatCount="indefinite"/> |
|||
<animateTransform attributeName="transform" begin="0s" dur="4s" type="translate" from="-130" to="130" repeatCount="indefinite" /> |
|||
</use> |
|||
<path id="矢量 123" d="M1 11.5L1 232.5L12.5 244L452.5 244L465 232.5L465 11.5L452.5 1L12.5 1L1 11.5Z" stroke="#0C80EF" mask="url(#mask)" stroke-dasharray="20 1367"> |
|||
<animate attributeName="stroke-dashoffset" begin="0s" dur="20s" from="0" to="1386" repeatCount="indefinite"/> |
|||
</path> |
|||
<defs> |
|||
<mask id="mask"> |
|||
<circle cx="1" cy="1" r="20" fill="url(#RadialGradient2)"> |
|||
<animateMotion path="M1 11.5L12.5 1L452.5 1L465 11.5L465 232.5L452.5 244L12.5 244L1 232.5L1 11.5Z" begin="0s" dur="20s" repeatCount="indefinite" /> |
|||
</circle> |
|||
</mask> |
|||
<radialGradient id="RadialGradient2" > |
|||
<stop offset="10%" stop-color="#fff"/> |
|||
<stop offset="100%" stop-color="transparent"/> |
|||
</radialGradient> |
|||
<g id="line"> |
|||
<path id="矢量 41" d="M105 74L360 74" stroke="url(#paint_linear_7_60_0)" stroke-width="2.000000"/> |
|||
<g filter="url(#filter_7_61_dd)"> |
|||
<ellipse id="椭圆 1" cx="220.500000" cy="74.100006" rx="17.500000" ry="1.100000" fill="url(#paint_linear_7_61_0)"/> |
|||
</g> |
|||
</g> |
|||
<filter id="filter_7_15_dd" x="-0.500000" y="-0.500000" width="466.000000" height="245.000000" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> |
|||
<feFlood flood-opacity="0" result="BackgroundImageFix"/> |
|||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> |
|||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> |
|||
<feOffset dx="0" dy="0"/> |
|||
<feGaussianBlur stdDeviation="15"/> |
|||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> |
|||
<feColorMatrix type="matrix" values="0 0 0 0 0.047059 0 0 0 0 0.50196 0 0 0 0 0.93725 0 0 0 0.6 0"/> |
|||
<feBlend mode="normal" in2="shape" result="effect_innerShadow_1"/> |
|||
</filter> |
|||
<filter id="filter_7_61_dd" x="198.000000" y="68.000000" width="45.000000" height="12.200012" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> |
|||
<feFlood flood-opacity="0" result="BackgroundImageFix"/> |
|||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> |
|||
<feOffset dx="0" dy="0"/> |
|||
<feGaussianBlur stdDeviation="1.66667"/> |
|||
<feColorMatrix type="matrix" values="0 0 0 0 0.047059 0 0 0 0 0.50196 0 0 0 0 0.93725 0 0 0 1 0"/> |
|||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect_dropShadow_1"/> |
|||
<feBlend mode="normal" in="SourceGraphic" in2="effect_dropShadow_1" result="shape"/> |
|||
</filter> |
|||
<linearGradient id="paint_linear_7_35_0" x1="122.500000" y1="36.772705" x2="1.000000" y2="40.250000" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_36_0" x1="344.500000" y1="36.772705" x2="466.000031" y2="40.250000" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_39_0" x1="9.499996" y1="28.499994" x2="46.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_40_0" x1="34.499996" y1="28.499994" x2="71.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_41_0" x1="59.500000" y1="28.499994" x2="96.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_42_0" x1="84.500000" y1="28.499994" x2="121.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_43_0" x1="109.500000" y1="28.499994" x2="146.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_44_0" x1="134.500000" y1="28.499994" x2="171.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_45_0" x1="159.500000" y1="28.499994" x2="196.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_46_0" x1="184.500000" y1="28.499994" x2="221.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_47_0" x1="209.500000" y1="28.499994" x2="246.500015" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_48_0" x1="234.500000" y1="28.499994" x2="271.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_49_0" x1="259.500000" y1="28.499994" x2="296.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_50_0" x1="284.500000" y1="28.499994" x2="321.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_51_0" x1="309.500000" y1="28.499994" x2="346.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_52_0" x1="334.500000" y1="28.499994" x2="371.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_53_0" x1="359.500000" y1="28.499994" x2="396.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_54_0" x1="384.500000" y1="28.499994" x2="421.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_55_0" x1="409.500000" y1="28.499994" x2="446.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_56_0" x1="434.500000" y1="28.499994" x2="471.500000" y2="1.000008" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.301961"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_58_0" x1="232.999847" y1="-34.999985" x2="232.999847" y2="29.999985" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_60_0" x1="nan" y1="-nan" x2="nan" y2="-nan" gradientUnits="userSpaceOnUse"> |
|||
<stop offset="0.001147" stop-color="#0C80F0" stop-opacity="0.000000"/> |
|||
<stop offset="0.555046" stop-color="#0C80EE"/> |
|||
<stop offset="0.998039" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF" stop-opacity="0.000000"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint_linear_7_61_0" x1="236.500000" y1="73.000000" x2="204.500000" y2="73.000000" gradientUnits="userSpaceOnUse"> |
|||
<stop offset="0.001147" stop-color="#0C80EF"/> |
|||
<stop offset="0.426411" stop-color="#79CEF6"/> |
|||
<stop offset="0.522177" stop-color="#E2F3FF" stop-opacity="0.800000"/> |
|||
<stop offset="0.631048" stop-color="#AAE0F6" stop-opacity="0.941176"/> |
|||
<stop offset="0.772176" stop-color="#79CEF6"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF"/> |
|||
<stop offset="1.000000" stop-color="#0C80EF"/> |
|||
</linearGradient> |
|||
</defs> |
|||
</svg> |
|||
<div class="content" @click="$emit('click')"> |
|||
<span class="title">物茂乡公路边一号地块</span> |
|||
<span class="plantBS-shangjiantou current" style="--c:16, 203, 65;">当前种植</span> |
|||
<span class="plantBS-shangjiantou past" style="--c:12, 129, 239;">往期种植</span> |
|||
<dvScrollBoard ref="scrollBoard" :config="config"/> |
|||
</div> |
|||
</template> |
|||
<template v-else> |
|||
|
|||
</template> |
|||
</el-popover> |
|||
</template> |
|||
<script setup> |
|||
import { nextTick, reactive, ref, unref } from "vue" |
|||
|
|||
var show=ref(false) |
|||
var markerTarget=ref() |
|||
var popover=ref() |
|||
var config=reactive({ |
|||
header:['作物','种植面积','预估采收时间',"预估产量","已采收"], |
|||
data:[['白菜','32亩','2023/3/25','600kg','200kg']], |
|||
rowNum:4, |
|||
headerBGC:"transpatent", |
|||
oddRowBGC:"transpatent", |
|||
evenRowBGC:"transpatent", |
|||
columnWidth:[103.4,75,89.4+24,89.2,65], |
|||
align:['center','center','center','center','center'], |
|||
}) |
|||
|
|||
defineExpose({ |
|||
show:dom=>{ |
|||
markerTarget.value={getBoundingClientRect(){return DOMRect.fromRect({ |
|||
x:dom.x, |
|||
y:dom.y, |
|||
width:0, |
|||
height:0, |
|||
})}} |
|||
show.value=true |
|||
}, |
|||
hide:()=>{ |
|||
show.value=false |
|||
} |
|||
}) |
|||
</script> |
|||
@ -0,0 +1,76 @@ |
|||
<style lang="less" scoped> |
|||
.center{ |
|||
flex-grow: 1; |
|||
&>.items{ |
|||
display:flex; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
margin-top:30px; |
|||
&>div{ |
|||
background-image:url(@/assets/img/park-center-bg.png); |
|||
width:197px; |
|||
height:89px; |
|||
position:relative; |
|||
.icon{ |
|||
position:absolute; |
|||
top:14px; |
|||
left:14px; |
|||
width:45px; |
|||
height:45px; |
|||
} |
|||
.value{ |
|||
position:absolute; |
|||
top: 3px; |
|||
left: 72px; |
|||
height: 69px; |
|||
width: 123px; |
|||
display:flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
padding:8px; |
|||
span{ |
|||
&:first-child{ |
|||
color:#fff; |
|||
font-size:24px; |
|||
font-weight: bold; |
|||
&:after{ |
|||
content:attr(data-unit); |
|||
font-size:16px; |
|||
color:#99A4AE; |
|||
} |
|||
} |
|||
&:nth-child(2){ |
|||
margin-top:4px; |
|||
color:#99A4AE; |
|||
font-size:16px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
<template> |
|||
<div class="center"> |
|||
<div class="items"> |
|||
<div> |
|||
<span class="icon" style="background-image:url(data:image/png;base64,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);"/> |
|||
<div class="value"> |
|||
<span data-unit="个">46</span> |
|||
<span>企业数量</span> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<span class="icon" style="background-image:url(data:image/png;base64,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);"/> |
|||
<div class="value"> |
|||
<span data-unit="亩">856</span> |
|||
<span>园区面积</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script setup> |
|||
|
|||
</script> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue