|
@@ -1,638 +1,616 @@
|
|
|
-/* 人员管理 */
|
|
|
-
|
|
|
-.mainbox {
|
|
|
- min-width: 1024px;
|
|
|
- max-width: 1920px;
|
|
|
- /* padding: 0.8125rem 1.1rem 1rem .9rem; */
|
|
|
- padding: 3.3% 5% 4% 4%;
|
|
|
- /* display: flex; */
|
|
|
- height: 100%;
|
|
|
- /* height: 100vh;
|
|
|
+ /* 人员管理 */
|
|
|
+
|
|
|
+ .mainbox {
|
|
|
+ min-width: 1024px;
|
|
|
+ max-width: 1920px;
|
|
|
+ /* padding: 0.8125rem 1.1rem 1rem .9rem; */
|
|
|
+ padding: 3.3% 5% 4% 4%;
|
|
|
+ /* display: flex; */
|
|
|
+ height: 100%;
|
|
|
+ /* height: 100vh;
|
|
|
min-height: 723px */
|
|
|
- /* min-height: 10rem; */
|
|
|
-}
|
|
|
-
|
|
|
-.per-manage {
|
|
|
- height: 13.5rem
|
|
|
-}
|
|
|
-
|
|
|
-.column1 {}
|
|
|
-
|
|
|
-.column2 {}
|
|
|
-
|
|
|
-.column3 {
|
|
|
- overflow: hidden;
|
|
|
- height: 10.5rem;
|
|
|
- /* height: calc(100vh - 2.7rem); */
|
|
|
- /* min-height: 10.5rem; */
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.title {
|
|
|
- line-height: 0.6rem;
|
|
|
- font-size: 0.25rem;
|
|
|
- margin-top: .12rem;
|
|
|
- font-size: 0.25rem;
|
|
|
- margin-left: 0.35rem;
|
|
|
- /* color:#02DDF2; */
|
|
|
- background-image: -webkit-linear-gradient(bottom, #00adce, #fff);
|
|
|
- -webkit-background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
- background-image: -webkit-linear-gradient(rottom, #00adce, #fff);
|
|
|
- background-image: linear-gradient(to rottom, #00adce, #fff);
|
|
|
- -webkit-background-clip: text;
|
|
|
- -ms-background-clip: text;
|
|
|
- -o-background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
-}
|
|
|
-
|
|
|
-.column2 .title {
|
|
|
- margin-left: .6rem;
|
|
|
-}
|
|
|
-
|
|
|
-.column1 ul {
|
|
|
- padding: 0.6rem 0.625rem 0.375rem 0.4rem;
|
|
|
-}
|
|
|
-
|
|
|
-.column1 li a {
|
|
|
- color: #0082FF;
|
|
|
- line-height: 0.65rem;
|
|
|
- font-size: 0.2rem;
|
|
|
- padding-left: .4rem;
|
|
|
- display: block;
|
|
|
- margin-bottom: 0.25rem;
|
|
|
- background-image: url(../images/list.png);
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.column1 li.selected a,
|
|
|
-.column1 li:hover a {
|
|
|
- background-image: url(../images/list-on.png);
|
|
|
- color: #31E9FF
|
|
|
-}
|
|
|
-
|
|
|
-.departlist-box,
|
|
|
-.memberbox {
|
|
|
- padding: 0.25rem;
|
|
|
- /* padding: 20px 10px */
|
|
|
-}
|
|
|
-
|
|
|
-.departlist-box {
|
|
|
- width: 100%;
|
|
|
- padding: 0.25rem 0.25rem 0rem 0.1rem;
|
|
|
- /* padding: 20px 10px 0 10px; */
|
|
|
-}
|
|
|
-
|
|
|
-.departtit,
|
|
|
-.membertit {
|
|
|
- font-size: 0.25rem;
|
|
|
- color: #31e9ff;
|
|
|
- margin-bottom: 0.3rem
|
|
|
-}
|
|
|
-
|
|
|
-.membertit {
|
|
|
- margin-bottom: 0.125rem
|
|
|
-}
|
|
|
-
|
|
|
-ul.depart-opera {
|
|
|
- display: flex
|
|
|
-}
|
|
|
-
|
|
|
-.depart-opera a {
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.depart-opera li {
|
|
|
- display: inline-block;
|
|
|
- font-size: 0.15rem;
|
|
|
- flex: 1;
|
|
|
-}
|
|
|
-
|
|
|
-.depart-opera li a.button {
|
|
|
- width: 80%;
|
|
|
- padding: 0
|
|
|
-}
|
|
|
-
|
|
|
-.column2 .depart-opera li:nth-child(3) {
|
|
|
- margin-right: 0
|
|
|
-}
|
|
|
-
|
|
|
-.member-choose {
|
|
|
- text-align: right
|
|
|
-}
|
|
|
-
|
|
|
-.member-choose span {
|
|
|
- color: #0078FF;
|
|
|
- font-size: 0.2rem;
|
|
|
- margin-right: 0.0875rem
|
|
|
-}
|
|
|
-
|
|
|
-.member-choose input,
|
|
|
-.member-choose select,
|
|
|
-.member-choose option {
|
|
|
- display: inline-block;
|
|
|
- width: 2.0125rem;
|
|
|
- height: 0.3625rem;
|
|
|
- line-height: 0.3625rem;
|
|
|
- border-radius: 5px;
|
|
|
- text-indent: 0.0625rem;
|
|
|
- margin-right: 0.2rem;
|
|
|
- font-size: 0.2rem;
|
|
|
- border: none;
|
|
|
- background: #fff;
|
|
|
- -webkit-appearance: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.member-choose a.button {
|
|
|
- margin-right: 0.3rem
|
|
|
-}
|
|
|
-
|
|
|
-.member-operate span {
|
|
|
- color: #0078FF;
|
|
|
- font-size: 0.2rem;
|
|
|
- margin-right: 0.0875rem
|
|
|
-}
|
|
|
-
|
|
|
-.member-operate input,
|
|
|
-.member-operate select,
|
|
|
-.member-operate option {
|
|
|
- display: inline-block;
|
|
|
- width: 2.0125rem;
|
|
|
- height: 0.3625rem;
|
|
|
- line-height: 0.3625rem;
|
|
|
- border-radius: 5px;
|
|
|
- text-indent: 0.0625rem;
|
|
|
- margin-right: 0.5rem;
|
|
|
- border: none;
|
|
|
-}
|
|
|
-
|
|
|
-.member-operate a.button {
|
|
|
- margin-right: 0.3rem
|
|
|
-}
|
|
|
-
|
|
|
-.member-operate {
|
|
|
- text-align: right;
|
|
|
- padding: 0.4375rem 0;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.member-operate a.button {
|
|
|
- margin-right: 0.3rem;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 表格 */
|
|
|
-
|
|
|
-.pure-table {
|
|
|
- color: #fff;
|
|
|
- width: 100%
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table th {
|
|
|
- background: linear-gradient(to bottom, #525970, #2d323e);
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table td,
|
|
|
-.pure-table th {
|
|
|
- background-color: #1f2933;
|
|
|
- /* border-color: #101010; */
|
|
|
- text-align: center;
|
|
|
- border: 1px solid black;
|
|
|
- line-height: 0.3125rem;
|
|
|
- font-size: 0.2rem;
|
|
|
- border-collapse: collapse;
|
|
|
- border-spacing: 0;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- max-width: 5rem;
|
|
|
- /* width: 0.3375rem */
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table tbody tr:hover td:not(:first-child) {
|
|
|
- background-color: rgba(14, 112, 203, .3);
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table .selected td:not(:first-child) {
|
|
|
- background-color: #0e70cb;
|
|
|
- border-style: dotted;
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table .selected td:not(:first-child) .view-detail {
|
|
|
- color: #fff
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table .selected td {
|
|
|
- border-style: dotted;
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table .status {
|
|
|
- background-image: url(../images/unchecked.gif);
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: center center;
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table th span {
|
|
|
- width: 27px;
|
|
|
- height: 27px;
|
|
|
- display: block
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table .checked {
|
|
|
- background-image: url(../images/checked.gif);
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: center center;
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table tr:nth-child(even) td {
|
|
|
- background-color: #1a232b
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table tr td:first-child {
|
|
|
- background-color: #fff;
|
|
|
- width: 0.3375rem
|
|
|
-}
|
|
|
-
|
|
|
-.pure-table tr td.checked {
|
|
|
- background-color: orange
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 权限管理 */
|
|
|
-
|
|
|
-
|
|
|
-/* 菜单表部分 */
|
|
|
-
|
|
|
-.menutab {
|
|
|
- border-bottom: 2px solid #26c5ff;
|
|
|
- /* line-height: 0.5rem; */
|
|
|
- background: #4C5465;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.menutab a {
|
|
|
- display: inline-block;
|
|
|
- padding: 0.1125rem 0.2rem;
|
|
|
- background: #616F8C;
|
|
|
- /* line-height: 0.45rem; */
|
|
|
- color: #fff;
|
|
|
- border-top-left-radius: 6px;
|
|
|
- border-top-right-radius: 6px;
|
|
|
- font-size: 0.2rem;
|
|
|
- margin: 0.025rem auto 0.0125rem;
|
|
|
- cursor: pointer;
|
|
|
- border: 1px solid #2e3746;
|
|
|
-}
|
|
|
-
|
|
|
-.menutab a.selected,
|
|
|
-.menutab a:hover {
|
|
|
- background: #26C5FF
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 单位信息 */
|
|
|
-
|
|
|
-.logo-img {
|
|
|
- width: 0.2rem;
|
|
|
- height: 0.2rem;
|
|
|
- margin: 0 auto;
|
|
|
- display: block;
|
|
|
- background-image: url(../images/logo-img.png);
|
|
|
- background-size: 100% 100%;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 事件中心 */
|
|
|
-
|
|
|
-.memberbox2 .member-choose input,
|
|
|
-.memberbox2 .member-choose select,
|
|
|
-.memberbox2 .member-choose option {
|
|
|
- width: 1.75rem
|
|
|
-}
|
|
|
-
|
|
|
-.toTime {
|
|
|
- display: inline-block;
|
|
|
- margin: 0 0.125rem;
|
|
|
- color: #fff
|
|
|
-}
|
|
|
-
|
|
|
-.event-count-box {
|
|
|
- /* width: 100%; */
|
|
|
- position: absolute;
|
|
|
- top: 0.2rem;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.event-count-box li {
|
|
|
- text-align: center;
|
|
|
- border: 1px solid red;
|
|
|
- display: inline-block;
|
|
|
- line-height: 0.775rem;
|
|
|
- height: 0.775rem;
|
|
|
- margin-right: 0.25rem;
|
|
|
- border: 2px solid #0057ac;
|
|
|
- padding: 0 0.125rem
|
|
|
-}
|
|
|
-
|
|
|
-.event-count-box li span {
|
|
|
- vertical-align: middle;
|
|
|
- color: #fff;
|
|
|
- font-size: 0.2rem;
|
|
|
-}
|
|
|
-
|
|
|
-.event-count-box li img {
|
|
|
- vertical-align: middle;
|
|
|
- width: 0.375rem;
|
|
|
- margin-right: 0.2rem;
|
|
|
-}
|
|
|
-
|
|
|
-.event-count-box li .event-num {
|
|
|
- font-size: 0.35rem;
|
|
|
-}
|
|
|
-
|
|
|
-.view-detail,
|
|
|
-.interface-doc {
|
|
|
- cursor: pointer;
|
|
|
- text-decoration: underline;
|
|
|
- color: #0078FF
|
|
|
-}
|
|
|
-
|
|
|
-.error-radio .layui-form-item {
|
|
|
- display: inline-block;
|
|
|
- margin-bottom: 0
|
|
|
-}
|
|
|
-
|
|
|
-.error-radio .layui-input-block {
|
|
|
- margin-left: 0
|
|
|
-}
|
|
|
-
|
|
|
-.error-radio .layui-form-radio {
|
|
|
- margin: 0;
|
|
|
- width: 80px;
|
|
|
- line-height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.error-radio .layui-form-radioed>i,
|
|
|
-.error-radio .layui-form-radio>i:hover {
|
|
|
- color: rgb(118, 118, 118)
|
|
|
-}
|
|
|
-
|
|
|
-.error-radio .layui-anim-scaleSpring {
|
|
|
- -webkit-animation-name: none;
|
|
|
- animation-name: none;
|
|
|
-}
|
|
|
-
|
|
|
-.error-radio .layui-input-block {
|
|
|
- min-height: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.error-radio .layui-form-radio>i {
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 设备检测弹框样式 */
|
|
|
-
|
|
|
-.layui-input-block {
|
|
|
- margin-left: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.layui-form-checkbox[lay-skin="primary"] span {
|
|
|
- color: #fff
|
|
|
-}
|
|
|
-
|
|
|
-.checkallblock {
|
|
|
- background: #31383F;
|
|
|
- padding-left: 7px;
|
|
|
- line-height: 30px
|
|
|
-}
|
|
|
-
|
|
|
-.checkselfblock {
|
|
|
- background: #44474A;
|
|
|
- padding: 10px 7px 40px;
|
|
|
- /* height: 415px; */
|
|
|
-}
|
|
|
-
|
|
|
-.checkselfblock .layui-form-checkbox[lay-skin="primary"] {
|
|
|
- width: 24%;
|
|
|
- line-height: 30px
|
|
|
-}
|
|
|
-
|
|
|
-.checkselfblock .layui-form-checkbox {
|
|
|
- margin-bottom: 10px
|
|
|
-}
|
|
|
-
|
|
|
-.layui-col-md4 {
|
|
|
- /* padding:0;
|
|
|
+ /* min-height: 10rem; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .per-manage {
|
|
|
+ height: 13.5rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .column1 {}
|
|
|
+
|
|
|
+ .column2 {}
|
|
|
+
|
|
|
+ .column3 {
|
|
|
+ overflow: hidden;
|
|
|
+ height: 10.5rem;
|
|
|
+ /* height: calc(100vh - 2.7rem); */
|
|
|
+ /* min-height: 10.5rem; */
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ line-height: 0.6rem;
|
|
|
+ font-size: 0.25rem;
|
|
|
+ margin-top: .12rem;
|
|
|
+ font-size: 0.25rem;
|
|
|
+ margin-left: 0.35rem;
|
|
|
+ /* color:#02DDF2; */
|
|
|
+ background-image: -webkit-linear-gradient(bottom, #00adce, #fff);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ background-image: -webkit-linear-gradient(rottom, #00adce, #fff);
|
|
|
+ background-image: linear-gradient(to rottom, #00adce, #fff);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -ms-background-clip: text;
|
|
|
+ -o-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .column2 .title {
|
|
|
+ margin-left: .6rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .column1 ul {
|
|
|
+ padding: 0.6rem 0.625rem 0.375rem 0.4rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .column1 li a {
|
|
|
+ color: #0082FF;
|
|
|
+ line-height: 0.65rem;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ padding-left: .4rem;
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 0.25rem;
|
|
|
+ background-image: url(../images/list.png);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .column1 li.selected a,
|
|
|
+ .column1 li:hover a {
|
|
|
+ background-image: url(../images/list-on.png);
|
|
|
+ color: #31E9FF
|
|
|
+ }
|
|
|
+
|
|
|
+ .departlist-box,
|
|
|
+ .memberbox {
|
|
|
+ padding: 0.25rem;
|
|
|
+ /* padding: 20px 10px */
|
|
|
+ }
|
|
|
+
|
|
|
+ .departlist-box {
|
|
|
+ width: 100%;
|
|
|
+ padding: 0.25rem 0.25rem 0rem 0.1rem;
|
|
|
+ /* padding: 20px 10px 0 10px; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .departtit,
|
|
|
+ .membertit {
|
|
|
+ font-size: 0.25rem;
|
|
|
+ color: #31e9ff;
|
|
|
+ margin-bottom: 0.3rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .membertit {
|
|
|
+ margin-bottom: 0.125rem
|
|
|
+ }
|
|
|
+
|
|
|
+ ul.depart-opera {
|
|
|
+ display: flex
|
|
|
+ }
|
|
|
+
|
|
|
+ .depart-opera a {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .depart-opera li {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 0.15rem;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .depart-opera li a.button {
|
|
|
+ width: 80%;
|
|
|
+ padding: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .column2 .depart-opera li:nth-child(3) {
|
|
|
+ margin-right: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-choose {
|
|
|
+ text-align: right
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-choose span {
|
|
|
+ color: #0078FF;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ margin-right: 0.0875rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-choose input,
|
|
|
+ .member-choose select,
|
|
|
+ .member-choose option {
|
|
|
+ display: inline-block;
|
|
|
+ width: 2.0125rem;
|
|
|
+ height: 0.3625rem;
|
|
|
+ line-height: 0.3625rem;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-indent: 0.0625rem;
|
|
|
+ margin-right: 0.2rem;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ border: none;
|
|
|
+ background: #fff;
|
|
|
+ -webkit-appearance: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-choose a.button {
|
|
|
+ margin-right: 0.3rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-operate span {
|
|
|
+ color: #0078FF;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ margin-right: 0.0875rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-operate input,
|
|
|
+ .member-operate select,
|
|
|
+ .member-operate option {
|
|
|
+ display: inline-block;
|
|
|
+ width: 2.0125rem;
|
|
|
+ height: 0.3625rem;
|
|
|
+ line-height: 0.3625rem;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-indent: 0.0625rem;
|
|
|
+ margin-right: 0.5rem;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-operate a.button {
|
|
|
+ margin-right: 0.3rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-operate {
|
|
|
+ text-align: right;
|
|
|
+ padding: 0.4375rem 0;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-operate a.button {
|
|
|
+ margin-right: 0.3rem;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ /* 表格 */
|
|
|
+
|
|
|
+ .pure-table {
|
|
|
+ color: #fff;
|
|
|
+ width: 100%
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table th {
|
|
|
+ background: linear-gradient(to bottom, #525970, #2d323e);
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table td,
|
|
|
+ .pure-table th {
|
|
|
+ background-color: #1f2933;
|
|
|
+ /* border-color: #101010; */
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid black;
|
|
|
+ line-height: 0.3125rem;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ max-width: 5rem;
|
|
|
+ /* width: 0.3375rem */
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table tbody tr:hover td:not(:first-child) {
|
|
|
+ background-color: rgba(14, 112, 203, .3);
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table .selected td:not(:first-child) {
|
|
|
+ background-color: #0e70cb;
|
|
|
+ border-style: dotted;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table .selected td:not(:first-child) .view-detail {
|
|
|
+ color: #fff
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table .selected td {
|
|
|
+ border-style: dotted;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table .status {
|
|
|
+ background-image: url(../images/unchecked.gif);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table th span {
|
|
|
+ width: 27px;
|
|
|
+ height: 27px;
|
|
|
+ display: block
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table .checked {
|
|
|
+ background-image: url(../images/checked.gif);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table tr:nth-child(even) td {
|
|
|
+ background-color: #1a232b
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table tr td:first-child {
|
|
|
+ background-color: #fff;
|
|
|
+ width: 0.3375rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .pure-table tr td.checked {
|
|
|
+ background-color: orange
|
|
|
+ }
|
|
|
+ /* 权限管理 */
|
|
|
+ /* 菜单表部分 */
|
|
|
+
|
|
|
+ .menutab {
|
|
|
+ border-bottom: 2px solid #26c5ff;
|
|
|
+ /* line-height: 0.5rem; */
|
|
|
+ background: #4C5465;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menutab a {
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0.1125rem 0.2rem;
|
|
|
+ background: #616F8C;
|
|
|
+ /* line-height: 0.45rem; */
|
|
|
+ color: #fff;
|
|
|
+ border-top-left-radius: 6px;
|
|
|
+ border-top-right-radius: 6px;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ margin: 0.025rem auto 0.0125rem;
|
|
|
+ cursor: pointer;
|
|
|
+ border: 1px solid #2e3746;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menutab a.selected,
|
|
|
+ .menutab a:hover {
|
|
|
+ background: #26C5FF
|
|
|
+ }
|
|
|
+ /* 单位信息 */
|
|
|
+
|
|
|
+ .logo-img {
|
|
|
+ width: 0.2rem;
|
|
|
+ height: 0.2rem;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: block;
|
|
|
+ background-image: url(../images/logo-img.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+ /* 事件中心 */
|
|
|
+
|
|
|
+ .memberbox2 .member-choose input,
|
|
|
+ .memberbox2 .member-choose select,
|
|
|
+ .memberbox2 .member-choose option {
|
|
|
+ width: 1.75rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .toTime {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 0.125rem;
|
|
|
+ color: #fff
|
|
|
+ }
|
|
|
+
|
|
|
+ .event-count-box {
|
|
|
+ /* width: 100%; */
|
|
|
+ position: absolute;
|
|
|
+ top: 0.2rem;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event-count-box li {
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid red;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 0.775rem;
|
|
|
+ height: 0.775rem;
|
|
|
+ margin-right: 0.25rem;
|
|
|
+ border: 2px solid #0057ac;
|
|
|
+ padding: 0 0.125rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .event-count-box li span {
|
|
|
+ vertical-align: middle;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event-count-box li img {
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 0.375rem;
|
|
|
+ margin-right: 0.2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event-count-box li .event-num {
|
|
|
+ font-size: 0.35rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .view-detail,
|
|
|
+ .interface-doc {
|
|
|
+ cursor: pointer;
|
|
|
+ text-decoration: underline;
|
|
|
+ color: #0078FF
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-radio .layui-form-item {
|
|
|
+ display: inline-block;
|
|
|
+ margin-bottom: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-radio .layui-input-block {
|
|
|
+ margin-left: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-radio .layui-form-radio {
|
|
|
+ margin: 0;
|
|
|
+ width: 80px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-radio .layui-form-radioed>i,
|
|
|
+ .error-radio .layui-form-radio>i:hover {
|
|
|
+ color: rgb(118, 118, 118)
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-radio .layui-anim-scaleSpring {
|
|
|
+ -webkit-animation-name: none;
|
|
|
+ animation-name: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-radio .layui-input-block {
|
|
|
+ min-height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-radio .layui-form-radio>i {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ /* 设备检测弹框样式 */
|
|
|
+
|
|
|
+ .layui-input-block {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-form-checkbox[lay-skin="primary"] span {
|
|
|
+ color: #fff
|
|
|
+ }
|
|
|
+
|
|
|
+ .checkallblock {
|
|
|
+ background: #31383F;
|
|
|
+ padding-left: 7px;
|
|
|
+ line-height: 30px
|
|
|
+ }
|
|
|
+
|
|
|
+ .checkselfblock {
|
|
|
+ background: #44474A;
|
|
|
+ padding: 10px 7px 40px;
|
|
|
+ /* height: 415px; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .checkselfblock .layui-form-checkbox[lay-skin="primary"] {
|
|
|
+ width: 24%;
|
|
|
+ line-height: 30px
|
|
|
+ }
|
|
|
+
|
|
|
+ .checkselfblock .layui-form-checkbox {
|
|
|
+ margin-bottom: 10px
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-col-md4 {
|
|
|
+ /* padding:0;
|
|
|
margin:5px;
|
|
|
background:red; */
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 资产管理弹框样式 */
|
|
|
-
|
|
|
-.layui-col-xs4.choose-item {
|
|
|
- /* margin-bottom:20px */
|
|
|
- margin-bottom: 10px
|
|
|
-}
|
|
|
-
|
|
|
-.layui-col-xs4.choose-item span {
|
|
|
- width: 100px;
|
|
|
- text-align: right;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 隐患管理 */
|
|
|
-
|
|
|
-.content-long {
|
|
|
- width: 200px;
|
|
|
- padding: 0 10px;
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* .over_one_line{
|
|
|
+ }
|
|
|
+ /* 资产管理弹框样式 */
|
|
|
+
|
|
|
+ .layui-col-xs4.choose-item {
|
|
|
+ /* margin-bottom:20px */
|
|
|
+ margin-bottom: 10px
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-col-xs4.choose-item span {
|
|
|
+ width: 100px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ /* 隐患管理 */
|
|
|
+
|
|
|
+ .content-long {
|
|
|
+ width: 200px;
|
|
|
+ padding: 0 10px;
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ /* .over_one_line{
|
|
|
display: block;
|
|
|
*/
|
|
|
-
|
|
|
-.systemLogoShow {
|
|
|
- max-height: 100%;
|
|
|
- height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.layui-laydate td.layui-this {
|
|
|
- background-color: #0057ac !important;
|
|
|
- color: #fff !important;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 三级联动: */
|
|
|
-
|
|
|
-.outer {
|
|
|
- width: 500px;
|
|
|
- margin: 20px auto;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 资产二维码图片放大 */
|
|
|
-
|
|
|
-.enlargeImg {
|
|
|
- height: 0.28rem;
|
|
|
-}
|
|
|
-
|
|
|
-.enlargeImg_wrapper {
|
|
|
- display: none;
|
|
|
- position: absolute;
|
|
|
- z-index: 999;
|
|
|
- top: 30%;
|
|
|
- margin-top: -50px;
|
|
|
- height: 200px;
|
|
|
- width: 200px;
|
|
|
- /* right: 0; */
|
|
|
- /* bottom: 0; */
|
|
|
- margin-left: -150px;
|
|
|
- left: 50%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- /* background-attachment: fixed; */
|
|
|
- background-position: center;
|
|
|
- background-color: rgba(0, 0, 0, .2);
|
|
|
- background-size: 50%;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 账户管理修改多选 */
|
|
|
-
|
|
|
-.userCheckBox {
|
|
|
- display: inline-block;
|
|
|
- padding: .125rem
|
|
|
-}
|
|
|
-
|
|
|
-.userCheckBox .checkselfblock .layui-form-checkbox[lay-skin="primary"] {
|
|
|
- width: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.userCheckBox .layui-form-checkbox[lay-skin="primary"] span {
|
|
|
- color: #aaa
|
|
|
-}
|
|
|
-
|
|
|
-.userCheckBox .layui-form-checkbox[lay-skin="primary"] i {
|
|
|
- /* background-color: #aaa */
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* 月度考评导出 */
|
|
|
-
|
|
|
-.exportBox {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- /* bottom: 1rem; */
|
|
|
- top: 30px;
|
|
|
- font-size: 14px;
|
|
|
- width: 100%;
|
|
|
- height: 90%;
|
|
|
- z-index: 10;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox table,
|
|
|
-.exportBox table tr th,
|
|
|
-.exportBox table tr td {
|
|
|
- border: 1px solid #eee;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox td,
|
|
|
-.exportBox th {
|
|
|
- padding: 3px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox .exportContainer {
|
|
|
- z-index: 19000;
|
|
|
- /* width: 650px; */
|
|
|
- margin: 0 auto;
|
|
|
- box-shadow: #888888 0px 0px 4px;
|
|
|
- display: block;
|
|
|
- background: #1f2833;
|
|
|
- color: #fff;
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- padding: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox h3.title {
|
|
|
- text-align: center;
|
|
|
- background: #1f2833;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox section {
|
|
|
- padding-bottom: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox section .table-sub {
|
|
|
- margin-top: 10px;
|
|
|
- font-size: 13px;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox section .innerChart {
|
|
|
- width: 100%;
|
|
|
- height: 220px;
|
|
|
- padding: 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox section .summary2 {
|
|
|
- display: flex;
|
|
|
- margin: 0 10px;
|
|
|
- line-height: 1.5;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox section .summary2>div:first-child {
|
|
|
- width: 60px;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox section .summary2>div:last-child {
|
|
|
- width: calc(100% - 30px);
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox section .big-tit {
|
|
|
- padding: 10px 0;
|
|
|
- background: #1f2833;
|
|
|
-}
|
|
|
-
|
|
|
-.exportBox .section1 {
|
|
|
- background: #1f2833;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* .exportBox .summary {
|
|
|
+
|
|
|
+ .systemLogoShow {
|
|
|
+ max-height: 100%;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-laydate td.layui-this {
|
|
|
+ background-color: #0057ac !important;
|
|
|
+ color: #fff !important;
|
|
|
+ }
|
|
|
+ /* 三级联动: */
|
|
|
+
|
|
|
+ .outer {
|
|
|
+ width: 500px;
|
|
|
+ margin: 20px auto;
|
|
|
+ }
|
|
|
+ /* 资产二维码图片放大 */
|
|
|
+
|
|
|
+ .enlargeImg {
|
|
|
+ height: 0.28rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .enlargeImg_wrapper {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 999;
|
|
|
+ top: 30%;
|
|
|
+ margin-top: -50px;
|
|
|
+ height: 200px;
|
|
|
+ width: 200px;
|
|
|
+ /* right: 0; */
|
|
|
+ /* bottom: 0; */
|
|
|
+ margin-left: -150px;
|
|
|
+ left: 50%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ /* background-attachment: fixed; */
|
|
|
+ background-position: center;
|
|
|
+ background-color: rgba(0, 0, 0, .2);
|
|
|
+ background-size: 50%;
|
|
|
+ }
|
|
|
+ /* 账户管理修改多选 */
|
|
|
+
|
|
|
+ .userCheckBox {
|
|
|
+ display: inline-block;
|
|
|
+ padding: .125rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .userCheckBox .checkselfblock .layui-form-checkbox[lay-skin="primary"] {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .userCheckBox .layui-form-checkbox[lay-skin="primary"] span {
|
|
|
+ color: #aaa
|
|
|
+ }
|
|
|
+
|
|
|
+ .userCheckBox .layui-form-checkbox[lay-skin="primary"] i {
|
|
|
+ /* background-color: #aaa */
|
|
|
+ }
|
|
|
+ /* 点位图片弹框 */
|
|
|
+
|
|
|
+ .memberbox.imgOut {
|
|
|
+ height: 300px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ /* 月度考评导出 */
|
|
|
+
|
|
|
+ .exportBox {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ /* bottom: 1rem; */
|
|
|
+ top: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 100%;
|
|
|
+ height: 90%;
|
|
|
+ z-index: 10;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox table,
|
|
|
+ .exportBox table tr th,
|
|
|
+ .exportBox table tr td {
|
|
|
+ border: 1px solid #eee;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox td,
|
|
|
+ .exportBox th {
|
|
|
+ padding: 3px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox .exportContainer {
|
|
|
+ z-index: 19000;
|
|
|
+ /* width: 650px; */
|
|
|
+ margin: 0 auto;
|
|
|
+ box-shadow: #888888 0px 0px 4px;
|
|
|
+ display: block;
|
|
|
+ background: #1f2833;
|
|
|
+ color: #fff;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox h3.title {
|
|
|
+ text-align: center;
|
|
|
+ background: #1f2833;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox section {
|
|
|
+ padding-bottom: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox section .table-sub {
|
|
|
+ margin-top: 10px;
|
|
|
+ font-size: 13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox section .innerChart {
|
|
|
+ width: 100%;
|
|
|
+ height: 220px;
|
|
|
+ padding: 10px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox section .summary2 {
|
|
|
+ display: flex;
|
|
|
+ margin: 0 10px;
|
|
|
+ line-height: 1.5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox section .summary2>div:first-child {
|
|
|
+ width: 60px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox section .summary2>div:last-child {
|
|
|
+ width: calc(100% - 30px);
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox section .big-tit {
|
|
|
+ padding: 10px 0;
|
|
|
+ background: #1f2833;
|
|
|
+ }
|
|
|
+
|
|
|
+ .exportBox .section1 {
|
|
|
+ background: #1f2833;
|
|
|
+ }
|
|
|
+ /* .exportBox .summary {
|
|
|
padding: 10px 15px;
|
|
|
text-indent: 20px;
|
|
|
margin: 10px 10px 30px;
|
|
|
line-height: 1.5;
|
|
|
background: rgb(170, 170, 170);
|
|
|
} */
|
|
|
-
|
|
|
-.layui-layer-title {
|
|
|
- background: #081A32 !important;
|
|
|
- color: #fff !important;
|
|
|
- border-bottom: 1px solid #1E9FFF !important;
|
|
|
-}
|
|
|
-
|
|
|
-.layui-layer {
|
|
|
- background: #072442 !important;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.layui-layer-ico {
|
|
|
- border-radius: 50%;
|
|
|
-}
|
|
|
-
|
|
|
-.layui-layer-btn .layui-layer-btn0 {
|
|
|
- font-size: 0.3rem;
|
|
|
-}
|
|
|
+
|
|
|
+ .layui-layer-title {
|
|
|
+ background: #081A32 !important;
|
|
|
+ color: #fff !important;
|
|
|
+ border-bottom: 1px solid #1E9FFF !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-layer {
|
|
|
+ background: #072442 !important;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-layer-ico {
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-layer-btn .layui-layer-btn0 {
|
|
|
+ font-size: 0.3rem;
|
|
|
+ }
|