Kaynağa Gözat

Merge branch 'master' of http://39.106.8.246:3003/zhaojing/sagadaping

zhaojing 3 yıl önce
ebeveyn
işleme
394415b130

+ 650 - 2
package-lock.json

@@ -4,6 +4,279 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@antv/adjust": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npm.taobao.org/@antv/adjust/download/@antv/adjust-0.2.3.tgz?cache=0&sync_timestamp=1602724618252&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40antv%2Fadjust%2Fdownload%2F%40antv%2Fadjust-0.2.3.tgz",
+      "integrity": "sha1-w4hKaAwyZMwSXX8qtTmOihwLlAE=",
+      "requires": {
+        "@antv/util": "~2.0.0",
+        "tslib": "^1.10.0"
+      }
+    },
+    "@antv/attr": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npm.taobao.org/@antv/attr/download/@antv/attr-0.3.2.tgz",
+      "integrity": "sha1-5YZrZIcMYvOpwluKYfZUuiv9oFE=",
+      "requires": {
+        "@antv/color-util": "^2.0.1",
+        "@antv/util": "~2.0.0",
+        "tslib": "^1.10.0"
+      }
+    },
+    "@antv/color-util": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npm.taobao.org/@antv/color-util/download/@antv/color-util-2.0.6.tgz",
+      "integrity": "sha1-XhKbuc4/K5MJtSECs9ySlDDMwBY=",
+      "requires": {
+        "@antv/util": "^2.0.9",
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/component": {
+      "version": "0.8.17",
+      "resolved": "https://registry.nlark.com/@antv/component/download/@antv/component-0.8.17.tgz",
+      "integrity": "sha1-2T4OrZu9zOoPVYUx60YQzPrLy/c=",
+      "requires": {
+        "@antv/dom-util": "~2.0.1",
+        "@antv/g-base": "0.5.6",
+        "@antv/matrix-util": "^3.1.0-beta.1",
+        "@antv/path-util": "~2.0.7",
+        "@antv/scale": "~0.3.1",
+        "@antv/util": "~2.0.0",
+        "fecha": "~4.2.0",
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "@antv/g-base": {
+          "version": "0.5.6",
+          "resolved": "https://registry.nlark.com/@antv/g-base/download/@antv/g-base-0.5.6.tgz?cache=0&sync_timestamp=1619321387803&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fg-base%2Fdownload%2F%40antv%2Fg-base-0.5.6.tgz",
+          "integrity": "sha1-2W2l+/bF+LBzBydR4V5e7HCzk/w=",
+          "requires": {
+            "@antv/event-emitter": "^0.1.1",
+            "@antv/g-math": "^0.1.6",
+            "@antv/matrix-util": "^3.1.0-beta.1",
+            "@antv/path-util": "~2.0.5",
+            "@antv/util": "~2.0.0",
+            "@types/d3-timer": "^2.0.0",
+            "d3-ease": "^1.0.5",
+            "d3-interpolate": "^1.3.2",
+            "d3-timer": "^1.0.9",
+            "detect-browser": "^5.1.0",
+            "tslib": "^2.0.3"
+          }
+        },
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/coord": {
+      "version": "0.3.1",
+      "resolved": "https://registry.nlark.com/@antv/coord/download/@antv/coord-0.3.1.tgz?cache=0&sync_timestamp=1622725983384&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fcoord%2Fdownload%2F%40antv%2Fcoord-0.3.1.tgz",
+      "integrity": "sha1-mC4mHYoeBqGY61GOp6zCDth1oBk=",
+      "requires": {
+        "@antv/matrix-util": "^3.1.0-beta.2",
+        "@antv/util": "~2.0.12",
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/dom-util": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npm.taobao.org/@antv/dom-util/download/@antv/dom-util-2.0.3.tgz",
+      "integrity": "sha1-y9FYsciODopNhlhxpZabEZBVT/U=",
+      "requires": {
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/event-emitter": {
+      "version": "0.1.2",
+      "resolved": "https://registry.nlark.com/@antv/event-emitter/download/@antv/event-emitter-0.1.2.tgz",
+      "integrity": "sha1-oXt8uG5tBxiA3Gv7IydW+IYk7Lw="
+    },
+    "@antv/g-base": {
+      "version": "0.5.9",
+      "resolved": "https://registry.nlark.com/@antv/g-base/download/@antv/g-base-0.5.9.tgz?cache=0&sync_timestamp=1619321387803&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fg-base%2Fdownload%2F%40antv%2Fg-base-0.5.9.tgz",
+      "integrity": "sha1-WNDhHYUVetoUCPvfJPT0aPQOWc0=",
+      "requires": {
+        "@antv/event-emitter": "^0.1.1",
+        "@antv/g-math": "^0.1.6",
+        "@antv/matrix-util": "^3.1.0-beta.1",
+        "@antv/path-util": "~2.0.5",
+        "@antv/util": "~2.0.0",
+        "@types/d3-timer": "^2.0.0",
+        "d3-ease": "^1.0.5",
+        "d3-interpolate": "^1.3.2",
+        "d3-timer": "^1.0.9",
+        "detect-browser": "^5.1.0",
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/g-canvas": {
+      "version": "0.5.12",
+      "resolved": "https://registry.nlark.com/@antv/g-canvas/download/@antv/g-canvas-0.5.12.tgz?cache=0&sync_timestamp=1630407056289&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fg-canvas%2Fdownload%2F%40antv%2Fg-canvas-0.5.12.tgz",
+      "integrity": "sha1-L8QNztaZTwdPIjQeZdVve71Sdfc=",
+      "requires": {
+        "@antv/g-base": "^0.5.3",
+        "@antv/g-math": "^0.1.6",
+        "@antv/matrix-util": "^3.1.0-beta.1",
+        "@antv/path-util": "~2.0.5",
+        "@antv/util": "~2.0.0",
+        "gl-matrix": "^3.0.0",
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/g-math": {
+      "version": "0.1.7",
+      "resolved": "https://registry.nlark.com/@antv/g-math/download/@antv/g-math-0.1.7.tgz?cache=0&sync_timestamp=1625537451994&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fg-math%2Fdownload%2F%40antv%2Fg-math-0.1.7.tgz",
+      "integrity": "sha1-bsJ2kmn3zLZ+WBQNVznfdARswE4=",
+      "requires": {
+        "@antv/util": "~2.0.0",
+        "gl-matrix": "^3.0.0"
+      }
+    },
+    "@antv/g-svg": {
+      "version": "0.5.6",
+      "resolved": "https://registry.nlark.com/@antv/g-svg/download/@antv/g-svg-0.5.6.tgz?cache=0&sync_timestamp=1630407117691&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fg-svg%2Fdownload%2F%40antv%2Fg-svg-0.5.6.tgz",
+      "integrity": "sha1-cLL6mAxDGzmtPFtLU+NqHWCVfWU=",
+      "requires": {
+        "@antv/g-base": "^0.5.3",
+        "@antv/g-math": "^0.1.6",
+        "@antv/util": "~2.0.0",
+        "detect-browser": "^5.0.0",
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/g2": {
+      "version": "4.1.25",
+      "resolved": "https://registry.nlark.com/@antv/g2/download/@antv/g2-4.1.25.tgz?cache=0&sync_timestamp=1629877261401&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fg2%2Fdownload%2F%40antv%2Fg2-4.1.25.tgz",
+      "integrity": "sha1-LnUjtazLEiZNrubdSUpnvj88fHw=",
+      "requires": {
+        "@antv/adjust": "^0.2.1",
+        "@antv/attr": "^0.3.1",
+        "@antv/color-util": "^2.0.2",
+        "@antv/component": "^0.8.7",
+        "@antv/coord": "^0.3.0",
+        "@antv/dom-util": "^2.0.2",
+        "@antv/event-emitter": "~0.1.0",
+        "@antv/g-base": "~0.5.6",
+        "@antv/g-canvas": "~0.5.10",
+        "@antv/g-svg": "~0.5.6",
+        "@antv/matrix-util": "^3.1.0-beta.1",
+        "@antv/path-util": "^2.0.3",
+        "@antv/scale": "^0.3.7",
+        "@antv/util": "~2.0.5",
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/matrix-util": {
+      "version": "3.1.0-beta.2",
+      "resolved": "https://registry.npm.taobao.org/@antv/matrix-util/download/@antv/matrix-util-3.1.0-beta.2.tgz",
+      "integrity": "sha1-tK+vtw299Sr/yjCNNUbIoJD9I8o=",
+      "requires": {
+        "@antv/util": "^2.0.9",
+        "gl-matrix": "^3.3.0",
+        "tslib": "^1.10.0"
+      }
+    },
+    "@antv/path-util": {
+      "version": "2.0.10",
+      "resolved": "https://registry.nlark.com/@antv/path-util/download/@antv/path-util-2.0.10.tgz?cache=0&sync_timestamp=1630395913368&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fpath-util%2Fdownload%2F%40antv%2Fpath-util-2.0.10.tgz",
+      "integrity": "sha1-rllEfq/mfTINNy/YOoiH5GjxYnQ=",
+      "requires": {
+        "@antv/util": "^2.0.9",
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/scale": {
+      "version": "0.3.12",
+      "resolved": "https://registry.nlark.com/@antv/scale/download/@antv/scale-0.3.12.tgz?cache=0&sync_timestamp=1625571094812&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Fscale%2Fdownload%2F%40antv%2Fscale-0.3.12.tgz",
+      "integrity": "sha1-R9u6PjDyML1tJ8ox1CBBBmCGUNs=",
+      "requires": {
+        "@antv/util": "~2.0.3",
+        "fecha": "~4.2.0",
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
+    "@antv/util": {
+      "version": "2.0.14",
+      "resolved": "https://registry.nlark.com/@antv/util/download/@antv/util-2.0.14.tgz?cache=0&sync_timestamp=1624536882898&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40antv%2Futil%2Fdownload%2F%40antv%2Futil-2.0.14.tgz",
+      "integrity": "sha1-GsjE95C+r2Vy2uz2LfaqVfoKMd8=",
+      "requires": {
+        "tslib": "^2.0.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.1.tgz",
+          "integrity": "sha1-6KM1rdXOrlGqJh0ypJAVjvBC7wE="
+        }
+      }
+    },
     "@babel/code-frame": {
       "version": "7.14.5",
       "resolved": "https://registry.nlark.com/@babel/code-frame/download/@babel/code-frame-7.14.5.tgz?cache=0&sync_timestamp=1623280394200&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40babel%2Fcode-frame%2Fdownload%2F%40babel%2Fcode-frame-7.14.5.tgz",
@@ -1228,6 +1501,11 @@
         "@types/node": "*"
       }
     },
+    "@types/d3-timer": {
+      "version": "2.0.1",
+      "resolved": "https://registry.nlark.com/@types/d3-timer/download/@types/d3-timer-2.0.1.tgz?cache=0&sync_timestamp=1629707133527&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fd3-timer%2Fdownload%2F%40types%2Fd3-timer-2.0.1.tgz",
+      "integrity": "sha1-/7ZiDSkGJPNyaqNiwMiktEyNcgA="
+    },
     "@types/express": {
       "version": "4.17.13",
       "resolved": "https://registry.nlark.com/@types/express/download/@types/express-4.17.13.tgz?cache=0&sync_timestamp=1629707683466&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fexpress%2Fdownload%2F%40types%2Fexpress-4.17.13.tgz",
@@ -1306,6 +1584,13 @@
       "integrity": "sha1-0zV0eaD9/dWQf+Z+F+CoXJBuEwE=",
       "dev": true
     },
+    "@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.nlark.com/@types/parse-json/download/@types/parse-json-4.0.0.tgz",
+      "integrity": "sha1-L4u0QUNNFjs1+4/9zNcTiSf/uMA=",
+      "dev": true,
+      "optional": true
+    },
     "@types/q": {
       "version": "1.5.5",
       "resolved": "https://registry.nlark.com/@types/q/download/@types/q-1.5.5.tgz",
@@ -1637,6 +1922,7 @@
         "@vue/cli-shared-utils": "^4.5.13",
         "cache-loader": "^4.1.0",
         "fork-ts-checker-webpack-plugin": "^3.1.1",
+        "fork-ts-checker-webpack-plugin-v5": "npm:fork-ts-checker-webpack-plugin@^5.0.11",
         "globby": "^9.2.0",
         "thread-loader": "^2.1.3",
         "ts-loader": "^6.2.2",
@@ -1706,6 +1992,7 @@
         "thread-loader": "^2.1.3",
         "url-loader": "^2.2.0",
         "vue-loader": "^15.9.2",
+        "vue-loader-v16": "npm:vue-loader@^16.1.0",
         "vue-style-loader": "^4.1.2",
         "webpack": "^4.0.0",
         "webpack-bundle-analyzer": "^3.8.0",
@@ -2267,6 +2554,13 @@
       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
       "dev": true
     },
+    "at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/at-least-node/download/at-least-node-1.0.0.tgz",
+      "integrity": "sha1-YCzUtG6EStTv/JKoARo8RuAjjcI=",
+      "dev": true,
+      "optional": true
+    },
     "atob": {
       "version": "2.1.2",
       "resolved": "https://registry.npm.taobao.org/atob/download/atob-2.1.2.tgz",
@@ -4076,6 +4370,29 @@
       "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=",
       "dev": true
     },
+    "d3-color": {
+      "version": "1.4.1",
+      "resolved": "https://registry.nlark.com/d3-color/download/d3-color-1.4.1.tgz?cache=0&sync_timestamp=1622917792948&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fd3-color%2Fdownload%2Fd3-color-1.4.1.tgz",
+      "integrity": "sha1-xSACv4hGraRCTVXZeYL+8m6zvIo="
+    },
+    "d3-ease": {
+      "version": "1.0.7",
+      "resolved": "https://registry.nlark.com/d3-ease/download/d3-ease-1.0.7.tgz",
+      "integrity": "sha1-moNIkO+LiujFWLL+Vb1X9Zk7heI="
+    },
+    "d3-interpolate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.nlark.com/d3-interpolate/download/d3-interpolate-1.4.0.tgz?cache=0&sync_timestamp=1622918433472&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fd3-interpolate%2Fdownload%2Fd3-interpolate-1.4.0.tgz",
+      "integrity": "sha1-Um554tgNqjg/ngwcHH3MDwWD6Yc=",
+      "requires": {
+        "d3-color": "1"
+      }
+    },
+    "d3-timer": {
+      "version": "1.0.10",
+      "resolved": "https://registry.nlark.com/d3-timer/download/d3-timer-1.0.10.tgz",
+      "integrity": "sha1-3+dripF0iDGxO22ceT/71QjdneU="
+    },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npm.taobao.org/dashdash/download/dashdash-1.14.1.tgz",
@@ -4371,6 +4688,11 @@
       "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
       "dev": true
     },
+    "detect-browser": {
+      "version": "5.2.0",
+      "resolved": "https://registry.nlark.com/detect-browser/download/detect-browser-5.2.0.tgz",
+      "integrity": "sha1-yc1a+pamoZ/aC76em+SKa24enJc="
+    },
     "detect-node": {
       "version": "2.1.0",
       "resolved": "https://registry.nlark.com/detect-node/download/detect-node-2.1.0.tgz?cache=0&sync_timestamp=1621146976557&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdetect-node%2Fdownload%2Fdetect-node-2.1.0.tgz",
@@ -5118,6 +5440,11 @@
         "websocket-driver": ">=0.5.1"
       }
     },
+    "fecha": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npm.taobao.org/fecha/download/fecha-4.2.1.tgz?cache=0&sync_timestamp=1617639941867&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffecha%2Fdownload%2Ffecha-4.2.1.tgz",
+      "integrity": "sha1-CoOtj4bvYqCR4iu1oDnNA9I+7M4="
+    },
     "figgy-pudding": {
       "version": "3.5.2",
       "resolved": "https://registry.npm.taobao.org/figgy-pudding/download/figgy-pudding-3.5.2.tgz",
@@ -5274,6 +5601,199 @@
         }
       }
     },
+    "fork-ts-checker-webpack-plugin-v5": {
+      "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
+      "resolved": "https://registry.nlark.com/fork-ts-checker-webpack-plugin/download/fork-ts-checker-webpack-plugin-5.2.1.tgz",
+      "integrity": "sha1-eTJthpeXkG+osk4qvPlCH8gFRQ0=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@types/json-schema": "^7.0.5",
+        "chalk": "^4.1.0",
+        "cosmiconfig": "^6.0.0",
+        "deepmerge": "^4.2.2",
+        "fs-extra": "^9.0.0",
+        "memfs": "^3.1.2",
+        "minimatch": "^3.0.4",
+        "schema-utils": "2.7.0",
+        "semver": "^7.3.2",
+        "tapable": "^1.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.nlark.com/ansi-styles/download/ansi-styles-4.3.0.tgz?cache=0&sync_timestamp=1618995547052&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fansi-styles%2Fdownload%2Fansi-styles-4.3.0.tgz",
+          "integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.nlark.com/chalk/download/chalk-4.1.2.tgz?cache=0&sync_timestamp=1627646655305&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fchalk%2Fdownload%2Fchalk-4.1.2.tgz",
+          "integrity": "sha1-qsTit3NKdAhnrrFr8CqtVWoeegE=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true,
+          "optional": true
+        },
+        "cosmiconfig": {
+          "version": "6.0.0",
+          "resolved": "https://registry.nlark.com/cosmiconfig/download/cosmiconfig-6.0.0.tgz",
+          "integrity": "sha1-2k/uhTxS9rHmk19BwaL8UL1KmYI=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.1.0",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.7.2"
+          }
+        },
+        "deepmerge": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npm.taobao.org/deepmerge/download/deepmerge-4.2.2.tgz",
+          "integrity": "sha1-RNLqNnm49NT/ujPwPYZfwee/SVU=",
+          "dev": true,
+          "optional": true
+        },
+        "fs-extra": {
+          "version": "9.1.0",
+          "resolved": "https://registry.nlark.com/fs-extra/download/fs-extra-9.1.0.tgz?cache=0&sync_timestamp=1620079845472&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ffs-extra%2Fdownload%2Ffs-extra-9.1.0.tgz",
+          "integrity": "sha1-WVRGDHZKjaIJS6NVS/g55rmnyG0=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "at-least-node": "^1.0.0",
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.nlark.com/has-flag/download/has-flag-4.0.0.tgz?cache=0&sync_timestamp=1626715907927&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fhas-flag%2Fdownload%2Fhas-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true,
+          "optional": true
+        },
+        "import-fresh": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.3.0.tgz?cache=0&sync_timestamp=1608469532269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fimport-fresh%2Fdownload%2Fimport-fresh-3.3.0.tgz",
+          "integrity": "sha1-NxYsJfy566oublPVtNiM4X2eDCs=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "parent-module": "^1.0.0",
+            "resolve-from": "^4.0.0"
+          }
+        },
+        "jsonfile": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npm.taobao.org/jsonfile/download/jsonfile-6.1.0.tgz?cache=0&sync_timestamp=1604161822397&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsonfile%2Fdownload%2Fjsonfile-6.1.0.tgz",
+          "integrity": "sha1-vFWyY0eTxnnsZAMJTrE2mKbsCq4=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "graceful-fs": "^4.1.6",
+            "universalify": "^2.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz?cache=0&sync_timestamp=1594427519396&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-6.0.0.tgz",
+          "integrity": "sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "path-type": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz",
+          "integrity": "sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs=",
+          "dev": true,
+          "optional": true
+        },
+        "resolve-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz",
+          "integrity": "sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=",
+          "dev": true,
+          "optional": true
+        },
+        "schema-utils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.nlark.com/schema-utils/download/schema-utils-2.7.0.tgz",
+          "integrity": "sha1-FxUfdtjq5n+793lgwzxnatn078c=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@types/json-schema": "^7.0.4",
+            "ajv": "^6.12.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.3.5.tgz?cache=0&sync_timestamp=1616463540350&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.3.5.tgz",
+          "integrity": "sha1-C2Ich5NI2JmOSw5L6Us/EuYBjvc=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1626703414084&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz",
+          "integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "universalify": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/universalify/download/universalify-2.0.0.tgz?cache=0&sync_timestamp=1603179970052&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funiversalify%2Fdownload%2Funiversalify-2.0.0.tgz",
+          "integrity": "sha1-daSYTv7cSwiXXFrrc/Uw0C3yVxc=",
+          "dev": true,
+          "optional": true
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz",
+          "integrity": "sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "form-data": {
       "version": "2.3.3",
       "resolved": "https://registry.npm.taobao.org/form-data/download/form-data-2.3.3.tgz",
@@ -5327,6 +5847,13 @@
         "universalify": "^0.1.0"
       }
     },
+    "fs-monkey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/fs-monkey/download/fs-monkey-1.0.3.tgz?cache=0&sync_timestamp=1617593422622&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffs-monkey%2Fdownload%2Ffs-monkey-1.0.3.tgz",
+      "integrity": "sha1-rjrJLVO7Mo7+DpodlUH2rY1I4tM=",
+      "dev": true,
+      "optional": true
+    },
     "fs-write-stream-atomic": {
       "version": "1.0.10",
       "resolved": "https://registry.npm.taobao.org/fs-write-stream-atomic/download/fs-write-stream-atomic-1.0.10.tgz",
@@ -5405,6 +5932,11 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "gl-matrix": {
+      "version": "3.3.0",
+      "resolved": "https://registry.nlark.com/gl-matrix/download/gl-matrix-3.3.0.tgz",
+      "integrity": "sha1-Iy7vYLHIswooy751ssr2xI/WNYs="
+    },
     "glob": {
       "version": "7.1.7",
       "resolved": "https://registry.nlark.com/glob/download/glob-7.1.7.tgz?cache=0&sync_timestamp=1620337382269&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fglob%2Fdownload%2Fglob-7.1.7.tgz",
@@ -6913,6 +7445,16 @@
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
       "dev": true
     },
+    "memfs": {
+      "version": "3.2.3",
+      "resolved": "https://registry.nlark.com/memfs/download/memfs-3.2.3.tgz?cache=0&sync_timestamp=1630444913319&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmemfs%2Fdownload%2Fmemfs-3.2.3.tgz",
+      "integrity": "sha1-pcwbEaBgj044/uqalLlXrLqCCvM=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "fs-monkey": "1.0.3"
+      }
+    },
     "memory-fs": {
       "version": "0.4.1",
       "resolved": "https://registry.npm.taobao.org/memory-fs/download/memory-fs-0.4.1.tgz",
@@ -7692,6 +8234,25 @@
         "no-case": "^2.2.0"
       }
     },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/parent-module/download/parent-module-1.0.1.tgz",
+      "integrity": "sha1-aR0nCeeMefrjoVZiJFLQB2LKqqI=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "callsites": "^3.0.0"
+      },
+      "dependencies": {
+        "callsites": {
+          "version": "3.1.0",
+          "resolved": "https://registry.nlark.com/callsites/download/callsites-3.1.0.tgz?cache=0&sync_timestamp=1628464722297&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcallsites%2Fdownload%2Fcallsites-3.1.0.tgz",
+          "integrity": "sha1-s2MKvYlDQy9Us/BRkjjjPNffL3M=",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "parse-asn1": {
       "version": "5.1.6",
       "resolved": "https://registry.npm.taobao.org/parse-asn1/download/parse-asn1-5.1.6.tgz",
@@ -10292,8 +10853,7 @@
     "tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.nlark.com/tslib/download/tslib-1.14.1.tgz?cache=0&sync_timestamp=1628722556410&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftslib%2Fdownload%2Ftslib-1.14.1.tgz",
-      "integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA=",
-      "dev": true
+      "integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA="
     },
     "tslint": {
       "version": "5.20.1",
@@ -10747,6 +11307,87 @@
         }
       }
     },
+    "vue-loader-v16": {
+      "version": "npm:vue-loader@16.5.0",
+      "resolved": "https://registry.nlark.com/vue-loader/download/vue-loader-16.5.0.tgz?cache=0&sync_timestamp=1628666767864&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fvue-loader%2Fdownload%2Fvue-loader-16.5.0.tgz",
+      "integrity": "sha1-CcTgcSRmiZ40uZpoZSTxkWX7KJI=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "hash-sum": "^2.0.0",
+        "loader-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.nlark.com/ansi-styles/download/ansi-styles-4.3.0.tgz?cache=0&sync_timestamp=1618995547052&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fansi-styles%2Fdownload%2Fansi-styles-4.3.0.tgz",
+          "integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.nlark.com/chalk/download/chalk-4.1.2.tgz?cache=0&sync_timestamp=1627646655305&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fchalk%2Fdownload%2Fchalk-4.1.2.tgz",
+          "integrity": "sha1-qsTit3NKdAhnrrFr8CqtVWoeegE=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.nlark.com/has-flag/download/has-flag-4.0.0.tgz?cache=0&sync_timestamp=1626715907927&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fhas-flag%2Fdownload%2Fhas-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz",
+          "integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1626703414084&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz",
+          "integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "vue-property-decorator": {
       "version": "9.1.2",
       "resolved": "https://registry.nlark.com/vue-property-decorator/download/vue-property-decorator-9.1.2.tgz",
@@ -11581,6 +12222,13 @@
       "integrity": "sha1-27fa+b/YusmrRev2ArjLrQ1dCP0=",
       "dev": true
     },
+    "yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.nlark.com/yaml/download/yaml-1.10.2.tgz",
+      "integrity": "sha1-IwHF/78StGfejaIzOkWeKeeSDks=",
+      "dev": true,
+      "optional": true
+    },
     "yargs": {
       "version": "16.2.0",
       "resolved": "https://registry.nlark.com/yargs/download/yargs-16.2.0.tgz?cache=0&sync_timestamp=1628889096518&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fyargs%2Fdownload%2Fyargs-16.2.0.tgz",

BIN
src/assets/horImg/changeVer.png


BIN
src/assets/horImg/hor_big_bg.png


BIN
src/assets/horImg/hor_title.png


BIN
src/assets/horImg/persagyLogo.png


BIN
src/assets/horImg/shrink.png


+ 65 - 12
src/views/valueDelivery.vue

@@ -1,35 +1,88 @@
 <template>
-    <div>
+    <div class="valueDelivery">
+        <div class="bg">
+            <img
+                :src="bgImg"
+                alt=""
+            >
+        </div>
+
         <div class="hor-nowData">
-            <div>
-                  <NowData screenType="hor" />  
+            <div class="hor-head">
+                <HorHead />
             </div>
-            <div>
-              <LastMonth screenType="hor"/>
-            </div>
-            <div>
-                 <AirSwitch screenType="hor"/> 
+
+            <div class="hor-nowData-content flexBetween">
+                <div class="content-left">
+                    <div>
+                        <NowData screenType="hor" />
+                    </div>
+                    <div class="content-left-next flexBetween">
+                        <div>
+                            <AirSwitch screenType="hor" />
+                        </div>
+                        <div>
+                            <span>chart图</span>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="content-right">
+                    <div>
+                        <LastMonth screenType="hor" />
+                    </div>
+                </div>
             </div>
-            <div>
+
+            <!-- <div>
                 <FloorSpace />
-            </div>
+            </div> -->
         </div>
 
     </div>
 </template>
 <script>
+import hor_big_bg from '@/assets/horImg/hor_big_bg.png';
+import HorHead from './valueDelivery/HorHead.vue'
 import NowData from './valueDelivery/NowData.vue'
 import LastMonth from './valueDelivery/LastMonthData.vue'
 import AirSwitch from './valueDelivery/AirSwitch.vue'
 import FloorSpace from './valueDelivery/FloorSpace.vue'
 export default {
-    components: { NowData,AirSwitch,FloorSpace,LastMonth},
+    components: { HorHead, NowData, AirSwitch, FloorSpace, LastMonth },
     data() {
         return {
-
+            bgImg: hor_big_bg
         }
     }
 }
 </script>
+<style lang="less" scoped>
+.valueDelivery {
+    scrollbar-width: none;
+    .bg {
+        position: absolute;
+        z-index: -1;
+    }
+    .hor-head {
+        // padding-top: 32px;
+        display: flex;
+        justify-content: center;
+    }
+    .hor-nowData-content {
+        padding: 32px 20px;
+        box-sizing: border-box;
+        .content-left-next {
+            padding-top: 27px;
+        }
+    }
+
+    .flexBetween {
+        display: flex;
+        justify-content: space-between;
+    }
+}
+</style>
+
 
 

+ 95 - 0
src/views/valueDelivery/HorAirSwitch.vue

@@ -0,0 +1,95 @@
+<template>
+    <div class="airSwitch">
+        <div class="air-title">
+            <span>空调实时开关</span>
+        </div>
+        <div class="air-status">
+            <span>{{status ? "空调已开启" : "空调已关闭"}}</span>
+        </div>
+        <div class="air-bg">
+            <img :src="[status ? img.openImg : img.closeImg]" />
+        </div>
+        <div class="air-rate">
+            <span>空调开启率</span>
+            <span class="air-rate-value">{{value}}%</span>
+        </div>
+    </div>
+</template>
+<script>
+import air_close from '@/assets/horImg/air_open.png';
+import air_open from '@/assets/horImg/air_close.png';
+export default {
+    name: "AirSwitch",
+    props: {
+        status: {
+            type: Boolean,
+            default: () => { return true } // 默认开
+        },
+        value: {
+            type: Number,
+            default: () => { return 75 } // 默认开
+        },
+
+    },
+    data() {
+        return {
+            img: {
+                openImg: air_open,
+                closeImg: air_close,
+            }
+        }
+    },
+}
+</script>
+<style lang="less" scoped>
+.airSwitch {
+    padding: 24px 32px;
+    height: 388px;
+    width: 448px;
+    border-radius: 20px;
+    border: 2px solid #ffffff;
+    background: #ffffffcc;
+    .air-title {
+        font-size: 20px;
+        font-weight: 600;
+        line-height: 28px;
+        color: #3b3558;
+    }
+    .air-status {
+        margin-top: 8px;
+        height: 24px;
+        width: 86px;
+        border-radius: 4px;
+        padding: 2px, 8px, 2px, 8px;
+        background: rgba(126, 216, 116, 1);
+        padding: 2px 8px;
+        box-sizing: border-box;
+        color: #ffffff;
+        font-weight: 600;
+        line-height: 20px;
+        text-align: center;
+        &.close {
+            background: rgba(155, 152, 173, 1);
+        }
+    }
+    .air-bg {
+        padding-top: 36px;
+        padding-bottom: 54px;
+        text-align: center;
+    }
+    .air-rate {
+        font-weight: 400;
+        line-height: 20px;
+        color: #575271;
+        .air-rate-value {
+            color: #3b3558;
+            font-family: Persagy;
+            font-size: 20px;
+            font-weight: 700;
+            line-height: 24px;
+        }
+    }
+}
+</style>
+
+

+ 83 - 0
src/views/valueDelivery/HorFloorSpace.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="floorSpace">
+        <div
+            class="floor-item"
+            v-for="(item,index) in floorData"
+            :key="index"
+        >
+            <div class="floor-num"><span>{{item.floorName}}</span></div>
+            <div class="floor-space">
+                <div
+                    class="space-name"
+                    v-for="(childItem,id) in item.data"
+                    :key="id"
+                >
+                    <span>{{childItem.name}}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'FloorSpace',
+    data() {
+        return {
+            floorData: [
+                {
+                    floorName: '8F',
+                    data: [
+                        { id: 1, name: '空间1' },
+                        { id: 2, name: '空间2' },
+                        { id: 3, name: '空间3' },
+                    ]
+                },
+                {
+                    floorName: '7F',
+                    data: [
+                        { id: 1, name: '空间1' },
+                        { id: 2, name: '空间2' },
+                        { id: 3, name: '空间3' },
+                    ]
+                },
+            ]
+        }
+    },
+}
+</script>
+<style lang="less" scoped>
+.floorSpace {
+    .floor-item {
+        display: flex;
+        height: 130px;
+        padding: 22px 0;
+        box-sizing: border-box;
+    }
+
+    .floor-num {
+        display: flex;
+        margin: 0 23px;
+        align-items: center;
+        font-family: Persagy;
+        font-size: 36px;
+        font-weight: 700;
+        line-height: 43px;
+        color: #3b3558;
+    }
+    .floor-space {
+        display: flex;
+    }
+    .space-name {
+        margin-right: 8px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 86px;
+        width: 90px;
+        border-radius: 8px;
+        background: #d9f5d6;
+    }
+}
+</style>
+
+

+ 98 - 0
src/views/valueDelivery/HorHead.vue

@@ -0,0 +1,98 @@
+<template>
+    <div class="horHead horSty">
+        <div class="horHead-left">
+            <img
+                :src="logo"
+                alt=""
+            >
+        </div>
+        <div class="horHead-content">
+            <img :src="title" />
+        </div>
+        <div class="horHead-right">
+            <div class="right-item">
+                <span class="item-time"> 2021.07.26 11:00</span>
+
+            </div>
+            <div class="right-item">
+                晴
+            </div>
+            <div class="right-item">
+                <img
+                    class="firstImg"
+                    :src="changeVer"
+                    alt=""
+                >
+                <img
+                    :src="shrink"
+                    alt=""
+                >
+            </div>
+            <div class="right-item">
+                退出
+            </div>
+        </div>
+    </div>
+</template>
+<script lang="ts">
+import Vue from "vue";
+
+declare function require(img: string): string;
+
+const persagyLogo = require("@/assets/horImg/persagyLogo.png");
+const title = require("@/assets/horImg/hor_title.png");
+const changeVer = require("@/assets/horImg/changeVer.png");
+const shrink = require("@/assets/horImg/shrink.png");
+export default Vue.extend({
+    data() {
+        return {
+            logo: persagyLogo,
+            title: title,
+            changeVer: changeVer,
+            shrink: shrink,
+        };
+    },
+});
+</script>
+
+<style lang="less" scoped>
+.horHead {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    &.horSty {
+        height: 74px;
+        width: 1840px;
+    }
+    .horHead-right {
+        display: flex;
+        justify-content: space-between;
+        height: 46px;
+        width: 396px;
+        .right-item {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            padding: 12px 16px;
+            font-size: 16px;
+            color: #575271;
+            font-weight: 400;
+            line-height: 22px;
+
+            background: #ffffff99;
+            border: 2px solid #ffffffcc;
+            box-sizing: border-box;
+            border-radius: 8px;
+            .firstImg {
+                margin-right: 6px;
+            }
+            .item-time {
+                font-family: Persagy;
+                font-weight: 400;
+            }
+        }
+    }
+}
+</style>
+

+ 153 - 0
src/views/valueDelivery/HorLastMonthData.vue

@@ -0,0 +1,153 @@
+<template>
+    <div class="lastMonth">
+        <div class="lastMonth-title"><span>上月数据</span></div>
+        <div
+            class="item"
+            v-for="(item,index) in lastMonthData"
+            :key="index"
+        >
+            <div class="item-left">
+                <img :src="item.img" />
+            </div>
+            <div class="item-right">
+                <div class="item-value">
+                    <span>{{item.value}}</span><span>{{item.unit}}</span>
+                </div>
+                <div class="item-content">
+                    <div class="item-content-left">
+                        <span
+                            class="max-value maxmin-level"
+                            :style="{background:item.maxColor}"
+                        ></span>
+                        <span
+                            class="max-min-line"
+                            :style="{ background: 'linear-gradient('+item.maxColor+',' +item.minColor+')' }"
+                        ></span>
+                        <span
+                            class="min-value maxmin-level"
+                            :style="{background:item.minColor}"
+                        ></span>
+                    </div>
+                    <div class="item-content-right">
+                        <div class="max">
+                            <span>{{item.maxName}}</span>
+                            <span>{{item.max}}</span>
+                            <span>{{item.unit}}</span>
+                        </div>
+                        <div class="min">
+                            <span>{{item.minName}}</span>
+                            <span>{{item.min}}</span>
+                            <span>{{item.unit}}</span>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import icon_temp from '@/assets/icon_temp.png'
+import icon_humidity from '@/assets/icon_humidity.png'
+import icon_CO2 from '@/assets/icon_CO2.png'
+import icon_formaldehyde from '@/assets/icon_formaldehyde.png'
+import icon_PM2d5 from '@/assets/icon_PM2d5.png'
+export default {
+    name: 'lastMonthData',
+    props: {
+        screenType: {
+            type: String,
+            default: () => { return 'hor' } //hor 横屏  vert 竖屏
+        }
+    },
+    data() {
+        return {
+            lastMonthData: [
+                { id: 1, name: "温度", value: 24.5, unit: "℃", maxName: '最高温', maxColor: "#F5483D", minColor: "#7ed874", max: 26, minName: "最低温", min: 24, img: icon_temp },
+                { id: 1, name: "湿度", value: 36, unit: "%", maxColor: "#EE9F2B", minColor: "#7ed874", maxName: '最大值', max: 50, minName: "最小值", min: 20, img: icon_humidity},
+                { id: 1, name: "CO2", value: 420, unit: "ppm", maxColor: "#EFD62E", minColor: "#7ed874", maxName: '最大值', max: 630, minName: "最小值", min: 300, img: icon_CO2 },
+                { id: 1, name: "甲醛", value: 0.03, unit: "mg/m³", maxColor: "#F5483D", minColor: "#7ed874", maxName: '最大值', max: 0.01, minName: "最小值", min: 0.07, img: icon_formaldehyde },
+                { id: 1, name: "PM3d5", value: 120, unit: "ug/m³", maxColor: "#C4E34F", minColor: "#7ed874", maxName: '最大值', max: 140, minName: "最小值", min: 70, img: icon_PM2d5 },
+            ]
+        }
+    },
+    methods: {
+        // linearGraient(start,end){
+        //     return {
+        //         "border-image":linear-gradient(start,end) 0 18
+        //     }
+        // }
+    },
+}
+</script>
+<style lang="less" scoped>
+.lastMonth {
+    height: 910px;
+    width: 308px;
+    border-radius: 20px;
+    background: rgba(255, 255, 255, 0.8);
+    border: 2px solid rgba(255, 255, 255, 1);
+    padding-left: 32px;
+    color: rgba(87, 82, 113, 1);
+    .lastMonth-title {
+        font-family: PingFang SC;
+        font-size: 20px;
+        font-weight: 600;
+        line-height: 28px;
+        color: rgba(59, 53, 88, 1);
+        margin: 24px 0 0 0;
+    }
+    .item {
+         padding-top: 60px;
+        display: flex;
+        align-items: center;
+        height: 86px;
+        width: 250px;
+        .item-left {
+            width: 86px;
+            height: 86px;
+            margin-right: 20px;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+        }
+        .item-value {
+            font-family: Persagy;
+            font-size: 26px;
+            font-weight: 700;
+            line-height: 31px;
+        }
+        .item-content {
+            display: flex;
+            align-items: center;
+            padding-top: 8px;
+            font-weight: 500;
+            .item-content-left {
+                display: flex;
+                flex-direction: column;
+                .max-min-line {
+                    height: 18px;
+                    width: 1px;
+                    //  background: linear-gradient(#f5483d, #7ed874);
+                    position: relative;
+                    left: 4px;
+                }
+            }
+            .maxmin-level {
+                display: inline-block;
+                height: 9px;
+                width: 9px;
+                border-radius: 50%;
+                margin-right: 8px;
+            }
+        }
+        .min {
+            padding-top: 8px;
+        }
+    }
+}
+</style>
+
+
+

+ 173 - 0
src/views/valueDelivery/HorNowData.vue

@@ -0,0 +1,173 @@
+<template>
+    <div
+        class="NowData"
+        :class="[screenType==='hor' ? 'hor-nowData-contain' : '' ]"
+    >
+        <div class="nowData-title">
+            <span class="hor-nowData-title-text">实时数据</span>
+            <div class="normal-explain">
+                <span class="content_level title-right-icon"></span>
+                <span class="title-right">正常范围</span>
+            </div>
+        </div>
+        <span :class="[screenType==='hor' ? 'hor-nowData-title-slogan' : '' ]">主动式空调,会呼吸的写字楼</span>
+
+        <div
+            class="contain"
+            :class="[screenType==='hor' ? 'hor-contain' : 'vert-contain' ]"
+        >
+            <div
+                class="item"
+                v-for="(item, index) in horScreenImg"
+                :key="index"
+            >
+                <div class="item_content">
+                    <img
+                        :class="[screenType==='hor' ? '' : 'vert' ]"
+                        :src="item.img"
+                        alt=""
+                    >
+                    <div class="content_value">
+                        <span>{{item.value}}</span><span>{{item.unit}}</span>
+                    </div>
+                    <div class="content_name">
+                        <span>{{item.name}}</span>
+                    </div>
+                    <div
+                        class="content_level"
+                        :class="item.level"
+                    >
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+import icon_temp from '@/assets/icon_temp.png'
+import icon_humidity from '@/assets/icon_humidity.png'
+import icon_CO2 from '@/assets/icon_CO2.png'
+import icon_formaldehyde from '@/assets/icon_formaldehyde.png'
+import icon_PM2d5 from '@/assets/icon_PM2d5.png'
+export default {
+    props: {
+        screenType: {
+            type: String,
+            default: () => { return 'hor' } //hor 横屏  vert 竖屏
+        }
+    },
+    data() {
+        return {
+            horScreenImg: [
+                { id: 1, name: '温度', img:icon_temp, value: 24.5, unit: '℃', level: 'low' },
+                { id: 2, name: '湿度', img: icon_humidity, value: 33, unit: '%', level: 'middle' },
+                { id: 3, name: 'CO2', img:icon_CO2, value: 399, unit: 'ppm', level: 'low' },
+                { id: 4, name: '甲醛', img: icon_formaldehyde, value: 0.03, unit: 'mg/m³', level: 'low' },
+                { id: 5, name: 'PM2.5', img: icon_PM2d5, value: 6, unit: 'ug/m³', level: 'low' }
+            ]
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+.NowData {
+    &.hor-nowData-contain {
+        height: 498px;
+        width: 1508px;
+        border-radius: 20px;
+        background: #ffffff;
+    }
+    color: rgba(87, 82, 113, 1);
+    .nowData-title {
+        display: flex;
+        justify-content: space-between;
+        padding: 24px 32px 0 32px;
+    }
+    .hor-nowData-title-text {
+        font-family: PingFang SC;
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 28px;
+        letter-spacing: 0px;
+        text-align: left;
+    }
+    .hor-nowData-title-slogan {
+        padding: 4px 0 0px 32px;
+    }
+    .contain {
+        display: flex;
+        &.hor-contain {
+            width: 1306px;
+            height: 280px;
+            margin-left: 101px;
+            padding-top: 46px;
+        }
+        &.vert-contain {
+        }
+    }
+    .item {
+        width: calc(100% / 5);
+        .item_content {
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            img {
+                width: 150px;
+                height: 150px;
+                &.vert {
+                    width: 130px;
+                    height: 130px;
+                }
+            }
+
+            .content_value {
+                font-family: Persagy;
+                font-size: 42px;
+                font-weight: 700;
+                line-height: 51px;
+                color: rgba(59, 53, 88, 1);
+            }
+            .content_name {
+                padding-top: 8px;
+                font-family: PingFang SC;
+                font-size: 24px;
+                font-weight: 400;
+                line-height: 34px;
+            }
+        }
+    }
+    .content_level {
+        padding-top: 8px;
+        box-sizing: border-box;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background: rgba(126, 216, 116, 1);
+        &.middle {
+            background: rgba(239, 214, 46, 1);
+        }
+        &.title-right-icon {
+            display: inline-block;
+            padding: 0;
+            width: 12px;
+            height: 12px;
+        }
+        &.title-right {
+            height: 20px;
+            width: 56px;
+        }
+    }
+    .normal-explain {
+        display: flex;
+        align-items: center;
+    }
+}
+</style>
+
+