Головна сторінка Огляд Довідка
Увійти
wangtao
/
DX-LargeScreen
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

火狐兼容

wangtao 2 роки тому
батько
b5b31dfeae
коміт
1b65c6d3f4
4 змінених файлів з 614 додано та 612 видалено
Розділений вигляд Показати статистику Diff
  1. 210 210
      public/index.html
  2. 212 212
      src/App.vue
  3. 191 189
      src/assets/styles/index.scss
  4. 1 1
      src/components3/tongxingguanli/index.vue

+ 210 - 210
public/index.html
Переглянути файл 

@@ -1,211 +1,211 @@
 
-<!DOCTYPE html>

-<html>

-

-<head>

-    <meta charset="utf-8">

-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

-    <meta name="renderer" content="webkit">

-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">

-    <title>

-        <%= webpackConfig.name %>

-    </title>

-    <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->

-    <style>

-        html,

-        body,

-        #app {

-            height: 100%;

-            margin: 0px;

-            padding: 0px;

-        }

-        

-        .chromeframe {

-            margin: 0.2em 0;

-            background: #ccc;

-            color: #000;

-            padding: 0.2em 0;

-        }

-        

-        #loader-wrapper {

-            position: fixed;

-            top: 0;

-            left: 0;

-            width: 100%;

-            height: 100%;

-            z-index: 999999;

-        }

-        

-        #loader {

-            display: block;

-            position: relative;

-            left: 50%;

-            top: 50%;

-            width: 150px;

-            height: 150px;

-            margin: -75px 0 0 -75px;

-            border-radius: 50%;

-            border: 3px solid transparent;

-            border-top-color: #FFF;

-            -webkit-animation: spin 2s linear infinite;

-            -ms-animation: spin 2s linear infinite;

-            -moz-animation: spin 2s linear infinite;

-            -o-animation: spin 2s linear infinite;

-            animation: spin 2s linear infinite;

-            z-index: 1001;

-        }

-        

-        #loader:before {

-            content: "";

-            position: absolute;

-            top: 5px;

-            left: 5px;

-            right: 5px;

-            bottom: 5px;

-            border-radius: 50%;

-            border: 3px solid transparent;

-            border-top-color: #FFF;

-            -webkit-animation: spin 3s linear infinite;

-            -moz-animation: spin 3s linear infinite;

-            -o-animation: spin 3s linear infinite;

-            -ms-animation: spin 3s linear infinite;

-            animation: spin 3s linear infinite;

-        }

-        

-        #loader:after {

-            content: "";

-            position: absolute;

-            top: 15px;

-            left: 15px;

-            right: 15px;

-            bottom: 15px;

-            border-radius: 50%;

-            border: 3px solid transparent;

-            border-top-color: #FFF;

-            -moz-animation: spin 1.5s linear infinite;

-            -o-animation: spin 1.5s linear infinite;

-            -ms-animation: spin 1.5s linear infinite;

-            -webkit-animation: spin 1.5s linear infinite;

-            animation: spin 1.5s linear infinite;

-        }

-        

-        @-webkit-keyframes spin {

-            0% {

-                -webkit-transform: rotate(0deg);

-                -ms-transform: rotate(0deg);

-                transform: rotate(0deg);

-            }

-            100% {

-                -webkit-transform: rotate(360deg);

-                -ms-transform: rotate(360deg);

-                transform: rotate(360deg);

-            }

-        }

-        

-        @keyframes spin {

-            0% {

-                -webkit-transform: rotate(0deg);

-                -ms-transform: rotate(0deg);

-                transform: rotate(0deg);

-            }

-            100% {

-                -webkit-transform: rotate(360deg);

-                -ms-transform: rotate(360deg);

-                transform: rotate(360deg);

-            }

-        }

-        

-        #loader-wrapper .loader-section {

-            position: fixed;

-            top: 0;

-            width: 51%;

-            height: 100%;

-            background: #000;

-            z-index: 1000;

-            -webkit-transform: translateX(0);

-            -ms-transform: translateX(0);

-            transform: translateX(0);

-        }

-        

-        #loader-wrapper .loader-section.section-left {

-            left: 0;

-        }

-        

-        #loader-wrapper .loader-section.section-right {

-            right: 0;

-        }

-        

-        .loaded #loader-wrapper .loader-section.section-left {

-            -webkit-transform: translateX(-100%);

-            -ms-transform: translateX(-100%);

-            transform: translateX(-100%);

-            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

-            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

-        }

-        

-        .loaded #loader-wrapper .loader-section.section-right {

-            -webkit-transform: translateX(100%);

-            -ms-transform: translateX(100%);

-            transform: translateX(100%);

-            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

-            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

-        }

-        

-        .loaded #loader {

-            opacity: 0;

-            -webkit-transition: all 0.3s ease-out;

-            transition: all 0.3s ease-out;

-        }

-        

-        .loaded #loader-wrapper {

-            visibility: hidden;

-            -webkit-transform: translateY(-100%);

-            -ms-transform: translateY(-100%);

-            transform: translateY(-100%);

-            -webkit-transition: all 0.3s 1s ease-out;

-            transition: all 0.3s 1s ease-out;

-        }

-        

-        .no-js #loader-wrapper {

-            display: none;

-        }

-        

-        .no-js h1 {

-            color: #222222;

-        }

-        

-        #loader-wrapper .load_title {

-            font-family: 'Open Sans';

-            color: #FFF;

-            font-size: 19px;

-            width: 100%;

-            text-align: center;

-            z-index: 9999999999999;

-            position: absolute;

-            top: 60%;

-            opacity: 1;

-            line-height: 30px;

-        }

-        

-        #loader-wrapper .load_title span {

-            font-weight: normal;

-            font-style: italic;

-            font-size: 13px;

-            color: #FFF;

-            opacity: 0.5;

-        }

-    </style>

-</head>

-

-<body>

-    <div id="app">

-        <div id="loader-wrapper">

-            <div id="loader"></div>

-            <div class="loader-section section-left"></div>

-            <div class="loader-section section-right"></div>

-            <div class="load_title">正在加载系统资源，请耐心等待</div>

-        </div>

-    </div>

-</body>

-

+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <meta name="renderer" content="webkit">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
+    <title>
 
+        <%= webpackConfig.name %>
 
+    </title>
 
+    <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 
+    <style>
 
+        html,
 
+        body,
 
+        #app {
 
+            height: 100%;
 
+            margin: 0px;
 
+            padding: 0px;
 
+        }
 
+        
+        .chromeframe {
 
+            margin: 0.2em 0;
 
+            background: #ccc;
 
+            color: #000;
 
+            padding: 0.2em 0;
 
+        }
 
+        
+        #loader-wrapper {
 
+            position: fixed;
 
+            top: 0;
 
+            left: 0;
 
+            width: 100%;
 
+            height: 100%;
 
+            z-index: 999999;
 
+        }
 
+        
+        #loader {
 
+            display: block;
 
+            position: relative;
 
+            left: 50%;
 
+            top: 50%;
 
+            width: 150px;
 
+            height: 150px;
 
+            margin: -75px 0 0 -75px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 2s linear infinite;
 
+            -ms-animation: spin 2s linear infinite;
 
+            -moz-animation: spin 2s linear infinite;
 
+            -o-animation: spin 2s linear infinite;
 
+            animation: spin 2s linear infinite;
 
+            z-index: 1001;
 
+        }
 
+        
+        #loader:before {
 
+            content: "";
 
+            position: absolute;
 
+            top: 5px;
 
+            left: 5px;
 
+            right: 5px;
 
+            bottom: 5px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 3s linear infinite;
 
+            -moz-animation: spin 3s linear infinite;
 
+            -o-animation: spin 3s linear infinite;
 
+            -ms-animation: spin 3s linear infinite;
 
+            animation: spin 3s linear infinite;
 
+        }
 
+        
+        #loader:after {
 
+            content: "";
 
+            position: absolute;
 
+            top: 15px;
 
+            left: 15px;
 
+            right: 15px;
 
+            bottom: 15px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -moz-animation: spin 1.5s linear infinite;
 
+            -o-animation: spin 1.5s linear infinite;
 
+            -ms-animation: spin 1.5s linear infinite;
 
+            -webkit-animation: spin 1.5s linear infinite;
 
+            animation: spin 1.5s linear infinite;
 
+        }
 
+        
+        @-webkit-keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+        
+        @keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+        
+        #loader-wrapper .loader-section {
 
+            position: fixed;
 
+            top: 0;
 
+            width: 51%;
 
+            height: 100%;
 
+            background: #000;
 
+            z-index: 1000;
 
+            -webkit-transform: translateX(0);
 
+            -ms-transform: translateX(0);
 
+            transform: translateX(0);
 
+        }
 
+        
+        #loader-wrapper .loader-section.section-left {
 
+            left: 0;
 
+        }
 
+        
+        #loader-wrapper .loader-section.section-right {
 
+            right: 0;
 
+        }
 
+        
+        .loaded #loader-wrapper .loader-section.section-left {
 
+            -webkit-transform: translateX(-100%);
 
+            -ms-transform: translateX(-100%);
 
+            transform: translateX(-100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+        
+        .loaded #loader-wrapper .loader-section.section-right {
 
+            -webkit-transform: translateX(100%);
 
+            -ms-transform: translateX(100%);
 
+            transform: translateX(100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+        
+        .loaded #loader {
 
+            opacity: 0;
 
+            -webkit-transition: all 0.3s ease-out;
 
+            transition: all 0.3s ease-out;
 
+        }
 
+        
+        .loaded #loader-wrapper {
 
+            visibility: hidden;
 
+            -webkit-transform: translateY(-100%);
 
+            -ms-transform: translateY(-100%);
 
+            transform: translateY(-100%);
 
+            -webkit-transition: all 0.3s 1s ease-out;
 
+            transition: all 0.3s 1s ease-out;
 
+        }
 
+        
+        .no-js #loader-wrapper {
 
+            display: none;
 
+        }
 
+        
+        .no-js h1 {
 
+            color: #222222;
 
+        }
 
+        
+        #loader-wrapper .load_title {
 
+            font-family: 'Open Sans';
 
+            color: #FFF;
 
+            font-size: 19px;
 
+            width: 100%;
 
+            text-align: center;
 
+            z-index: 9999999999999;
 
+            position: absolute;
 
+            top: 60%;
 
+            opacity: 1;
 
+            line-height: 30px;
 
+        }
 
+        
+        #loader-wrapper .load_title span {
 
+            font-weight: normal;
 
+            font-style: italic;
 
+            font-size: 13px;
 
+            color: #FFF;
 
+            opacity: 0.5;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="app">
 
+        <div id="loader-wrapper">
 
+            <div id="loader"></div>
 
+            <div class="loader-section section-left"></div>
 
+            <div class="loader-section section-right"></div>
 
+            <div class="load_title">正在加载系统资源，请耐心等待</div>
 
+        </div>
 
+    </div>
 
+</body>
 
+
 
 </html>

+ 212 - 212
src/App.vue
Переглянути файл 

@@ -1,212 +1,212 @@
 
-<template>

-  <div

-    id="app"

-    :style="{'transform':`scale(${scalesNum}) translate(0%,-50%)`,

-    '-webkit-transform':`scale(${scalesNum}) translate(0%,-50%)`,

-    '-moz-transform':`scale(${scalesNum}) translate(-50%,-50%)`,

-    '-o-transform':`scale(${scalesNum}) translate(-50%,-50%)`,

-    '-ms-transform':`scale(${scalesNum}) translate(-50%,-50%)`}">

-

-    <router-view />

-  </div>

-</template>

-

-<script>

-export default {

-  name: "App",

-  data() {

-    return {

-      scalesNum: 1, // 缩放比例:1

-    };

-  },

-  mounted() {

-    // 计算缩放比例

-

-    this.resize_window();

-

-    window.addEventListener("resize", () => {

-      this.resize_window();

-    });

-  },

-  methods: {

-    resize_window() {

-      // 因为设计图是带3840*1080的，但是浏览器本身带顶部工具栏，所以缩放到时候稍微更小一点，这样不会有滚动条，这个值可以选择更大些，比如2300，这样左右两边会有空白

-      let myWidth = document.documentElement.clientWidth;

-      let myHeight = document.documentElement.clientHeight;

-      if (myHeight / 3840 !== 0 && myWidth / 3840 / (myHeight / 1080) >= 1) {

-

-        this.scalesNum = myHeight / 1080;

-      } else {

-        this.scalesNum = myWidth / 3840;

-      }

-

-    },

-  },

-  metaInfo() {

-    return {

-      title:

-        this.$store.state.settings.dynamicTitle &&

-        this.$store.state.settings.title,

-      titleTemplate: (title) => {

-        return title

-          ? `${title} - ${process.env.VUE_APP_TITLE}`

-          : process.env.VUE_APP_TITLE;

-      },

-    };

-  },

-};

-</script>

-<style lang="scss">

-@import "@/assets/styles/common.scss";

-#app{

-  margin: auto !important;

-

-  padding: 0;

-

-  transform-origin: 0 0;

-

-  position:relative;

-

-  width:3840px;

-

-  height: 1080px;

-  top:50%;

-

-  overflow: hidden;

-}

-.app-container {

-  padding: 0 !important;

-  width: 100%;

-  height: 100%;

-  background-color: $bodyBackGround;

-}

-.el-input__inner {

-  height: 28px !important;

-  line-height: 28px !important;

-}

-.el-input-number--small {

-  height: 26px !important;

-  line-height: 26px !important;

-}

-.el-textarea .el-input__count,

-.el-input .el-input__count .el-input__count-inner {

-  font-size: 8px;

-  height: 12px;

-  line-height: 12px;

-  background: transparent !important;

-}

-

-.el-input-number--medium {

-  width: auto;

-  line-height: 28px;

-}

-

-::-webkit-scrollbar {

-  width: 0px;

-}

-

-::-webkit-scrollbar-thumb {

-  background-color: #b6b6b6;

-}

-

-/* el-table 滚动条样式 */

-.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {

-  width: 0px;

-}

-

-.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb {

-  border-radius: 0px;

-  background: rgba(0, 0, 0, 0.2);

-}

-

-.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-track {

-  border-radius: 0px;

-  background: rgba(0, 0, 0, 0.1);

-}

-

-.el-table__header-wrapper .has-gutter th:nth-last-child(2) {

-  border-right: 0;

-}

-

-.handle {

-  color: $handle;

-}

-.handle2 {

-  color: $green;

-}

-.untreated {

-  color: $white;

-}

-.untreated2 {

-  color: $red;

-}

-

-

-* {

-  -webkit-text-size-adjust: auto !important;

-}

-.el-table::before {

-  height: 0 !important;

-}

-.el-table,

-.el-table__expanded-cell {

-  background-color: $modularBackGround !important;

-  border: 0 !important;

-}

-/* 表格内背景颜色 */

-.el-table th,

-.el-table tr,

-.el-table td {

-  background-color: transparent !important;

-  border: 0 !important;

-  font-size: 16px;

-  color: $white;

-  height: 40px;

-  line-height: 20px;

-  overflow: hidden;

-  padding:0;

-  cursor: pointer;

-}

-.el-table th > .cell {

-  font-size: 16px;

-}

-/*去除底边框*/

-.el-table td.el-table__cell {

-  border: 0;

-

-}

-.el-table th.el-table__cell.is-leaf {

-  border: 0;

-}

-.el-table--enable-row-hover .el-table__body tr:hover > td {

-  background-color: $tableHover !important;

-  color:#FFC46D;

-}

-.el-table thead {

-  background-color: $tableHover !important;

-}

-.el-table th > .cell{

-  color: #A1A8B3;

-}

-.el-table__empty-text {

-  color: #fff !important;

-  font-size: 16px;

-  margin-top: 10px;

-}

-.el-table__body tr.current-row > td {

-  background-color: $tableHover !important;

-}

-.el-table--medium th, .el-table--medium td{

-  padding:0 !important;

-  color:$white2;

-}

-tr .cell{

-  padding-left:40px !important;

-  text-align: left;

-}

-.el-loading-mask{

-  background-color:transparent !important;

-}

-</style>

-

-

+<template>
 
+  <div
 
+    id="app"
 
+    :style="{'transform':`scale(${scalesNum}) translate(0%,0%)`,
 
+    '-webkit-transform':`scale(${scalesNum}) translate(0%,-50%)`,
 
+    '-moz-transform':`scale(${scalesNum}) translate(0%,-50%)`,
 
+    '-o-transform':`scale(${scalesNum}) translate(-50%,-50%)`,
 
+    '-ms-transform':`scale(${scalesNum}) translate(-50%,-50%)`}">
 
+
 
+    <router-view />
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: "App",
 
+  data() {
 
+    return {
 
+      scalesNum: 1, // 缩放比例:1
 
+    };
 
+  },
 
+  mounted() {
 
+    // 计算缩放比例
 
+
 
+    this.resize_window();
 
+
 
+    window.addEventListener("resize", () => {
 
+      this.resize_window();
 
+    });
 
+  },
 
+  methods: {
 
+    resize_window() {
 
+      // 因为设计图是带3840*1080的，但是浏览器本身带顶部工具栏，所以缩放到时候稍微更小一点，这样不会有滚动条，这个值可以选择更大些，比如2300，这样左右两边会有空白
 
+      let myWidth = document.documentElement.clientWidth;
 
+      let myHeight = document.documentElement.clientHeight;
 
+      if (myHeight / 3840 !== 0 && myWidth / 3840 / (myHeight / 1080) >= 1) {
 
+
 
+        this.scalesNum = myHeight / 1080;
 
+      } else {
 
+        this.scalesNum = myWidth / 3840;
 
+      }
 
+
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return {
 
+      title:
 
+        this.$store.state.settings.dynamicTitle &&
 
+        this.$store.state.settings.title,
 
+      titleTemplate: (title) => {
 
+        return title
 
+          ? `${title} - ${process.env.VUE_APP_TITLE}`
 
+          : process.env.VUE_APP_TITLE;
 
+      },
 
+    };
 
+  },
 
+};
 
+</script>
 
+<style lang="scss">
 
+@import "@/assets/styles/common.scss";
 
+#app{
 
+  margin: auto !important;
 
+
 
+  padding: 0;
 
+
 
+  transform-origin: 0 0;
 
+
 
+  position:relative;
 
+
 
+  width:3840px;
 
+
 
+  height: 1080px;
 
+  top:50%;
 
+  margin:0 auto;
 
+
 
+}
 
+.app-container {
 
+  padding: 0 !important;
 
+  width: 100%;
 
+  height: 100%;
 
+  background-color: $bodyBackGround;
 
+}
 
+.el-input__inner {
 
+  height: 28px !important;
 
+  line-height: 28px !important;
 
+}
 
+.el-input-number--small {
 
+  height: 26px !important;
 
+  line-height: 26px !important;
 
+}
 
+.el-textarea .el-input__count,
 
+.el-input .el-input__count .el-input__count-inner {
 
+  font-size: 8px;
 
+  height: 12px;
 
+  line-height: 12px;
 
+  background: transparent !important;
 
+}
 
+
 
+.el-input-number--medium {
 
+  width: auto;
 
+  line-height: 28px;
 
+}
 
+
 
+::-webkit-scrollbar {
 
+  width: 0px;
 
+}
 
+
 
+::-webkit-scrollbar-thumb {
 
+  background-color: #b6b6b6;
 
+}
 
+
 
+/* el-table 滚动条样式 */
 
+.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
 
+  width: 0px;
 
+}
 
+
 
+.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb {
 
+  border-radius: 0px;
 
+  background: rgba(0, 0, 0, 0.2);
 
+}
 
+
 
+.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-track {
 
+  border-radius: 0px;
 
+  background: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+.el-table__header-wrapper .has-gutter th:nth-last-child(2) {
 
+  border-right: 0;
 
+}
 
+
 
+.handle {
 
+  color: $handle;
 
+}
 
+.handle2 {
 
+  color: $green;
 
+}
 
+.untreated {
 
+  color: $white;
 
+}
 
+.untreated2 {
 
+  color: $red;
 
+}
 
+
 
+
 
+* {
 
+  -webkit-text-size-adjust: auto !important;
 
+}
 
+.el-table::before {
 
+  height: 0 !important;
 
+}
 
+.el-table,
 
+.el-table__expanded-cell {
 
+  background-color: $modularBackGround !important;
 
+  border: 0 !important;
 
+}
 
+/* 表格内背景颜色 */
 
+.el-table th,
 
+.el-table tr,
 
+.el-table td {
 
+  background-color: transparent !important;
 
+  border: 0 !important;
 
+  font-size: 16px;
 
+  color: $white;
 
+  height: 40px;
 
+  line-height: 20px;
 
+  overflow: hidden;
 
+  padding:0;
 
+  cursor: pointer;
 
+}
 
+.el-table th > .cell {
 
+  font-size: 16px;
 
+}
 
+/*去除底边框*/
 
+.el-table td.el-table__cell {
 
+  border: 0;
 
+
 
+}
 
+.el-table th.el-table__cell.is-leaf {
 
+  border: 0;
 
+}
 
+.el-table--enable-row-hover .el-table__body tr:hover > td {
 
+  background-color: $tableHover !important;
 
+  color:#FFC46D;
 
+}
 
+.el-table thead {
 
+  background-color: $tableHover !important;
 
+}
 
+.el-table th > .cell{
 
+  color: #A1A8B3;
 
+}
 
+.el-table__empty-text {
 
+  color: #fff !important;
 
+  font-size: 16px;
 
+  margin-top: 10px;
 
+}
 
+.el-table__body tr.current-row > td {
 
+  background-color: $tableHover !important;
 
+}
 
+.el-table--medium th, .el-table--medium td{
 
+  padding:0 !important;
 
+  color:$white2;
 
+}
 
+tr .cell{
 
+  padding-left:40px !important;
 
+  text-align: left;
 
+}
 
+.el-loading-mask{
 
+  background-color:transparent !important;
 
+}
 
+</style>
 
+
 
+

+ 191 - 189
src/assets/styles/index.scss
Переглянути файл 

@@ -1,190 +1,192 @@
 
-@import './variables.scss';

-@import './mixin.scss';

-@import './transition.scss';

-@import './element-ui.scss';

-@import './sidebar.scss';

-@import './btn.scss';

-body {

-    height:100%;

-    margin:0 auto;

-    -moz-osx-font-smoothing: grayscale;

-    -webkit-font-smoothing: antialiased;

-    text-rendering: optimizeLegibility;

-    font-family: "Microsoft YaHei";

-    background-color: #000;

-    // font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;

-}

-

-label {

-    font-weight: 700;

-}

-

-html {

-    height: 100%;

-    box-sizing: border-box;

-}

-

-#app {

-    height: 100%;

-}

-

-*,

-*:before,

-*:after {

-    box-sizing: inherit;

-}

-

-.no-padding {

-    padding: 0px !important;

-}

-

-.padding-content {

-    padding: 4px 0;

-}

-

-a:focus,

-a:active {

-    outline: none;

-}

-

-a,

-a:focus,

-a:hover {

-    cursor: pointer;

-    color: inherit;

-    text-decoration: none;

-}

-

-div:focus {

-    outline: none;

-}

-

-.fr {

-    float: right;

-}

-

-.fl {

-    float: left;

-}

-

-.pr-5 {

-    padding-right: 5px;

-}

-

-.pl-5 {

-    padding-left: 5px;

-}

-

-.block {

-    display: block;

-}

-

-.pointer {

-    cursor: pointer;

-}

-

-.inlineBlock {

-    display: block;

-}

-

-.clearfix {

-    &:after {

-        visibility: hidden;

-        display: block;

-        font-size: 0;

-        content: " ";

-        clear: both;

-        height: 0;

-    }

-}

-

-aside {

-    background: #eef1f6;

-    padding: 8px 24px;

-    margin-bottom: 20px;

-    border-radius: 2px;

-    display: block;

-    line-height: 32px;

-    font-size: 16px;

-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

-    color: #2c3e50;

-    -webkit-font-smoothing: antialiased;

-    -moz-osx-font-smoothing: grayscale;

-    a {

-        color: #337ab7;

-        cursor: pointer;

-        &:hover {

-            color: rgb(32, 160, 255);

-        }

-    }

-}

-

-//main-container全局样式

-.app-container {

-    padding: 20px;

-}

-

-.components-container {

-    margin: 30px 50px;

-    position: relative;

-}

-

-.pagination-container {

-    margin-top: 30px;

-}

-

-.text-center {

-    text-align: center

-}

-

-.sub-navbar {

-    height: 50px;

-    line-height: 50px;

-    position: relative;

-    width: 100%;

-    text-align: right;

-    padding-right: 20px;

-    transition: 600ms ease position;

-    background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);

-    .subtitle {

-        font-size: 20px;

-        color: #fff;

-    }

-    &.draft {

-        background: #d0d0d0;

-    }

-    &.deleted {

-        background: #d0d0d0;

-    }

-}

-

-.link-type,

-.link-type:focus {

-    color: #337ab7;

-    cursor: pointer;

-    &:hover {

-        color: rgb(32, 160, 255);

-    }

-}

-

-.filter-container {

-    padding-bottom: 10px;

-    .filter-item {

-        display: inline-block;

-        vertical-align: middle;

-        margin-bottom: 10px;

-    }

-}

-

-//refine vue-multiselect plugin

-.multiselect {

-    line-height: 16px;

-}

-

-.multiselect--active {

-    z-index: 1000 !important;

-}

-

-.mg10 {

-    margin-top: 10px

+@import './variables.scss';
 
+@import './mixin.scss';
 
+@import './transition.scss';
 
+@import './element-ui.scss';
 
+@import './sidebar.scss';
 
+@import './btn.scss';
 
+body {
 
+    height: 100%;
 
+    margin: 0 auto;
 
+    -moz-osx-font-smoothing: grayscale;
 
+    -webkit-font-smoothing: antialiased;
 
+    text-rendering: optimizeLegibility;
 
+    font-family: "Microsoft YaHei";
 
+    background-color: #000;
 
+    overflow-x: hidden;
 
+    overflow-y: hidden;
 
+    // font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
 
+}
 
+
 
+label {
 
+    font-weight: 700;
 
+}
 
+
 
+html {
 
+    height: 100%;
 
+    box-sizing: border-box;
 
+}
 
+
 
+#app {
 
+    height: 100%;
 
+}
 
+
 
+*,
 
+*:before,
 
+*:after {
 
+    box-sizing: inherit;
 
+}
 
+
 
+.no-padding {
 
+    padding: 0px !important;
 
+}
 
+
 
+.padding-content {
 
+    padding: 4px 0;
 
+}
 
+
 
+a:focus,
 
+a:active {
 
+    outline: none;
 
+}
 
+
 
+a,
 
+a:focus,
 
+a:hover {
 
+    cursor: pointer;
 
+    color: inherit;
 
+    text-decoration: none;
 
+}
 
+
 
+div:focus {
 
+    outline: none;
 
+}
 
+
 
+.fr {
 
+    float: right;
 
+}
 
+
 
+.fl {
 
+    float: left;
 
+}
 
+
 
+.pr-5 {
 
+    padding-right: 5px;
 
+}
 
+
 
+.pl-5 {
 
+    padding-left: 5px;
 
+}
 
+
 
+.block {
 
+    display: block;
 
+}
 
+
 
+.pointer {
 
+    cursor: pointer;
 
+}
 
+
 
+.inlineBlock {
 
+    display: block;
 
+}
 
+
 
+.clearfix {
 
+    &:after {
 
+        visibility: hidden;
 
+        display: block;
 
+        font-size: 0;
 
+        content: " ";
 
+        clear: both;
 
+        height: 0;
 
+    }
 
+}
 
+
 
+aside {
 
+    background: #eef1f6;
 
+    padding: 8px 24px;
 
+    margin-bottom: 20px;
 
+    border-radius: 2px;
 
+    display: block;
 
+    line-height: 32px;
 
+    font-size: 16px;
 
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 
+    color: #2c3e50;
 
+    -webkit-font-smoothing: antialiased;
 
+    -moz-osx-font-smoothing: grayscale;
 
+    a {
 
+        color: #337ab7;
 
+        cursor: pointer;
 
+        &:hover {
 
+            color: rgb(32, 160, 255);
 
+        }
 
+    }
 
+}
 
+
 
+//main-container全局样式
 
+.app-container {
 
+    padding: 20px;
 
+}
 
+
 
+.components-container {
 
+    margin: 30px 50px;
 
+    position: relative;
 
+}
 
+
 
+.pagination-container {
 
+    margin-top: 30px;
 
+}
 
+
 
+.text-center {
 
+    text-align: center
 
+}
 
+
 
+.sub-navbar {
 
+    height: 50px;
 
+    line-height: 50px;
 
+    position: relative;
 
+    width: 100%;
 
+    text-align: right;
 
+    padding-right: 20px;
 
+    transition: 600ms ease position;
 
+    background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
 
+    .subtitle {
 
+        font-size: 20px;
 
+        color: #fff;
 
+    }
 
+    &.draft {
 
+        background: #d0d0d0;
 
+    }
 
+    &.deleted {
 
+        background: #d0d0d0;
 
+    }
 
+}
 
+
 
+.link-type,
 
+.link-type:focus {
 
+    color: #337ab7;
 
+    cursor: pointer;
 
+    &:hover {
 
+        color: rgb(32, 160, 255);
 
+    }
 
+}
 
+
 
+.filter-container {
 
+    padding-bottom: 10px;
 
+    .filter-item {
 
+        display: inline-block;
 
+        vertical-align: middle;
 
+        margin-bottom: 10px;
 
+    }
 
+}
 
+
 
+//refine vue-multiselect plugin
 
+.multiselect {
 
+    line-height: 16px;
 
+}
 
+
 
+.multiselect--active {
 
+    z-index: 1000 !important;
 
+}
 
+
 
+.mg10 {
 
+    margin-top: 10px
 
 }

+ 1 - 1
src/components3/tongxingguanli/index.vue
Переглянути файл 

@@ -107,7 +107,7 @@ export default {
 
       ]
 
       axios({
 
         method: 'get',
 
-        url: 'https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/yunUserRequest',
 
+        url: 'http://10.21.39.6:8087/api/thirdparty/v1/openInterface/yunUserRequest',
 
         timeout: 10000,
 
       }).then(res =>{
 
           let total = 0