feat: '维保二维码编辑新增宿州二维码样式'

src/pages/bsmanager/patrolMaintenance/maintenance/components/QRCodeDesign/index.less

 @imgSrc: '@/assets/images/bsmanager/patrolMaintenance/maintenance';
 
+@font-face {
+  font-family: 'FZZYK';
+  src: url('@/assets/font/omsfont/方正综艺_GBK.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
 .QRCodeModal {
   .ant-modal-header {
     padding: 0
@@ -329,6 +336,173 @@
   }
 }
 
+.QRCodeSuzhou {
+  width: 100%;
+  height: 100%;
+  background: url('@{imgSrc}/宿州二维码背景.png');
+  background-size: 100% 90%;
+  position: relative;
+
+  .company {
+    height: 100px;
+    width: 100%;
+    color: #0086D1;
+    padding: 3%;
+    text-align: center;
+    font-size: 40px;
+    background: white;
+    position: absolute;
+    bottom: 0;
+    font-family: 'FZZYK', sans-serif;
+
+
+    &[active='true'] {
+      border: 1.5px solid #f57c00;
+    }
+  }
+
+  .title {
+    text-align: center;
+    font-size: 52px;
+    color: white;
+    font-weight: 700;
+    font-style: italic;
+
+    &[active='true'] {
+      border: 1.5px solid #f57c00;
+    }
+  }
+
+  .QR {
+    position: absolute;
+    top: 32.5%;
+    left: 22%;
+    // transform: translate(-50%, -50%);
+    width: 56.3%;
+    height: 35.7%;
+    overflow: hidden;
+    background: #fff;
+    border-radius: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    // position: absolute;
+    // top: 37.5%;
+    // left: 26.2%;
+    // width: 47.3%;
+    // height: 29.7%;
+    // overflow: hidden;
+
+    .QRLogo {
+      z-index: 99;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      width: 86px;
+      height: 86px;
+
+      &[active='true'] {
+        border: 1.5px solid #f57c00;
+      }
+
+      .systemLogo {
+        width: 100%;
+        height: 100%;
+        background: url('@{imgSrc}/熊猫-蓝色.png');
+        background-size: 100% 100%;
+      }
+    }
+  }
+
+  .pandaLogo {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 22%;
+    width: 47%;
+    height: 5%;
+
+    .pandaLogoC {
+      // width: 100%;
+      // height: 100%;
+      // background: url('@{imgSrc}/熊猫logo.png');
+      // background-size: 100% 100%;
+    }
+
+    &[active='true'] {
+      border: 1.5px solid #f57c00;
+    }
+  }
+
+  .info {
+    position: absolute;
+    left: 50%;
+    top: 6%;
+    transform: translateX(-50%);
+    width: 84%;
+    height: 15%;
+    background: url('@{imgSrc}/宿州标题.png');
+    background-size: 100% 40%;
+    background-repeat: no-repeat;
+    background-position-y: 100%;
+    text-align: center;
+
+    .infoTip {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translate(-50%, 120%);
+
+      img {
+        width: 100px;
+      }
+    }
+
+    .tag {
+      // margin-left: 29%;
+      padding: 4px 20px;
+      border-radius: 2px;
+      font-size: 26px;
+
+      &[type='设备名称'] {
+        background: rgb(205 235 221);
+        color: rgb(42 91 68);
+        display: inline-block;
+        margin-top: 10px;
+      }
+
+      &[type='设备编号'] {
+        color: rgb(224, 95, 66);
+        background: rgb(224 201 196);
+        position: absolute;
+        bottom: 4px;
+        left: 50%;
+        transform: translateX(-50%);
+      }
+    }
+
+    .DeviceName {
+      text-align: center;
+      font-size: 50px;
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .DeviceCode {
+      text-align: center;
+      font-size: 34px;
+      font-weight: bold;
+      color: #0086D1;
+      position: absolute;
+      left: 50%;
+      bottom: 4px;
+      transform: translateX(-50%);
+    }
+  }
+}
+
 .QRCodeMinModal {
   .ant-modal {
     zoom: 0.5;