Commit f15accea authored by 周宏民's avatar 周宏民

feat: 宜兴集成登录

parent 32fb9987
Pipeline #91935 failed with stages
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
{
"水务业务门户": {
"name": "水务业务门户",
"label": "",
"url": ""
},
"业务中心": [
{
"name": "水务业务门户",
"label": "",
"name": "综合展示",
"url": ""
},
{
"name": "综合展示",
"name": "制水管控",
"url": ""
},
{
"name": "制水管控",
"name": "管网输配",
"label": "",
"url": ""
},
{
"name": "营销客服",
"label": "",
"url": ""
}
],
"智慧管网": [
"智慧生产建设": [
{
"name": "管网GIS系统",
"name": "智慧水厂",
"label": "",
"url": "",
"english": "Pipeline GIS"
},
{
"name": "管网采集系统",
"url": "",
"english": "Pipeline Collection"
"english": ""
},
{
"name": "管网一张图",
"name": "实验室管理",
"url": "",
"english": "Pipe Network"
"english": ""
}
],
"综合调度": [
"智慧生产调度": [
{
"name": "管网运行监测",
"name": "二次供水",
"label": "",
"url": ""
},
{
"name": "GIS服务",
"url": "",
"english": ""
},
{
"name": "管网GIS",
"url": "",
"english": ""
},
{
"name": "管网运维",
"url": "",
"english": "Pipeline Operation"
"english": ""
},
{
"name": "调度事物管理",
"name": "DMA控漏",
"url": "",
"english": "Scheduling Management"
"english": ""
},
{
"name": "报警管理平台",
"name": "供水调度",
"url": "",
"english": "Alarm Management"
"english": ""
}
],
"智慧营": [
"智慧营收服务": [
{
"name": "营业收费",
"name": "业扩报装",
"label": "",
"url": "",
"english": "Operating Fees"
"url": ""
},
{
"name": "抄表管理",
"url": "",
"english": "Meter Reading"
"name": "大用户水表管理",
"url": ""
},
{
"name": "网上营业厅",
"url": "",
"english": "Online Business Hall"
"name": "营业收费",
"url": ""
},
{
"name": "表务系统",
"url": ""
},
{
"name": "客服热线",
"url": ""
}
],
"基础平台": [
{
"name": "物联统一接入平台",
"name": "数据中台",
"url": "",
"english": "Data Console"
},
{
"name": "物联网管理",
"url": "",
"english": "IoT Management"
},
{
"name": "外业管理",
"url": "",
"english": "Collection Management"
},
{
"name": "公共服务",
"url": "",
"english": "Public Service"
},
{
"name": "统一报警",
"url": "",
"english": "IoT Unified Access"
"english": "Unified Alarm"
},
{
"name": "综合后台管理平台",
"name": "WEB组态",
"url": "",
"english": "Integrated Backend"
"english": "WEB Configuration"
},
{
"name": "GIS服务平台",
"name": "排班管理",
"url": "",
"english": "GIS Service "
"english": "Shift Management"
},
{
"name": "Web组态平台",
"name": "运维监控",
"url": "",
"english": "Web Configuration"
"english": "Operation Monitoring"
}
],
"标题": "宜兴智慧水务管控平台"
......
......@@ -194,7 +194,6 @@ const IntegrationYixing = props => {
timer3.current = null;
};
}, []);
return (
<div className={classNames(styles.integrationYixing, 'integrationYixing')} ref={ref}>
{jumpLoading ? (
......@@ -230,8 +229,31 @@ const IntegrationYixing = props => {
业务中心
<img src={icon1} alt="" />
</div>
<div className={styles.integration_row_item}>
{configData['水务业务门户'] ? (
<div
key={configData['水务业务门户'].name}
className={styles.integration_row_col}
type="水务业务门户"
onClick={() => onLink(configData['水务业务门户'].url)}
>
<div
className={classNames(
styles.integration_row_col_hover,
'animate__fadeIn animate__animated duration-100ms',
)}
/>
<div className={styles.integration_row_col_content} name={configData['水务业务门户'].name}>
<div className={styles.integration_row_col_text} type="水务业务门户">
{configData['水务业务门户'].label || configData['水务业务门户'].name}
</div>
</div>
</div>
) : null}
</div>
<div className={styles.integration_row_list}>
<div className={styles.integration_row_grid} type="业务中心">
<div className={styles.integration_row_grid_title}>综合大屏 </div>
{configData['业务中心'] &&
configData['业务中心'].map(item => (
<div
......@@ -263,13 +285,13 @@ const IntegrationYixing = props => {
<img src={icon2} alt="" />
</div>
<div className={styles.integration_row_right2}>
<div className={styles.integration_row_list} type="智慧管网">
<div className={styles.integration_row_list_title} type="智慧管网">
- 智慧管网 -
<div className={styles.integration_row_list} type="智慧生产建设">
<div className={styles.integration_row_list_title} type="智慧生产建设">
- 智慧生产建设 -
</div>
<div className={styles.integration_row_grid} type="智慧管网">
{configData['智慧管网'] &&
configData['智慧管网'].map(item => (
<div className={styles.integration_row_grid} type="智慧生产建设">
{configData['智慧生产建设'] &&
configData['智慧生产建设'].map(item => (
<div
key={item.name}
className={styles.integration_row_col}
......@@ -290,17 +312,18 @@ const IntegrationYixing = props => {
))}
</div>
</div>
<div className={styles.integration_row_list} type="智慧管网">
<div className={styles.integration_row_list_title} type="智慧管网">
- 综合调度 -
<div className={styles.integration_row_list} type="智慧生产调度">
<div className={styles.integration_row_list_title} type="智慧生产调度">
- 智慧生产调度 -
</div>
<div className={styles.integration_row_grid} type="智慧管网">
{configData['综合调度'] &&
configData['综合调度'].map(item => (
<div className={styles.integration_row_grid} type="智慧生产调度">
{configData['智慧生产调度'] &&
configData['智慧生产调度'].map(item => (
<div
key={item.name}
className={styles.integration_row_col}
type={item.name}
name="智慧生产调度"
onClick={() => onLink(item.url)}
>
<div
......@@ -317,13 +340,13 @@ const IntegrationYixing = props => {
))}
</div>
</div>
<div className={styles.integration_row_list} type="智慧管网">
<div className={styles.integration_row_list_title} type="智慧管网">
- 智慧营 -
<div className={styles.integration_row_list} type="智慧营收服务">
<div className={styles.integration_row_list_title} type="智慧营收服务">
- 智慧营收服务 -
</div>
<div className={styles.integration_row_grid} type="智慧管网">
{configData['智慧营'] &&
configData['智慧营'].map(item => (
<div className={styles.integration_row_grid} type="智慧营收服务">
{configData['智慧营收服务'] &&
configData['智慧营收服务'].map(item => (
<div
key={item.name}
className={styles.integration_row_col}
......
......@@ -163,23 +163,23 @@
.integration_row_title[type='业务中心'] {
width: 46px;
height: 154px;
background: url('@/assets/images/integration/jimusaer/业务中心.png') center center no-repeat;
height: 152px;
background: url('@/assets/images/integration/yixing/业务中心_bg.png') center center no-repeat;
background-size: 100% 100%;
}
.integration_row_title[type='应用系统'] {
width: 46px;
height: 421px;
background: url('@/assets/images/integration/jimusaer/应用系统.png') center center no-repeat;
height: 332px;
background: url('@/assets/images/integration/yixing/应用系统_bg.png') center center no-repeat;
background-size: 100% 100%;
}
.integration_row_title[type='基础平台'] {
width: 46px;
height: 153px;
background: url('@/assets/images/integration/jimusaer/基础平台.png') center center no-repeat;
height: 208px;
background: url('@/assets/images/integration/yixing/基础平台_bg.png') center center no-repeat;
background-size: 100% 100%;
}
......@@ -192,26 +192,92 @@
margin-bottom: 15px;
.integration_row_list {
height: 140px;
height: 138px;
background: linear-gradient(0deg, rgba(171, 136, 0, 0) 0%, rgba(177, 153, 58, 0.5) 100%);
border-radius: 20px;
padding-top: 7px;
position: relative;
top: 5px;
top: 2px;
}
.integration_row_item {
flex: none;
width: 338px;
height: 138px;
margin-right: 18px;
background: linear-gradient(0deg, rgba(171, 136, 0, 0) 0%, rgba(177, 153, 58, 0.5) 100%);
border-radius: 20px;
padding-top: 10px;
position: relative;
top: 2px;
display: flex;
justify-content: center;
}
}
.integration_row_col[type='水务业务门户'] {
width: 304px;
height: 126px;
.integration_row_col_text {
font-weight: bold;
font-size: 20px;
color: #FFED9A;
text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
margin-bottom: 2px;
}
.integration_row_col_sub {
font-weight: 400;
font-size: 13px;
color: rgba(231, 215, 138, 0.6);
}
.integration_row_col_content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 28px 20px 45px 130px;
}
.integration_row_col_content[name='水务业务门户'] {
background: url('@/assets/images/integration/yixing/水务业务门户.png') 43px 39px no-repeat,
url('@/assets/images/integration/yixing/水务业务门户bg.png') center center no-repeat;
background-size: 40px 40px, 100% 100%;
}
}
.integration_row_grid[type='业务中心'] {
display: flex;
justify-content: space-around;
padding-left: 13px;
padding-top: 8px;
padding-top: 6px;
.integration_row_grid_title {
flex: none;
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 20px;
writing-mode: vertical-rl;
color: #FFFFFF;
line-height: 24px;
text-shadow: 0 0 18px rgba(255, 132, 0, 0.5);
font-style: italic;
letter-spacing: 5px;
padding-top: 8px;
padding-right: 8px;
}
}
.integration_row_col[type='业务中心'] {
width: 468px;
height: 118px;
width: 252px;
height: 126px;
.integration_row_col_text {
font-weight: bold;
......@@ -233,27 +299,35 @@
display: flex;
flex-direction: column;
justify-content: center;
padding: 28px 20px 45px 183px;
align-items: center;
padding: 45px 20px 0 20px;
}
.integration_row_col_content[name='综合管理门户'] {
background: url('@/assets/images/integration/jimusaer/综合管理门户.png') 66px 29px no-repeat,
url('@/assets/images/integration/jimusaer/业务中心bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='综合展示'] {
background: url('@/assets/images/integration/yixing/综合展示.png') 105px 26px no-repeat,
url('@/assets/images/integration/yixing/综合大屏.png') center center no-repeat;
background-size: 40px 40px, 100% 100%;
}
.integration_row_col_content[name='综合外业工单'] {
background: url('@/assets/images/integration/jimusaer/综合外业工单.png') 66px 29px no-repeat,
url('@/assets/images/integration/jimusaer/业务中心bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='制水管控'] {
background: url('@/assets/images/integration/yixing/制水管控.png') 105px 26px no-repeat,
url('@/assets/images/integration/yixing/综合大屏.png') center center no-repeat;
background-size: 40px 40px, 100% 100%;
}
.integration_row_col_content[name='综合业务大屏'] {
background: url('@/assets/images/integration/jimusaer/综合业务大屏.png') 66px 29px no-repeat,
url('@/assets/images/integration/jimusaer/业务中心bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='管网输配'] {
background: url('@/assets/images/integration/yixing/管网输配.png') 105px 26px no-repeat,
url('@/assets/images/integration/yixing/综合大屏.png') center center no-repeat;
background-size: 40px 40px, 100% 100%;
}
.integration_row_col_content[name='营销客服'] {
background: url('@/assets/images/integration/yixing/营销客服.png') 105px 26px no-repeat,
url('@/assets/images/integration/yixing/综合大屏.png') center center no-repeat;
background-size: 40px 40px, 100% 100%;
}
}
......@@ -262,7 +336,7 @@
// 应用系统
.integration_row[type='应用系统'] {
height: 421px;
height: 331px;
display: flex;
align-items: flex-start;
margin-bottom: 15px;
......@@ -284,36 +358,88 @@
padding-right: 14px;
}
.integration_row_list {
// flex: 1;
width: 458px;
height: 400px;
.integration_row_list[type='智慧生产建设'] {
width: 249px;
height: 324px;
overflow: hidden;
}
.integration_row_list[type='智慧生产调度'] {
width: 574px;
height: 324px;
overflow: hidden;
}
.integration_row_list[type='智慧营收服务'] {
width: 574px;
height: 324px;
overflow: hidden;
}
}
.integration_row_list[type='智慧管网'] {
overflow: hidden;
flex-direction: column;
background: linear-gradient(180deg, rgba(39, 112, 173, 0.5) 0%, rgba(39, 112, 173, 0) 100%);
border-radius: 20px;
flex: none;
.integration_row[type='应用系统'] {
.integration_row_list[type='智慧生产建设'] {
overflow: hidden;
flex-direction: column;
background: linear-gradient(180deg, rgba(39, 112, 173, 0.5) 0%, rgba(39, 112, 173, 0) 100%);
border-radius: 20px;
flex: none;
}
.integration_row_list[type='智慧生产调度'] {
overflow: hidden;
flex-direction: column;
background: linear-gradient(180deg, rgba(39, 112, 173, 0.5) 0%, rgba(39, 112, 173, 0) 100%);
border-radius: 20px;
flex: none;
}
.integration_row_list[type='智慧营收服务'] {
overflow: hidden;
flex-direction: column;
background: linear-gradient(180deg, rgba(39, 112, 173, 0.5) 0%, rgba(39, 112, 173, 0) 100%);
border-radius: 20px;
flex: none;
}
.integration_row_list_title {
width: 100%;
height: 60px;
height: 52px;
position: relative;
top: -4px;
top: -8px;
padding-top: 24px;
line-height: 1;
text-align: center;
background: url('@/assets/images/integration/jimusaer/智慧管网.png') center center no-repeat;
background-size: 100% 60px;
}
.integration_row_list_title[type='智慧生产建设'] {
background: url('@/assets/images/integration/yixing/智慧生产建设.png') center center no-repeat;
background-size: 100% 52px;
padding-right: 0;
}
.integration_row_list_title[type='智慧生产调度'] {
background: url('@/assets/images/integration/yixing/智慧生产调度.png') center center no-repeat;
background-size: 100% 52px;
padding-right: 0;
// top: -6px;
}
.integration_row_list_title[type='智慧营收服务'] {
background: url('@/assets/images/integration/yixing/智慧生产调度.png') center center no-repeat;
background-size: 100% 52px;
padding-right: 0;
// top: -6px;
}
......@@ -333,8 +459,9 @@
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 183px;
padding-top: 65px;
padding-bottom: 13px;
align-items: center;
}
......@@ -343,85 +470,172 @@
font-size: 13px;
color: rgba(174, 239, 255, 0.6);
}
}
.integration_row_grid[type='智慧生产建设'] {
display: flex;
flex-direction: column;
}
.integration_row_grid[type='智慧管网'] {
.integration_row_grid[type='智慧生产调度'] {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-evenly;
}
.integration_row_col {
width: 426px;
height: 118px;
.integration_row_grid[type='智慧营收服务'] {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.integration_row_col[type='智慧水厂'] {
width: 214px;
height: 130px;
}
.integration_row_col[type='实验室管理'] {
width: 214px;
height: 130px;
}
.integration_row_col[name='智慧生产调度'] {
width: 178px;
height: 130px;
}
.integration_row_col[type='营业收费'] {
width: 178px;
height: 130px;
}
.integration_row_col[type='表务系统'] {
width: 178px;
height: 130px;
}
.integration_row_col[type='客服热线'] {
width: 178px;
height: 130px;
}
.integration_row_col[type='业扩报装'] {
width: 270px;
height: 130px;
}
.integration_row_col[type='大用户水表管理'] {
width: 270px;
height: 130px;
}
.integration_row_col_content[name='智慧水厂'] {
background: url('@/assets/images/integration/yixing/智慧水厂.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/智慧水厂bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='实验室管理'] {
background: url('@/assets/images/integration/yixing/实验室管理.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/智慧水厂bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='管网GIS系统'] {
background: url('@/assets/images/integration/jimusaer/管网GIS系统.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='二次供水'] {
background: url('@/assets/images/integration/yixing/二次供水.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='管网采集系统'] {
background: url('@/assets/images/integration/jimusaer/管网采集系统.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='GIS服务'] {
background: url('@/assets/images/integration/yixing/GIS服务.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='管网一张图'] {
background: url('@/assets/images/integration/jimusaer/管网一张图.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='管网GIS'] {
background: url('@/assets/images/integration/yixing/管网GIS.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='管网运行监测'] {
background: url('@/assets/images/integration/jimusaer/管网运行监测.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='管网运'] {
background: url('@/assets/images/integration/yixing/管网运维.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='调度事物管理'] {
background: url('@/assets/images/integration/jimusaer/调度事物管理.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='DMA控漏'] {
background: url('@/assets/images/integration/yixing/DMA控漏.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='报警管理平台'] {
background: url('@/assets/images/integration/jimusaer/报警管理平台.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='供水调度'] {
background: url('@/assets/images/integration/yixing/供水调度.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='营业收费'] {
background: url('@/assets/images/integration/jimusaer/营业收费.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
background: url('@/assets/images/integration/yixing/营业收费.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='表务系统'] {
background: url('@/assets/images/integration/yixing/表务系统.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='客服热线'] {
background: url('@/assets/images/integration/yixing/客服热线.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/二次供水bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='抄表管理'] {
background: url('@/assets/images/integration/jimusaer/抄表管理.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='业扩报装'] {
background: url('@/assets/images/integration/yixing/业扩报装.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/业扩报装bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='网上营业厅'] {
background: url('@/assets/images/integration/jimusaer/网上营业厅.png') 67px 28px no-repeat,
url('@/assets/images/integration/jimusaer/应用系统bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='大用户水表管理'] {
background: url('@/assets/images/integration/yixing/大用户水表管理.png') center 23px no-repeat,
url('@/assets/images/integration/yixing/业扩报装bg.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
// 智慧生产调度end
......@@ -429,13 +643,12 @@
// 基础平台start
.integration_row[type='基础平台'] {
height: 153px;
display: flex;
align-items: center;
.integration_row_list {
height: 140px;
height: 212px;
background: linear-gradient(0deg, rgba(0, 131, 120, 0) 0%, rgba(0, 131, 120, 0.5) 100%);
border-radius: 20px;
padding-top: 7px;
......@@ -447,15 +660,14 @@
.integration_row_grid[type='基础平台'] {
display: flex;
justify-content: space-between;
padding-left: 13px;
padding-top: 8px;
width: 100%;
padding-right: 17px;
flex-wrap: wrap;
padding: 5px 8px 0 15px;
}
.integration_row_col[type='基础平台'] {
width: 348px;
height: 118px;
width: 346px;
height: 98px;
.integration_row_col_text {
......@@ -482,32 +694,62 @@
}
.integration_row_col_content[name='物联统一接入平台'] {
background: url('@/assets/images/integration/jimusaer/物联统一接入平台.png') 47px 28px no-repeat,
url('@/assets/images/integration/jimusaer/基础平台bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='数据中台'] {
background: url('@/assets/images/integration/yixing/数据中台.png') 47px 20px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='物联网管理'] {
background: url('@/assets/images/integration/yixing/物联网管理.png') 47px 20px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='综合后台管理平台'] {
background: url('@/assets/images/integration/jimusaer/综合后台管理平台.png') 47px 28px no-repeat,
url('@/assets/images/integration/jimusaer/基础平台bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='外业管理'] {
background: url('@/assets/images/integration/yixing/外业管理.png') 47px 19px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='公共服务'] {
background: url('@/assets/images/integration/yixing/公共服务.png') 46px 20px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='GIS服务平台'] {
background: url('@/assets/images/integration/jimusaer/GIS服务平台.png') 47px 28px no-repeat,
url('@/assets/images/integration/jimusaer/基础平台bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='统一报警'] {
background: url('@/assets/images/integration/yixing/统一报警.png') 47px 19px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='Web组态平台'] {
background: url('@/assets/images/integration/jimusaer/Web组态平台.png') 47px 28px no-repeat,
url('@/assets/images/integration/jimusaer/基础平台bg.png') center center no-repeat;
background-size: 54px 54px, 100% 100%;
.integration_row_col_content[name='WEB组态'] {
background: url('@/assets/images/integration/yixing/WEB组态.png') 47px 19px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='排班管理'] {
background: url('@/assets/images/integration/yixing/排班管理.png') 46px 19px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
.integration_row_col_content[name='运维监控'] {
background: url('@/assets/images/integration/yixing/运维监控.png') 47px 20px no-repeat,
url('@/assets/images/integration/yixing/基础平台.png') center center no-repeat;
background-size: 48px 48px, 100% 100%;
}
}
//基础平台end
......@@ -516,13 +758,9 @@
// align-items: center;
justify-content: center;
padding-top: 10px;
padding-bottom: 20px;
&_left {
width: 372px;
height: 75px;
background: url('@/assets/images/integration2/left.png') center/100% 100% no-repeat;
}
&_text {
flex: none;
......@@ -542,12 +780,7 @@
}
}
&_right {
width: 372px;
height: 75px;
background: url('@/assets/images/integration2/right.png') center/100% 100% no-repeat;
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment