Skip to content

S
shld-databoard-ui
Commit 0b39aa25 authored by 王礼鸿 Baimax Wang's avatar 王礼鸿 Baimax Wang
Browse files
Options

前期代码

parent b2ca0f90
Hide whitespace changes
Inline Side-by-side
Showing with 2640 additions and 1901 deletions
package-lock.json
View file @ 0b39aa25
{
"name": "shld-databoa",
"name": "shld-databoard-ui",
"version": "1.0.0",
"lockfileVersion": 2,
"requires": true,
......@@ -9,6 +9,7 @@
"version": "1.0.0",
"dependencies": {
"axios": "^1.4.0",
"echarts": "^5.4.3",
"jquery": "^3.2.1",
"js-base64": "^3.7.5",
"js-md5": "^0.7.3",
......@@ -42,6 +43,7 @@
"rimraf": "^2.6.0",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
"stylus": "^0.54.5",
"url-loader": "^0.5.8",
"vue-loader": "^12.1.0",
"vue-style-loader": "^3.0.1",
......@@ -434,7 +436,6 @@
"resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
"integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
"dev": true,
"optional": true,
"bin": {
"atob": "bin/atob.js"
},
......@@ -2458,6 +2459,18 @@
"node": "*"
}
},
"node_modules/css": {
"version": "2.2.4",
"resolved": "https://registry.npmmirror.com/css/-/css-2.2.4.tgz",
"integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
"dev": true,
"dependencies": {
"inherits": "^2.0.3",
"source-map": "^0.6.1",
"source-map-resolve": "^0.5.2",
"urix": "^0.1.0"
}
},
"node_modules/css-color-names": {
"version": "0.0.4",
"resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
......@@ -2536,6 +2549,15 @@
"node": ">=4.0.0"
}
},
"node_modules/css-parse": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/css-parse/-/css-parse-2.0.0.tgz",
"integrity": "sha512-UNIFik2RgSbiTwIW1IsFwXWn6vs+bYdq83LKTSOsx7NJR7WII9dxewkHLltfTLVppoUApHV0118a4RZRI9FLwA==",
"dev": true,
"dependencies": {
"css": "^2.0.0"
}
},
"node_modules/css-select": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
......@@ -2574,6 +2596,15 @@
"url": "https://github.com/sponsors/fb55"
}
},
"node_modules/css/node_modules/source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/cssesc": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
......@@ -2682,7 +2713,6 @@
"resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
"integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
"dev": true,
"optional": true,
"engines": {
"node": ">=0.10"
}
......@@ -2879,6 +2909,15 @@
"stream-shift": "^1.0.0"
}
},
"node_modules/echarts": {
"version": "5.4.3",
"resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.4.3.tgz",
"integrity": "sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==",
"dependencies": {
"tslib": "2.3.0",
"zrender": "5.4.4"
}
},
"node_modules/editorconfig": {
"version": "0.15.3",
"resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
......@@ -7401,8 +7440,7 @@
"resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
"integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
"deprecated": "https://github.com/lydell/resolve-url#deprecated",
"dev": true,
"optional": true
"dev": true
},
"node_modules/restore-cursor": {
"version": "2.0.0",
......@@ -7846,7 +7884,6 @@
"integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
"deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
"dev": true,
"optional": true,
"dependencies": {
"atob": "^2.1.2",
"decode-uri-component": "^0.2.0",
......@@ -7869,8 +7906,7 @@
"resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
"integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
"deprecated": "See https://github.com/lydell/source-map-url#deprecated",
"dev": true,
"optional": true
"dev": true
},
"node_modules/spdx-correct": {
"version": "3.2.0",
......@@ -8109,6 +8145,67 @@
"node": ">=0.10.0"
}
},
"node_modules/stylus": {
"version": "0.54.8",
"resolved": "https://registry.npmmirror.com/stylus/-/stylus-0.54.8.tgz",
"integrity": "sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==",
"dev": true,
"dependencies": {
"css-parse": "~2.0.0",
"debug": "~3.1.0",
"glob": "^7.1.6",
"mkdirp": "~1.0.4",
"safer-buffer": "^2.1.2",
"sax": "~1.2.4",
"semver": "^6.3.0",
"source-map": "^0.7.3"
},
"bin": {
"stylus": "bin/stylus"
},
"engines": {
"node": "*"
}
},
"node_modules/stylus/node_modules/debug": {
"version": "3.1.0",
"resolved": "https://registry.npmmirror.com/debug/-/debug-3.1.0.tgz",
"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
"dev": true,
"dependencies": {
"ms": "2.0.0"
}
},
"node_modules/stylus/node_modules/mkdirp": {
"version": "1.0.4",
"resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
"dev": true,
"bin": {
"mkdirp": "bin/cmd.js"
},
"engines": {
"node": ">=10"
}
},
"node_modules/stylus/node_modules/semver": {
"version": "6.3.1",
"resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true,
"bin": {
"semver": "bin/semver.js"
}
},
"node_modules/stylus/node_modules/source-map": {
"version": "0.7.4",
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz",
"integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
"dev": true,
"engines": {
"node": ">= 8"
}
},
"node_modules/supports-color": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
......@@ -8402,6 +8499,11 @@
"integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==",
"dev": true
},
"node_modules/tslib": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
},
"node_modules/tty-browserify": {
"version": "0.0.0",
"resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
......@@ -8610,8 +8712,7 @@
"resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
"integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
"deprecated": "Please see https://github.com/lydell/urix#deprecated",
"dev": true,
"optional": true
"dev": true
},
"node_modules/url": {
"version": "0.11.1",
......@@ -9881,6 +9982,14 @@
"resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.2.tgz",
"integrity": "sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==",
"dev": true
},
"node_modules/zrender": {
"version": "5.4.4",
"resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz",
"integrity": "sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==",
"dependencies": {
"tslib": "2.3.0"
}
}
},
"dependencies": {
......@@ -10178,8 +10287,7 @@
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
"integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
"dev": true,
"optional": true
"dev": true
},
"autoprefixer": {
"version": "6.7.7",
......@@ -11987,6 +12095,26 @@
"randomfill": "^1.0.3"
}
},
"css": {
"version": "2.2.4",
"resolved": "https://registry.npmmirror.com/css/-/css-2.2.4.tgz",
"integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
"dev": true,
"requires": {
"inherits": "^2.0.3",
"source-map": "^0.6.1",
"source-map-resolve": "^0.5.2",
"urix": "^0.1.0"
},
"dependencies": {
"source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true
}
}
},
"css-color-names": {
"version": "0.0.4",
"resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
......@@ -12049,6 +12177,15 @@
}
}
},
"css-parse": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/css-parse/-/css-parse-2.0.0.tgz",
"integrity": "sha512-UNIFik2RgSbiTwIW1IsFwXWn6vs+bYdq83LKTSOsx7NJR7WII9dxewkHLltfTLVppoUApHV0118a4RZRI9FLwA==",
"dev": true,
"requires": {
"css": "^2.0.0"
}
},
"css-select": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
......@@ -12170,8 +12307,7 @@
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
"integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
"dev": true,
"optional": true
"dev": true
},
"define-property": {
"version": "0.2.5",
......@@ -12323,6 +12459,15 @@
"stream-shift": "^1.0.0"
}
},
"echarts": {
"version": "5.4.3",
"resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.4.3.tgz",
"integrity": "sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==",
"requires": {
"tslib": "2.3.0",
"zrender": "5.4.4"
}
},
"editorconfig": {
"version": "0.15.3",
"resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
......@@ -16023,8 +16168,7 @@
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
"integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
"dev": true,
"optional": true
"dev": true
},
"restore-cursor": {
"version": "2.0.0",
......@@ -16378,7 +16522,6 @@
"resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
"integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
"dev": true,
"optional": true,
"requires": {
"atob": "^2.1.2",
"decode-uri-component": "^0.2.0",
......@@ -16400,8 +16543,7 @@
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
"integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
"dev": true,
"optional": true
"dev": true
},
"spdx-correct": {
"version": "3.2.0",
......@@ -16613,6 +16755,51 @@
"is-utf8": "^0.2.0"
}
},
"stylus": {
"version": "0.54.8",
"resolved": "https://registry.npmmirror.com/stylus/-/stylus-0.54.8.tgz",
"integrity": "sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==",
"dev": true,
"requires": {
"css-parse": "~2.0.0",
"debug": "~3.1.0",
"glob": "^7.1.6",
"mkdirp": "~1.0.4",
"safer-buffer": "^2.1.2",
"sax": "~1.2.4",
"semver": "^6.3.0",
"source-map": "^0.7.3"
},
"dependencies": {
"debug": {
"version": "3.1.0",
"resolved": "https://registry.npmmirror.com/debug/-/debug-3.1.0.tgz",
"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
"dev": true,
"requires": {
"ms": "2.0.0"
}
},
"mkdirp": {
"version": "1.0.4",
"resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
"dev": true
},
"semver": {
"version": "6.3.1",
"resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
"dev": true
},
"source-map": {
"version": "0.7.4",
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz",
"integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
"dev": true
}
}
},
"supports-color": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
......@@ -16839,6 +17026,11 @@
"integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==",
"dev": true
},
"tslib": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
},
"tty-browserify": {
"version": "0.0.0",
"resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
......@@ -17015,8 +17207,7 @@
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
"integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
"dev": true,
"optional": true
"dev": true
},
"url": {
"version": "0.11.1",
......@@ -18082,6 +18273,14 @@
"requires": {
"camelcase": "^3.0.0"
}
},
"zrender": {
"version": "5.4.4",
"resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz",
"integrity": "sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==",
"requires": {
"tslib": "2.3.0"
}
}
}
}
package.json
View file @ 0b39aa25
......@@ -11,6 +11,7 @@
},
"dependencies": {
"axios": "^1.4.0",
"echarts": "^5.4.3",
"jquery": "^3.2.1",
"js-base64": "^3.7.5",
"js-md5": "^0.7.3",
......@@ -44,6 +45,7 @@
"rimraf": "^2.6.0",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
"stylus": "^0.54.5",
"url-loader": "^0.5.8",
"vue-loader": "^12.1.0",
"vue-style-loader": "^3.0.1",
......
src/module/databoard/assets/index.rem.css
View file @ 0b39aa25
This source diff could not be displayed because it is too large. You can view the blob instead.
src/module/databoard/assets/index.response.css
View file @ 0b39aa25
This source diff could not be displayed because it is too large. You can view the blob instead.
src/module/databoard/assets/index_back.css
View file @ 0b39aa25
......@@ -5,7 +5,7 @@
/*width: 1920.00px;*/
height: 1080.00px;
overflow: hidden;
background: url(./img/SketchPng1d2d7c804f3d192d29ad3750c138064d493e3f502f79253a3bfa266fbdda7488.png) 100% no-repeat;
background: url(SketchPng1d2d7c804f3d192d29ad3750c138064d493e3f502f79253a3bfa266fbdda7488.png) 100% no-repeat;
background-size: 100% 100%
}
......@@ -13,7 +13,7 @@
.text-wrapper_46 {
/*width: 1970.00px;*/
height: 92.00px;
background: url(./img/SketchPng5fda9a9add36a51f8fa99e5a1426c6a0630dbdfb68a8e0ea5fbbd1c1392d5e28.png) 0px 0px no-repeat;
background: url(SketchPng5fda9a9add36a51f8fa99e5a1426c6a0630dbdfb68a8e0ea5fbbd1c1392d5e28.png) 0px 0px no-repeat;
background-size: 1920px 131px
}
......@@ -248,7 +248,7 @@
position: relative;
width: 932.00px;
height: 313.00px;
background: url(./img/SketchPng63c5c85cdbe8c656ecdf298b46c44c01fccef40a1244f8b7d5186edcf4f19ebb.png) 0px -1px no-repeat;
background: url(SketchPng63c5c85cdbe8c656ecdf298b46c44c01fccef40a1244f8b7d5186edcf4f19ebb.png) 0px -1px no-repeat;
background-size: 933px 315px;
margin-left: 9.00px
}
......@@ -286,7 +286,7 @@
.group_3 {
width: 56.00px;
height: 56.00px;
background: url(./img/SketchPng1fddb1692cba5390ebf16c2882c99c456f1524e3f5448de6178d87fe273ac66d.png) -3px -3px no-repeat;
background: url(SketchPng1fddb1692cba5390ebf16c2882c99c456f1524e3f5448de6178d87fe273ac66d.png) -3px -3px no-repeat;
background-size: 62px 62px
}
......@@ -401,7 +401,7 @@
.group_5 {
width: 56.00px;
height: 56.00px;
background: url(./img/SketchPngc26239274fe4f243c28b1503f7c542111eb4773a43bc6582f74a29ee01d0f1ad.png) -3px -3px no-repeat;
background: url(SketchPngc26239274fe4f243c28b1503f7c542111eb4773a43bc6582f74a29ee01d0f1ad.png) -3px -3px no-repeat;
background-size: 62px 62px;
margin-left: 55.00px
}
......@@ -517,7 +517,7 @@
.group_7 {
width: 56.00px;
height: 56.00px;
background: url(./img/SketchPng462ca8e190bbad7c0ed99287f28d2e76148fa4ed62f174e6dbedf4a9d4fb8b2f.png) -3px -3px no-repeat;
background: url(SketchPng462ca8e190bbad7c0ed99287f28d2e76148fa4ed62f174e6dbedf4a9d4fb8b2f.png) -3px -3px no-repeat;
background-size: 62px 62px;
margin-left: 49.00px
}
......@@ -717,7 +717,7 @@
.group_51 {
height: 139.00px;
background: url(./img/SketchPng04e21f1f4a2a8b857bf92a690cee7413b36505afd6ddbadba40d98e6da0d0b1e.png) -1px 0px no-repeat;
background: url(SketchPng04e21f1f4a2a8b857bf92a690cee7413b36505afd6ddbadba40d98e6da0d0b1e.png) -1px 0px no-repeat;
background-size: 841px 140px;
width: 840.00px;
position: relative
......@@ -726,7 +726,7 @@
.image-wrapper_1 {
height: 139.00px;
background: url(./img/SketchPng67848dc6a7ff403c0906a46f64483c70236d935e7c830be4f0cd05a5548f332c.png) 0px 0px no-repeat;
background: url(SketchPng67848dc6a7ff403c0906a46f64483c70236d935e7c830be4f0cd05a5548f332c.png) 0px 0px no-repeat;
background-size: 830px 140px;
width: 829.00px
}
......@@ -741,7 +741,7 @@
.block_5 {
height: 120.00px;
background: url(./img/SketchPnge5dc0c97ee4908cefc7f8558c4f65e2a1f300ca2613ef44bd5430500d164e378.png) 0px -1px no-repeat;
background: url(SketchPnge5dc0c97ee4908cefc7f8558c4f65e2a1f300ca2613ef44bd5430500d164e378.png) 0px -1px no-repeat;
background-size: 830px 121px;
width: 829.00px;
position: absolute;
......@@ -753,7 +753,7 @@
.group_13 {
width: 827.00px;
height: 103.00px;
background: url(./img/SketchPng9afec152d2f422a9d2120c9d5361093d1af04e91a8b9fdddd3995fd827648e15.png) -2px -1px no-repeat;
background: url(SketchPng9afec152d2f422a9d2120c9d5361093d1af04e91a8b9fdddd3995fd827648e15.png) -2px -1px no-repeat;
background-size: 830px 106px;
margin: -1px 0 0 2px
}
......@@ -762,7 +762,7 @@
.text-wrapper_8 {
width: 74.00px;
height: 32.00px;
background: url(./img/SketchPnge7a2850a8b333cf53a7edec2755595b513bda9f5aa18be0f5b54e4c44417de7e.png) 0px 0px no-repeat;
background: url(SketchPnge7a2850a8b333cf53a7edec2755595b513bda9f5aa18be0f5b54e4c44417de7e.png) 0px 0px no-repeat;
background-size: 75px 33px;
margin: 16px 0 0 404px
}
......@@ -925,7 +925,7 @@
.block_6 {
width: 461.00px;
height: 312.00px;
background: url(./img/SketchPngcf8580eb84e6fdca8e63002e9665e2f27014e2691e461dc6ac503c1b1c5e0c98.png) 0px -1px no-repeat;
background: url(SketchPngcf8580eb84e6fdca8e63002e9665e2f27014e2691e461dc6ac503c1b1c5e0c98.png) 0px -1px no-repeat;
background-size: 462px 314px;
margin-left: 9.00px
}
......@@ -1031,7 +1031,7 @@
.image-wrapper_2 {
height: 29.00px;
background: url(./img/SketchPng3a6be41a8342fbb92cb86b5dc6942f2720b576ad75e18453993769624f7e0d86.png) -1px -1px no-repeat;
background: url(SketchPng3a6be41a8342fbb92cb86b5dc6942f2720b576ad75e18453993769624f7e0d86.png) -1px -1px no-repeat;
background-size: 31px 31px;
margin-top: 2.00px;
width: 29.00px
......@@ -1082,7 +1082,7 @@
.image-wrapper_3 {
height: 29.00px;
background: url(./img/SketchPng6fd14ceed6700038199fd035e82212af83650f3c432c6ff5a90f37fad4793e74.png) -1px -1px no-repeat;
background: url(SketchPng6fd14ceed6700038199fd035e82212af83650f3c432c6ff5a90f37fad4793e74.png) -1px -1px no-repeat;
background-size: 30px 31px;
width: 29.00px;
margin: 2px 0 0 44px
......@@ -1133,7 +1133,7 @@
.image-wrapper_4 {
height: 29.00px;
background: url(./img/SketchPngc8a048ffd259d05c0b4b6b0dbf3419989a318a767c56700a4a6729f071af6a1e.png) -1px -1px no-repeat;
background: url(SketchPngc8a048ffd259d05c0b4b6b0dbf3419989a318a767c56700a4a6729f071af6a1e.png) -1px -1px no-repeat;
background-size: 30px 31px;
width: 29.00px;
margin: 2px 0 0 27px
......@@ -1323,7 +1323,7 @@
.text-wrapper_15 {
width: 412.00px;
height: 23.00px;
background: url(./img/SketchPngcde8531f1d539562f482ecbddb17a65f340f9a2cc48d85c8f3bce93b8c45f9d7.png) -6px -5px no-repeat;
background: url(SketchPngcde8531f1d539562f482ecbddb17a65f340f9a2cc48d85c8f3bce93b8c45f9d7.png) -6px -5px no-repeat;
background-size: 424px 35px;
margin: 28px 0 0 24px
}
......@@ -3875,7 +3875,7 @@
.image-wrapper_20 {
height: 36.00px;
background: url(./img/SketchPngdd0dca56f0d4a8e327008e019932123268465549346bb284067d558695db1ded.png) -2px -2px no-repeat;
background: url(SketchPngdd0dca56f0d4a8e327008e019932123268465549346bb284067d558695db1ded.png) -2px -2px no-repeat;
background-size: 76px 41px;
width: 72.00px;
position: absolute;
......@@ -3892,7 +3892,7 @@
.image-wrapper_21 {
height: 36.00px;
background: url(./img/SketchPng1a8496407123a2d6a92b70f1941888637248b8d5ec22702c291548e790e44bc9.png) -2px -2px no-repeat;
background: url(SketchPng1a8496407123a2d6a92b70f1941888637248b8d5ec22702c291548e790e44bc9.png) -2px -2px no-repeat;
background-size: 77px 41px;
width: 72.00px;
position: absolute;
......@@ -3909,7 +3909,7 @@
.image-wrapper_22 {
height: 36.00px;
background: url(./img/SketchPng22d76c14a56631ecf7768a9a429f53e41544c31a45be17a9b9713724f2d62bff.png) -2px -2px no-repeat;
background: url(SketchPng22d76c14a56631ecf7768a9a429f53e41544c31a45be17a9b9713724f2d62bff.png) -2px -2px no-repeat;
background-size: 77px 41px;
width: 72.00px;
position: absolute;
......@@ -3926,7 +3926,7 @@
.image-wrapper_23 {
height: 36.00px;
background: url(./img/SketchPngc5b7d612ea55ee0e62f1a8a1eeb4fe1be7ad784b615719d193ba1ff90ce14949.png) -2px -2px no-repeat;
background: url(SketchPngc5b7d612ea55ee0e62f1a8a1eeb4fe1be7ad784b615719d193ba1ff90ce14949.png) -2px -2px no-repeat;
background-size: 77px 41px;
width: 72.00px;
position: absolute;
......@@ -4052,7 +4052,7 @@
.block_13 {
width: 392.00px;
height: 198.00px;
background: url(./img/SketchPng43e468f62c3f16d0932628c90e86d5b3b4759a5d82484e91c601438e5fa51c16.png) 0px -1px no-repeat;
background: url(SketchPng43e468f62c3f16d0932628c90e86d5b3b4759a5d82484e91c601438e5fa51c16.png) 0px -1px no-repeat;
background-size: 393px 199px
}
......@@ -4068,7 +4068,7 @@
.section_9 {
width: 10.00px;
height: 48.00px;
background: url(./img/SketchPng6926023602e4a35f08a339ae313a469e2c448119f94c850fcf973e0dc07867a5.png) -1px -1px no-repeat;
background: url(SketchPng6926023602e4a35f08a339ae313a469e2c448119f94c850fcf973e0dc07867a5.png) -1px -1px no-repeat;
background-size: 11px 49px;
margin-top: 120.00px
}
......@@ -4085,7 +4085,7 @@
.box_19 {
width: 10.00px;
height: 70.00px;
background: url(./img/SketchPngba021c6e7360b55afb6020312ecb1f3876dc89cee79b0bd7a1c5e2fed6c983c8.png) 0px 0px no-repeat;
background: url(SketchPngba021c6e7360b55afb6020312ecb1f3876dc89cee79b0bd7a1c5e2fed6c983c8.png) 0px 0px no-repeat;
background-size: 10px 71px;
margin-top: 97.00px
}
......@@ -4102,7 +4102,7 @@
.group_29 {
width: 10.00px;
height: 48.00px;
background: url(./img/SketchPng6749761e0996ff1c3a32b8324e59e57bed65605920dffad15aab12af4f4b514d.png) 0px -1px no-repeat;
background: url(SketchPng6749761e0996ff1c3a32b8324e59e57bed65605920dffad15aab12af4f4b514d.png) 0px -1px no-repeat;
background-size: 11px 49px;
margin-top: 120.00px
}
......@@ -4119,7 +4119,7 @@
.block_14 {
width: 10.00px;
height: 80.00px;
background: url(./img/SketchPng09d96ea8bae4f5a123d758a3abc40b1c96eb4d2d0579aaebd2d00b5a2fce4497.png) -1px 0px no-repeat;
background: url(SketchPng09d96ea8bae4f5a123d758a3abc40b1c96eb4d2d0579aaebd2d00b5a2fce4497.png) -1px 0px no-repeat;
background-size: 11px 81px;
margin-top: 87.00px
}
......@@ -4136,7 +4136,7 @@
.box_23 {
width: 10.00px;
height: 33.00px;
background: url(./img/SketchPngd24b01fe9b1a6df19ab180638572c159de7995228fa2af9cd26587e25c8a599e.png) -1px -1px no-repeat;
background: url(SketchPngd24b01fe9b1a6df19ab180638572c159de7995228fa2af9cd26587e25c8a599e.png) -1px -1px no-repeat;
background-size: 11px 34px;
margin-top: 135.00px
}
......@@ -4153,7 +4153,7 @@
.box_25 {
width: 10.00px;
height: 48.00px;
background: url(./img/SketchPngcbfed79534df825ef55b4b2719e61c669d9ad5a6cc304448b562510e40fcb09a.png) 0px -1px no-repeat;
background: url(SketchPngcbfed79534df825ef55b4b2719e61c669d9ad5a6cc304448b562510e40fcb09a.png) 0px -1px no-repeat;
background-size: 11px 49px;
margin-top: 120.00px
}
......@@ -4170,7 +4170,7 @@
.group_30 {
width: 10.00px;
height: 10.00px;
background: url(./img/SketchPng2cad3b41361fb158f59708848048b10f8359349f2e67247ceb3de03b515e5475.png) -1px 0px no-repeat;
background: url(SketchPng2cad3b41361fb158f59708848048b10f8359349f2e67247ceb3de03b515e5475.png) -1px 0px no-repeat;
background-size: 11px 11px;
margin-top: 157.00px
}
......@@ -4187,7 +4187,7 @@
.box_28 {
width: 10.00px;
height: 60.00px;
background: url(./img/SketchPng0fd30aec65d2bd99f7bf6e47e2870ae4c898a331400f189b9a2879d882052316.png) -1px 0px no-repeat;
background: url(SketchPng0fd30aec65d2bd99f7bf6e47e2870ae4c898a331400f189b9a2879d882052316.png) -1px 0px no-repeat;
background-size: 11px 61px;
margin-top: 107.00px
}
......@@ -4204,7 +4204,7 @@
.block_15 {
width: 10.00px;
height: 100.00px;
background: url(./img/SketchPng154df56d20d03bb6ad787e5643248f91db67218c1f156a5d61f52748a0aa6afb.png) 0px 0px no-repeat;
background: url(SketchPng154df56d20d03bb6ad787e5643248f91db67218c1f156a5d61f52748a0aa6afb.png) 0px 0px no-repeat;
background-size: 11px 101px;
margin-top: 67.00px
}
......@@ -4221,7 +4221,7 @@
.group_31 {
width: 10.00px;
height: 48.00px;
background: url(./img/SketchPng2d045c124629c235395dc8b369e8686373173a6bdb6af2ff1ff38239079f8db8.png) -1px -1px no-repeat;
background: url(SketchPng2d045c124629c235395dc8b369e8686373173a6bdb6af2ff1ff38239079f8db8.png) -1px -1px no-repeat;
background-size: 11px 49px;
margin-top: 120.00px
}
......@@ -4238,7 +4238,7 @@
.block_16 {
width: 10.00px;
height: 8.00px;
background: url(./img/SketchPng84bdcd6ad6f1763875991cb8ace053b62313c54c7ed6571f5d313f5f59ccae58.png) -1px -1px no-repeat;
background: url(SketchPng84bdcd6ad6f1763875991cb8ace053b62313c54c7ed6571f5d313f5f59ccae58.png) -1px -1px no-repeat;
background-size: 11px 9px;
margin-top: 160.00px
}
......@@ -4255,7 +4255,7 @@
.box_33 {
width: 10.00px;
height: 21.00px;
background: url(./img/SketchPngfd2d6402ab6876a454de99e531dd9c081b1e79a3ec3e131d2d3b500811439753.png) 0px 0px no-repeat;
background: url(SketchPngfd2d6402ab6876a454de99e531dd9c081b1e79a3ec3e131d2d3b500811439753.png) 0px 0px no-repeat;
background-size: 11px 22px;
margin-top: 146.00px
}
......@@ -4272,7 +4272,7 @@
.block_17 {
width: 10.00px;
height: 48.00px;
background: url(./img/SketchPnge0d9b1a1ff514a6c069adb24800d942bbffe413055525a575b9eadeafca536ba.png) 0px -1px no-repeat;
background: url(SketchPnge0d9b1a1ff514a6c069adb24800d942bbffe413055525a575b9eadeafca536ba.png) 0px -1px no-repeat;
background-size: 10px 49px;
margin-top: 120.00px
}
......@@ -4289,7 +4289,7 @@
.section_10 {
width: 10.00px;
height: 80.00px;
background: url(./img/SketchPng2a1828072fa386323ac72ef1daa952365e7ec655441667aa4e6c5e9a2f730b98.png) 0px 0px no-repeat;
background: url(SketchPng2a1828072fa386323ac72ef1daa952365e7ec655441667aa4e6c5e9a2f730b98.png) 0px 0px no-repeat;
background-size: 11px 81px;
margin-top: 87.00px
}
......@@ -4786,7 +4786,7 @@
.section_11 {
width: 9.00px;
height: 110.00px;
background: url(./img/SketchPngf80bd2692c1e7cbad592ef13144bc97e6bb783816063aaa799ba100065d62bdf.png) -1px 0px no-repeat;
background: url(SketchPngf80bd2692c1e7cbad592ef13144bc97e6bb783816063aaa799ba100065d62bdf.png) -1px 0px no-repeat;
background-size: 10px 111px;
margin: 25px 0 0 11px
}
......@@ -4802,7 +4802,7 @@
.section_12 {
width: 9.00px;
height: 62.00px;
background: url(./img/SketchPng7beded8d8416c9127545261008f6fef39706ef3a39bed910a6c0eaeff645d839.png) -1px 0px no-repeat;
background: url(SketchPng7beded8d8416c9127545261008f6fef39706ef3a39bed910a6c0eaeff645d839.png) -1px 0px no-repeat;
background-size: 10px 63px;
margin: 73px 0 0 11px
}
......@@ -4818,7 +4818,7 @@
.section_13 {
width: 9.00px;
height: 33.00px;
background: url(./img/SketchPng415a3101e9fdf1e75a11b9a91391b35bd3a1ca64897f6153e9550ba0a857cb99.png) 0px -1px no-repeat;
background: url(SketchPng415a3101e9fdf1e75a11b9a91391b35bd3a1ca64897f6153e9550ba0a857cb99.png) 0px -1px no-repeat;
background-size: 9px 35px;
margin: 102px 0 0 10px
}
......@@ -4834,7 +4834,7 @@
.section_14 {
width: 9.00px;
height: 119.00px;
background: url(./img/SketchPng4ceed04f6d2f0f6c63f51c4c45c87d62c18c286e245a9db8e4262b8292891e25.png) 0px -1px no-repeat;
background: url(SketchPng4ceed04f6d2f0f6c63f51c4c45c87d62c18c286e245a9db8e4262b8292891e25.png) 0px -1px no-repeat;
background-size: 10px 121px;
margin: 16px 0 0 10px
}
......@@ -4850,7 +4850,7 @@
.section_15 {
width: 9.00px;
height: 91.00px;
background: url(./img/SketchPng6726a5cc1dd10d9c3139edf5771f8f7a1094ec65ee8298be365514870104b4c6.png) -1px 0px no-repeat;
background: url(SketchPng6726a5cc1dd10d9c3139edf5771f8f7a1094ec65ee8298be365514870104b4c6.png) -1px 0px no-repeat;
background-size: 10px 92px;
margin: 44px 0 0 11px
}
......@@ -4866,7 +4866,7 @@
.section_16 {
width: 9.00px;
height: 24.00px;
background: url(./img/SketchPng6128a7bbcb706f3ec2888a4ba25be99a7d8fcc3ebda35c6e19475d7486be8d1f.png) 0px 0px no-repeat;
background: url(SketchPng6128a7bbcb706f3ec2888a4ba25be99a7d8fcc3ebda35c6e19475d7486be8d1f.png) 0px 0px no-repeat;
background-size: 9px 25px;
margin: 111px 0 0 10px
}
......@@ -4882,7 +4882,7 @@
.section_17 {
width: 9.00px;
height: 62.00px;
background: url(./img/SketchPng54c08e7a2eb83bde5f2e10c99bd3a054e52efd814e6cfed8c7b9f19f6d1b5462.png) 0px 0px no-repeat;
background: url(SketchPng54c08e7a2eb83bde5f2e10c99bd3a054e52efd814e6cfed8c7b9f19f6d1b5462.png) 0px 0px no-repeat;
background-size: 9px 63px;
margin: 73px 0 0 10px
}
......@@ -4898,7 +4898,7 @@
.section_18 {
width: 9.00px;
height: 110.00px;
background: url(./img/SketchPngcb091ee9076e3ab25c013b4385f9f7a6e33a518c752718d39d628ece639ea3dd.png) -1px 0px no-repeat;
background: url(SketchPngcb091ee9076e3ab25c013b4385f9f7a6e33a518c752718d39d628ece639ea3dd.png) -1px 0px no-repeat;
background-size: 10px 111px;
margin: 25px 0 0 11px
}
......@@ -4914,7 +4914,7 @@
.section_19 {
width: 9.00px;
height: 43.00px;
background: url(./img/SketchPng121a6e4f53514b153535f45221197b468e227bbcc516e12b21c1e138677f8dbf.png) -1px 0px no-repeat;
background: url(SketchPng121a6e4f53514b153535f45221197b468e227bbcc516e12b21c1e138677f8dbf.png) -1px 0px no-repeat;
background-size: 10px 44px;
margin: 92px 0 0 10px
}
......@@ -4930,7 +4930,7 @@
.section_20 {
width: 9.00px;
height: 62.00px;
background: url(./img/SketchPnga3ef1d0001d3f2c0f8228758ebbc90e2998594ced279ebb9c29a57cb533b4661.png) 0px 0px no-repeat;
background: url(SketchPnga3ef1d0001d3f2c0f8228758ebbc90e2998594ced279ebb9c29a57cb533b4661.png) 0px 0px no-repeat;
background-size: 10px 63px;
margin: 73px 0 0 11px
}
......@@ -4939,7 +4939,7 @@
.section_21 {
width: 9.00px;
height: 110.00px;
background: url(./img/SketchPnge82569c532a988a404ef3f3602177db85187cd6d8dceef2e97f2767fae17092f.png) -1px 0px no-repeat;
background: url(SketchPnge82569c532a988a404ef3f3602177db85187cd6d8dceef2e97f2767fae17092f.png) -1px 0px no-repeat;
background-size: 10px 111px;
margin: 25px 0 0 19px
}
......@@ -4948,7 +4948,7 @@
.section_22 {
width: 9.00px;
height: 43.00px;
background: url(./img/SketchPngc5f1a3817788150ad033d1316ada1f4b1423a42e0d483d598aca0210a789d7fd.png) 0px 0px no-repeat;
background: url(SketchPngc5f1a3817788150ad033d1316ada1f4b1423a42e0d483d598aca0210a789d7fd.png) 0px 0px no-repeat;
background-size: 9px 44px;
margin: 92px 0 0 18px
}
......@@ -4957,7 +4957,7 @@
.section_23 {
width: 9.00px;
height: 110.00px;
background: url(./img/SketchPngccf14bd860b7f6831ca9b3a882b519ae427ecb1ad16cd7397e366a358f6c468e.png) 0px 0px no-repeat;
background: url(SketchPngccf14bd860b7f6831ca9b3a882b519ae427ecb1ad16cd7397e366a358f6c468e.png) 0px 0px no-repeat;
background-size: 10px 111px;
margin: 25px 0 0 18px
}
......@@ -4966,7 +4966,7 @@
.section_24 {
width: 9.00px;
height: 43.00px;
background: url(./img/SketchPng16a8574bf7d530a827614b1e3494c93e27d498096a7c698720f691c01fcdf737.png) -1px 0px no-repeat;
background: url(SketchPng16a8574bf7d530a827614b1e3494c93e27d498096a7c698720f691c01fcdf737.png) -1px 0px no-repeat;
background-size: 10px 44px;
margin: 92px 0 0 19px
}
......@@ -5175,7 +5175,7 @@
.box_38 {
height: 62.00px;
background: url(./img/SketchPng6a0deeaa209cbdaddb174cedb5d6fc1ab72bffe6fcafafd119d5ae3ff4b2bcba.png) -1px -1px no-repeat;
background: url(SketchPng6a0deeaa209cbdaddb174cedb5d6fc1ab72bffe6fcafafd119d5ae3ff4b2bcba.png) -1px -1px no-repeat;
background-size: 359px 64px;
width: 357.00px;
position: absolute;
......@@ -5215,7 +5215,7 @@
.image-wrapper_24 {
height: 133.00px;
background: url(./img/SketchPng9aacd5617a7db382dbd873fe764b6d538bb0c3b0ba727a1e886f57a5ece533d4.png) 100% no-repeat;
background: url(SketchPng9aacd5617a7db382dbd873fe764b6d538bb0c3b0ba727a1e886f57a5ece533d4.png) 100% no-repeat;
background-size: 100% 100%;
width: 1.00px;
position: absolute;
......@@ -5452,7 +5452,7 @@
.image-wrapper_26 {
height: 250.00px;
background: url(./img/SketchPnga680c39f37798727996d577f5cb821cb33758bdc68950752e2a90b832453a838.png) -1px -1px no-repeat;
background: url(SketchPnga680c39f37798727996d577f5cb821cb33758bdc68950752e2a90b832453a838.png) -1px -1px no-repeat;
background-size: 251px 251px;
width: 250.00px;
position: absolute;
......@@ -5673,7 +5673,7 @@
.text-wrapper_28 {
height: 23.00px;
background: url(./img/SketchPngfcbda7577b2f4ac5ab4894c81ba31a0597e1ad3573594c7ea607529d8d79abf5.png) 0px 0px no-repeat;
background: url(SketchPngfcbda7577b2f4ac5ab4894c81ba31a0597e1ad3573594c7ea607529d8d79abf5.png) 0px 0px no-repeat;
background-size: 113px 24px;
width: 112.00px
}
......@@ -5695,7 +5695,7 @@
.text-wrapper_29 {
height: 24.00px;
background: url(./img/SketchPng74b33c6a68076bd5f47b080db3f4cf23437646d70f9eaf961384e8a0153ee068.png) 0px -1px no-repeat;
background: url(SketchPng74b33c6a68076bd5f47b080db3f4cf23437646d70f9eaf961384e8a0153ee068.png) 0px -1px no-repeat;
background-size: 101px 26px;
margin-top: 15.00px;
width: 100.00px
......@@ -5725,7 +5725,7 @@
.text-wrapper_30 {
height: 31.00px;
background: url(./img/SketchPnge00a860539b56fbf422cc9cf152ba7cdcdd5593ca15ce5ca6962eedddd1ee634.png) 0px -1px no-repeat;
background: url(SketchPnge00a860539b56fbf422cc9cf152ba7cdcdd5593ca15ce5ca6962eedddd1ee634.png) 0px -1px no-repeat;
background-size: 100px 33px;
width: 100.00px;
margin: -30px 0 36px 149px
......@@ -5748,7 +5748,7 @@
.box_42 {
height: 85.00px;
background: url(./img/SketchPngcb76cec0f7c031ac29d26d146db1442fe466fa6b538bdd300f90c42cbea9b5ae.png) -1px -1px no-repeat;
background: url(SketchPngcb76cec0f7c031ac29d26d146db1442fe466fa6b538bdd300f90c42cbea9b5ae.png) -1px -1px no-repeat;
background-size: 143px 86px;
width: 142.00px;
position: absolute;
......@@ -5759,7 +5759,7 @@
.text-wrapper_31 {
height: 39.00px;
background: url(./img/SketchPng985679029e69afba12c63cfb74d55571edbe8aeb89a4b9c917273f3c6156ba93.png) -1px 0px no-repeat;
background: url(SketchPng985679029e69afba12c63cfb74d55571edbe8aeb89a4b9c917273f3c6156ba93.png) -1px 0px no-repeat;
background-size: 143px 41px;
margin-top: 66.00px;
width: 142.00px
......@@ -5869,7 +5869,7 @@
.box_44 {
width: 123.00px;
height: 25.00px;
background: url(./img/SketchPngcc94e910db65335bff84806ab57a65e70c51fe2c6f531d15bebeba153564e16d.png) 100% no-repeat;
background: url(SketchPngcc94e910db65335bff84806ab57a65e70c51fe2c6f531d15bebeba153564e16d.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 6.00px;
justify-content: flex-center
......@@ -5878,7 +5878,7 @@
.text-wrapper_33 {
height: 16.00px;
background: url(./img/SketchPng58c46a91591618e4503e3b2ac06e18010c27b6f6028cf4069ee0611405b4aeb7.png) -1px -1px no-repeat;
background: url(SketchPng58c46a91591618e4503e3b2ac06e18010c27b6f6028cf4069ee0611405b4aeb7.png) -1px -1px no-repeat;
background-size: 12px 17px;
width: 11.00px;
margin: 5px 0 0 5px
......@@ -5903,7 +5903,7 @@
.text-wrapper_34 {
height: 16.00px;
background: url(./img/SketchPng8cc248d98bf92525c1276d54b11e645c3e6560ef267d8858f0bc9dcb55ecd710.png) -1px -1px no-repeat;
background: url(SketchPng8cc248d98bf92525c1276d54b11e645c3e6560ef267d8858f0bc9dcb55ecd710.png) -1px -1px no-repeat;
background-size: 12px 17px;
width: 11.00px;
margin: 5px 0 0 2px
......@@ -5944,7 +5944,7 @@
.text-wrapper_35 {
height: 16.00px;
background: url(./img/SketchPng6124a972b1142d233f0195fa76583f75a9ce58cff14f868ecaa546dfc0afc894.png) 0px -1px no-repeat;
background: url(SketchPng6124a972b1142d233f0195fa76583f75a9ce58cff14f868ecaa546dfc0afc894.png) 0px -1px no-repeat;
background-size: 11px 17px;
width: 11.00px;
margin: 5px 0 0 5px
......@@ -5969,7 +5969,7 @@
.text-wrapper_36 {
height: 16.00px;
background: url(./img/SketchPngd07daddaca6d7c69449add5d6a2c75f096a204e965c49a68c2c2076814a01a6b.png) -1px -1px no-repeat;
background: url(SketchPngd07daddaca6d7c69449add5d6a2c75f096a204e965c49a68c2c2076814a01a6b.png) -1px -1px no-repeat;
background-size: 12px 17px;
width: 11.00px;
margin: 5px 0 0 2px
......@@ -5994,7 +5994,7 @@
.text-wrapper_37 {
height: 16.00px;
background: url(./img/SketchPng2575d75a47000591235f197eb29de5b96e9f4aa7b72b8ddf0f95117c706a149f.png) 0px -1px no-repeat;
background: url(SketchPng2575d75a47000591235f197eb29de5b96e9f4aa7b72b8ddf0f95117c706a149f.png) 0px -1px no-repeat;
background-size: 12px 17px;
width: 11.00px;
margin: 5px 0 0 1px
......@@ -6035,7 +6035,7 @@
.text-wrapper_38 {
height: 16.00px;
background: url(./img/SketchPngc183caae22ddbda9f5077c8a85068a8f7f1cbe45596950ca821f0c7c475de8e0.png) -1px -1px no-repeat;
background: url(SketchPngc183caae22ddbda9f5077c8a85068a8f7f1cbe45596950ca821f0c7c475de8e0.png) -1px -1px no-repeat;
background-size: 12px 17px;
width: 11.00px;
margin: 5px 0 0 5px
......@@ -6060,7 +6060,7 @@
.text-wrapper_39 {
height: 16.00px;
background: url(./img/SketchPng29d0f6aaea1c65bf915d2be6176c0f91551c8d256721a382c26af9d6c1659f00.png) -1px -1px no-repeat;
background: url(SketchPng29d0f6aaea1c65bf915d2be6176c0f91551c8d256721a382c26af9d6c1659f00.png) -1px -1px no-repeat;
background-size: 12px 17px;
width: 11.00px;
margin: 5px 0 0 2px
......@@ -6085,7 +6085,7 @@
.text-wrapper_40 {
height: 16.00px;
background: url(./img/SketchPnge00e85023bda62585d539ee3ec179e2163f61809060371fe457efe09ebfd8fc9.png) 0px -1px no-repeat;
background: url(SketchPnge00e85023bda62585d539ee3ec179e2163f61809060371fe457efe09ebfd8fc9.png) 0px -1px no-repeat;
background-size: 11px 17px;
width: 11.00px;
margin: 5px 5px 0 1px
......@@ -6170,7 +6170,7 @@
.image-wrapper_28 {
height: 22.00px;
background: url(./img/SketchPng04e7018349b953998b2353d62f15dca6495c7ea45b8f3b9d4c49b177305d1729.png) -1px 5px no-repeat;
background: url(SketchPng04e7018349b953998b2353d62f15dca6495c7ea45b8f3b9d4c49b177305d1729.png) -1px 5px no-repeat;
background-size: 48px 11px;
width: 47.00px;
position: absolute;
......@@ -6242,7 +6242,7 @@
.image-wrapper_29 {
height: 12.00px;
background: url(./img/SketchPng9237fd4b299d885a96d009547aa718ac364a99b650737734503c7384384149db.png) -1px 0px no-repeat;
background: url(SketchPng9237fd4b299d885a96d009547aa718ac364a99b650737734503c7384384149db.png) -1px 0px no-repeat;
background-size: 48px 13px;
width: 47.00px;
position: absolute;
......@@ -6311,7 +6311,7 @@
.box_50 {
height: 16.00px;
background: url(./img/SketchPng39bc974afe981a129a50af085cdd77148f03c0c9fe8d708e2eba736a82e63fec.png) -1px 3px no-repeat;
background: url(SketchPng39bc974afe981a129a50af085cdd77148f03c0c9fe8d708e2eba736a82e63fec.png) -1px 3px no-repeat;
background-size: 48px 10px;
width: 47.00px;
position: absolute;
......@@ -6329,7 +6329,7 @@
.image-wrapper_30 {
height: 16.00px;
background: url(./img/SketchPng70d30764c0686c8281ee2350faf2202a592e0fdd56bfc904ec5403a14b69a498.png) -1px 4px no-repeat;
background: url(SketchPng70d30764c0686c8281ee2350faf2202a592e0fdd56bfc904ec5403a14b69a498.png) -1px 4px no-repeat;
background-size: 48px 10px;
width: 47.00px;
position: absolute;
......@@ -6380,7 +6380,7 @@
.image-wrapper_31 {
height: 10.00px;
background: url(./img/SketchPng1ef85466a53c24834b5ca11657b04f9fd03b5749ac5acbf24b6d0c9b13f78ed0.png) 0px 0px no-repeat;
background: url(SketchPng1ef85466a53c24834b5ca11657b04f9fd03b5749ac5acbf24b6d0c9b13f78ed0.png) 0px 0px no-repeat;
background-size: 9px 11px;
width: 8.00px;
position: absolute;
......@@ -6397,7 +6397,7 @@
.image-wrapper_32 {
height: 11.00px;
background: url(./img/SketchPnge7a1d7c1982dde97c1cbcaa7d2244efb62b518b35d0578644a6f669467997fb9.png) 0px 0px no-repeat;
background: url(SketchPnge7a1d7c1982dde97c1cbcaa7d2244efb62b518b35d0578644a6f669467997fb9.png) 0px 0px no-repeat;
background-size: 14px 11px;
width: 13.00px;
position: absolute;
......@@ -6490,7 +6490,7 @@
.image-wrapper_33 {
height: 111.00px;
background: url(./img/SketchPng83b292015d24add0205ac06e2f981c3161ad88757706150264fc0b368f8581c4.png) 0px 0px no-repeat;
background: url(SketchPng83b292015d24add0205ac06e2f981c3161ad88757706150264fc0b368f8581c4.png) 0px 0px no-repeat;
background-size: 112px 112px;
width: 111.00px;
margin: 20px 0 0 12px
......@@ -6655,7 +6655,7 @@
position: relative;
width: 127.00px;
height: 115.00px;
background: url(./img/SketchPng319c2b8bbea6d3e8f48956c167b8a6d99d892ba4d4b97ebb0243e8500a841549.png) 100% no-repeat;
background: url(SketchPng319c2b8bbea6d3e8f48956c167b8a6d99d892ba4d4b97ebb0243e8500a841549.png) 100% no-repeat;
background-size: 100% 100%;
margin: 5px 0 0 14px
}
......@@ -6663,7 +6663,7 @@
.box_54 {
height: 95.00px;
background: url(./img/SketchPng9fb4aa2a504ce87b0e73b11b58c9060b1ea26c63e258443cccfcbc6a32f21a6e.png) -1px 0px no-repeat;
background: url(SketchPng9fb4aa2a504ce87b0e73b11b58c9060b1ea26c63e258443cccfcbc6a32f21a6e.png) -1px 0px no-repeat;
background-size: 117px 96px;
width: 116.00px;
position: relative;
......@@ -6682,7 +6682,7 @@
.box_56 {
height: 95.00px;
background: url(./img/SketchPng5b0de32941bf75313a6c07aa8ea12c068ac54beef7a17af120471f29b88791e6.png) -1px 0px no-repeat;
background: url(SketchPng5b0de32941bf75313a6c07aa8ea12c068ac54beef7a17af120471f29b88791e6.png) -1px 0px no-repeat;
background-size: 117px 96px;
width: 116.00px;
position: absolute;
......@@ -6794,7 +6794,7 @@
top: 86.00px;
width: 72.00px;
height: 23.00px;
background: url(./img/SketchPng25113b9b85d18ffabf7c1c2b3b5a0aa21d838c461655f2bc7bc65690e0994c9f.png) 0px 0px no-repeat;
background: url(SketchPng25113b9b85d18ffabf7c1c2b3b5a0aa21d838c461655f2bc7bc65690e0994c9f.png) 0px 0px no-repeat;
background-size: 73px 23px
}
......@@ -6809,7 +6809,7 @@
.group_45 {
width: 30.00px;
height: 2.00px;
background: url(./img/SketchPngae3b752321e92f1ac93ccccd650f410eaa5f0f3bf02b6f9be2e4026e1be1185c.png) -4px -2px no-repeat;
background: url(SketchPngae3b752321e92f1ac93ccccd650f410eaa5f0f3bf02b6f9be2e4026e1be1185c.png) -4px -2px no-repeat;
background-size: 38px 5px;
margin: 4px 0 5px 22px
}
......@@ -6944,7 +6944,7 @@
.box_85 {
height: 93.00px;
background: url(./img/SketchPngc1f7f97fef1fd798b35822f147278dab5a9f972ee242ed0671f80db214fc8442.png) -1px -1px no-repeat;
background: url(SketchPngc1f7f97fef1fd798b35822f147278dab5a9f972ee242ed0671f80db214fc8442.png) -1px -1px no-repeat;
background-size: 109px 94px;
width: 108.00px;
position: relative
......@@ -7097,7 +7097,7 @@
.box_61 {
width: 114.00px;
height: 4.00px;
background: url(./img/SketchPng350b1ed1d7093340226e096ace783e85c057d1c25da8004ed26251aabc637238.png) -1px 0px no-repeat;
background: url(SketchPng350b1ed1d7093340226e096ace783e85c057d1c25da8004ed26251aabc637238.png) -1px 0px no-repeat;
background-size: 115px 5px
}
......@@ -7109,7 +7109,7 @@
width: 77.00px;
height: 14.00px;
border: 0.5px solid;
background: url(./img/SketchPng6014a6a26cdad278fd2d3ee78ed8221045146f11f9e0a724fc9f5e994a12ff1b.png) 0px -1px no-repeat;
background: url(SketchPng6014a6a26cdad278fd2d3ee78ed8221045146f11f9e0a724fc9f5e994a12ff1b.png) 0px -1px no-repeat;
background-size: 78px 15px
}
......@@ -7121,7 +7121,7 @@
width: 77.00px;
height: 14.00px;
border: 0.5px solid;
background: url(./img/SketchPngc395fc92cce0d98594f4f96b6af1fb0dbe75afa4756330eb5c3e7a3fa0734ee3.png) 0px -1px no-repeat;
background: url(SketchPngc395fc92cce0d98594f4f96b6af1fb0dbe75afa4756330eb5c3e7a3fa0734ee3.png) 0px -1px no-repeat;
background-size: 78px 15px
}
......@@ -7129,7 +7129,7 @@
.text-wrapper_44 {
height: 14.00px;
border: 0.5px solid;
background: url(./img/SketchPngee8afeae115937d2f60baf7a15727fd40adc72c68200f0699a8bf49e1b348f08.png) 0px -1px no-repeat;
background: url(SketchPngee8afeae115937d2f60baf7a15727fd40adc72c68200f0699a8bf49e1b348f08.png) 0px -1px no-repeat;
background-size: 96px 15px;
width: 95.00px;
position: absolute;
......@@ -7159,7 +7159,7 @@
width: 77.00px;
height: 14.00px;
border: 0.5px solid;
background: url(./img/SketchPngfad42c3380051e8b3b1506e73f4701381080235795a271ea2c476c1bba7fcbac.png) 0px -1px no-repeat;
background: url(SketchPngfad42c3380051e8b3b1506e73f4701381080235795a271ea2c476c1bba7fcbac.png) 0px -1px no-repeat;
background-size: 78px 15px
}
......@@ -7197,7 +7197,7 @@
top: 101.00px;
width: 196.00px;
height: 196.00px;
background: url(./img/SketchPng08714188e6b6f17bb73a8e7047d9c40d5717733a24fc69942367554b3d573145.png) -1px 0px no-repeat;
background: url(SketchPng08714188e6b6f17bb73a8e7047d9c40d5717733a24fc69942367554b3d573145.png) -1px 0px no-repeat;
background-size: 198px 198px
}
......@@ -7260,7 +7260,7 @@
.image-wrapper_35 {
height: 312.00px;
background: url(./img/SketchPng254df50e7469b68d1329a16f44dee7fb8e340b97a107c309e8f0bce68d5197d4.png) 0px 0px no-repeat;
background: url(SketchPng254df50e7469b68d1329a16f44dee7fb8e340b97a107c309e8f0bce68d5197d4.png) 0px 0px no-repeat;
background-size: 461px 313px;
width: 460.00px;
position: absolute;
......
src/module/databoard/components/card/card.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="info-card">
<slot></slot>
</div>
</template>
<script>
export default {
name:"Card",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.info-card{
border-radius: 5px;
width: 90%;
margin: auto;
margin-bottom: 10px;
background-color: #3d459e;
}
</style>
src/module/databoard/components/card/contrast-card.vue 0 → 100644
View file @ 0b39aa25
<template>
<info-card :style="cStyle">
<template v-slot:title>
{{title}}
</template>
<template v-slot:content>
<div class="card">
<div class="left">
<div class="left-top">
{{lt}}
</div>
<div class="left-bottom">
{{lb}}
</div>
</div>
<div class="right">
<div class="r_l c_top">{{rtl}}</div>
<div class="r_m c_top">{{rtm}}</div>
<div class="r_r c_top c_green">{{rtr}}</div>
<div class="r_l c_bottom">{{rbl}}</div>
<div class="r_m c_bottom ">{{rbm}}</div>
<div class="r_r c_bottom c_red">{{rbr}}</div>
</div>
</div>
</template>
</info-card>
</template>
<script>
import InfoCard from "./info-card.vue";
export default {
name:"ContrastCard",
components: {InfoCard},
data() {
return {
};
},
props: {
cStyle: {
type: Object,
default: function(){return {height:"110px"};}
},
title: {
type: String,
},
lt: {
type: String,
},
lb: {
type: String,
},
rtl: {
type: String,
},
rtm: {
type: String,
},
rtr: {
type: String,
},
rbl: {
type: String,
},
rbm: {
type: String,
},
rbr: {
type: String,
},
},
methods: {}
};
</script>
<style scoped>
.card{
width: 90%;
height: 100%;
margin: auto;
}
.left{
height: 100%;
width: 40%;
float:left;
}
.right{
height: 100%;
width: 60%;
float:left;
}
.c_top{
height: 60%;
line-height: 46px;
}
.c_bottom{
height: 40%;
}
.left-top{
color: #a2ef5c;
font-size: 32px;
text-align: center;
line-height: 46px;
height: 60%;
width: 100%;
}
.left-bottom{
text-align: right;
height: 40%;
width: 100%;
}
.right > div{
float: left;
text-align: center;
font-size: 16px;
}
.r_l{
width: 24%;
}
.r_m,.r_r{
width: 38%;
}
.c_red{
color: red;
}
.c_green{
color: #a2ef5c;
}
</style>
src/module/databoard/components/card/info-card.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="info-card">
<div class="content-title">
<slot name="title"></slot>
</div>
<div>
<slot name="content"></slot>
</div>
</div>
</template>
<script>
export default {
name:"InfoCard",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.info-card{
border-radius: 5px;
width: 90%;
margin: auto;
margin-bottom: 10px;
background: #3d459e;
}
.content-title{
line-height: 35px;
font-size: 18px;
font-weight: bold;
padding-left: 20px;
height: 28%;
}
</style>
src/module/databoard/components/container/container-with-bord.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="content container-with-bord" style="cursor: pointer; position: relative;">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<slot></slot>
</div>
</template>
<script>
export default {
name:"ContainerWithBord",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
div{
color: white;
}
.container-with-bord{
box-sizing: border-box;
border: 1px solid #2C58A6;
position: relative;
box-shadow: 0 0 10px #2C58A6;
}
</style>
<style scoped lang="css" src="../../assets/index.css"/>
src/module/databoard/components/container/title-content-with-bord.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="content content-with-bord" style="cursor: pointer; position: relative;">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="content-title">
<slot name="title"></slot>
</div>
<div>
<slot name="content"></slot>
</div>
</div>
</template>
<script>
export default {
name:"TitleContentWithBord",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
div{
color: white;
}
.content-with-bord{
box-sizing: border-box;
border: 1px solid #2C58A6;
position: relative;
box-shadow: 0 0 10px #2C58A6;
}
.content-title{
line-height: 50px;
font-size: 20px;
font-weight: bold;
padding-left: 20px;
}
</style>
<style scoped lang="css" src="../../assets/index.css"/>
src/module/databoard/components/container/title-content.vue 0 → 100644
View file @ 0b39aa25
<template>
<div>
<div class="content-title">
<slot name="title"></slot>
</div>
<div>
<slot name="content"></slot>
</div>
</div>
</template>
<script>
export default {
name:"TitleContent",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.content-title{
line-height: 35px;
font-size: 18px;
font-weight: bold;
height: 28%;
}
</style>
src/module/databoard/components/layout/num-with-r-b-mark.vue 0 → 100644
View file @ 0b39aa25
<template>
<div>
<div class="c_num">
<b>
<slot name="num"></slot>
</b>
<span class="c_unit">
<slot name="unit"></slot>
</span>
</div>
</div>
</template>
<script>
export default {
name:"NumWithRBMark",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.c_fl{
float: left;
}
.c_num{
position: relative;
font-size: 32px;
line-height: 46px;
text-align: center;
height: 100%;
width: 100%;
}
.c_unit{
position: absolute;
right: 0px;
bottom: 0px;
font-size: 16px;
line-height: 16px;
font-weight: normal;
text-align: center;
float: right;
width: 2em;
}
</style>
src/module/databoard/index.vue
View file @ 0b39aa25
......@@ -6,93 +6,56 @@
<span class="text_time">17:18:29</span>
<span class="text_week">星期三</span>
<span class="text_title">联达供应链数据大屏</span>
<span class="text_car">车辆：482</span>
<span class="text_car">刷新时间：10s</span>
</div>
</div>
<div class="middle">
<div class="content trade_left" style="cursor: pointer;">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
<img src="img/t_1.png" alt="">
湖南省货运收入
</div>
<div id="chart_1" class="chart" style="width:100%;height: 280px;">
</div>
</div>
<div class="content trade_middle"><!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
<img src="img/t_1.png" alt="">
湖南省货运收入
</div>
<div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
</div>
<div class="content trade_right"><!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
<img src="img/t_1.png" alt="">
湖南省货运收入
</div>
<div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
</div>
<title-content-with-bord class="trade_left">
<template v-slot:title>营业情况</template >
<template v-slot:content>
<contrast-card v-for="data in mockData.yyqk" :title="data.title"
:lt="data.amount"
:lb="data.unit"
:rtl="data.title1"
:rtm="data.amount1"
:rtr="data.rate1"
:rbl="data.title2"
:rbm="data.amount2"
:rbr="data.rate2"/>
</template >
</title-content-with-bord>
<container-with-bord class="trade_middle">
<card style="margin-top: 10px; width: 80%; height: 20%; position: relative;">
<template>
<title-content v-for="data in mockData.sr" style="width: 33.3%; text-align: center; float:left;">
<template v-slot:title>
{{ data.title }}
</template>
<template v-slot:content>
<num-with-r-b-mark>
<template v-slot:num>{{ data.value }}</template>
<template v-slot:unit>万元</template>
</num-with-r-b-mark>
</template>
</title-content>
</template>
</card>
<div id="main_bar_chart" style="width: 897px; margin: auto; height: 350px;"/>
</container-with-bord>
<title-content-with-bord class="trade_right">
<template v-slot:title>账款情况</template >
<template v-slot:content>
<contrast-card v-for="data in mockData.zkqk" :title="data.title"
:lt="data.amount"
:lb="data.unit"
:rtl="data.title1"
:rtm="data.amount1"
:rtr="data.rate1"
:rbl="data.title2"
:rbm="data.amount2"
:rbr="data.rate2"/>
</template >
</title-content-with-bord>
</div>
<div class="middle">
<div class="content trade_left" style="cursor: pointer;">
......@@ -122,32 +85,103 @@
</div>
<div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
</div>
<div class="content trade_middle"><!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
<img src="img/t_1.png" alt="">
湖南省货运收入
</div>
<div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
<div class="trade_middle" style="border: none;box-shadow: none;">
<container-with-bord style="height: calc(50% - 6px); width: 100%; margin-bottom: 12px;"></container-with-bord>
<container-with-bord style="height: calc(50% - 6px); width: 100%;">
<div style="width: 100%; height: 50%;">
<card style="width: 32%; margin: 5px calc(4%/6); height: calc(100% - 10px); position: relative; float: left">
<title-content style="text-align: center; float:left; width: 100%;">
<template v-slot:title>
当日订单
</template>
<template v-slot:content>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>2,000</template>
<template v-slot:unit>万吨</template>
</num-with-r-b-mark>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>20,000</template>
<template v-slot:unit>万元</template>
</num-with-r-b-mark>
</template>
</title-content>
</card>
<card style="width: 32%; margin: 5px calc(4%/6); height: calc(100% - 10px); position: relative; float: left">
<title-content style="text-align: center; float:left; width: 100%;">
<template v-slot:title>
当日完成量
</template>
<template v-slot:content>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>2,000</template>
<template v-slot:unit>万吨</template>
</num-with-r-b-mark>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>20,000</template>
<template v-slot:unit>万元</template>
</num-with-r-b-mark>
</template>
</title-content>
</card>
<card style="width: 32%; margin: 5px calc(4%/6); height: calc(100% - 10px); position: relative; float: left">
<title-content style="text-align: center; float:left; width: 100%;">
<template v-slot:title>
余量
</template>
<template v-slot:content>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>2,000</template>
<template v-slot:unit>万吨</template>
</num-with-r-b-mark>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>20,000</template>
<template v-slot:unit>万元</template>
</num-with-r-b-mark>
</template>
</title-content>
</card>
</div>
<div style="width: 100%; height: 50%;">
<card style="width: 32%; margin: 5px 9%; height: calc(100% - 10px); position: relative; float: left">
<title-content style="text-align: center; float:left; width: 100%;">
<template v-slot:title>
消失客户
</template>
<template v-slot:content>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>2,000</template>
<template v-slot:unit>万吨</template>
</num-with-r-b-mark>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>20,000</template>
<template v-slot:unit>万元</template>
</num-with-r-b-mark>
</template>
</title-content>
</card>
<card style="width: 32%; margin: 5px 9%; height: calc(100% - 10px); position: relative; float: left">
<title-content style="text-align: center; float:left; width: 100%;">
<template v-slot:title>
新增客户
</template>
<template v-slot:content>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>2,000</template>
<template v-slot:unit>万吨</template>
</num-with-r-b-mark>
<num-with-r-b-mark style="width: 48%; float: left; line-height: 64px;">
<template v-slot:num>20,000</template>
<template v-slot:unit>万元</template>
</num-with-r-b-mark>
</template>
</title-content>
</card>
</div>
</container-with-bord>
</div>
<div class="content trade_right"><!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
......@@ -178,13 +212,137 @@
</div>
</template>
<script>
import TitleContentWithBord from "./components/container/title-content-with-bord.vue";
import InfoCard from "./components/card/info-card.vue";
import ContrastCard from "./components/card/contrast-card.vue";
import * as echarts from "echarts";
import TitleContent from "./components/container/title-content.vue";
import NumWithRBMark from "./components/layout/num-with-r-b-mark.vue";
import Card from "./components/card/card.vue";
import ContainerWithBord from "./components/container/container-with-bord.vue";
export default {
components: {ContainerWithBord, TitleContentWithBord, Card, NumWithRBMark, TitleContent, ContrastCard, InfoCard},
data() {
return {
constants: {}
constants: {},
mockData:{
yyqk:{
yye:{
title:"营业额",
amount:"20,303",
unit:"万元",
title1:"昨天",
amount1:"21,000",
rate1:"-3.32%",
title2:"上月",
amount2:"20，000",
rate2:"+4.92%",
},
cb:{
title:"成本",
amount:"10,303",
unit:"万元",
title1:"昨日",
amount1:"11,000",
rate1:"-2.68%",
title2:"上月",
amount2:"10,000",
rate2:"+5.71%",
},
ml:{
title:"毛利",
amount:"10,000",
unit:"万元",
title1:"昨日",
amount1:"10,000",
rate1:"0.00%",
title2:"上月",
amount2:"10,000",
rate2:"0.00%",
},
},
zkqk:{
yszk:{
title:"应收账款",
amount:"20,303",
unit:"万元",
title1:"昨天",
amount1:"21,000",
rate1:"-3.32%",
title2:"上月",
amount2:"20，000",
rate2:"+4.92%",
},
yfzk:{
title:"应付账款",
amount:"10,303",
unit:"万元",
title1:"昨日",
amount1:"11,000",
rate1:"-2.68%",
title2:"上月",
amount2:"10,000",
rate2:"+5.71%",
},
zsye:{
title:"账上余额",
amount:"10,000",
unit:"万元",
title1:"昨日",
amount1:"10,000",
rate1:"0.00%",
title2:"上月",
amount2:"10,000",
rate2:"0.00%",
},
},
sr:[
{
title:'累计营业收入（当年）',
value:'20,303',
},
{
title:'应收款（财务）',
value:'20,303',
},
{
title:'应收款（营销）',
value:'20,303',
},
],
barChart:{
textStyle: {color: "#fff"},
tooltip: {},
xAxis: {
data: ['未结算未开票', '已结算未开票', '已开票未收款', '应收款', '已开票已收款']
},
yAxis: {},
series: [
{
name: '开票详情',
type: 'bar',
data: [500, 300, 500, 1001, 319],
color: "#7f83f7",
label: {
show: true,
position: 'top',
color: "#fff",
},
}
]
},
}
};
},
methods: {}
methods: {
drawMainBarChart(){
let myChart = echarts.init(document.getElementById('main_bar_chart'));
myChart.setOption(this.mockData.barChart);
}
},
mounted() {
this.drawMainBarChart();
}
};
</script>
<style scoped lang="css" src="./assets/index.css"/>
src/module/index/index.html
View file @ 0b39aa25
......@@ -20,6 +20,13 @@
padding: 0;
}
body{
min-height: 1080.00px;
max-height: 1080.00px;
min-width: 1920px;
max-width: 1920px;
}
body, html {
margin: 0;
padding: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment