@vtx/modals2 2.11.1 → 2.11.2

package/lib/vtx-wr-modal/components/BaseInfoNew/components/Other.js

@@ -7,23 +7,26 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("../index.less");
+var _dswsj = _interopRequireDefault(require("../../../imgs/dswsj.png"));
+var _mys = _interopRequireDefault(require("../../../imgs/mys.png"));
+var _zsp = _interopRequireDefault(require("../../../imgs/zsp.png"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Other = function Other(props) {
   var detail = props.detail;
   var otherList = [{
     key: 'dswsj',
     name: '第三卫生间',
-    img: 'dswsj',
+    img: _dswsj["default"],
     value: 'hasThird'
   }, {
     key: 'mys',
     name: /*#__PURE__*/_react["default"].createElement("span", null, "\u6BCD\u2003\u5A74\u2003\u5BA4"),
-    img: 'mys',
+    img: _mys["default"],
     value: 'hasNursery'
   }, {
     key: 'zsp',
     name: /*#__PURE__*/_react["default"].createElement("span", null, "\u6307\u2003\u793A\u2003\u724C"),
-    img: 'zsp',
+    img: _zsp["default"],
     value: 'hasSign'
   }];
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -33,8 +36,8 @@ var Other = function Other(props) {
       key: item.key,
       className: "otherItem"
     }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: require("../assets/".concat(item.img, ".png")),
-      alt: item.img
+      src: item.img,
+      alt: item.key
     }), "\u2003", item.name, "\u2003", /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])('exist', {
         'existN': !detail[item.value]

package/lib/vtx-wr-modal/components/BaseInfoNew/components/Other.js.map

@@ -1 +1 @@
-{"version":3,"file":"Other.js","names":["_react","_interopRequireDefault","require","_classnames","obj","__esModule","Other","props","detail","otherList","key","name","img","value","React","createElement","className","map","item","src","concat","alt","classNames","_default","exports"],"sources":["vtx-wr-modal/components/BaseInfoNew/components/Other.js"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport '../index.less';\nconst Other = (props) => {\n    const { detail } = props;\n    const otherList = [\n        { key: 'dswsj', name: '第三卫生间', img: 'dswsj', value: 'hasThird' },\n        { key: 'mys', name: React.createElement(\"span\", null, \"\\u6BCD\\u2003\\u5A74\\u2003\\u5BA4\"), img: 'mys', value: 'hasNursery' },\n        { key: 'zsp', name: React.createElement(\"span\", null, \"\\u6307\\u2003\\u793A\\u2003\\u724C\"), img: 'zsp', value: 'hasSign' },\n    ];\n    return (React.createElement(\"div\", { className: \"otherContent\" }, otherList.map(item => (React.createElement(\"span\", { key: item.key, className: \"otherItem\" },\n        React.createElement(\"img\", { src: require(`../assets/${item.img}.png`), alt: item.img }),\n        \"\\u2003\",\n        item.name,\n        \"\\u2003\",\n        React.createElement(\"span\", { className: classNames('exist', {\n                'existN': !detail[item.value]\n            }) }, detail[item.value] ? '有' : '无'))))));\n};\nexport default Other;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAuB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACvB,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACrB,IAAQC,MAAM,GAAKD,KAAK,CAAhBC,MAAM;EACd,IAAMC,SAAS,GAAG,CACd;IAAEC,GAAG,EAAE,OAAO;IAAEC,IAAI,EAAE,OAAO;IAAEC,GAAG,EAAE,OAAO;IAAEC,KAAK,EAAE;EAAW,CAAC,EAChE;IAAEH,GAAG,EAAE,KAAK;IAAEC,IAAI,eAAEG,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,gCAAgC,CAAC;IAAEH,GAAG,EAAE,KAAK;IAAEC,KAAK,EAAE;EAAa,CAAC,EAC1H;IAAEH,GAAG,EAAE,KAAK;IAAEC,IAAI,eAAEG,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,gCAAgC,CAAC;IAAEH,GAAG,EAAE,KAAK;IAAEC,KAAK,EAAE;EAAU,CAAC,CAC1H;EACD,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAe,CAAC,EAAEP,SAAS,CAACQ,GAAG,CAAC,UAAAC,IAAI;IAAA,oBAAKJ,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;MAAEL,GAAG,EAAEQ,IAAI,CAACR,GAAG;MAAEM,SAAS,EAAE;IAAY,CAAC,eAC1JF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEI,GAAG,EAAEjB,OAAO,cAAAkB,MAAA,CAAcF,IAAI,CAACN,GAAG,SAAM,CAAC;MAAES,GAAG,EAAEH,IAAI,CAACN;IAAI,CAAC,CAAC,EACxF,QAAQ,EACRM,IAAI,CAACP,IAAI,EACT,QAAQ,eACRG,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;MAAEC,SAAS,EAAE,IAAAM,sBAAU,EAAC,OAAO,EAAE;QACrD,QAAQ,EAAE,CAACd,MAAM,CAACU,IAAI,CAACL,KAAK;MAChC,CAAC;IAAE,CAAC,EAAEL,MAAM,CAACU,IAAI,CAACL,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;EAAA,CAAC,CAAC,CAAC;AACrD,CAAC;AAAC,IAAAU,QAAA,GACajB,KAAK;AAAAkB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"Other.js","names":["_react","_interopRequireDefault","require","_classnames","_dswsj","_mys","_zsp","obj","__esModule","Other","props","detail","otherList","key","name","img","dswsj","value","React","createElement","mys","zsp","className","map","item","src","alt","classNames","_default","exports"],"sources":["vtx-wr-modal/components/BaseInfoNew/components/Other.js"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport '../index.less';\nimport dswsj from '../../../imgs/dswsj.png';\nimport mys from '../../../imgs/mys.png';\nimport zsp from '../../../imgs/zsp.png';\nconst Other = (props) => {\n    const { detail } = props;\n    const otherList = [\n        { key: 'dswsj', name: '第三卫生间', img: dswsj, value: 'hasThird' },\n        { key: 'mys', name: React.createElement(\"span\", null, \"\\u6BCD\\u2003\\u5A74\\u2003\\u5BA4\"), img: mys, value: 'hasNursery' },\n        { key: 'zsp', name: React.createElement(\"span\", null, \"\\u6307\\u2003\\u793A\\u2003\\u724C\"), img: zsp, value: 'hasSign' },\n    ];\n    return (React.createElement(\"div\", { className: \"otherContent\" }, otherList.map(item => (React.createElement(\"span\", { key: item.key, className: \"otherItem\" },\n        React.createElement(\"img\", { src: item.img, alt: item.key }),\n        \"\\u2003\",\n        item.name,\n        \"\\u2003\",\n        React.createElement(\"span\", { className: classNames('exist', {\n                'existN': !detail[item.value]\n            }) }, detail[item.value] ? '有' : '无'))))));\n};\nexport default Other;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACxC,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACrB,IAAQC,MAAM,GAAKD,KAAK,CAAhBC,MAAM;EACd,IAAMC,SAAS,GAAG,CACd;IAAEC,GAAG,EAAE,OAAO;IAAEC,IAAI,EAAE,OAAO;IAAEC,GAAG,EAAEC,iBAAK;IAAEC,KAAK,EAAE;EAAW,CAAC,EAC9D;IAAEJ,GAAG,EAAE,KAAK;IAAEC,IAAI,eAAEI,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,gCAAgC,CAAC;IAAEJ,GAAG,EAAEK,eAAG;IAAEH,KAAK,EAAE;EAAa,CAAC,EACxH;IAAEJ,GAAG,EAAE,KAAK;IAAEC,IAAI,eAAEI,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,gCAAgC,CAAC;IAAEJ,GAAG,EAAEM,eAAG;IAAEJ,KAAK,EAAE;EAAU,CAAC,CACxH;EACD,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEG,SAAS,EAAE;EAAe,CAAC,EAAEV,SAAS,CAACW,GAAG,CAAC,UAAAC,IAAI;IAAA,oBAAKN,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;MAAEN,GAAG,EAAEW,IAAI,CAACX,GAAG;MAAES,SAAS,EAAE;IAAY,CAAC,eAC1JJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEM,GAAG,EAAED,IAAI,CAACT,GAAG;MAAEW,GAAG,EAAEF,IAAI,CAACX;IAAI,CAAC,CAAC,EAC5D,QAAQ,EACRW,IAAI,CAACV,IAAI,EACT,QAAQ,eACRI,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;MAAEG,SAAS,EAAE,IAAAK,sBAAU,EAAC,OAAO,EAAE;QACrD,QAAQ,EAAE,CAAChB,MAAM,CAACa,IAAI,CAACP,KAAK;MAChC,CAAC;IAAE,CAAC,EAAEN,MAAM,CAACa,IAAI,CAACP,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;EAAA,CAAC,CAAC,CAAC;AACrD,CAAC;AAAC,IAAAW,QAAA,GACanB,KAAK;AAAAoB,OAAA,cAAAD,QAAA"}

package/lib/vtx-wr-modal/components/BaseInfoNew/index.css

@@ -26,12 +26,14 @@
 .newWrdark .echarts-for-react span {
   color: inherit !important;
 }
-.content {
+.newWrlight,
+.newWrdark {
   height: 740px;
   position: relative;
   color: #fff;
 }
-.content .imgContent {
+.newWrlight .imgContent,
+.newWrdark .imgContent {
   width: 466px;
   height: 280px;
   padding: 20px;
@@ -42,11 +44,14 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-.content .imgContent div,
-.content .imgContent span {
+.newWrlight .imgContent div,
+.newWrdark .imgContent div,
+.newWrlight .imgContent span,
+.newWrdark .imgContent span {
   color: #fff !important;
 }
-.content .imgContent .imgTitle {
+.newWrlight .imgContent .imgTitle,
+.newWrdark .imgContent .imgTitle {
   position: absolute;
   top: 20px;
   left: 20px;
@@ -58,13 +63,15 @@
   font-size: 16px;
   z-index: 10;
 }
-.content .imgContent img {
+.newWrlight .imgContent img,
+.newWrdark .imgContent img {
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.01);
   cursor: pointer;
 }
-.content .imgContent .num {
+.newWrlight .imgContent .num,
+.newWrdark .imgContent .num {
   width: 110px;
   height: 32px;
   position: absolute;
@@ -79,26 +86,30 @@
   text-align: center;
   z-index: 10;
 }
-.content .imgContent .num .anticon {
+.newWrlight .imgContent .num .anticon,
+.newWrdark .imgContent .num .anticon {
   cursor: pointer;
 }
-.content .title {
+.newWrlight .title,
+.newWrdark .title {
   height: 18px;
   line-height: 18px;
-  background: url("./assets/titleBg.png") no-repeat;
+  background: url("../../imgs/titleBg.png") no-repeat;
   background-size: 238px 100%;
   font-size: 16px;
   padding-left: 18px;
   margin-bottom: 16px;
 }
-.content .title .rank {
+.newWrlight .title .rank,
+.newWrdark .title .rank {
   float: right;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffe25d), to(#ff7f08));
   background: linear-gradient(180deg, #ffe25d 0%, #ff7f08 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.content .jbxx {
+.newWrlight .jbxx,
+.newWrdark .jbxx {
   width: 466px;
   height: 426px;
   padding: 20px;
@@ -109,7 +120,8 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-.content .jbxx .infoItem {
+.newWrlight .jbxx .infoItem,
+.newWrdark .jbxx .infoItem {
   width: 100%;
   height: 30px;
   line-height: 30px;
@@ -118,21 +130,25 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.content .jbxx .infoItem img {
+.newWrlight .jbxx .infoItem img,
+.newWrdark .jbxx .infoItem img {
   width: 18px;
   height: 18px;
   margin-right: 10px;
   vertical-align: sub;
 }
-.content .jbxx .baseRow {
+.newWrlight .jbxx .baseRow,
+.newWrdark .jbxx .baseRow {
   margin-top: 6px;
 }
-.content .jbxx .baseLine {
+.newWrlight .jbxx .baseLine,
+.newWrdark .jbxx .baseLine {
   height: 32px;
   line-height: 30px;
   border: 1px solid #2d5a64;
 }
-.content .jbxx .baseLine .titleTip {
+.newWrlight .jbxx .baseLine .titleTip,
+.newWrdark .jbxx .baseLine .titleTip {
   display: inline-block;
   width: 122px;
   padding-left: 12px;
@@ -140,10 +156,12 @@
   vertical-align: top;
   color: #fff !important;
 }
-.content .jbxx .baseLine .tipShort {
+.newWrlight .jbxx .baseLine .tipShort,
+.newWrdark .jbxx .baseLine .tipShort {
   width: 82px;
 }
-.content .jbxx .baseLine .contentText {
+.newWrlight .jbxx .baseLine .contentText,
+.newWrdark .jbxx .baseLine .contentText {
   display: inline-block;
   width: calc(100% - 122px);
   padding: 0 12px;
@@ -151,10 +169,12 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.content .jbxx .baseLine .textShort {
+.newWrlight .jbxx .baseLine .textShort,
+.newWrdark .jbxx .baseLine .textShort {
   width: calc(100% - 82px);
 }
-.content .ptss {
+.newWrlight .ptss,
+.newWrdark .ptss {
   width: 704px;
   height: 716px;
   padding: 20px;
@@ -165,13 +185,15 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-.content .ptss .graph {
+.newWrlight .ptss .graph,
+.newWrdark .ptss .graph {
   margin: 16px 0 20px;
   width: 100%;
   height: 354px;
   background: rgba(255, 255, 255, 0.05);
 }
-.content .otherContent {
+.newWrlight .otherContent,
+.newWrdark .otherContent {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -180,7 +202,8 @@
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.content .otherContent .otherItem {
+.newWrlight .otherContent .otherItem,
+.newWrdark .otherContent .otherItem {
   width: 208px;
   height: 42px;
   line-height: 42px;
@@ -189,12 +212,14 @@
   border-radius: 8px;
   padding: 0 20px;
 }
-.content .otherContent .otherItem img {
+.newWrlight .otherContent .otherItem img,
+.newWrdark .otherContent .otherItem img {
   width: 28px;
   height: 28px;
   vertical-align: middle;
 }
-.content .otherContent .otherItem .exist {
+.newWrlight .otherContent .otherItem .exist,
+.newWrdark .otherContent .otherItem .exist {
   display: inline-block;
   width: 42px;
   height: 22px;
@@ -205,12 +230,14 @@
   background: linear-gradient(180deg, #4ce09b 0%, #07b077 100%);
   color: #fff !important;
 }
-.content .otherContent .otherItem .existN {
+.newWrlight .otherContent .otherItem .existN,
+.newWrdark .otherContent .otherItem .existN {
   background: -webkit-gradient(linear, left top, left bottom, from(#b2bcc8), to(#607087));
   background: linear-gradient(180deg, #b2bcc8 0%, #607087 100%);
   color: #fff !important;
 }
-.content .numContent {
+.newWrlight .numContent,
+.newWrdark .numContent {
   height: 210px;
   width: 100%;
   display: -webkit-box;
@@ -221,7 +248,8 @@
           justify-content: space-between;
   margin-top: 16px;
 }
-.content .numContent .numItem {
+.newWrlight .numContent .numItem,
+.newWrdark .numContent .numItem {
   width: calc(50% - 10px);
   height: 100%;
   padding: 16px 20px;
@@ -231,15 +259,18 @@
   background: linear-gradient(180deg, rgba(22, 33, 35, 0) 0%, rgba(71, 208, 192, 0.12) 100%);
   border-radius: 8px;
 }
-.content .numContent .numItem .topType {
+.newWrlight .numContent .numItem .topType,
+.newWrdark .numContent .numItem .topType {
   text-align: center;
 }
-.content .numContent .numItem .topType img {
+.newWrlight .numContent .numItem .topType img,
+.newWrdark .numContent .numItem .topType img {
   width: 42px;
   height: 42px;
   margin-right: 12px;
 }
-.content .numContent .numItem .total {
+.newWrlight .numContent .numItem .total,
+.newWrdark .numContent .numItem .total {
   width: 100%;
   height: 42px;
   line-height: 42px;
@@ -247,23 +278,28 @@
   border-radius: 8px;
   margin: 28px 0 20px;
 }
-.content .numContent .numItem .total .num {
+.newWrlight .numContent .numItem .total .num,
+.newWrdark .numContent .numItem .total .num {
   color: #53c0ff;
   font-size: 24px;
   margin: 0 3px 0 24px;
 }
-.content .numContent .numItem .total .unit {
+.newWrlight .numContent .numItem .total .unit,
+.newWrdark .numContent .numItem .total .unit {
   color: #53c0ff;
 }
-.content .numContent .numItem .totalM {
+.newWrlight .numContent .numItem .totalM,
+.newWrdark .numContent .numItem .totalM {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 212, 255, 0.1)), to(rgba(87, 147, 255, 0.1)));
   background: linear-gradient(180deg, rgba(37, 212, 255, 0.1) 0%, rgba(87, 147, 255, 0.1) 100%);
 }
-.content .numContent .numItem .totalW {
+.newWrlight .numContent .numItem .totalW,
+.newWrdark .numContent .numItem .totalW {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 204, 152, 0.1)), to(rgba(255, 119, 119, 0.1)));
   background: linear-gradient(180deg, rgba(249, 204, 152, 0.1) 0%, rgba(255, 119, 119, 0.1) 100%);
 }
-.content .numContent .numItem .classNum {
+.newWrlight .numContent .numItem .classNum,
+.newWrdark .numContent .numItem .classNum {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -272,25 +308,30 @@
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.content .numContent .numItem .classNum .classItem {
+.newWrlight .numContent .numItem .classNum .classItem,
+.newWrdark .numContent .numItem .classNum .classItem {
   width: 33%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.content .numContent .numItem .classNum .classItem img {
+.newWrlight .numContent .numItem .classNum .classItem img,
+.newWrdark .numContent .numItem .classNum .classItem img {
   width: 30px;
   height: 30px;
   margin: 12px 10px 0 0;
 }
-.content .numContent .numItem .classNum .classItem .num {
+.newWrlight .numContent .numItem .classNum .classItem .num,
+.newWrdark .numContent .numItem .classNum .classItem .num {
   color: #53c0ff;
   font-size: 20px;
 }
-.content .numContent .numItem .classNum .classItem .num .unit {
+.newWrlight .numContent .numItem .classNum .classItem .num .unit,
+.newWrdark .numContent .numItem .classNum .classItem .num .unit {
   font-size: 14px;
 }
-.content .ssjk {
+.newWrlight .ssjk,
+.newWrdark .ssjk {
   width: 704px;
   height: 286px;
   padding: 20px;
@@ -301,7 +342,8 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-.content .ssjk .video {
+.newWrlight .ssjk .video,
+.newWrdark .ssjk .video {
   width: 227px;
   height: 170px;
   background: rgba(255, 255, 255, 0.05);
@@ -309,7 +351,8 @@
   top: 52px;
   left: 20px;
 }
-.content .monitorContent {
+.newWrlight .monitorContent,
+.newWrdark .monitorContent {
   height: 214px;
   width: 420px;
   display: -webkit-box;
@@ -322,13 +365,15 @@
   top: 52px;
   right: 20px;
 }
-.content .monitorContent .monitorItem {
+.newWrlight .monitorContent .monitorItem,
+.newWrdark .monitorContent .monitorItem {
   width: calc(50% - 10px);
   height: 100%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-.content .monitorContent .monitorItem .topType {
+.newWrlight .monitorContent .monitorItem .topType,
+.newWrdark .monitorContent .monitorItem .topType {
   width: 100%;
   height: 32px;
   line-height: 32px;
@@ -337,20 +382,24 @@
   border-radius: 16px;
   margin-bottom: 10px;
 }
-.content .monitorContent .monitorItem .topType img {
+.newWrlight .monitorContent .monitorItem .topType img,
+.newWrdark .monitorContent .monitorItem .topType img {
   width: 16px;
   height: 16px;
   margin-right: 12px;
 }
-.content .monitorContent .monitorItem .topTypeM {
+.newWrlight .monitorContent .monitorItem .topTypeM,
+.newWrdark .monitorContent .monitorItem .topTypeM {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 212, 255, 0.1)), to(rgba(87, 147, 255, 0.1)));
   background: linear-gradient(180deg, rgba(37, 212, 255, 0.1) 0%, rgba(87, 147, 255, 0.1) 100%);
 }
-.content .monitorContent .monitorItem .topTypeF {
+.newWrlight .monitorContent .monitorItem .topTypeF,
+.newWrdark .monitorContent .monitorItem .topTypeF {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 204, 152, 0.1)), to(rgba(255, 119, 119, 0.1)));
   background: linear-gradient(180deg, rgba(249, 204, 152, 0.1) 0%, rgba(255, 119, 119, 0.1) 100%);
 }
-.content .monitorContent .monitorItem .monitorRow {
+.newWrlight .monitorContent .monitorItem .monitorRow,
+.newWrdark .monitorContent .monitorItem .monitorRow {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -359,7 +408,8 @@
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.content .monitorContent .monitorItem .monitorRow .monitor {
+.newWrlight .monitorContent .monitorItem .monitorRow .monitor,
+.newWrdark .monitorContent .monitorItem .monitorRow .monitor {
   display: inline-block;
   width: 94px;
   height: 52px;
@@ -368,21 +418,25 @@
   text-align: center;
   margin-bottom: 8px;
 }
-.content .monitorContent .monitorItem .monitorRow .monitor .tip {
+.newWrlight .monitorContent .monitorItem .monitorRow .monitor .tip,
+.newWrdark .monitorContent .monitorItem .monitorRow .monitor .tip {
   height: 24px;
   border-bottom: 1px solid rgba(83, 192, 255, 0.5);
   line-height: 24px;
   opacity: 0.85;
   font-size: 12px;
 }
-.content .monitorContent .monitorItem .monitorRow .monitor .num {
+.newWrlight .monitorContent .monitorItem .monitorRow .monitor .num,
+.newWrdark .monitorContent .monitorItem .monitorRow .monitor .num {
   line-height: 28px;
   font-size: 16px;
 }
-.content .monitorContent .monitorItem .monitorRow .monitorF {
+.newWrlight .monitorContent .monitorItem .monitorRow .monitorF,
+.newWrdark .monitorContent .monitorItem .monitorRow .monitorF {
   border-color: rgba(255, 99, 99, 0.5);
 }
-.content .monitorContent .monitorItem .monitorRow .monitorF .tip {
+.newWrlight .monitorContent .monitorItem .monitorRow .monitorF .tip,
+.newWrdark .monitorContent .monitorItem .monitorRow .monitorF .tip {
   border-color: rgba(255, 99, 99, 0.5);
 }
 .two .imgContent {

package/lib/vtx-wr-modal/components/BaseInfoNew/index.less

@@ -31,7 +31,7 @@
     }
 }
 
-.content {
+.newWrlight, .newWrdark {
     height: 740px;
     position: relative;
     color: #fff;
@@ -87,7 +87,7 @@
     .title {
         height: 18px;
         line-height: 18px;
-        background: url("./assets/titleBg.png") no-repeat;
+        background: url("../../imgs/titleBg.png") no-repeat;
         background-size: 238px 100%;
         font-size: 16px;
         padding-left: 18px;

package/lib/vtx-wr-modal/components/Score/index.css

@@ -20,62 +20,73 @@
 .newWrdark .rank .ant-rate-star-zero {
   color: #f0f0f0 !important;
 }
-.content {
+.newWrlight,
+.newWrdark {
   height: 716px;
   position: relative;
   color: #fff;
 }
-.content .title {
+.newWrlight .title,
+.newWrdark .title {
   height: 18px;
   line-height: 18px;
-  background: url("./assets/titleBg.png") no-repeat;
+  background: url("../../imgs/titleBg.png") no-repeat;
   background-size: 238px 100%;
   font-size: 16px;
   padding-left: 18px;
   margin-bottom: 16px;
 }
-.content .title .titleText {
+.newWrlight .title .titleText,
+.newWrdark .title .titleText {
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#95fff9));
   background: linear-gradient(180deg, #fff 0%, #95fff9 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.content .score {
+.newWrlight .score,
+.newWrdark .score {
   width: 1180px;
   height: 180px;
   padding: 20px;
   background: rgba(255, 255, 255, 0.05);
   margin: 12px;
 }
-.content .score .rank {
+.newWrlight .score .rank,
+.newWrdark .score .rank {
   background: -webkit-gradient(linear, left top, left bottom, from(#ffe25d), to(#ff7f08));
   background: linear-gradient(180deg, #ffe25d 0%, #ff7f08 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.content .score .tagContent {
+.newWrlight .score .tagContent,
+.newWrdark .score .tagContent {
   margin-top: 10px;
 }
-.content .score .tagContent .tags {
+.newWrlight .score .tagContent .tags,
+.newWrdark .score .tagContent .tags {
   margin-top: 10px;
 }
-.content .score .tagContent .tags .tagItem {
+.newWrlight .score .tagContent .tags .tagItem,
+.newWrdark .score .tagContent .tags .tagItem {
   display: inline-block;
   padding: 8px 12px;
   margin-right: 8px;
   border-radius: 4px;
 }
-.content .score .tagContent .tags .tagItemY {
+.newWrlight .score .tagContent .tags .tagItemY,
+.newWrdark .score .tagContent .tags .tagItemY {
   background: rgba(38, 216, 140, 0.1);
   border: 1px solid #26d88c;
   color: #26d88c !important;
 }
-.content .score .tagContent .tags .tagItemN {
+.newWrlight .score .tagContent .tags .tagItemN,
+.newWrdark .score .tagContent .tags .tagItemN {
   background: rgba(178, 178, 178, 0.102);
   border: 1px solid #b2b2b2;
   color: #b2b2b2 !important;
 }
-.content .record {
+.newWrlight .record,
+.newWrdark .record {
   width: 1180px;
   height: 525px;
   padding: 20px;
@@ -83,7 +94,8 @@
   margin: 10px 12px 0;
   position: relative;
 }
-.content .record .typeChange {
+.newWrlight .record .typeChange,
+.newWrdark .record .typeChange {
   width: 162.3px;
   height: 30px;
   line-height: 28px;
@@ -93,16 +105,19 @@
   top: 20px;
   right: 10px;
 }
-.content .record .typeChange .changeItem {
+.newWrlight .record .typeChange .changeItem,
+.newWrdark .record .typeChange .changeItem {
   display: inline-block;
   width: 80px;
   text-align: center;
   cursor: pointer;
 }
-.content .record .typeChange .changeItemA {
+.newWrlight .record .typeChange .changeItemA,
+.newWrdark .record .typeChange .changeItemA {
   background: #07b077;
   color: #fff !important;
 }
-.content .record .timeContent {
+.newWrlight .record .timeContent,
+.newWrdark .record .timeContent {
   margin: 10px 0 20px;
 }

package/lib/vtx-wr-modal/components/Score/index.js

@@ -15,6 +15,7 @@ var _vmFilter = require("../../../vm-filter");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _vmTable = _interopRequireDefault(require("../../../vm-table"));
 var _utils = require("@vtx/utils");
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -40,7 +41,7 @@ var getList = function getList(params) {
   });
 };
 var Score = function Score(props) {
-  var _a;
+  var _a, _b, _c;
   var id = props.id,
     theme = props.theme;
   var _useSetState = (0, _ahooks.useSetState)({
@@ -231,7 +232,12 @@ var Score = function Score(props) {
         endMonth: dateStr[1]
       });
     }
-  })), state.type === 'chart' && /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+  })), state.type === 'chart' && ((_b = state.chartsData.names) === null || _b === void 0 ? void 0 : _b.length) === 0 && /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '1180px',
+      width: '525px'
+    }
+  }), state.type === 'chart' && ((_c = state.chartsData.names) === null || _c === void 0 ? void 0 : _c.length) !== 0 && /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
     style: {
       width: '100%',
       height: '385px'