system-clients 3.2.4 → 3.2.6

package/src/styles/less/manageStyle/safeStyle.less

@@ -0,0 +1,498 @@
+
+
+/*分辨率@1920*1080*/
+@media screen and (max-width: 1920px) {
+  /*经营管控全局页面样式*/
+  .home-div {
+    font-family: PingFangSC-Regular;
+    background-image: url('../../../../static/ManageHomePic/图层0.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    /*width: 2304px;*/
+    /*height: 775px;*/
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .safe-navigation{
+    position: absolute;
+    width: 100%;
+    height: 10%;
+  }
+  .safe-title-div{
+    margin-top: 1%;
+    margin-left: 3%;
+    padding-top: 1%;
+    float: left;
+    min-width: 13%;
+    max-height: 65px;
+    text-align: center;
+    background-image: url('../../../../static/ManageHomePic/图层519.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+
+
+  /*菜单全局样式*/
+  .safe-navigation>.safe-menucol {
+    padding-left: 4%;
+    float: left;
+    width: 40%;
+    height: 100%;
+  }
+
+  /*菜单列样式*/
+  .safe-navigation>.safe-menucol>.safe-colname {
+    width: 100%;
+    height: 90%;
+    font-family: HanYi;
+    padding-top: 2%;
+    color: #00f7ff;
+    float: left;
+  }
+
+  /*单个菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div {
+    text-align: center;
+    padding-top: 3%;
+    width: 14%;
+    float: left;
+    height: 80%;
+    max-height: 60px;
+    letter-spacing: 0px;
+    font-family: HanYi;
+  }
+
+  .filiale{
+    font-family: PingFangSC-Regular;
+    float: right;
+    padding-top: 2%;
+    width: 11%;
+    font-size: 2rem;
+    color: white;
+    font-weight: bolder;
+  }
+  .filiale img{
+    margin-right: 5%;
+    width: 9%;
+  }
+  /*鼠标移入时菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div:hover {
+    font-size: 2rem;
+    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  /*未选中菜单的字体大小*/
+  .safe-navigation>.safe-menucol>.safe-colname .noclick {
+    font-size: 1.8rem;
+  }
+
+  /*已选中菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname .click {
+    font-size: 2.2rem;
+    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  .new-manage{
+    float: right;
+    letter-spacing: 2px;
+    color: #ffffff;
+    font-size: 2.5rem;
+    height: 55%;
+    margin: 1% 2%;
+    padding: 10px 2%;
+    background-color: rgba(6, 84, 97, 0.22);
+    border: solid 1px rgba(105, 206, 210, 0.22);
+  }
+
+  /*正文内容样式*/
+  .safe-text {
+    position: absolute;
+    top: 10%;
+    width: 100%;
+    height: 92%;
+    background-color: rgba(1, 207, 242, 0.03);
+  }
+
+  /*分页面全局样式*/
+  .d3 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    /*background-color: #880000;*/
+  }
+
+  /*安全服务标题样式*/
+  .mfont {
+    margin-top: 2%;
+    float: left;
+    font-size: 3rem;
+    letter-spacing: 4px;
+    color: #ffffff;
+  }
+
+  /*主题字体样式*/
+  .safe-gradient-text {
+    width: 100%;
+    height: 100%;
+    font-size: 2.5rem;
+    font-family: HanYi;
+  }
+
+  /*主题字体颜色渐变样式*/
+  .safe-gradient-text-one {
+    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+
+  /*安全服务天数样式*/
+  .span-date {
+    color: #f7cb32;
+  }
+
+
+  //==========主页
+  /*小模块边框*/
+  .safe-border {
+    padding-top: 0.4%;
+    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
+    background-repeat: no-repeat;
+    background-size: 1.5px 11px, 11px 1.5px;
+    background-color: rgba(1, 207, 242, 0.05);
+  }
+
+  /*用户模块样式*/
+  .safe-user {
+    position: absolute;
+    float: left;
+    width: 33%;
+    height: 30%;
+    left: 2%;
+  }
+
+  /*陕西地图*/
+  .safe-shanximap {
+    position: absolute;
+    top:-5%;
+    left: 36%;
+    width: 28%;
+    height: 57%;
+  }
+
+  /*供销气量模块样式*/
+  .safe-gasvalue {
+    position: absolute;
+    left: 65%;
+    width: 33%;
+    height: 50%;
+  }
+
+  /*客服模块样式*/
+  .safe-callcenter {
+    position: absolute;
+    top: 32%;
+    width: 33%;
+    height: 25%;
+    left: 2%;
+  }
+
+  /*安检模块样式*/
+  .safe-safe {
+    position: absolute;
+    top: 59%;
+    width: 33%;
+    height: 35%;
+    left: 2%;
+  }
+
+  /*管网模块样式*/
+  .safe-network {
+    position: absolute;
+    top: 52%;
+    left: 65%;
+    width: 33%;
+    height: 42%;
+  }
+
+
+  /*监控模块样式*/
+  .safe-monitor {
+    position: absolute;
+    top: 59%;
+    height: 35%;
+    left: 36%;
+    width: 28%;
+  }
+   .label{
+     padding-top: 1%;
+     margin-left: 4%!important;
+     font-size: 1.5rem !important;
+   }
+
+}
+
+
+
+
+/*分辨率@1366*768*/
+@media screen and (max-width: 1366px) {
+  /*经营管控全局页面样式*/
+  .home-div {
+    font-family: PingFangSC-Regular;
+    background-image: url('../../../../static/ManageHomePic/图层0.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    /*width: 2304px;*/
+    /*height: 775px;*/
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .safe-navigation{
+    position: absolute;
+    width: 100%;
+    height: 10%;
+  }
+  .safe-title-div{
+    margin-top: 1%;
+    margin-left: 3%;
+    padding-top: 1%;
+    float: left;
+    min-width: 13%;
+    max-height: 46px;
+    text-align: center;
+    background-image: url('../../../../static/ManageHomePic/图层519.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+
+
+  /*菜单全局样式*/
+  .safe-navigation>.safe-menucol {
+    padding-left: 4%;
+    float: left;
+    width: 40%;
+    height: 100%;
+  }
+
+  /*菜单列样式*/
+  .safe-navigation>.safe-menucol>.safe-colname {
+    width: 100%;
+    height: 90%;
+    font-family: HanYi;
+    padding-top: 2%;
+    color: #00f7ff;
+    float: left;
+  }
+
+  /*单个菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div {
+    text-align: center;
+    padding-top: 3%;
+    width: 14%;
+    float: left;
+    height: 80%;
+    max-height: 50px;
+    letter-spacing: 0px;
+    font-family: HanYi;
+  }
+
+  .filiale{
+    font-family: PingFangSC-Regular;
+    float: right;
+    padding-top: 2%;
+    width: 11%;
+    font-size: 1.8rem;
+    color: white;
+    font-weight: bolder;
+  }
+  .filiale img{
+    margin-right: 5%;
+    width: 9%;
+  }
+  /*鼠标移入时菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div:hover {
+    font-size: 1.8rem;
+    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  /*未选中菜单的字体大小*/
+  .safe-navigation>.safe-menucol>.safe-colname .noclick {
+    font-size: 1.6rem;
+  }
+
+  /*已选中菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname .click {
+    font-size: 1.8rem;
+    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  .new-manage{
+    float: right;
+    letter-spacing: 2px;
+    color: #ffffff;
+    font-size: 1.6rem;
+    height: 55%;
+    margin: 1% 2%;
+    padding: 5px 2%;
+    background-color: rgba(6, 84, 97, 0.22);
+    border: solid 1px rgba(105, 206, 210, 0.22);
+  }
+
+  /*正文内容样式*/
+  .safe-text {
+    position: absolute;
+    top: 10%;
+    width: 100%;
+    height: 92%;
+    background-color: rgba(1, 207, 242, 0.03);
+  }
+
+  /*分页面全局样式*/
+  .d3 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    /*background-color: #880000;*/
+  }
+
+  /*安全服务标题样式*/
+  .mfont {
+    margin-top: 2%;
+    float: left;
+    font-size: 2rem;
+    letter-spacing: 4px;
+    color: #ffffff;
+  }
+
+  /*主题字体样式*/
+  .safe-gradient-text {
+    width: 100%;
+    height: 100%;
+    font-size: 1.9rem;
+    font-family: HanYi;
+  }
+
+  /*主题字体颜色渐变样式*/
+  .safe-gradient-text-one {
+    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+
+  /*安全服务天数样式*/
+  .span-date {
+    color: #f7cb32;
+  }
+
+
+  //==========主页
+  /*小模块边框*/
+  .safe-border {
+    padding-top: 0.4%;
+    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
+    background-repeat: no-repeat;
+    background-size: 1.5px 11px, 11px 1.5px;
+    background-color: rgba(1, 207, 242, 0.05);
+  }
+
+  /*用户模块样式*/
+  .safe-user {
+    position: absolute;
+    float: left;
+    width: 33%;
+    height: 30%;
+    left: 2%;
+  }
+
+  /*陕西地图*/
+  .safe-shanximap {
+    position: absolute;
+    top:-5%;
+    left: 36%;
+    width: 28%;
+    height: 57%;
+  }
+
+  /*供销气量模块样式*/
+  .safe-gasvalue {
+    position: absolute;
+    left: 65%;
+    width: 33%;
+    height: 50%;
+  }
+
+  /*客服模块样式*/
+  .safe-callcenter {
+    position: absolute;
+    top: 32%;
+    width: 33%;
+    height: 25%;
+    left: 2%;
+  }
+
+  /*安检模块样式*/
+  .safe-safe {
+    position: absolute;
+    top: 59%;
+    width: 33%;
+    height: 35%;
+    left: 2%;
+  }
+
+  /*管网模块样式*/
+  .safe-network {
+    position: absolute;
+    top: 52%;
+    left: 65%;
+    width: 33%;
+    height: 42%;
+  }
+
+
+  /*监控模块样式*/
+  .safe-monitor {
+    position: absolute;
+    top: 59%;
+    height: 35%;
+    left: 36%;
+    width: 28%;
+  }
+  .label{
+    padding-top: 1%;
+    margin-left: 4%!important;
+    font-size: 1rem !important;
+  }
+
+}

package/src/styles/less/media.less

@@ -0,0 +1,66 @@
+.media {
+  // Proper spacing between instances of .media
+  margin-top: 15px;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+.media,
+.media-body {
+  zoom: 1;
+  overflow: hidden;
+}
+
+.media-body {
+  width: 10000px;
+}
+
+.media-object {
+  display: block;
+
+  // Fix collapse in webkit from max-width: 100% and display: table-cell.
+  &.img-thumbnail {
+    max-width: none;
+  }
+}
+
+.media-right,
+.media > .pull-right {
+  padding-left: 10px;
+}
+
+.media-left,
+.media > .pull-left {
+  padding-right: 10px;
+}
+
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top;
+}
+
+.media-middle {
+  vertical-align: middle;
+}
+
+.media-bottom {
+  vertical-align: bottom;
+}
+
+// Reset margins on headings for tighter default spacing
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+
+// Media list variation
+//
+// Undo default ul/ol styles
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}

package/src/styles/less/mixins/alerts.less

@@ -0,0 +1,14 @@
+// Alerts
+
+.alert-variant(@background; @border; @text-color) {
+  background-color: @background;
+  border-color: @border;
+  color: @text-color;
+
+  hr {
+    border-top-color: darken(@border, 5%);
+  }
+  .alert-link {
+    color: darken(@text-color, 10%);
+  }
+}

package/src/styles/less/mixins/background-variant.less

@@ -0,0 +1,9 @@
+// Contextual backgrounds
+
+.bg-variant(@color) {
+  background-color: @color;
+  a&:hover,
+  a&:focus {
+    background-color: darken(@color, 10%);
+  }
+}

package/src/styles/less/mixins/border-radius.less

@@ -0,0 +1,18 @@
+// Single side border-radius
+
+.border-top-radius(@radius) {
+  border-top-right-radius: @radius;
+   border-top-left-radius: @radius;
+}
+.border-right-radius(@radius) {
+  border-bottom-right-radius: @radius;
+     border-top-right-radius: @radius;
+}
+.border-bottom-radius(@radius) {
+  border-bottom-right-radius: @radius;
+   border-bottom-left-radius: @radius;
+}
+.border-left-radius(@radius) {
+  border-bottom-left-radius: @radius;
+     border-top-left-radius: @radius;
+}

package/src/styles/less/mixins/buttons.less

@@ -0,0 +1,69 @@
+// Button variants
+//
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+.button-variant(@color; @background; @border) {
+  color: @color;
+  background-color: @background;
+  border-color: @border;
+
+  &:focus,
+  &.focus {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 25%);
+  }
+  &:hover {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 12%);
+  }
+  &:active,
+  &.active,
+  .open > .dropdown-toggle& {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 12%);
+
+    &:hover,
+    &:focus,
+    &.focus {
+      color: @color;
+      background-color: darken(@background, 17%);
+          border-color: darken(@border, 25%);
+    }
+  }
+  &:active,
+  &.active,
+  .open > .dropdown-toggle& {
+    background-image: none;
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active {
+      background-color: @background;
+          border-color: @border;
+    }
+  }
+
+  .badge {
+    color: @background;
+    background-color: @color;
+  }
+}
+// button-size第六个参数原本没有自己添加
+// Button sizes
+.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius; @margin-bottom) {
+  padding: @padding-vertical @padding-horizontal;
+  font-size: @font-size;
+  line-height: @line-height;
+  border-radius: @border-radius;
+  // margin-bottom: @margin-bottom;
+}

package/src/styles/less/mixins/center-block.less

@@ -0,0 +1,7 @@
+// Center-align a block level element
+
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}

package/src/styles/less/mixins/clearfix.less

@@ -0,0 +1,22 @@
+// Clearfix
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+//    contenteditable attribute is included anywhere else in the document.
+//    Otherwise it causes space to appear at the top and bottom of elements
+//    that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+//    `:before` to contain the top-margins of child elements.
+//
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+
+.clearfix() {
+  &:before,
+  &:after {
+    content: " "; // 1
+    display: table; // 2
+  }
+  &:after {
+    clear: both;
+  }
+}