Merge branch 'perf/device-position/08-22' into 'main_dev'

perf: 优化设备分布地图，弹窗可自定义显示内容，解除只能新增10个字段的限制

See merge request yunteng/thingskit-view!284

@@ -36,7 +36,6 @@
         <setting-item-box :alone="true">
         <setting-item-box :alone="true">
           <setting-item>
           <setting-item>
             <n-button
             <n-button
-              v-if="optionData.dialogConfigField.length < 9"
               size="small"
               size="small"
               @click="
               @click="
                 optionData.dialogConfigField.push({
                 optionData.dialogConfigField.push({

@@ -83,6 +83,7 @@ const initMap = (newData: any) => {
         skyColor: skyColor.value,
         skyColor: skyColor.value,
         viewMode: viewMode.value, // 地图模式
         viewMode: viewMode.value, // 地图模式
         willReadFrequently: true,
         willReadFrequently: true,
+        // zoomEnable: false,
         WebGLParams: {
         WebGLParams: {
           preserveDrawingBuffer: true
           preserveDrawingBuffer: true
         }
         }
@@ -172,10 +173,11 @@ const createInfoWindow = async (extraInfo: dataExtraInfoType) => {
     //
     //
 
 
     const dialogStyles = {
     const dialogStyles = {
-      textOverflowStyle: `width:15rem;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;`,
-      customFieldBox: `display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;color:white;`,
+      textOverflowStyle: `width:18rem;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;`,
+      customFieldBox: `display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;color:white;gap:4px;`,
       defaultFieldHeaderBox: `display:flex;justify-content:space-between;align-items:center;color:white;`,
       defaultFieldHeaderBox: `display:flex;justify-content:space-between;align-items:center;color:white;`,
       defaultFieldHeaderBoldText: `width:12rem;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;font-size:15px;font-weight:bold;`,
       defaultFieldHeaderBoldText: `width:12rem;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;font-size:15px;font-weight:bold;`,
+      fieldBox: 'height: 11rem; overflow: hidden; overflow-y: auto;',
       defaultFieldBox: `display:flex;flex-direction:column;justify-content:space-between;color:white;margin-top:1rem;gap:0.95rem;`,
       defaultFieldBox: `display:flex;flex-direction:column;justify-content:space-between;color:white;margin-top:1rem;gap:0.95rem;`,
       iconSize: `width:1.2rem;height:1.2rem;`,
       iconSize: `width:1.2rem;height:1.2rem;`,
       textStatus: `margin-left:0.6rem;font-weight:bold;`,
       textStatus: `margin-left:0.6rem;font-weight:bold;`,
@@ -189,15 +191,17 @@ const createInfoWindow = async (extraInfo: dataExtraInfoType) => {
       dialogCustomField.value
       dialogCustomField.value
         ? `
         ? `
       <div style="position: absolute;top: 135px;left:110px;width:20rem">
       <div style="position: absolute;top: 135px;left:110px;width:20rem">
-        <div style="${dialogStyles.customFieldBox}">
-         ${realDialogConfigFieldValue?.map((item: { label: string; value: string; realValue: any }) => {
-           const { label, realValue } = item
-           return `
-             <div style="${dialogStyles.textOverflowStyle}">
-             <span >${label}：${realValue}</span>
-             </div>
-            `
-         })}
+        <div style="${dialogStyles.fieldBox}">
+          <div style="${dialogStyles.customFieldBox}">
+            ${realDialogConfigFieldValue?.map((item: { label: string; value: string; realValue: any }) => {
+              const { label, realValue } = item
+              return `
+                <div style="${dialogStyles.textOverflowStyle}">
+                <span >${label}：${realValue}</span>
+                </div>
+                `
+            })}
+          </div>
         </div>
         </div>
       </div>
       </div>
       `
       `