@vtx/modals2 2.15.67 → 2.15.69

package/lib/vtx-cp-modal/components/AlarmInfo/index.css

@@ -2,8 +2,20 @@
   margin: 6px;
   width: 100%;
 }
+.cp-alarm .sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 800;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+  margin-bottom: 0;
+}
+.cp-alarm .sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}
 .cp-alarm .alarm-summary {
-  padding: 14px 20px;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
 }
@@ -12,6 +24,7 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  padding: 0 20px;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: start;
@@ -88,13 +101,11 @@
           transform: rotate(45deg);
 }
 .cp-alarm .alarm-trend {
-  height: 328px;
-  padding: 14px 20px;
+  height: 324px;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
 }
 .cp-alarm .alarm-record {
-  padding: 14px 20px;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
   min-height: 180px;
@@ -111,8 +122,9 @@
           align-items: center;
 }
 .cp-alarm .alarm-record-table {
-  margin-top: 14px;
-  height: 200px;
+  padding: 10px 20px;
+  height: 240px;
+  overflow-y: auto;
 }
 .cp-alarm .alarm-record .alarmLevel img {
   margin-top: -2px;

package/lib/vtx-cp-modal/components/AlarmInfo/index.less

@@ -1,109 +1,120 @@
-.cp-alarm {
-    margin: 6px;
-    width: 100%;
-
-    .alarm-summary {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-time {
-            margin: 24px;
-            display: flex;
-            justify-content: start;
-            align-items: center;
-            img {
-                width: 46px;
-                height: 46px;
-                margin-right: 19px;
-            }
-            &-name {
-                font-size: 12px;
-                color: var(--title-color);
-            }
-            &-value {
-                color: var(--title-color);
-                font-size: 12px;
-                span {
-                    font-size: 20px;
-                    line-height: 25px;
-                }
-                &-compare {
-                    display: inline-block;
-                    margin-left: 36px;
-                }
-            }
-        }
-        .triangle-up {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #f65861;
-                transform-origin: left bottom;
-                transform: rotate(45deg);
-            }
-        }
-        .triangle-down {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            margin-bottom: -2px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #41ffb4;
-                transform-origin: right top;
-                transform: rotate(45deg);
-            }
-        }
-    }
-
-    .alarm-trend {
-        height: 328px;
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-
-    .alarm-record {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        min-height: 180px;
-
-        &-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        &-table {
-            margin-top: 14px;
-            height: 200px;
-        }
-
-        .alarmLevel {
-            img {
-                margin-top: -2px;
-            }
-        }
-    }
-}
+.cp-alarm {
+    margin: 6px;
+    width: 100%;
+    .sub-title {
+        height: 40px;
+        line-height: 40px;
+        font-size: 14px;
+        font-weight: 800;
+        border-bottom: 1px solid var(--calendar-border);
+        padding: 0 20px;
+        .extra {
+            right: 20px;
+            font-weight: 400;
+        }
+        margin-bottom: 0;
+    }  
+    .alarm-summary {
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-time {
+            margin: 24px;
+            display: flex;
+            padding: 0 20px;
+            justify-content: start;
+            align-items: center;
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+            &-name {
+                font-size: 12px;
+                color: var(--title-color);
+            }
+            &-value {
+                color: var(--title-color);
+                font-size: 12px;
+                span {
+                    font-size: 20px;
+                    line-height: 25px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+        .triangle-up {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #f65861;
+                transform-origin: left bottom;
+                transform: rotate(45deg);
+            }
+        }
+        .triangle-down {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            margin-bottom: -2px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #41ffb4;
+                transform-origin: right top;
+                transform: rotate(45deg);
+            }
+        }
+    }
+
+    .alarm-trend {
+        height: 324px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .alarm-record {
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        min-height: 180px;
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            padding: 10px 20px;
+            height: 240px;
+            overflow-y: auto;
+        }
+
+        .alarmLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}

package/lib/vtx-cp-modal/components/BaseInfo/CarWork.js

@@ -112,9 +112,13 @@ function CarWork(props) {
       });
     }) : []
   };
-  return /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
     columns: columns,
     rowKey: "index"
-  }, tableProps));
+  }, tableProps)));
 }
 //# sourceMappingURL=CarWork.js.map

package/lib/vtx-cp-modal/components/BaseInfo/CarWork.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarWork.js","names":["_react","_interopRequireDefault","require","_vmTable","_track","e","__esModule","CarWork","props","_a","_b","_c","dataSource","paramConfigsList","isDark","columns","title","dataIndex","key","ellipsis","width","align","fixed","render","text","React","createElement","style","background","onClick","window","open","concat","location","protocol","host","href","split","src","track","bucketIdx","weightIdx","value","splice","tableProps","scroll","y","x","height","pagination","current","pageSize","length","map","ele","index","Object","assign","VMTable","rowKey"],"sources":["vtx-cp-modal/components/BaseInfo/CarWork.js"],"sourcesContent":["/**\n * 收集点-总览信息-车辆作业信息\n */\nimport React from 'react';\nimport VMTable from '../../../vm-table';\nimport track from '../../imgs/track.png';\nexport default function CarWork(props) {\n    var _a, _b, _c;\n    const { dataSource, paramConfigsList, isDark } = props;\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carCode',\n            key: 'carCode',\n            ellipsis: true,\n            width: '15%',\n        },\n        {\n            title: '收运单位',\n            key: 'collectUnitName',\n            dataIndex: 'collectUnitName',\n            ellipsis: true,\n            width: '16%',\n        },\n        {\n            title: '垃圾类型',\n            dataIndex: 'productTypeName',\n            key: 'productTypeName',\n            width: '12%',\n            ellipsis: true,\n        },\n        {\n            title: '收集频次(次)',\n            dataIndex: 'collectNum',\n            key: 'collectNum',\n            width: '14%',\n            ellipsis: true,\n            align: 'right',\n        },\n        {\n            title: '轨迹',\n            dataIndex: 'carId',\n            key: 'carId',\n            width: '8%',\n            fixed: 'right',\n            render: (text) => {\n                return (React.createElement(\"div\", { style: { background: '#fff' } },\n                    React.createElement(\"a\", { onClick: () => {\n                            window.open(`${location.protocol}//${location.host}/carHistory/#/${isDark ? 'index' : 'indexLight'}?carId=${text}&${location.href.split('?')[1]}`);\n                        } },\n                        React.createElement(\"img\", { src: track }))));\n            },\n        },\n    ];\n    let bucketIdx = 3, weightIdx = 3;\n    if (((_a = paramConfigsList['SHOW_TENDER']) === null || _a === void 0 ? void 0 : _a.value) === 'true') {\n        columns.splice(3, 0, {\n            title: '标段',\n            key: 'bidSectionName',\n            dataIndex: 'bidSectionName',\n            width: '10%',\n            ellipsis: true,\n        });\n        bucketIdx = 4;\n        weightIdx = 4;\n    }\n    if (((_b = paramConfigsList['SHOW_COLLECTING_BUCKETS']) === null || _b === void 0 ? void 0 : _b.value) === 'true') {\n        columns.splice(bucketIdx, 0, {\n            title: '桶数(桶)',\n            dataIndex: 'bucketNum',\n            key: 'bucketNum',\n            width: '12%',\n            ellipsis: true,\n            align: 'right',\n        });\n        weightIdx = bucketIdx + 1;\n    }\n    if (((_c = paramConfigsList['SHOW_WEIGHTING']) === null || _c === void 0 ? void 0 : _c.value) === 'true') {\n        columns.splice(weightIdx, 0, {\n            title: '收集重量(kg)',\n            dataIndex: 'weight',\n            key: 'weight',\n            width: '15%',\n            ellipsis: true,\n            align: 'right',\n        });\n    }\n    let tableProps = {\n        scroll: {\n            y: 240,\n            x: '100%',\n        },\n        height: 240,\n        pagination: {\n            current: 1,\n            pageSize: 10,\n        },\n        dataSource: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0\n            ? dataSource.map((ele, index) => (Object.assign(Object.assign({}, ele), { index })))\n            : [],\n    };\n    return React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"index\" }, tableProps));\n}\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AALzC;AACA;AACA;;AAIe,SAASE,OAAOA,CAACC,KAAK,EAAE;EACnC,IAAIC,EAAE,EAAEC,EAAE,EAAEC,EAAE;EACd,IAAQC,UAAU,GAA+BJ,KAAK,CAA9CI,UAAU;IAAEC,gBAAgB,GAAaL,KAAK,CAAlCK,gBAAgB;IAAEC,MAAM,GAAKN,KAAK,CAAhBM,MAAM;EAC5C,IAAMC,OAAO,GAAG,CACZ;IACIC,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE,SAAS;IACpBC,GAAG,EAAE,SAAS;IACdC,QAAQ,EAAE,IAAI;IACdC,KAAK,EAAE;EACX,CAAC,EACD;IACIJ,KAAK,EAAE,MAAM;IACbE,GAAG,EAAE,iBAAiB;IACtBD,SAAS,EAAE,iBAAiB;IAC5BE,QAAQ,EAAE,IAAI;IACdC,KAAK,EAAE;EACX,CAAC,EACD;IACIJ,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,iBAAiB;IAC5BC,GAAG,EAAE,iBAAiB;IACtBE,KAAK,EAAE,KAAK;IACZD,QAAQ,EAAE;EACd,CAAC,EACD;IACIH,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,YAAY;IACvBC,GAAG,EAAE,YAAY;IACjBE,KAAK,EAAE,KAAK;IACZD,QAAQ,EAAE,IAAI;IACdE,KAAK,EAAE;EACX,CAAC,EACD;IACIL,KAAK,EAAE,IAAI;IACXC,SAAS,EAAE,OAAO;IAClBC,GAAG,EAAE,OAAO;IACZE,KAAK,EAAE,IAAI;IACXE,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE,SAARA,MAAMA,CAAGC,IAAI,EAAK;MACd,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAEC,KAAK,EAAE;UAAEC,UAAU,EAAE;QAAO;MAAE,CAAC,eAChEH,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE;QAAEG,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;UAClCC,MAAM,CAACC,IAAI,IAAAC,MAAA,CAAIC,QAAQ,CAACC,QAAQ,QAAAF,MAAA,CAAKC,QAAQ,CAACE,IAAI,oBAAAH,MAAA,CAAiBlB,MAAM,GAAG,OAAO,GAAG,YAAY,aAAAkB,MAAA,CAAUR,IAAI,OAAAQ,MAAA,CAAIC,QAAQ,CAACG,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC;QACtJ;MAAE,CAAC,eACHZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAEY,GAAG,EAAEC;MAAM,CAAC,CAAC,CAAC,CAAC;IACxD;EACJ,CAAC,CACJ;EACD,IAAIC,SAAS,GAAG,CAAC;IAAEC,SAAS,GAAG,CAAC;EAChC,IAAI,CAAC,CAAChC,EAAE,GAAGI,gBAAgB,CAAC,aAAa,CAAC,MAAM,IAAI,IAAIJ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACiC,KAAK,MAAM,MAAM,EAAE;IACnG3B,OAAO,CAAC4B,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE;MACjB3B,KAAK,EAAE,IAAI;MACXE,GAAG,EAAE,gBAAgB;MACrBD,SAAS,EAAE,gBAAgB;MAC3BG,KAAK,EAAE,KAAK;MACZD,QAAQ,EAAE;IACd,CAAC,CAAC;IACFqB,SAAS,GAAG,CAAC;IACbC,SAAS,GAAG,CAAC;EACjB;EACA,IAAI,CAAC,CAAC/B,EAAE,GAAGG,gBAAgB,CAAC,yBAAyB,CAAC,MAAM,IAAI,IAAIH,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACgC,KAAK,MAAM,MAAM,EAAE;IAC/G3B,OAAO,CAAC4B,MAAM,CAACH,SAAS,EAAE,CAAC,EAAE;MACzBxB,KAAK,EAAE,OAAO;MACdC,SAAS,EAAE,WAAW;MACtBC,GAAG,EAAE,WAAW;MAChBE,KAAK,EAAE,KAAK;MACZD,QAAQ,EAAE,IAAI;MACdE,KAAK,EAAE;IACX,CAAC,CAAC;IACFoB,SAAS,GAAGD,SAAS,GAAG,CAAC;EAC7B;EACA,IAAI,CAAC,CAAC7B,EAAE,GAAGE,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,IAAI,IAAIF,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC+B,KAAK,MAAM,MAAM,EAAE;IACtG3B,OAAO,CAAC4B,MAAM,CAACF,SAAS,EAAE,CAAC,EAAE;MACzBzB,KAAK,EAAE,UAAU;MACjBC,SAAS,EAAE,QAAQ;MACnBC,GAAG,EAAE,QAAQ;MACbE,KAAK,EAAE,KAAK;MACZD,QAAQ,EAAE,IAAI;MACdE,KAAK,EAAE;IACX,CAAC,CAAC;EACN;EACA,IAAIuB,UAAU,GAAG;IACbC,MAAM,EAAE;MACJC,CAAC,EAAE,GAAG;MACNC,CAAC,EAAE;IACP,CAAC;IACDC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE;MACRC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE;IACd,CAAC;IACDvC,UAAU,EAAE,CAACA,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,UAAU,CAACwC,MAAM,IAAI,CAAC,GACrFxC,UAAU,CAACyC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;MAAA,OAAMC,MAAM,CAACC,MAAM,CAACD,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,GAAG,CAAC,EAAE;QAAEC,KAAK,EAALA;MAAM,CAAC,CAAC;IAAA,CAAC,CAAC,GAClF;EACV,CAAC;EACD,oBAAO9B,iBAAK,CAACC,aAAa,CAACgC,mBAAO,EAAEF,MAAM,CAACC,MAAM,CAAC;IAAE1C,OAAO,EAAEA,OAAO;IAAE4C,MAAM,EAAE;EAAQ,CAAC,EAAEf,UAAU,CAAC,CAAC;AACzG","ignoreList":[]}
+{"version":3,"file":"CarWork.js","names":["_react","_interopRequireDefault","require","_vmTable","_track","e","__esModule","CarWork","props","_a","_b","_c","dataSource","paramConfigsList","isDark","columns","title","dataIndex","key","ellipsis","width","align","fixed","render","text","React","createElement","style","background","onClick","window","open","concat","location","protocol","host","href","split","src","track","bucketIdx","weightIdx","value","splice","tableProps","scroll","y","x","height","pagination","current","pageSize","length","map","ele","index","Object","assign","padding","VMTable","rowKey"],"sources":["vtx-cp-modal/components/BaseInfo/CarWork.js"],"sourcesContent":["/**\n * 收集点-总览信息-车辆作业信息\n */\nimport React from 'react';\nimport VMTable from '../../../vm-table';\nimport track from '../../imgs/track.png';\nexport default function CarWork(props) {\n    var _a, _b, _c;\n    const { dataSource, paramConfigsList, isDark } = props;\n    const columns = [\n        {\n            title: '车牌号',\n            dataIndex: 'carCode',\n            key: 'carCode',\n            ellipsis: true,\n            width: '15%',\n        },\n        {\n            title: '收运单位',\n            key: 'collectUnitName',\n            dataIndex: 'collectUnitName',\n            ellipsis: true,\n            width: '16%',\n        },\n        {\n            title: '垃圾类型',\n            dataIndex: 'productTypeName',\n            key: 'productTypeName',\n            width: '12%',\n            ellipsis: true,\n        },\n        {\n            title: '收集频次(次)',\n            dataIndex: 'collectNum',\n            key: 'collectNum',\n            width: '14%',\n            ellipsis: true,\n            align: 'right',\n        },\n        {\n            title: '轨迹',\n            dataIndex: 'carId',\n            key: 'carId',\n            width: '8%',\n            fixed: 'right',\n            render: (text) => {\n                return (React.createElement(\"div\", { style: { background: '#fff' } },\n                    React.createElement(\"a\", { onClick: () => {\n                            window.open(`${location.protocol}//${location.host}/carHistory/#/${isDark ? 'index' : 'indexLight'}?carId=${text}&${location.href.split('?')[1]}`);\n                        } },\n                        React.createElement(\"img\", { src: track }))));\n            },\n        },\n    ];\n    let bucketIdx = 3, weightIdx = 3;\n    if (((_a = paramConfigsList['SHOW_TENDER']) === null || _a === void 0 ? void 0 : _a.value) === 'true') {\n        columns.splice(3, 0, {\n            title: '标段',\n            key: 'bidSectionName',\n            dataIndex: 'bidSectionName',\n            width: '10%',\n            ellipsis: true,\n        });\n        bucketIdx = 4;\n        weightIdx = 4;\n    }\n    if (((_b = paramConfigsList['SHOW_COLLECTING_BUCKETS']) === null || _b === void 0 ? void 0 : _b.value) === 'true') {\n        columns.splice(bucketIdx, 0, {\n            title: '桶数(桶)',\n            dataIndex: 'bucketNum',\n            key: 'bucketNum',\n            width: '12%',\n            ellipsis: true,\n            align: 'right',\n        });\n        weightIdx = bucketIdx + 1;\n    }\n    if (((_c = paramConfigsList['SHOW_WEIGHTING']) === null || _c === void 0 ? void 0 : _c.value) === 'true') {\n        columns.splice(weightIdx, 0, {\n            title: '收集重量(kg)',\n            dataIndex: 'weight',\n            key: 'weight',\n            width: '15%',\n            ellipsis: true,\n            align: 'right',\n        });\n    }\n    let tableProps = {\n        scroll: {\n            y: 240,\n            x: '100%',\n        },\n        height: 240,\n        pagination: {\n            current: 1,\n            pageSize: 10,\n        },\n        dataSource: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0\n            ? dataSource.map((ele, index) => (Object.assign(Object.assign({}, ele), { index })))\n            : [],\n    };\n    return React.createElement(\"div\", { style: { padding: 10 } },\n        React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"index\" }, tableProps)));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-cp-modal/components/BaseInfo/Rules.js

@@ -65,7 +65,9 @@ function Rules(props) {
     }
     return code;
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, Array.isArray(rules) ? rules.map(function (ele, index) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "syrules-content"
+  }, Array.isArray(rules) ? rules.map(function (ele, index) {
     var _a, _b;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "syrules-item",

package/lib/vtx-cp-modal/components/BaseInfo/Rules.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rules.js","names":["_react","_interopRequireDefault","require","_vmNodata","_api","_antd","e","__esModule","Rules","props","id","paramConfigsList","rules","BaseService","useGetRule","getColor","name","color","getImgCode","code","React","createElement","Fragment","Array","isArray","map","ele","index","_a","_b","className","key","style","borderColor","productTypeName","concat","Space","size","value","bucketNum","accUnitName","rule","ruleId","ruleContent","carCode","NoData"],"sources":["vtx-cp-modal/components/BaseInfo/Rules.js"],"sourcesContent":["/**\n * 收集点-总览信息-收运规则\n */\nimport React from 'react';\nimport NoData from '../../../vm-nodata';\nimport { BaseService } from '../../api';\nimport { Space } from 'antd';\nexport default function Rules(props) {\n    const { id, paramConfigsList } = props;\n    const rules = BaseService.useGetRule(id);\n    const getColor = (name) => {\n        let color = '#C8C8C8';\n        switch (name) {\n            case '其他垃圾':\n                color = '#C8C8C8';\n                break;\n            case '厨余垃圾':\n                color = '#77D5A9';\n                break;\n            case '易腐垃圾':\n                color = '#77D5A9';\n                break;\n            case '有害垃圾':\n                color = '#FFC1C1';\n                break;\n            case '可回收物':\n                color = '#9FC1E8';\n                break;\n            default:\n                color = '#C8C8C8';\n                break;\n        }\n        return color;\n    };\n    const getImgCode = (name) => {\n        let code = 'qt';\n        switch (name) {\n            case '其他垃圾':\n                code = 'qt';\n                break;\n            case '厨余垃圾':\n                code = 'cy';\n                break;\n            case '易腐垃圾':\n                code = 'yf';\n                break;\n            case '有害垃圾':\n                code = 'yh';\n                break;\n            case '可回收物':\n                code = 'khsw';\n                break;\n            default:\n                code = 'qt';\n                break;\n        }\n        return code;\n    };\n    return (React.createElement(React.Fragment, null, Array.isArray(rules) ? (rules.map((ele, index) => {\n        var _a, _b;\n        return (React.createElement(\"div\", { className: \"syrules-item\", key: index, style: { borderColor: getColor((ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '') } },\n            React.createElement(\"div\", { className: \"syrules-item--info\" },\n                React.createElement(\"div\", { className: `syrules-item--icon ${getImgCode((ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '')}` }),\n                React.createElement(\"div\", null,\n                    React.createElement(Space, { size: 10 },\n                        React.createElement(\"div\", { className: `syrules-item--name` }, (ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '--'),\n                        ((_a = paramConfigsList['SHOW_COLLECTING_BUCKETS']) === null || _a === void 0 ? void 0 : _a.value) ===\n                            'true' && React.createElement(\"div\", null,\n                            (ele === null || ele === void 0 ? void 0 : ele.bucketNum) || 0,\n                            \"\\u4E2A\\u6876\")),\n                    React.createElement(\"div\", { className: \"syrules-item--label\" }, ele === null || ele === void 0 ? void 0 : ele.accUnitName))),\n            React.createElement(Space, { size: 10 },\n                React.createElement(\"div\", { className: \"syrules-item--label\" }, \"\\u6536\\u8FD0\\u89C4\\u5219:\"),\n                React.createElement(\"div\", null, (_b = ele === null || ele === void 0 ? void 0 : ele.rules) === null || _b === void 0 ? void 0 : _b.map((rule) => (React.createElement(Space, { key: rule.ruleId, size: 12 },\n                    React.createElement(\"span\", null, rule.ruleContent),\n                    React.createElement(\"span\", null, rule.carCode))))))));\n    })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Rules.js","names":["_react","_interopRequireDefault","require","_vmNodata","_api","_antd","e","__esModule","Rules","props","id","paramConfigsList","rules","BaseService","useGetRule","getColor","name","color","getImgCode","code","React","createElement","className","Array","isArray","map","ele","index","_a","_b","key","style","borderColor","productTypeName","concat","Space","size","value","bucketNum","accUnitName","rule","ruleId","ruleContent","carCode","NoData"],"sources":["vtx-cp-modal/components/BaseInfo/Rules.js"],"sourcesContent":["/**\n * 收集点-总览信息-收运规则\n */\nimport React from 'react';\nimport NoData from '../../../vm-nodata';\nimport { BaseService } from '../../api';\nimport { Space } from 'antd';\nexport default function Rules(props) {\n    const { id, paramConfigsList } = props;\n    const rules = BaseService.useGetRule(id);\n    const getColor = (name) => {\n        let color = '#C8C8C8';\n        switch (name) {\n            case '其他垃圾':\n                color = '#C8C8C8';\n                break;\n            case '厨余垃圾':\n                color = '#77D5A9';\n                break;\n            case '易腐垃圾':\n                color = '#77D5A9';\n                break;\n            case '有害垃圾':\n                color = '#FFC1C1';\n                break;\n            case '可回收物':\n                color = '#9FC1E8';\n                break;\n            default:\n                color = '#C8C8C8';\n                break;\n        }\n        return color;\n    };\n    const getImgCode = (name) => {\n        let code = 'qt';\n        switch (name) {\n            case '其他垃圾':\n                code = 'qt';\n                break;\n            case '厨余垃圾':\n                code = 'cy';\n                break;\n            case '易腐垃圾':\n                code = 'yf';\n                break;\n            case '有害垃圾':\n                code = 'yh';\n                break;\n            case '可回收物':\n                code = 'khsw';\n                break;\n            default:\n                code = 'qt';\n                break;\n        }\n        return code;\n    };\n    return (React.createElement(\"div\", { className: \"syrules-content\" }, Array.isArray(rules) ? (rules.map((ele, index) => {\n        var _a, _b;\n        return (React.createElement(\"div\", { className: \"syrules-item\", key: index, style: { borderColor: getColor((ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '') } },\n            React.createElement(\"div\", { className: \"syrules-item--info\" },\n                React.createElement(\"div\", { className: `syrules-item--icon ${getImgCode((ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '')}` }),\n                React.createElement(\"div\", null,\n                    React.createElement(Space, { size: 10 },\n                        React.createElement(\"div\", { className: `syrules-item--name` }, (ele === null || ele === void 0 ? void 0 : ele.productTypeName) || '--'),\n                        ((_a = paramConfigsList['SHOW_COLLECTING_BUCKETS']) === null || _a === void 0 ? void 0 : _a.value) ===\n                            'true' && React.createElement(\"div\", null,\n                            (ele === null || ele === void 0 ? void 0 : ele.bucketNum) || 0,\n                            \"\\u4E2A\\u6876\")),\n                    React.createElement(\"div\", { className: \"syrules-item--label\" }, ele === null || ele === void 0 ? void 0 : ele.accUnitName))),\n            React.createElement(Space, { size: 10 },\n                React.createElement(\"div\", { className: \"syrules-item--label\" }, \"\\u6536\\u8FD0\\u89C4\\u5219:\"),\n                React.createElement(\"div\", null, (_b = ele === null || ele === void 0 ? void 0 : ele.rules) === null || _b === void 0 ? void 0 : _b.map((rule) => (React.createElement(Space, { key: rule.ruleId, size: 12 },\n                    React.createElement(\"span\", null, rule.ruleContent),\n                    React.createElement(\"span\", null, rule.carCode))))))));\n    })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-cp-modal/components/BaseInfo/index.css

@@ -15,19 +15,33 @@
 .cp-baseContent {
   padding: 6px 10px;
 }
+.cp-baseContent .sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 800;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+}
+.cp-baseContent .sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}
 .cp-baseContent .base-top-base {
-  height: 280px;
-  padding: 20px;
+  height: 430px;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
+  padding-bottom: 0;
 }
 .cp-baseContent .base-top-twork {
   height: 280px;
-  padding: 20px;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
   overflow-y: auto;
 }
+.cp-baseContent .base-top-twork .twork {
+  padding: 0 20px;
+}
 .cp-baseContent .base-top-twork .twork--item {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -73,19 +87,24 @@
   font-size: 20px;
 }
 .cp-baseContent .base-bottom-syrules {
-  height: 334px;
-  padding: 20px;
+  height: 200px;
+  padding-top: 0;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
   overflow-y: auto;
 }
+.cp-baseContent .base-bottom-syrules .syrules-content {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px;
+}
 .cp-baseContent .base-bottom-syrules .syrules-item {
   width: 100%;
   padding: 16px 20px;
   border-radius: 16px;
   border: 1px dashed;
   color: var(--info-color);
-  margin-bottom: 24px;
+  margin-bottom: 12px;
   font-size: 14px;
 }
 .cp-baseContent .base-bottom-syrules .syrules-item--info {
@@ -159,8 +178,7 @@
   text-overflow: ellipsis;
 }
 .cp-baseContent .base-bottom-table {
-  height: 335px;
+  height: 348px;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
-  padding: 10px;
 }

package/lib/vtx-cp-modal/components/BaseInfo/index.js

@@ -1,12 +1,14 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
 var _antd = require("antd");
+var _olMap = require("@vtx/ol-map");
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
 var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
 var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
@@ -16,9 +18,18 @@ var _CarWork = _interopRequireDefault(require("./CarWork"));
 var _api = require("../../api");
 require("./index.less");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var BaseInfo = function BaseInfo(props) {
+  var _a;
   var id = props.id,
-    baseInfo = props.baseInfo;
+    baseInfo = props.baseInfo,
+    info = props.info;
   var _useSettings = (0, _useSettings2["default"])(),
     theme = _useSettings.theme,
     isDark = _useSettings.isDark;
@@ -29,6 +40,31 @@ var BaseInfo = function BaseInfo(props) {
   var _BaseService$useConfi = _api.BaseService.useConfig(),
     paramConfigsList = _BaseService$useConfi.paramConfigsList,
     productTypes = _BaseService$useConfi.productTypes;
+  var _ref = ((_a = info === null || info === void 0 ? void 0 : info.latLngDTO) === null || _a === void 0 ? void 0 : _a.lngLats) ? info.latLngDTO.lngLats.split(',') : [],
+    _ref2 = _slicedToArray(_ref, 2),
+    lng = _ref2[0],
+    lat = _ref2[1];
+  var mapPoints = {
+    id: info.id,
+    geometryInfo: {
+      type: 'point',
+      lngLats: "".concat(lng, ",").concat(lat),
+      coordType: 'wgs84'
+    }
+  };
+  var mapRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (lng && lat) {
+      mapRef.current.fitView(mapPoints);
+    }
+  }, [lng, lat]);
+  var mapStyle = {
+    type: 'Marker',
+    style: {
+      icon: 'CP',
+      color: '#52C41A'
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "cp-baseContent ".concat(theme)
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -36,10 +72,11 @@ var BaseInfo = function BaseInfo(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
     gutter: [10, 10]
   }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 9,
-    xl: 9,
-    lg: 9,
-    md: 12
+    span: 8
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "base-top-base"
   }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
@@ -47,12 +84,36 @@ var BaseInfo = function BaseInfo(props) {
   }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
     data: baseInfo,
     horizontal: true,
-    gap: 16
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 15,
-    xl: 15,
-    lg: 15,
-    md: 12
+    gap: 16,
+    padding: '0 20px'
+  }), lng && lat ? (/*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 150,
+      padding: '0 20px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_olMap.Map, {
+    tk: "1adbb6e47668cb33757cd799548bf1f4",
+    createdMap: function createdMap(map) {
+      mapRef.current = map;
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_olMap.FeatureLayer, {
+    data: mapPoints,
+    style: mapStyle
+  })))) : null)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom-syrules"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6536\u8FD0\u89C4\u5219"
+  }), /*#__PURE__*/_react["default"].createElement(_Rules["default"], {
+    id: id,
+    paramConfigsList: paramConfigsList
+  }))))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 16
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "base-top-twork"
   }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
@@ -62,29 +123,16 @@ var BaseInfo = function BaseInfo(props) {
     paramConfigsList: paramConfigsList,
     productTypes: productTypes
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 9,
-    xl: 9,
-    lg: 9,
-    md: 12
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "base-bottom-syrules"
-  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
-    title: "\u6536\u8FD0\u89C4\u5219"
-  }), /*#__PURE__*/_react["default"].createElement(_Rules["default"], {
-    id: id,
-    paramConfigsList: paramConfigsList
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 15,
-    xl: 15,
-    lg: 15,
-    md: 12
+    span: 24
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "base-bottom-table"
-  }, /*#__PURE__*/_react["default"].createElement(_CarWork["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4F5C\u4E1A\u8BE6\u60C5"
+  }), /*#__PURE__*/_react["default"].createElement(_CarWork["default"], {
     dataSource: dataSource,
     isDark: isDark,
     paramConfigsList: paramConfigsList
-  }))))));
+  }))))))));
 };
 var _default = exports["default"] = BaseInfo;
 //# sourceMappingURL=index.js.map