应急处置，地图标注更换图片，任务指派修改样式，任务列表修改该样式，详情样式，预案指引bug

gassafetyprogress-web/src/assets/images/cz-cz.svg

+<svg width="28" height="31" viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 659">
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M21.27 12.4812C21.27 16.5018 18.0106 19.7612 13.99 19.7612C9.96933 19.7612 6.70996 16.5018 6.70996 12.4812C6.70996 8.46054 9.96933 5.20117 13.99 5.20117C18.0106 5.20117 21.27 8.46054 21.27 12.4812ZM13.8781 14.3685H14.4618V16.7277H13.8781V14.3685ZM12.5744 14.3685H13.158V16.7277H12.5744V14.3685ZM17.5887 8.58069V16.034H18.2366V16.7277H14.9751V14.1405C14.9751 13.9494 14.8157 13.7937 14.6203 13.7937H12.0497C11.8543 13.7937 11.6944 13.9499 11.6944 14.1405V16.7277H9.74326V16.0336H10.3911V11.7043C10.3925 11.6113 10.4306 11.5226 10.4972 11.4576C10.5638 11.3926 10.6534 11.3566 10.7464 11.3575H12.8499V10.6323C12.8512 10.5392 12.8893 10.4504 12.9558 10.3853C13.0224 10.3202 13.1121 10.2841 13.2052 10.285H14.5632C14.6563 10.2841 14.746 10.3202 14.8126 10.3853C14.8792 10.4504 14.9173 10.5392 14.9185 10.6323V11.358H15.4829V8.58116C15.4842 8.48813 15.5224 8.39943 15.5889 8.33444C15.6555 8.26945 15.7451 8.23347 15.8382 8.23435H17.2334C17.3264 8.23346 17.4159 8.26939 17.4825 8.33427C17.549 8.39916 17.5872 8.48774 17.5887 8.58069ZM11.7991 13.285H14.8723H14.8742V12.5914H11.7991V13.285Z" fill="#0F6FFF"/>
+<path id="Ellipse 95" d="M7.44827 5.83351C3.8372 9.44459 3.82479 15.2913 7.42594 18.8924C7.81329 19.2798 8.35775 20.0322 8.98156 20.9872C9.59775 21.9305 10.2673 23.0332 10.9036 24.0936C11.0451 24.3294 11.1851 24.5632 11.3224 24.7928C11.8004 25.5915 12.2471 26.3378 12.6167 26.9281C12.8543 27.3074 13.0662 27.6323 13.2384 27.8697C13.3237 27.9873 13.407 28.0941 13.4842 28.1781C13.5225 28.2198 13.5675 28.2648 13.6172 28.3047C13.6582 28.3376 13.7441 28.4018 13.8631 28.4328C14.0425 28.4794 14.1911 28.4243 14.2649 28.3887C14.3445 28.3503 14.4088 28.2999 14.4546 28.2597C14.5478 28.178 14.6402 28.0704 14.7268 27.9595C14.9037 27.7327 15.1175 27.4117 15.3531 27.0362C15.7859 26.3464 16.3229 25.4232 16.891 24.4465C16.9442 24.355 16.9977 24.263 17.0514 24.1707C17.6813 23.0882 18.343 21.9571 18.9522 20.9915C19.5699 20.0124 20.106 19.2489 20.4848 18.8701C24.0959 15.259 24.1083 9.41233 20.5072 5.81118C16.906 2.21002 11.0594 2.22243 7.44827 5.83351Z" stroke="#0F6FFF"/>
+<g id="Polygon 4" filter="url(#filter0_f_247_864)">
+<path d="M14 29L16.5981 24.5H11.4019L14 29Z" fill="#0F6FFF"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_247_864" x="9.40198" y="22.5" width="9.19604" height="8.5" 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_247_864"/>
+</filter>
+</defs>
+</svg>

gassafetyprogress-web/src/assets/images/cz-fmj.svg

+<svg width="28" height="31" viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 650">
+<path id="Ellipse 95" d="M7.44827 5.83351C3.8372 9.44459 3.82479 15.2913 7.42594 18.8924C7.81329 19.2798 8.35775 20.0322 8.98156 20.9872C9.59775 21.9305 10.2673 23.0332 10.9036 24.0936C11.0451 24.3294 11.1851 24.5632 11.3224 24.7928C11.8004 25.5915 12.2471 26.3378 12.6167 26.9281C12.8543 27.3074 13.0662 27.6323 13.2384 27.8697C13.3237 27.9873 13.407 28.0941 13.4842 28.1781C13.5225 28.2198 13.5675 28.2648 13.6172 28.3047C13.6582 28.3376 13.7441 28.4018 13.8631 28.4328C14.0425 28.4794 14.1911 28.4243 14.2649 28.3887C14.3445 28.3503 14.4088 28.2999 14.4546 28.2597C14.5478 28.178 14.6402 28.0704 14.7268 27.9595C14.9037 27.7327 15.1175 27.4117 15.3531 27.0362C15.7859 26.3464 16.3229 25.4232 16.891 24.4465C16.9442 24.355 16.9977 24.263 17.0514 24.1707C17.6813 23.0882 18.343 21.9571 18.9522 20.9915C19.5699 20.0124 20.106 19.2489 20.4848 18.8701C24.0959 15.259 24.1083 9.41233 20.5072 5.81118C16.906 2.21002 11.0594 2.22243 7.44827 5.83351Z" stroke="#0F6FFF"/>
+<path id="Vector" d="M21.2167 11.421C20.9613 9.69245 20.0919 8.11321 18.7672 6.97139C17.4425 5.82957 15.7508 5.20129 14.0007 5.20117C12.0665 5.20117 10.2116 5.96828 8.84391 7.33374C7.47624 8.6992 6.70789 10.5512 6.70789 12.4822C6.70789 14.4133 7.47624 16.2652 8.84391 17.6307C10.2116 18.9961 12.0665 19.7632 14.0007 19.7632C15.7508 19.7631 17.4425 19.1348 18.7672 17.993C20.0919 16.8512 20.9613 15.272 21.2167 13.5434L21.27 12.4822L21.2167 11.421ZM8.41395 11.9709C8.53354 10.6709 9.1041 9.45346 10.0271 8.52876C10.9501 7.60405 12.1676 7.0302 13.4693 6.9063V8.01779C12.4623 8.1375 11.5253 8.5929 10.8098 9.3103C10.0943 10.0277 9.64217 10.9651 9.52657 11.9709H8.41395ZM13.4693 18.0583C12.1742 17.935 10.9623 17.3664 10.0409 16.4496C9.11941 15.5328 8.5456 14.3249 8.4176 13.0324H9.53135C9.65507 14.0303 10.1102 14.9581 10.824 15.6675C11.5378 16.3769 12.4691 16.827 13.4693 16.9459V18.0583ZM13.2806 12.7912V15.213H12.3824V9.7409H16.12V10.5072H13.2796V12.0246H15.9588V12.791L13.2806 12.7912ZM14.5322 18.0583V16.9466C15.5323 16.8277 16.4636 16.3775 17.1774 15.6681C17.8912 14.9587 18.3464 14.031 18.4701 13.0331H19.5838C19.4556 14.3254 18.8817 15.5331 17.9602 16.4497C17.0388 17.3663 15.827 17.935 14.5322 18.0583ZM18.4749 11.9709C18.3593 10.9651 17.9071 10.0277 17.1916 9.3103C16.4761 8.5929 15.5391 8.1375 14.5322 8.01779V6.9063C15.8338 7.03025 17.0512 7.60413 17.9742 8.52882C18.8971 9.45352 19.4677 10.671 19.5873 11.9709H18.4749Z" fill="#0F6FFF"/>
+<g id="Polygon 4" filter="url(#filter0_f_247_774)">
+<path d="M14 29L16.5981 24.5H11.4019L14 29Z" fill="#0F6FFF"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_247_774" x="9.40198" y="22.5" width="9.19604" height="8.5" 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_247_774"/>
+</filter>
+</defs>
+</svg>

gassafetyprogress-web/src/assets/images/cz-jk.svg

+<svg width="28" height="31" viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 658">
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M13.99 19.7612C18.0106 19.7612 21.27 16.5018 21.27 12.4812C21.27 8.46054 18.0106 5.20117 13.99 5.20117C9.96933 5.20117 6.70996 8.46054 6.70996 12.4812C6.70996 16.5018 9.96933 19.7612 13.99 19.7612ZM8.78705 12.7408C8.64559 12.6815 8.52994 12.7533 8.52994 12.8998V16.5479C8.52994 16.6946 8.64559 16.7659 8.78705 16.7071L9.87531 16.2523C10.017 16.1933 10.1324 16.0255 10.1324 15.8788V15.2873H12.3375C12.451 15.2874 12.5621 15.2567 12.6579 15.1987C12.7536 15.1407 12.8299 15.0579 12.8778 14.9601L13.3875 13.9126L12.3094 13.436L11.957 14.1601H10.1329V13.5686C10.1329 13.4221 10.0173 13.2541 9.8758 13.1951L8.78705 12.7408ZM18.0537 14.45L18.797 12.9396L16.9903 13.9801L18.0537 14.45ZM19.2313 11.5482L11.8448 8.2839C11.7097 8.22453 11.5555 8.21829 11.4155 8.26654C11.2756 8.31479 11.1614 8.41362 11.0978 8.54153L9.81525 11.1485C9.75289 11.2767 9.74651 11.4231 9.79749 11.5558C9.84847 11.6884 9.95266 11.7965 10.0872 11.8563L14.9582 14.0088C15.2384 14.1325 15.6836 14.1094 15.9477 13.9574L19.2601 12.0497C19.5242 11.8978 19.511 11.6722 19.2313 11.5482Z" fill="#0F6FFF"/>
+<path id="Ellipse 95" d="M7.44827 5.83351C3.8372 9.44459 3.82479 15.2913 7.42594 18.8924C7.81329 19.2798 8.35775 20.0322 8.98156 20.9872C9.59775 21.9305 10.2673 23.0332 10.9036 24.0936C11.0451 24.3294 11.1851 24.5632 11.3224 24.7928C11.8004 25.5915 12.2471 26.3378 12.6167 26.9281C12.8543 27.3074 13.0662 27.6323 13.2384 27.8697C13.3237 27.9873 13.407 28.0941 13.4842 28.1781C13.5225 28.2198 13.5675 28.2648 13.6172 28.3047C13.6582 28.3376 13.7441 28.4018 13.8631 28.4328C14.0425 28.4794 14.1911 28.4243 14.2649 28.3887C14.3445 28.3503 14.4088 28.2999 14.4546 28.2597C14.5478 28.178 14.6402 28.0704 14.7268 27.9595C14.9037 27.7327 15.1175 27.4117 15.3531 27.0362C15.7859 26.3464 16.3229 25.4232 16.891 24.4465C16.9442 24.355 16.9977 24.263 17.0514 24.1707C17.6813 23.0882 18.343 21.9571 18.9522 20.9915C19.5699 20.0124 20.106 19.2489 20.4848 18.8701C24.0959 15.259 24.1083 9.41233 20.5072 5.81118C16.906 2.21002 11.0594 2.22243 7.44827 5.83351Z" stroke="#0F6FFF"/>
+<g id="Polygon 4" filter="url(#filter0_f_247_834)">
+<path d="M14 29L16.5981 24.5H11.4019L14 29Z" fill="#0F6FFF"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_247_834" x="9.40198" y="22.5" width="9.19604" height="8.5" 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_247_834"/>
+</filter>
+</defs>
+</svg>

gassafetyprogress-web/src/assets/images/cz-tyx.svg

+<svg width="28" height="31" viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 671">
+<path id="Vector" d="M13.99 5.19922C12.0592 5.19922 10.2075 5.96622 8.84222 7.33148C7.47696 8.69675 6.70996 10.5484 6.70996 12.4792C6.70996 14.41 7.47696 16.2617 8.84222 17.627C10.2075 18.9922 12.0592 19.7592 13.99 19.7592C15.9207 19.7592 17.7724 18.9922 19.1377 17.627C20.503 16.2617 21.27 14.41 21.27 12.4792C21.27 10.5484 20.503 8.69675 19.1377 7.33148C17.7724 5.96622 15.9207 5.19922 13.99 5.19922V5.19922ZM18.358 15.0272H17.63V16.1192H16.538V16.8472H15.082V16.1192H13.262V16.8472H11.806V16.1192H10.714V15.0272H9.98596V9.93122H10.714V8.83922H11.806V8.47522H12.898V8.83922H13.626V8.47522H14.718V8.83922H15.446V8.47522H16.538V8.83922H17.63V9.93122H18.358V15.0272ZM11.078 15.0272H17.266V9.56722H11.078V15.0272ZM16.538 9.93122H16.902V14.6632H16.538V9.93122ZM15.81 9.93122H16.174V14.6632H15.81V9.93122ZM15.082 9.93122H15.446V14.6632H15.082V9.93122ZM14.354 9.93122H14.718V14.6632H14.354V9.93122ZM13.626 9.93122H13.99V14.6632H13.626V9.93122ZM12.898 9.93122H13.262V14.6632H12.898V9.93122ZM12.17 9.93122H12.534V14.6632H12.17V9.93122ZM11.442 9.93122H11.806V14.6632H11.442V9.93122Z" fill="#0F6FFF"/>
+<path id="Ellipse 95" d="M7.44827 5.83351C3.8372 9.44459 3.82479 15.2913 7.42594 18.8924C7.81329 19.2798 8.35775 20.0322 8.98156 20.9872C9.59775 21.9305 10.2673 23.0332 10.9036 24.0936C11.0451 24.3294 11.1851 24.5632 11.3224 24.7928C11.8004 25.5915 12.2471 26.3378 12.6167 26.9281C12.8543 27.3074 13.0662 27.6323 13.2384 27.8697C13.3237 27.9873 13.407 28.0941 13.4842 28.1781C13.5225 28.2198 13.5675 28.2648 13.6172 28.3047C13.6582 28.3376 13.7441 28.4018 13.8631 28.4328C14.0425 28.4794 14.1911 28.4243 14.2649 28.3887C14.3445 28.3503 14.4088 28.2999 14.4546 28.2597C14.5478 28.178 14.6402 28.0704 14.7268 27.9595C14.9037 27.7327 15.1175 27.4117 15.3531 27.0362C15.7859 26.3464 16.3229 25.4232 16.891 24.4465C16.9442 24.355 16.9977 24.263 17.0514 24.1707C17.6813 23.0882 18.343 21.9571 18.9522 20.9915C19.5699 20.0124 20.106 19.2489 20.4848 18.8701C24.0959 15.259 24.1083 9.41233 20.5072 5.81118C16.906 2.21002 11.0594 2.22243 7.44827 5.83351Z" stroke="#0F6FFF"/>
+<g id="Polygon 4" filter="url(#filter0_f_247_822)">
+<path d="M14 29L16.5981 24.5H11.4019L14 29Z" fill="#0F6FFF"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_247_822" x="9.40198" y="22.5" width="9.19604" height="8.5" 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_247_822"/>
+</filter>
+</defs>
+</svg>

gassafetyprogress-web/src/assets/images/cz-yh.svg

+<svg width="28" height="31" viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 668">
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M21.27 12.4812C21.27 16.5018 18.0106 19.7612 13.99 19.7612C9.96933 19.7612 6.70996 16.5018 6.70996 12.4812C6.70996 8.46054 9.96933 5.20117 13.99 5.20117C18.0106 5.20117 21.27 8.46054 21.27 12.4812ZM16.5344 10.671C16.5344 12.0646 15.4046 13.1947 14.0107 13.1947C12.6168 13.1947 11.487 12.0649 11.487 10.671C11.487 9.27734 12.6168 8.14727 14.0107 8.14727C15.4046 8.14727 16.5344 9.27707 16.5344 10.671ZM14.0107 14.0327C14.7766 14.0327 15.5055 13.7748 16.0936 13.3105V13.3108C17.62 13.8895 18.3209 15.8731 18.3209 16.7774H9.65662C9.65662 15.865 10.3521 13.8673 11.9092 13.2957C12.5 13.7689 13.2359 14.0327 14.0107 14.0327Z" fill="#0F6FFF"/>
+<path id="Ellipse 95" d="M7.44827 5.83351C3.8372 9.44459 3.82479 15.2913 7.42594 18.8924C7.81329 19.2798 8.35775 20.0322 8.98156 20.9872C9.59775 21.9305 10.2673 23.0332 10.9036 24.0936C11.0451 24.3294 11.1851 24.5632 11.3224 24.7928C11.8004 25.5915 12.2471 26.3378 12.6167 26.9281C12.8543 27.3074 13.0662 27.6323 13.2384 27.8697C13.3237 27.9873 13.407 28.0941 13.4842 28.1781C13.5225 28.2198 13.5675 28.2648 13.6172 28.3047C13.6582 28.3376 13.7441 28.4018 13.8631 28.4328C14.0425 28.4794 14.1911 28.4243 14.2649 28.3887C14.3445 28.3503 14.4088 28.2999 14.4546 28.2597C14.5478 28.178 14.6402 28.0704 14.7268 27.9595C14.9037 27.7327 15.1175 27.4117 15.3531 27.0362C15.7859 26.3464 16.3229 25.4232 16.891 24.4465C16.9442 24.355 16.9977 24.263 17.0514 24.1707C17.6813 23.0882 18.343 21.9571 18.9522 20.9915C19.5699 20.0124 20.106 19.2489 20.4848 18.8701C24.0959 15.259 24.1083 9.41233 20.5072 5.81118C16.906 2.21002 11.0594 2.22243 7.44827 5.83351Z" stroke="#0F6FFF"/>
+<g id="Polygon 4" filter="url(#filter0_f_247_806)">
+<path d="M14 29L16.5981 24.5H11.4019L14 29Z" fill="#0F6FFF"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_247_806" x="9.40198" y="22.5" width="9.19604" height="8.5" 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_247_806"/>
+</filter>
+</defs>
+</svg>

gassafetyprogress-web/src/components/emergency/Timeline.vue

@@ -8,12 +8,13 @@
         <div class="long-line"></div>
       </div>
       <div class="timeline-content">
+        <div class="timeline-title" style="font-weight: bolder">事件发布：</div>
         <div class="timeline-date el-form-div">
-          <div style="width: 180px">{{nowItem.createTime}}</div>
-          <div class="classType">事件发布</div>
+          <div style="margin-left: 32px">时间：{{nowItem.createTime}}</div>
+          <!--<div class="classType">事件发布</div>-->
         </div>
-        <div class="timeline-title">{{ nowItem.eventName}}</div>
-        <div class="timeline-title">地址：{{ nowItem.address}}</div>
+        <div class="timeline-title">事件名称：<span style="color: red">{{ nowItem.eventName}}</span></div>
+        <div class="timeline-title" style="margin-left: 32px" >位置：{{ nowItem.address}}</div>
       </div>
     </li>
     <li class="timeline-item" v-for="t in timelineList" :key="t.id">
@@ -24,13 +25,15 @@
         <div class="long-line"></div>
       </div>
       <div class="timeline-content">
+        <div  v-if="t.eventType==2" class="timeline-title" style="font-weight: bolder">预案指引：</div>
+        <div  v-if="t.eventType==1" class="timeline-title" style="font-weight: bolder">信息处置：</div>
         <div class="timeline-date el-form-div">
-          <div style="width: 180px">{{t.createTime}}</div>
-          <div class="classType"  v-if="t.eventType==2">预案指引</div>
-          <div class="classType" v-if="t.eventType==1">信息处置</div>
+          <div style="margin-left: 32px">时间：{{t.createTime}}</div>
+          <!--<div class="classType"  v-if="t.eventType==2">预案指引</div>-->
+          <!--<div class="classType" v-if="t.eventType==1">信息处置</div>-->
         </div>
-        <div class="timeline-title">{{ t.management}}</div>
-        <div class="timeline-desc">
+        <div class="timeline-title" style="margin-left: 32px">内容：{{ t.management}}</div>
+        <div class="timeline-desc" style="margin-left: 32px">
             <span
               class="dbtn"
               @click="checkFile(t.managementEvent)"
@@ -99,8 +102,8 @@
         align-items: center;
 
         .in-circle {
-          width: 8px;
-          height: 8px;
+          width: 5px;
+          height: 5px;
           margin: 0 auto;
           background: rgba(14, 116, 218, 1);
           border-radius: 50%;
@@ -111,7 +114,7 @@
       .long-line {
         width: 1px;
         min-height: 98px;
-        background: #000000;
+        background: #20ffff;
         box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
         opacity: 0.5;
         margin-left: 8px;
@@ -120,11 +123,11 @@
 
     .timeline-content {
       box-sizing: border-box;
-      margin-left: 20px;
       min-height: 86px;
-      padding: 6px 0 0 20px;
+      padding: 0 0 0 20px;
       text-align: left;
       margin-bottom: 10px;
+      margin-left: 5px;
 
       .timeline-title {
         font-size: 15px;
@@ -136,7 +139,7 @@
       }
 
       .timeline-date {
-        font-size: 13px;
+        font-size: 14px;
         color: #000000;
         font-weight: 500;
         margin-bottom: 5px;
@@ -158,7 +161,7 @@
     border-radius: 3px;
     border-style: solid;
     border-width: 0;
-    color: rgb(48, 180, 107);
+    color: #20FFFF;
   }
   .timeline-item:last-of-type .timeline-content {
     margin-bottom: 0;

gassafetyprogress-web/src/components/emergency/rightBar.vue

@@ -2,10 +2,10 @@
   <div class="test-5" style="height: 100%;overflow:auto;overflow-x:hidden">
     <!-- 预警信息 -->
     <div>
-      <div class="item1">
-        <span class="dot">
-          <span class="dot-inner"></span>
-        </span>
+      <div class="item1" >
+        <!--<span class="dot">-->
+          <!--<span class="dot-inner"></span>-->
+        <!--</span>-->
         <span
           style="letter-spacing: 3px; color: #000000; cursor: pointer"
           >事件接报列表</span
@@ -13,25 +13,30 @@
       </div>
       <div style="width: 100%" v-for="item in receiveList">
         <div class="el-form-div title-div">
-          <div v-if="item.status==1" style="width: 80%;margin-left: 5px;">未指派</div>
-          <div v-if="item.status==2" style="width: 80%;margin-left: 5px;">待处置<span
-            v-if="(item.governmentRead==0&&userType==-2)||(item.companyRead==0&&userType!=-2)" class="massage"> (您有新消息)</span>
+          <div style="width: 80%;margin-left: 5px;">
+            <img v-if="(item.governmentRead==0&&userType==-2)||(item.companyRead==0&&userType!=-2)" style="vertical-align:middle;"  src="@/assets/images/new.png" alt="" />
+            事件名称：{{item.eventName}}
           </div>
-          <div v-if="item.status==3" style="width: 80%;margin-left: 5px;">已处置<span
-            v-if="(item.governmentRead==0&&userType==-2)||(item.companyRead==0&&userType!=-2)" class="massage"> (您有新消息)</span>
-          </div>
-          <div v-if="item.status==4" style="width: 80%;margin-left: 5px;">已完结</div>
-          <div style="height:30px;color: red;cursor:pointer;" v-if="userType==-2" @click="handleDelete(item.id)">关闭事件</div>
+          <!--<div v-if="item.status==2" style="width: 80%;margin-left: 5px;">待处置<span-->
+            <!--v-if="(item.governmentRead==0&&userType==-2)||(item.companyRead==0&&userType!=-2)" class="massage"> (您有新消息)</span>-->
+          <!--</div>-->
+          <!--<div v-if="item.status==3" style="width: 80%;margin-left: 5px;">已处置<span-->
+            <!--v-if="(item.governmentRead==0&&userType==-2)||(item.companyRead==0&&userType!=-2)" class="massage"> (您有新消息)</span>-->
+          <!--</div>-->
+          <!--<div v-if="item.status==4" style="width: 80%;margin-left: 5px;">已完结</div>-->
+          <!--<div style="height:30px;color: red;cursor:pointer;" v-if="userType==-2" @click="handleDelete(item.id)">关闭事件</div>-->
         </div>
         <div class="content-div el-form-div" style="margin-top: 10px;overflow:hidden;">
-            <div style="width: 65%; white-space:nowrap;
-            text-overflow:ellipsis;
-            -o-text-overflow:ellipsis;
-            overflow: hidden;">事件名称：{{item.eventName}}</div>
+            <div style="width: 60%; ">事件状态：
+              <span style="color: #ff0000" v-if="item.status==1">未指派</span>
+              <span style="color: #ff0000" v-if="item.status==2">待处置</span>
+              <span style="color: #ff0000" v-if="item.status==3">处理中</span>
+              <span v-if="item.status==4">已完结</span>
+            </div>
             <div>事件分类：{{item.eventTypeName}}</div>
         </div>
         <div class="content-div el-form-div">
-          <div style="width: 65%">发生时间：{{item.inforTime}}</div>
+          <div style="width: 60%">发生时间：{{item.inforTime}}</div>
           <div>事件级别：{{item.eventGradeName}}</div>
         </div>
         <div class="content-div">事件地点：{{item.address}}</div>
@@ -42,15 +47,16 @@
           <div v-if="item.status==3 && userType==-2" class="button-div" @click="endevent(item.id)">事件结案</div>
           <div v-if="userType!=-2" class="button-div" @click="showList(item)">信息处置</div>
           <div  class="button-div" @click="showDetail(item.id,item.eventName)">详情</div>
+          <div  class="button-div" style="background: #FA6767;" v-if="userType==-2" @click="handleDelete(item.id)">关闭事件</div>
         </div>
       </div>
 
       <div id = "detail" class="show-detail" style="display: none;margin-top: 15px;margin-bottom: 20px;position:fixed;right: 470px;width: 300px;
                                                       background: #ffffff;top: 110px;border-right:1px solid #99a9bf">
-        <div class="el-form-div" style="height: 30px;">
-            <div class="detail-title">事件详情</div>
+        <div class="el-form-div detail-back" style="height: 30px;">
+            <div class="detail-title" >事件详情</div>
           <div style="cursor: pointer;" @click="closeDetail()">
-            <img style="width: 20px;height: 20px;margin-top: 5px;" src="@/assets/mapImages/close.png" alt="" />
+            <img style="width: 14px;height: 14px;margin-top: 7px;" src="@/assets/mapImages/close.png" alt="" />
           </div>
         </div>
         <timeline :timeline-list="handleList" :nowItem="nowItem"></timeline>
@@ -371,9 +377,18 @@ export default {
         }
         this.total = response.total;
         this.loading = false;
-      //document.getElementsByClassName("num-div")[this.handleList.length].setAttribute("class","num-div2")
+        this.$nextTick(() => {
+          this.showlast();
+        })
+
     });
     },
+    showlast(){
+      if(document.getElementsByClassName("num-div2").length>0){
+        document.getElementsByClassName("num-div2")[0].setAttribute("class","num-div")
+      }
+      document.getElementsByClassName("num-div")[this.handleList.length].setAttribute("class","num-div2")
+    },
     showList(item) {
       this.closeDetail();
       item.eventType=3;
@@ -494,7 +509,7 @@ export default {
     cancel() {
       this.display2="";
       this.display="display:none";
-      this.reset();
+      //this.reset();
       this.getHandleList();
     },
     endevent(id){
@@ -618,20 +633,14 @@ export default {
 
 <style lang="scss" scoped>
 .item1 {
-  width: 93%;
   height: 30px;
-  font-size: 18px;
+  font-size: 15px;
   line-height: 30px;
-  padding-left: 10px;
   font-weight: 700;
-  font-style: italic;
-  margin-left: 10px;
-  background-image: linear-gradient(
-    to left,
-    #fff,
-    rgb(49 151 195 / 70%) 50%,
-    #fff
-  );
+  background: url(../../assets/images/chuzhilist.png) repeat-x 50px 10px;
+  background-size:360px 7px;
+  background-repeat: no-repeat;
+  text-align: center;
 }
 .dot {
   display: inline-block;
@@ -660,10 +669,10 @@ export default {
 }
   .content-div{
     color: #000000;
-    font-size: 30;
-    height: 30px;
-    line-height: 30px;
-    margin-left: 10px;
+    font-size: 14px;
+    height: 25px;
+    line-height: 25px;
+    margin-left: 15px;
   }
 .el-form-div{
   display:flex;
@@ -674,28 +683,30 @@ export default {
   .button-div{
     cursor:pointer;
     color: #ffffff;
-    margin-bottom: 5px;
+    margin-bottom: 8px;
     border-radius: 2px;
-    width: 100px;
-    border: 1px solid #339CC9;
-    height: 25px;
-    line-height: 25px;
+    width: 88px;
+    height: 32px;
+    line-height: 32px;
     text-align: center;
-    font-size: 15;
-    margin-left: 10%;
+    font-size: 14px;
+    margin-left: 22px;
     margin-top: 10px;
-    background: #1c84c6;
+    background: #4091F7;
   }
   .title-div{
     width: 100%;
-    margin-left: 10px;
-    border-left: 5px solid #e6a700;
-    border-bottom: 2px solid #1c84c6;
-    border-top: 1px solid #1c84c6;
+    margin-left: 12px;
     height: 30px;
     color: #ffffff;
     line-height: 30px;
-    background: #74BCFF;
+    background: url(../../assets/images/yjcz.png);
+    background-size:450px 30px;
+    background-repeat: no-repeat;
+  }
+  .detail-back{
+    background: url(../../assets/images/yjcz.png);
+    background-size:300px 30px;
   }
 .test-5::-webkit-scrollbar {
   /*滚动条整体样式*/
@@ -731,14 +742,9 @@ export default {
 .detail-title{
   height: 100%;
   width: 270px;
-  color: #000000;
-  text-align: center;
-  background-image: linear-gradient(
-      to left,
-      #fff,
-      rgb(49 151 195 / 70%) 50%,
-      #fff
-  );
+  color: #ffffff;
+  margin-top: 3px;
+  margin-left: 10px;
 }
 .massage{
   color: #00ffff;

gassafetyprogress-web/src/utils/mapClass/yjmap.js

@@ -7,7 +7,23 @@
  * @FilePath: /test/hello-world/src/utils/mapClass.js
  */
 import { pipeColor, svgUrl, svgAlarm } from "@/utils/mapClass/config.js";
-
+export const svgUrl2 = {
+  // 地图的设备
+  2: require("@/assets/images/cz-tyx.svg"),
+  3: require("@/assets/images/cz-fmj.svg"),
+  4: require("@/assets/images/cz-cz.svg"),
+  5: require("@/assets/images/cz-jk.svg"),
+  6: require("@/assets/images/cz-yh.svg"),
+  7: require("@/assets/image/zrxk.svg"),
+  8: require("@/assets/image/zcrq.svg"),
+  //应急设备,应急处置 emergency/emergency
+  10: require("@/assets/image/yj-jydw.png"),
+  11: require("@/assets/image/yj-wz.png"),
+  12: require("@/assets/image/yj-cl.png"),
+  13: require("@/assets/image/yj-yy.png"),
+  15: require("@/assets/image/yj-xf.png"),
+  16: require("@/assets/image/yj-xj.png"),
+};
 // 编辑类
 // 在地图上新增的设备可以直接编辑，
 // 已经保存完成的设备需要点编辑才可以编辑
@@ -487,7 +503,7 @@ export class EditorMap {
    */
   addDevice(deviceData, compontent) {
     const { longitude: lng, latitude: lat, iconType } = deviceData;
-    const icon = svgUrl[iconType];
+    const icon = svgUrl2[iconType];
     console.log("icon", icon);
     let device = this.createMarker({
       map: this.map,

gassafetyprogress-web/src/views/emergency/index.vue

@@ -52,8 +52,10 @@
         <!--</div>-->
       <!--</div>-->
     <!--</div>-->
-    <div class="event_div" @click="handleAdd">
-        事件接报
+    <div class="event_div"  @click="handleAdd">
+     <img style="vertical-align:middle;margin-top: -5px"  src="@/assets/images/Frame.png" alt="" />
+      添加事件接报
+        <!--<img src="@/assets/imgages/Frame.png"/>添加事件接报-->
     </div>
     <!--<div class="mouseToolBtn">-->
       <!--<button class="serBtn" @click="openDraw()" id="mouseToolBtn">画图</button>-->
@@ -93,12 +95,12 @@
         class="list"
         v-for="(item, index) in arr"
         :key="index"
-        :class="selarr1.indexOf(item.val) >= 0 ? 'active' : ''"
+        :class="selarr1.indexOf(item.val) >= 0 ? 'active' : 'active2'"
         @click="sel1(index, item)"
       >
         <img
           :src="item.imgurl"
-          style="margin-top: 2px; float: left; margin-right: 3px"
+          style=" float: left; margin-right: 3px;"
         />
         {{ item.name }}
       </div>
@@ -106,7 +108,7 @@
     <div class="typelist-div2">
       <div
         class="list"
-        style="width: 146px;height: 35px;line-height: 35px;"
+        style="width: 148px;height: 35px;line-height: 35px;"
         v-for="(item, index) in arr2"
         :key="index"
         :class="selarr1.indexOf(item.val) >= 0 ? 'active' : ''"
@@ -116,7 +118,9 @@
           :src="item.imgurl"
           style="margin-top: 8px;float: left; margin-right: 3px;width: 18px;height: 18px;margin-left: 10px;"
         />
-        {{ item.name }} ({{ item.num }})
+        {{ item.name }}
+         <span v-if="index==3" style="margin-left: 50px">{{item.num}}</span>
+          <span v-if="index!=3" style="margin-left: 25px">{{item.num}}</span>
       </div>
     </div>
 
@@ -220,6 +224,67 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog title="任务指派" :visible.sync="open2" width="900px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules2" label-width="100px">
+        <el-form-item label="所属企业：" prop="enterpriseId">
+          <el-select v-model="form.enterpriseName" placeholder="请选择预案等级"  @change="qiyechang" >
+            <el-option
+              v-for = "dict in enterpriseList"
+              :key = "dict.enterpriseId"
+              :label = "dict.enterpriseName"
+              :value = "dict.enterpriseId"
+            />
+          </el-select>
+          <!--<el-input v-model="form.beyondEnterpriseId" placeholder="请输入所属企业" />-->
+        </el-form-item>
+        <div class="el-form-div">
+          <div style="width: 50%">
+            <el-form-item label="事件名称：" >
+              {{form.eventName}}
+            </el-form-item>
+            <el-form-item label="事件类型：" >
+              {{form.eventTypeName}}
+            </el-form-item>
+            <el-form-item label="事件等级：">
+              {{form.eventGradeName}}
+            </el-form-item>
+          </div>
+          <div style="width: 50%">
+            <el-form-item label="报案人："  >
+              {{form.informant}}
+            </el-form-item>
+            <el-form-item label="案发时间："  >
+              {{form.inforTime}}
+
+            </el-form-item>
+            <el-form-item label="报案人电话：" >
+              {{form.informantPhone}}
+            </el-form-item>
+          </div>
+        </div>
+
+
+        <el-form-item label="事发地点：" >
+         {{form.address}}
+        </el-form-item>
+        <el-form-item label="经纬度：" >
+          {{form.longitude}}、{{form.latitude}}
+
+        </el-form-item>
+
+        <el-form-item label="事件描述：" >
+          {{form.describe}}
+        </el-form-item>
+
+        <el-form-item label="备注：" prop="remarks">
+          {{form.remarks}}
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
     <GetPos
       :dialogVisible.sync="dialogTableVisible"
       device=""
@@ -287,6 +352,7 @@ export default {
     return {
       // 是否显示弹出层
       open: false,
+      open2: false,
       // 事件类型 1水灾 2火灾 3突发字典
       eventTypeOptions: [],
       // 事件等级 1级 2级 3级字典
@@ -335,31 +401,31 @@ export default {
         {
           val: 2,
           ischeck: false,
-          imgurl: require("@/assets/image/tyxsub.svg"),
+          imgurl: require("@/assets/images/cz1.png"),
           name: "调压箱",
         },
         {
           val: 3,
           ischeck: false,
-          imgurl: require("@/assets/image/fmjsub.svg"),
+          imgurl: require("@/assets/images/cz2.png"),
           name: "阀门井",
         },
         {
           val: 4,
           ischeck: false,
-          imgurl: require("@/assets/image/czsub.svg"),
+          imgurl: require("@/assets/images/cz3.png"),
           name: "场 站",
         },
         {
           val: 6,
           ischeck: false,
-          imgurl: require("@/assets/image/usersub.svg"),
+          imgurl: require("@/assets/images/cz4.png"),
           name: "用 户",
         },
         {
           val: 5,
           ischeck: false,
-          imgurl: require("@/assets/image/jksub.svg"),
+          imgurl: require("@/assets/images/cz5.png"),
           name: "监 控",
         },
       ],
@@ -425,7 +491,12 @@ export default {
       markNum:0,
       // 表单参数
       form: {},
-      // 表单校验
+      // 表单校验list
+      rules2:{
+        enterpriseId:[
+          { required: true, message: "请选择指派公司", trigger: "blur" }
+        ],
+      },
       rules: {
         eventName: [
           { required: true, message: "请输入事件名称", trigger: "blur" }
@@ -575,16 +646,19 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
+      console.log(row)
       this.readonly=true;
       this.buttonstyle="display:none";
       this.reset();
       const id = row.id || this.ids
       getReceive(id).then(response => {
         this.form = response.data;
-      this.open = true;
-      this.title = "修改事件接报";
-      document.getElementById("jingwei").style.display="none";
-    });
+        this.form.eventGradeName = row.eventGradeName;
+        this.form.eventTypeName = row.eventTypeName;
+        this.open2 = true;
+        this.title = "修改事件接报";
+        document.getElementById("jingwei").style.display="none";
+      });
     },
     /** 提交按钮 */
     submitForm() {
@@ -595,6 +669,7 @@ export default {
             updateReceive(this.form).then(response => {
               this.msgSuccess("修改成功");
             this.open = false;
+            this.open2 = false;
             this.$refs.mychild.choice(0);
           });
           } else {
@@ -624,6 +699,7 @@ export default {
     // 取消按钮
     cancel() {
       this.open = false;
+      this.open2 = false;
       this.reset();
     },
     // 表单重置
@@ -763,11 +839,11 @@ export default {
       } else {
         this.selarr1.push(item.val);
         //找中心点
-        console.log(item.val);
+        //console.log(item.val);
         if(item.val>=10){
           for(var i=0;i<this.deviceList.length;i++){
             if(this.deviceList[i].iconType==item.val){
-              console.log(this.deviceList[i])
+              //console.log(this.deviceList[i])
               this.map.setZoomAndCenter(this.deviceList[i].longitude,this.deviceList[i].latitude);
               break;
             }
@@ -942,9 +1018,9 @@ export default {
 }
 .rightbar {
   width: 470px;
-  height: 93%;
+  height:calc(100vh - 100px);
   position: fixed;
-  top: 50px;
+  top: 100px;
   right: 0;
   background: #ffffff;
 }
@@ -964,16 +1040,17 @@ export default {
 }
 .event_div{
   position: fixed;
-  margin-left: 20%;
+  right: 0px;
   z-index:999;
-  width: 100px;
+  width: 470px;
   height: 50px;
   color: white;
-  background: #053b6a;
+  background: #4091F7 ;
+  top: 50px;
   line-height: 50px;
-  bottom: 50px;
   text-align: center;
   cursor:pointer;
+  font-size: 24px;
 }
 .listingsSty {
   /* height: 25px; */
@@ -1001,10 +1078,10 @@ export default {
   // font-family: 'arialbd';
 }
 .active {
-  color: #2ee7e7;
-  background: url(../../assets/mapinages/background.png);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
+  /*color: #2ee7e7;*/
+  /*background: url(../../assets/mapinages/background.png);*/
+  /*background-repeat: no-repeat;*/
+  /*background-size: 100% 100%;*/
   font-size: 18px;
 
   /*position:relative;*/
@@ -1051,8 +1128,8 @@ export default {
   right: 450px;
 }
 .typelist-div2{
-  width: 150px;
-  height: 230px;
+  width: 155px;
+  height: 220px;
   z-index: 999;
   position: fixed;
   margin-top: 80px;
@@ -1076,7 +1153,10 @@ export default {
   background: #ffffff;
   box-shadow: inset 0px 1px 2px 1px #ffffff;
   color: #1890ff;
-  font-size: 14px;
+}
+.list.active2 {
+  filter: grayscale(100%);
+
 }
 .mouseToolBtn {
   position: fixed;
@@ -1116,7 +1196,6 @@ export default {
   display:flex;
   flex-direction:row;
   justify-content:flex-start;
-  justify-content:flex-start;
   width: 100%;
 }
 .detail-title{