ocpview-plus 1.3.14 → 1.3.16

package/src/store/index.js

@@ -1,19 +1,19 @@
-import { createStore } from 'vuex'
-// 类似 Redux 中的建立状态树
-import app from './modules/app';
-
-export default createStore({
-  
-    state: {
-        //
-    },
-    mutations: {
-        //
-    },
-    actions: {
-
-    },
-    modules: {
-        app
-    }
+import { createStore } from 'vuex'
+// 类似 Redux 中的建立状态树
+import app from './modules/app';
+
+export default createStore({
+  
+    state: {
+        //
+    },
+    mutations: {
+        //
+    },
+    actions: {
+
+    },
+    modules: {
+        app
+    }
 });

package/src/store/modules/app.js

@@ -1,53 +1,53 @@
-const app = {
-    state: {
-        clientHeight: window.innerHeight? window.innerHeight: document.documentElement.clientHeight? document.documentElement.clientHeight: screen.height,
-        clientWidth: window.innerWidth? window.innerWidth: document.documentElement.clientWidth? document.documentElement.clientWidth: screen.width,
-        mychartColor:{
-            pie:['#FF8636','#028154','#FC635B','#FDBA4F','#436EFD','#7ACBBD','#6882FF','#819DE4'],
-            bar:['#627AE1','#8CBBFF','#8CE8BB'],
-            line:['#01332F','#627AE1','#ED6A4C']
-        },
-        floorMap:{}
-    },
-    mutations: {
-        /**
-         * 修改主窗体高度方法
-         *
-         * @param {any} obj
-         */
-        setClientHeight (state) {
-            //console.log('变更之前:'+ state.clientHeight);
-            state.clientHeight =window.innerHeight? window.innerHeight: document.documentElement.clientHeight? document.documentElement.clientHeight: screen.height;
-            //console.log('变更之后:'+ state.clientHeight);
-        },
-        /**
-         * 修改主窗体宽度方法
-         *
-         * @param {any} obj
-         */
-        setClientWidth (state) {
-            state.clientWidth = window.innerWidth? window.innerWidth: document.documentElement.clientWidth? document.documentElement.clientWidth: screen.width;
-        },
-        /**
-         * 颜色组
-         *
-         * @param {any} obj
-         */
-        setMychartColor(state,proName,color) {
-            let tempColor = [];
-            if (color) {
-                color.forEach(element => {
-                    if (element) {
-                        tempColor.push(element);
-                    }
-                });
-            } 
-            state.mychartColor[proName] = tempColor;
-        },
-        setFloorMap (state,obj) {
-            Object.assign(state.floorMap,obj);
-        }
-    }
-};
-
-export default app;
+const app = {
+    state: {
+        clientHeight: window.innerHeight? window.innerHeight: document.documentElement.clientHeight? document.documentElement.clientHeight: screen.height,
+        clientWidth: window.innerWidth? window.innerWidth: document.documentElement.clientWidth? document.documentElement.clientWidth: screen.width,
+        mychartColor:{
+            pie:['#FF8636','#028154','#FC635B','#FDBA4F','#436EFD','#7ACBBD','#6882FF','#819DE4'],
+            bar:['#627AE1','#8CBBFF','#8CE8BB'],
+            line:['#01332F','#627AE1','#ED6A4C']
+        },
+        floorMap:{}
+    },
+    mutations: {
+        /**
+         * 修改主窗体高度方法
+         *
+         * @param {any} obj
+         */
+        setClientHeight (state) {
+            //console.log('变更之前:'+ state.clientHeight);
+            state.clientHeight =window.innerHeight? window.innerHeight: document.documentElement.clientHeight? document.documentElement.clientHeight: screen.height;
+            //console.log('变更之后:'+ state.clientHeight);
+        },
+        /**
+         * 修改主窗体宽度方法
+         *
+         * @param {any} obj
+         */
+        setClientWidth (state) {
+            state.clientWidth = window.innerWidth? window.innerWidth: document.documentElement.clientWidth? document.documentElement.clientWidth: screen.width;
+        },
+        /**
+         * 颜色组
+         *
+         * @param {any} obj
+         */
+        setMychartColor(state,proName,color) {
+            let tempColor = [];
+            if (color) {
+                color.forEach(element => {
+                    if (element) {
+                        tempColor.push(element);
+                    }
+                });
+            } 
+            state.mychartColor[proName] = tempColor;
+        },
+        setFloorMap (state,obj) {
+            Object.assign(state.floorMap,obj);
+        }
+    }
+};
+
+export default app;

package/src/styles/README.md

@@ -1,3 +1,3 @@
-# 样式库说明
-
-## 目录
+# 样式库说明
+
+## 目录

package/src/styles/common.less

@@ -1,81 +1,81 @@
-
-@primary-color          : #AF292E;
-@info-color             : #4D4E53;
-@warning-color          : #F3B352;
-@success-color          : #9DC56A;
-@text-color             : #303133;
-@asterisk-color         : #EE1616;
-@main-btn-disabled-color: #FFB5B8;
-@table-th-font-size:13px;
-@table-td-font-size:13px;
-
-@form-item-margin-bottom:7px;
-@form-item-margin-top:7px;
-@font-size-small:13px;
-@font-size-base:13px;
-@table-th-default-height:36px;
-@table-footer-default-height: 36px;
-@table-td-default-height:36px;
-@table-td-highlight-bg:#FFF3F3;
-@table-td-hover-bg:#FBF4F4;
-@input-disabled-bg: #F5F7FA;
-@modal-header-padding:16px 14px;
-@modal-body-padding:16px 14px;
-@table-td-stripe-bg:#FAFCFF;
-@border-color-base:#DCDFE6;
-@table-thead-bg:#F5F7FA;
-@text-grey:#636569;
-@boder-color:#DCDFE6;
-@btn-icon-size:12px;
-@btn-font-size:13px;
-@btn-padding-base:0px 12px;
-@btn-disable-color      : #A8ABB2 ;
-@btn-disable-bg         : #F5F7FA;
-@btn-default-color      : #606266;
-@btn-ghost-color        : #606266;
-@input-disabled-font-color:#A8ABB2;
-@efuture-checkbox-padding:8px;
-@efuture-radiogroupbox-padding:8px;
-@btn-border-radius:2px;
-@body-background: none;
-.gridcelrow:hover {
-    background-color:#FBF4F4;
-}
-.ivu-anchor-link {
-    border-left: 4px solid #fff
- }
-.ivu-anchor-link.ivu-anchor-link-active {
-   border-left: 4px solid #AF292E
-}
-
-.ivu-badge-count.badgeclass {
-    background:#fff !important;
-    border:1px solid #ed4014 !important;
-    color:#ed4014 !important;
-}
-
-::-webkit-scrollbar{
-    height: 10px;
-    width: 10px;
-}
- 
-::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    border-style: dashed;
-    border-color: transparent;
-    border-width: 2px;
-    background-color: #ccc;
-    background-clip: padding-box;
-}
- 
-::-webkit-scrollbar-thumb:hover {
-    background:  #ccc;
-}
-
-.ivu-btn-ghost .iconfont{
-    font-size: 1.1em;
-    color: @text-color ;
-}
-.ivu-btn-ghost:hover .iconfont{
-    color: @primary-color;
+
+@primary-color          : #AF292E;
+@info-color             : #4D4E53;
+@warning-color          : #F3B352;
+@success-color          : #9DC56A;
+@text-color             : #303133;
+@asterisk-color         : #EE1616;
+@main-btn-disabled-color: #FFB5B8;
+@table-th-font-size:13px;
+@table-td-font-size:13px;
+
+@form-item-margin-bottom:7px;
+@form-item-margin-top:7px;
+@font-size-small:13px;
+@font-size-base:13px;
+@table-th-default-height:36px;
+@table-footer-default-height: 36px;
+@table-td-default-height:36px;
+@table-td-highlight-bg:#FFF3F3;
+@table-td-hover-bg:#FBF4F4;
+@input-disabled-bg: #F5F7FA;
+@modal-header-padding:16px 14px;
+@modal-body-padding:16px 14px;
+@table-td-stripe-bg:#FAFCFF;
+@border-color-base:#DCDFE6;
+@table-thead-bg:#F5F7FA;
+@text-grey:#636569;
+@boder-color:#DCDFE6;
+@btn-icon-size:12px;
+@btn-font-size:13px;
+@btn-padding-base:0px 12px;
+@btn-disable-color      : #A8ABB2 ;
+@btn-disable-bg         : #F5F7FA;
+@btn-default-color      : #606266;
+@btn-ghost-color        : #606266;
+@input-disabled-font-color:#A8ABB2;
+@efuture-checkbox-padding:8px;
+@efuture-radiogroupbox-padding:8px;
+@btn-border-radius:2px;
+@body-background: none;
+.gridcelrow:hover {
+    background-color:#FBF4F4;
+}
+.ivu-anchor-link {
+    border-left: 4px solid #fff
+ }
+.ivu-anchor-link.ivu-anchor-link-active {
+   border-left: 4px solid #AF292E
+}
+
+.ivu-badge-count.badgeclass {
+    background:#fff !important;
+    border:1px solid #ed4014 !important;
+    color:#ed4014 !important;
+}
+
+::-webkit-scrollbar{
+    height: 10px;
+    width: 10px;
+}
+ 
+::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    border-style: dashed;
+    border-color: transparent;
+    border-width: 2px;
+    background-color: #ccc;
+    background-clip: padding-box;
+}
+ 
+::-webkit-scrollbar-thumb:hover {
+    background:  #ccc;
+}
+
+.ivu-btn-ghost .iconfont{
+    font-size: 1.1em;
+    color: @text-color ;
+}
+.ivu-btn-ghost:hover .iconfont{
+    color: @primary-color;
 }

package/src/styles/components/anchor.less

@@ -1,74 +1,74 @@
-@anchor-prefix: ~"@{css-prefix}anchor";
-
-.@{anchor-prefix}{
-    &-wrapper{
-        overflow: auto;
-        padding-left: 4px;
-        margin-left: -4px;
-    }
-
-    &{
-        position: relative;
-        padding-left: @anchor-border-width;
-
-        &-ink {
-            position: absolute;
-            height: 100%;
-            left: 0;
-            top: 0;
-            &:before {
-                content: ' ';
-                position: relative;
-                width: @anchor-border-width;
-                height: 100%;
-                display: block;
-                background-color: @border-color-split;
-                margin: 0 auto;
-            }
-            &-ball {
-                display: inline-block;
-                position: absolute;
-                width: 8px;
-                height: 8px;
-                border-radius: 50%;
-                border: 2px solid @primary-color;
-                background-color: @body-background;
-                left: 50%;
-                transition: top @transition-time @ease-in-out;
-                transform: translate(-50%, 2px);
-            }
-        }
-
-        &.fixed &-ink &-ink-ball {
-            display: none;
-        }
-    }
-
-    &-link {
-        padding: 8px 0 8px 16px;
-        line-height: 1.2;
-
-        &-title {  
-            display: block;
-            position: relative;
-            transition: all .3s;
-            color: @text-color;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            margin-bottom: 8px;
-            &:only-child {
-                margin-bottom: 0;
-            }
-        }
-
-        &-active > &-title {
-            color: @primary-color;
-        }
-    }
-
-    &-link &-link {
-        padding-top: 6px;
-        padding-bottom: 6px;
-    }
-}
+@anchor-prefix: ~"@{css-prefix}anchor";
+
+.@{anchor-prefix}{
+    &-wrapper{
+        overflow: auto;
+        padding-left: 4px;
+        margin-left: -4px;
+    }
+
+    &{
+        position: relative;
+        padding-left: @anchor-border-width;
+
+        &-ink {
+            position: absolute;
+            height: 100%;
+            left: 0;
+            top: 0;
+            &:before {
+                content: ' ';
+                position: relative;
+                width: @anchor-border-width;
+                height: 100%;
+                display: block;
+                background-color: @border-color-split;
+                margin: 0 auto;
+            }
+            &-ball {
+                display: inline-block;
+                position: absolute;
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                border: 2px solid @primary-color;
+                background-color: @body-background;
+                left: 50%;
+                transition: top @transition-time @ease-in-out;
+                transform: translate(-50%, 2px);
+            }
+        }
+
+        &.fixed &-ink &-ink-ball {
+            display: none;
+        }
+    }
+
+    &-link {
+        padding: 8px 0 8px 16px;
+        line-height: 1.2;
+
+        &-title {  
+            display: block;
+            position: relative;
+            transition: all .3s;
+            color: @text-color;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            margin-bottom: 8px;
+            &:only-child {
+                margin-bottom: 0;
+            }
+        }
+
+        &-active > &-title {
+            color: @primary-color;
+        }
+    }
+
+    &-link &-link {
+        padding-top: 6px;
+        padding-bottom: 6px;
+    }
+}