UI样式修改

super-screen/client/src/sections/water-prevention/components/emergency-right-top.js

@@ -3,14 +3,14 @@ import { Box, AutoRollComponent } from '$components';
 import { getName, getPhone } from '$utils';
 import './style.less';
 
-function CitySafty(props) {
+function CitySafty (props) {
    const { emengencyTab, emergencyList } = props;
    const tab_name = {
-        yjwz: { name: '应急物资', items: [{ key: 'street', name: '乡镇街道' }, { key: 'location', name: '仓库地址' }, { key: 'responsiblePerson', name: '联系人' }, { key: 'phone', name: '联系电话' }, { key: 'materialDescription', name: '物资数量' }] },
-        xfjy: { name: '消防救援', items: [{ key: 'teamName', name: '队伍名称' }, { key: 'supervisoryUnit', name: '主管单位' }, { key: 'emergencyContactPhone', name: '联系人' }, { key: 'emergencyContactPhone', name: '联系电话' }, { key: 'totalMembers', name: '总人数' }, { key: 'baseAddress', name: '驻地地址' }] },
-        rmwzb: { name: '人民武装部', items: [{ key: 'teamName', name: '队伍名称' }, { key: 'supervisoryUnit', name: '主管单位' }, { key: 'emergencyContactPhone', name: '联系人' }, { key: 'emergencyContactPhone', name: '联系电话' }, { key: 'totalMembers', name: '总人数' }, { key: 'baseAddress', name: '驻地地址' }] },
-        yljy: { name: '医疗救援', items: [{ key: 'teamName', name: '队伍名称' }, { key: 'supervisoryUnit', name: '主管单位' }, { key: 'emergencyContactPhone', name: '联系人' }, { key: 'emergencyContactPhone', name: '联系电话' }, { key: 'totalMembers', name: '总人数' }, { key: 'baseAddress', name: '驻地地址' }] },
-        yjbns: { name: '应急避难场所', items: [{ key: 'shelterName', name: '场所全称' }, { key: 'address', name: '场所地址' }, { key: 'eventType', name: '事件类型' }, { key: 'capacity', name: '容纳人数' }] },
+      yjwz: { name: '应急物资', subscript: "物资", img: 'supply', items: [{ key: 'street', name: '乡镇街道' }, { key: 'location', name: '仓库地址' }, { key: 'responsiblePerson', name: '联系人' }, { key: 'phone', name: '联系电话' }, { key: 'materialDescription', name: '物资数量' }] },
+      xfjy: { name: '消防救援', subscript: "队伍", img: "fire", items: [{ key: 'teamName', name: '队伍名称' }, { key: 'supervisoryUnit', name: '主管单位' }, { key: 'emergencyContactPhone', name: '联系人' }, { key: 'emergencyContactPhone', name: '联系电话' }, { key: 'totalMembers', name: '总人数' }, { key: 'baseAddress', name: '驻地地址' }] },
+      rmwzb: { name: '人民武装部', subscript: "队伍", img: "arm", items: [{ key: 'teamName', name: '队伍名称' }, { key: 'supervisoryUnit', name: '主管单位' }, { key: 'emergencyContactPhone', name: '联系人' }, { key: 'emergencyContactPhone', name: '联系电话' }, { key: 'totalMembers', name: '总人数' }, { key: 'baseAddress', name: '驻地地址' }] },
+      yljy: { name: '医疗救援', subscript: "队伍", img: "medical", items: [{ key: 'teamName', name: '队伍名称' }, { key: 'supervisoryUnit', name: '主管单位' }, { key: 'emergencyContactPhone', name: '联系人' }, { key: 'emergencyContactPhone', name: '联系电话' }, { key: 'totalMembers', name: '总人数' }, { key: 'baseAddress', name: '驻地地址' }] },
+      yjbns: { name: '应急避难场所', subscript: "场所", img: "refuge", items: [{ key: 'shelterName', name: '场所全称' }, { key: 'address', name: '场所地址' }, { key: 'eventType', name: '事件类型' }, { key: 'capacity', name: '容纳人数' }] },
    }
 
    const getContent = () => {
@@ -19,7 +19,11 @@ function CitySafty(props) {
             emergencyList[emengencyTab]?.map((s, index) => {
 
                return <div className='water_right_item'>
-                        <div className='item_left'></div>
+                  <div className='item_left' style={{
+                     width: 50, height: 50,
+                      background: `url(/assets/images/homepage/fire/${tab_name[emengencyTab]?.img}.png) no-repeat`,
+                     backgroundSize: '100% 100%'
+                  }}></div>
                   <div className='item_right'>
                      {
                         tab_name[emengencyTab]?.items?.map(x => {
@@ -44,7 +48,7 @@ function CitySafty(props) {
                         })
                      }
                   </div>
-                        <div className='position_bg'><div className='position_icon' /> <span>场所{index + 1}</span> </div>
+                  <div className='position_bg'><div className='position_icon' /> <span>{tab_name[emengencyTab]?.subscript}{index + 1}</span> </div>
                </div>
             })
          }

super-screen/client/src/sections/water-prevention/components/style.less

@@ -21,12 +21,12 @@
         position: relative;
         margin-bottom: 20px;
 
-        .item_left {
-            width: 50px;
-            height: 50px;
-            background: url('/assets/images/homepage/fire/iconhome.png') no-repeat;
-            background-size: 100% 100%;
-        }
+      //   .item_left {
+      //       width: 50px;
+      //       height: 50px;
+      //       background: url('/assets/images/homepage/fire/iconhome.png') no-repeat;
+      //       background-size: 100% 100%;
+      //   }
 
         .item_right {
             width: calc(100% - 100px);