Commit 806ade78 authored by 涂伟's avatar 涂伟
parents 56f0d462 a1ee6ec3
Pipeline #91743 passed with stages
...@@ -44,7 +44,9 @@ const QRCodeView = (props) => { ...@@ -44,7 +44,9 @@ const QRCodeView = (props) => {
</div> </div>
</div> </div>
<div className={styles.pandaLogo} active={`${active === 'IsPandaLogo'}`}> <div className={styles.pandaLogo} active={`${active === 'IsPandaLogo'}`}>
<div className={styles.pandaLogoC} style={{ display: values.IsPandaLogo ? 'block' : 'none' }}></div> <div className={styles.pandaLogoC} style={{ display: values.IsPandaLogo ? 'block' : 'none' }}>
<img style={{ width: '100%', height: '100%' }} src={require('@/assets/images/bsmanager/patrolMaintenance/maintenance/熊猫logo.png')} />
</div>
</div> </div>
<div className={styles.info}> <div className={styles.info}>
{isBatch ? <span className={styles.tag} type={'设备名称'}>【设备名称】</span> : <div className={styles.DeviceName}>{values.DeviceName}</div>} {isBatch ? <span className={styles.tag} type={'设备名称'}>【设备名称】</span> : <div className={styles.DeviceName}>{values.DeviceName}</div>}
......
@imgSrc: '@/assets/images/bsmanager/patrolMaintenance/maintenance'; @imgSrc: '@/assets/images/bsmanager/patrolMaintenance/maintenance';
.QRCodeModal { .QRCodeModal {
.ant-modal-header { .ant-modal-header {
padding: 0 padding: 0
} }
.ant-modal-content { .ant-modal-content {
border-radius: 25px; border-radius: 25px;
overflow: hidden; overflow: hidden;
} }
.ant-modal-close-x { .ant-modal-close-x {
width: 50px; width: 50px;
height: 50px; height: 50px;
line-height: 56px; line-height: 56px;
} }
.qrCodeCell { .qrCodeCell {
&:hover { &:hover {
cursor: pointer; cursor: pointer;
} }
} }
.QRCodeTitle { .QRCodeTitle {
width: 100%; width: 100%;
height: 57px; height: 57px;
...@@ -28,14 +33,17 @@ ...@@ -28,14 +33,17 @@
padding-left: 20px; padding-left: 20px;
font-size: 20px; font-size: 20px;
} }
.QRCodeList { .QRCodeList {
width: 100%; width: 100%;
height: 100%; height: 100%;
.table { .table {
.ant-table-thead { .ant-table-thead {
.ant-table-cell { .ant-table-cell {
background: linear-gradient(to bottom, #FEFEFF, #D5E9FF); background: linear-gradient(to bottom, #FEFEFF, #D5E9FF);
} }
th { th {
border-bottom: 2px solid #DBE7FB; border-bottom: 2px solid #DBE7FB;
text-align: center; text-align: center;
...@@ -43,9 +51,11 @@ ...@@ -43,9 +51,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
.ant-pro-table-list-toolbar-container { .ant-pro-table-list-toolbar-container {
padding: 10px 0; padding: 10px 0;
} }
.ant-table-body { .ant-table-body {
tr { tr {
td { td {
...@@ -53,15 +63,19 @@ ...@@ -53,15 +63,19 @@
border-right: 1px solid #DBE7FB; border-right: 1px solid #DBE7FB;
} }
} }
.ant-table-row { .ant-table-row {
padding: 4px; padding: 4px;
} }
tr:nth-child(even) { tr:nth-child(even) {
background: #F3F9FF; background: #F3F9FF;
.panda-civ-workflow-table-cell-fix-right { .panda-civ-workflow-table-cell-fix-right {
background-color: #F3F9FF; background-color: #F3F9FF;
} }
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 0; width: 0;
height: 6px; height: 6px;
...@@ -69,10 +83,12 @@ ...@@ -69,10 +83,12 @@
} }
} }
} }
.QRCodeDesign { .QRCodeDesign {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
.left { .left {
flex: 1; flex: 1;
width: 100%; width: 100%;
...@@ -80,6 +96,7 @@ ...@@ -80,6 +96,7 @@
border-radius: 5px; border-radius: 5px;
border: 1px solid #BCDEFF; border: 1px solid #BCDEFF;
overflow: hidden; overflow: hidden;
.header { .header {
position: relative; position: relative;
width: 100%; width: 100%;
...@@ -89,22 +106,26 @@ ...@@ -89,22 +106,26 @@
background: linear-gradient(to right, #EEF6FF, #FBFDFF); background: linear-gradient(to right, #EEF6FF, #FBFDFF);
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
border-bottom: 1px solid #BCDEFF; border-bottom: 1px solid #BCDEFF;
.h-icon { .h-icon {
width: 4px; width: 4px;
height: 15px; height: 15px;
border-radius: 3px; border-radius: 3px;
background: #1685FF; background: #1685FF;
} }
.h-text { .h-text {
font-weight: bold; font-weight: bold;
margin-left: 5px; margin-left: 5px;
} }
.h-background { .h-background {
width: 50%; width: 50%;
height: 100%; height: 100%;
background: url('@{imgSrc}/编辑字段背景.png'); background: url('@{imgSrc}/编辑字段背景.png');
background-size: 100% 100%; background-size: 100% 100%;
} }
.h-bgArrow { .h-bgArrow {
position: absolute; position: absolute;
right: 5%; right: 5%;
...@@ -114,27 +135,33 @@ ...@@ -114,27 +135,33 @@
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.content { .content {
width: 100%; width: 100%;
height: calc(100% - 42px); height: calc(100% - 42px);
background: white; background: white;
.gName { .gName {
padding: 10px; padding: 10px;
font-weight: 700; font-weight: 700;
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;
} }
.tag { .tag {
padding: 2px 10px; padding: 2px 10px;
border-radius: 1px; border-radius: 1px;
&[type='设备名称'] { &[type='设备名称'] {
background: rgb(205 235 221); background: rgb(205 235 221);
color: rgb(42 91 68); color: rgb(42 91 68);
} }
&[type='设备编号'] { &[type='设备编号'] {
color: rgb(224, 95, 66); color: rgb(224, 95, 66);
background: rgb(224 201 196); background: rgb(224 201 196);
} }
} }
.uploadIcon { .uploadIcon {
width: 30px; width: 30px;
height: 32px; height: 32px;
...@@ -142,6 +169,7 @@ ...@@ -142,6 +169,7 @@
background: url('@{imgSrc}/上传文件.png'); background: url('@{imgSrc}/上传文件.png');
background-size: 100% 100%; background-size: 100% 100%;
} }
.uploadBtn { .uploadBtn {
width: 75px; width: 75px;
height: 28px; height: 28px;
...@@ -153,12 +181,14 @@ ...@@ -153,12 +181,14 @@
} }
} }
} }
.right { .right {
width: 500px; width: 500px;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.box { .box {
width: 620px; width: 620px;
height: 980px; height: 980px;
...@@ -166,6 +196,7 @@ ...@@ -166,6 +196,7 @@
} }
} }
} }
.downIcon { .downIcon {
width: 15px; width: 15px;
height: 15px; height: 15px;
...@@ -184,26 +215,31 @@ ...@@ -184,26 +215,31 @@
background: url('@{imgSrc}/二维码背景.png'); background: url('@{imgSrc}/二维码背景.png');
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.company { .company {
height: 100px; height: 100px;
color: white; color: white;
padding: 3%; padding: 3%;
text-align: center; text-align: center;
font-size: 40px; font-size: 40px;
&[active='true'] { &[active='true'] {
border: 1.5px solid #f57c00; border: 1.5px solid #f57c00;
} }
} }
.title { .title {
text-align: center; text-align: center;
font-size: 52px; font-size: 52px;
color: white; color: white;
font-weight: 700; font-weight: 700;
font-style: italic; font-style: italic;
&[active='true'] { &[active='true'] {
border: 1.5px solid #f57c00; border: 1.5px solid #f57c00;
} }
} }
.QR { .QR {
position: absolute; position: absolute;
top: 37.5%; top: 37.5%;
...@@ -211,6 +247,7 @@ ...@@ -211,6 +247,7 @@
width: 47.3%; width: 47.3%;
height: 29.7%; height: 29.7%;
overflow: hidden; overflow: hidden;
.QRLogo { .QRLogo {
z-index: 99; z-index: 99;
position: absolute; position: absolute;
...@@ -219,9 +256,11 @@ ...@@ -219,9 +256,11 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 86px; width: 86px;
height: 86px; height: 86px;
&[active='true'] { &[active='true'] {
border: 1.5px solid #f57c00; border: 1.5px solid #f57c00;
} }
.systemLogo { .systemLogo {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -230,6 +269,7 @@ ...@@ -230,6 +269,7 @@
} }
} }
} }
.pandaLogo { .pandaLogo {
position: absolute; position: absolute;
left: 50%; left: 50%;
...@@ -237,16 +277,19 @@ ...@@ -237,16 +277,19 @@
bottom: 22%; bottom: 22%;
width: 47%; width: 47%;
height: 5%; height: 5%;
.pandaLogoC { .pandaLogoC {
width: 100%; // width: 100%;
height: 100%; // height: 100%;
background: url('@{imgSrc}/熊猫logo.png'); // background: url('@{imgSrc}/熊猫logo.png');
background-size: 100% 100%; // background-size: 100% 100%;
} }
&[active='true'] { &[active='true'] {
border: 1.5px solid #f57c00; border: 1.5px solid #f57c00;
} }
} }
.info { .info {
position: absolute; position: absolute;
left: 50%; left: 50%;
...@@ -254,25 +297,30 @@ ...@@ -254,25 +297,30 @@
transform: translateX(-50%); transform: translateX(-50%);
width: 84%; width: 84%;
height: 10%; height: 10%;
.tag { .tag {
margin-left: 29%; margin-left: 29%;
padding: 4px 20px; padding: 4px 20px;
border-radius: 2px; border-radius: 2px;
font-size: 26px; font-size: 26px;
&[type='设备名称'] { &[type='设备名称'] {
background: rgb(205 235 221); background: rgb(205 235 221);
color: rgb(42 91 68); color: rgb(42 91 68);
} }
&[type='设备编号'] { &[type='设备编号'] {
color: rgb(224, 95, 66); color: rgb(224, 95, 66);
background: rgb(224 201 196); background: rgb(224 201 196);
} }
} }
.DeviceName { .DeviceName {
text-align: center; text-align: center;
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
} }
.DeviceCode { .DeviceCode {
text-align: center; text-align: center;
font-size: 30px; font-size: 30px;
...@@ -285,6 +333,7 @@ ...@@ -285,6 +333,7 @@
.ant-modal { .ant-modal {
zoom: 0.5; zoom: 0.5;
} }
.ant-modal-close-x { .ant-modal-close-x {
width: 40px; width: 40px;
height: 40px; height: 40px;
......
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