[Style 0000]矿端首页样式修改

src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-C2H2.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34.952" height="16.482" viewBox="0 0 34.952 16.482">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.149" x2="0.893" y2="0.89" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#0157ff"/>
+      <stop offset="1" stop-color="#24bbff"/>
+    </linearGradient>
+  </defs>
+  <g id="乙炔" transform="translate(17343.862 -17565.113)">
+    <path id="路径_56287" data-name="路径 56287" d="M160.723,323.114a1.547,1.547,0,0,0-1.5-.794,1.505,1.505,0,0,0-.989.321,2.146,2.146,0,0,0-.613,1.045,8.89,8.89,0,0,0-.307,1.9q-.084,1.171-.084,2.871a27.874,27.874,0,0,0,.125,2.926,6.493,6.493,0,0,0,.376,1.728,1.567,1.567,0,0,0,.641.822,1.844,1.844,0,0,0,.906.209,2.1,2.1,0,0,0,.794-.139,1.393,1.393,0,0,0,.641-.585,3.789,3.789,0,0,0,.418-1.226,11.234,11.234,0,0,0,.153-2.09h3.205a14.27,14.27,0,0,1-.2,2.453,5.574,5.574,0,0,1-.752,2.035A3.721,3.721,0,0,1,162,335.976a5.825,5.825,0,0,1-2.578.488,6.061,6.061,0,0,1-2.871-.585,3.916,3.916,0,0,1-1.644-1.672,7.358,7.358,0,0,1-.739-2.606,33.447,33.447,0,0,1,0-6.675,7.371,7.371,0,0,1,.739-2.62,4.181,4.181,0,0,1,1.644-1.7,5.783,5.783,0,0,1,2.871-.613,5.574,5.574,0,0,1,2.7.557,3.8,3.8,0,0,1,1.477,1.393,4.942,4.942,0,0,1,.613,1.853,15.5,15.5,0,0,1,.125,1.867h-3.2A5.783,5.783,0,0,0,160.723,323.114Zm14.793-2.843v6.09h3.748v-6.09h3.205v15.914h-3.205V329.12h-3.748v7.065h-3.205V320.271Z" transform="translate(-17497.869 17245.127)" fill="url(#linear-gradient)"/>
+    <path id="路径_56291" data-name="路径 56291" d="M183.816,336.181a5.4,5.4,0,0,1,.125-1.225,4.524,4.524,0,0,1,.4-1.085,5.819,5.819,0,0,1,.682-1,10.381,10.381,0,0,1,.96-1l.807-.751a4.542,4.542,0,0,0,.543-.543,2.272,2.272,0,0,0,.32-.5,1.892,1.892,0,0,0,.139-.543,5.348,5.348,0,0,0,0-.668.988.988,0,0,0-.974-1.225.9.9,0,0,0-.932.571,1.977,1.977,0,0,0-.153.612v.737h-1.92v-.334a2.867,2.867,0,0,1,.738-2.115,3.173,3.173,0,0,1,2.324-.738,3.117,3.117,0,0,1,2.227.7,2.635,2.635,0,0,1,.724,1.99,4.426,4.426,0,0,1-.083.877,3.355,3.355,0,0,1-.264.779,3.674,3.674,0,0,1-.473.737,6.957,6.957,0,0,1-.71.724l-1.113,1.03a4.173,4.173,0,0,0-.7.779,2.282,2.282,0,0,0-.32.668h3.674v1.531h-6.025Z" transform="translate(-17516.75 17245.414)" fill="url(#linear-gradient)"/>
+    <path id="路径_56292" data-name="路径 56292" d="M183.816,336.181a5.4,5.4,0,0,1,.125-1.225,4.524,4.524,0,0,1,.4-1.085,5.819,5.819,0,0,1,.682-1,10.381,10.381,0,0,1,.96-1l.807-.751a4.542,4.542,0,0,0,.543-.543,2.272,2.272,0,0,0,.32-.5,1.892,1.892,0,0,0,.139-.543,5.348,5.348,0,0,0,0-.668.988.988,0,0,0-.974-1.225.9.9,0,0,0-.932.571,1.977,1.977,0,0,0-.153.612v.737h-1.92v-.334a2.867,2.867,0,0,1,.738-2.115,3.173,3.173,0,0,1,2.324-.738,3.117,3.117,0,0,1,2.227.7,2.635,2.635,0,0,1,.724,1.99,4.426,4.426,0,0,1-.083.877,3.355,3.355,0,0,1-.264.779,3.674,3.674,0,0,1-.473.737,6.957,6.957,0,0,1-.71.724l-1.113,1.03a4.173,4.173,0,0,0-.7.779,2.282,2.282,0,0,0-.32.668h3.674v1.531h-6.025Z" transform="translate(-17498.75 17245.414)" fill="url(#linear-gradient)"/>
+  </g>
+</svg>

src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-C2H4.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36.071" height="16.482" viewBox="0 0 36.071 16.482">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.149" x2="0.893" y2="0.89" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#0157ff"/>
+      <stop offset="1" stop-color="#24bbff"/>
+    </linearGradient>
+  </defs>
+  <g id="乙烯" transform="translate(17343.864 -17565.114)">
+    <path id="路径_56287" data-name="路径 56287" d="M160.723,323.114a1.547,1.547,0,0,0-1.5-.794,1.505,1.505,0,0,0-.989.321,2.146,2.146,0,0,0-.613,1.045,8.89,8.89,0,0,0-.307,1.9q-.084,1.171-.084,2.871a27.874,27.874,0,0,0,.125,2.926,6.493,6.493,0,0,0,.376,1.728,1.567,1.567,0,0,0,.641.822,1.844,1.844,0,0,0,.906.209,2.1,2.1,0,0,0,.794-.139,1.393,1.393,0,0,0,.641-.585,3.789,3.789,0,0,0,.418-1.226,11.234,11.234,0,0,0,.153-2.09h3.205a14.27,14.27,0,0,1-.2,2.453,5.574,5.574,0,0,1-.752,2.035A3.721,3.721,0,0,1,162,335.976a5.825,5.825,0,0,1-2.578.488,6.061,6.061,0,0,1-2.871-.585,3.916,3.916,0,0,1-1.644-1.672,7.358,7.358,0,0,1-.739-2.606,33.447,33.447,0,0,1,0-6.675,7.371,7.371,0,0,1,.739-2.62,4.181,4.181,0,0,1,1.644-1.7,5.783,5.783,0,0,1,2.871-.613,5.574,5.574,0,0,1,2.7.557,3.8,3.8,0,0,1,1.477,1.393,4.942,4.942,0,0,1,.613,1.853,15.5,15.5,0,0,1,.125,1.867h-3.2A5.783,5.783,0,0,0,160.723,323.114Zm14.793-2.843v6.09h3.748v-6.09h3.205v15.914h-3.205V329.12h-3.748v7.065h-3.205V320.271Zm11.538,6.048h2.076v6.257h.948v1.561h-.948v2.048H187.29v-2.048h-3.512v-1.644Zm.209,2.508-1.923,3.748h1.951v-3.748Z" transform="translate(-17497.869 17245.127)" fill="url(#linear-gradient)"/>
+    <path id="路径_56291" data-name="路径 56291" d="M183.816,336.181a5.4,5.4,0,0,1,.125-1.225,4.524,4.524,0,0,1,.4-1.085,5.819,5.819,0,0,1,.682-1,10.381,10.381,0,0,1,.96-1l.807-.751a4.542,4.542,0,0,0,.543-.543,2.272,2.272,0,0,0,.32-.5,1.892,1.892,0,0,0,.139-.543,5.348,5.348,0,0,0,0-.668.988.988,0,0,0-.974-1.225.9.9,0,0,0-.932.571,1.977,1.977,0,0,0-.153.612v.737h-1.92v-.334a2.867,2.867,0,0,1,.738-2.115,3.173,3.173,0,0,1,2.324-.738,3.117,3.117,0,0,1,2.227.7,2.635,2.635,0,0,1,.724,1.99,4.426,4.426,0,0,1-.083.877,3.355,3.355,0,0,1-.264.779,3.674,3.674,0,0,1-.473.737,6.957,6.957,0,0,1-.71.724l-1.113,1.03a4.173,4.173,0,0,0-.7.779,2.282,2.282,0,0,0-.32.668h3.674v1.531h-6.025Z" transform="translate(-17516.75 17245.414)" fill="url(#linear-gradient)"/>
+  </g>
+</svg>

src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-CH4.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.071" height="16.482" viewBox="0 0 30.071 16.482">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.149" x2="0.893" y2="0.89" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#0157ff"/>
+      <stop offset="1" stop-color="#24bbff"/>
+    </linearGradient>
+  </defs>
+  <path id="甲烷" d="M166.723,323.114a1.547,1.547,0,0,0-1.5-.794,1.505,1.505,0,0,0-.989.321,2.146,2.146,0,0,0-.613,1.045,8.89,8.89,0,0,0-.307,1.9q-.084,1.171-.084,2.871a27.874,27.874,0,0,0,.125,2.926,6.493,6.493,0,0,0,.376,1.728,1.567,1.567,0,0,0,.641.822,1.844,1.844,0,0,0,.906.209,2.1,2.1,0,0,0,.794-.139,1.393,1.393,0,0,0,.641-.585,3.789,3.789,0,0,0,.418-1.226,11.234,11.234,0,0,0,.153-2.09h3.205a14.27,14.27,0,0,1-.2,2.453,5.574,5.574,0,0,1-.752,2.035A3.721,3.721,0,0,1,168,335.976a5.825,5.825,0,0,1-2.578.488,6.061,6.061,0,0,1-2.871-.585,3.916,3.916,0,0,1-1.644-1.672,7.358,7.358,0,0,1-.739-2.606,33.447,33.447,0,0,1,0-6.675,7.371,7.371,0,0,1,.739-2.62,4.181,4.181,0,0,1,1.644-1.7,5.783,5.783,0,0,1,2.871-.613,5.574,5.574,0,0,1,2.7.557,3.8,3.8,0,0,1,1.477,1.393,4.942,4.942,0,0,1,.613,1.853,15.5,15.5,0,0,1,.125,1.867h-3.2A5.783,5.783,0,0,0,166.723,323.114Zm8.793-2.843v6.09h3.748v-6.09h3.205v15.914h-3.205V329.12h-3.748v7.065h-3.205V320.271Zm11.538,6.048h2.076v6.257h.948v1.561h-.948v2.048H187.29v-2.048h-3.512v-1.644Zm.209,2.508-1.923,3.748h1.951v-3.748Z" transform="translate(-160.006 -319.986)" fill="url(#linear-gradient)"/>
+</svg>

src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-CO.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22.793" height="16.482" viewBox="0 0 22.793 16.482">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.149" x2="0.893" y2="0.89" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#0157ff"/>
+      <stop offset="1" stop-color="#24bbff"/>
+    </linearGradient>
+  </defs>
+  <path id="一氧化碳" d="M262.713,323.128a1.545,1.545,0,0,0-1.5-.793,1.5,1.5,0,0,0-.988.32,2.143,2.143,0,0,0-.612,1.044,8.876,8.876,0,0,0-.306,1.893q-.084,1.169-.083,2.867a27.83,27.83,0,0,0,.125,2.922,6.484,6.484,0,0,0,.376,1.725,1.564,1.564,0,0,0,.64.821,1.826,1.826,0,0,0,.9.209,2.091,2.091,0,0,0,.793-.139,1.391,1.391,0,0,0,.64-.584,3.786,3.786,0,0,0,.417-1.225,11.215,11.215,0,0,0,.153-2.087h3.2a14.249,14.249,0,0,1-.195,2.449,5.567,5.567,0,0,1-.751,2.032,3.716,3.716,0,0,1-1.531,1.392,5.817,5.817,0,0,1-2.574.487,6.053,6.053,0,0,1-2.867-.584,3.91,3.91,0,0,1-1.642-1.67,7.347,7.347,0,0,1-.738-2.6,33.4,33.4,0,0,1,0-6.665,7.361,7.361,0,0,1,.738-2.616,4.174,4.174,0,0,1,1.642-1.7,5.774,5.774,0,0,1,2.867-.612,5.566,5.566,0,0,1,2.7.557,3.793,3.793,0,0,1,1.475,1.392,4.936,4.936,0,0,1,.612,1.851,15.48,15.48,0,0,1,.125,1.865h-3.2A5.775,5.775,0,0,0,262.713,323.128Zm5.413,1.781a7.361,7.361,0,0,1,.738-2.616,4.175,4.175,0,0,1,1.642-1.7,7.041,7.041,0,0,1,5.747,0,4.175,4.175,0,0,1,1.642,1.7,7.389,7.389,0,0,1,.738,2.616,33.4,33.4,0,0,1,0,6.665,7.376,7.376,0,0,1-.738,2.6,3.9,3.9,0,0,1-1.642,1.67,7.417,7.417,0,0,1-5.747,0,3.91,3.91,0,0,1-1.642-1.67,7.347,7.347,0,0,1-.738-2.6A33.4,33.4,0,0,1,268.126,324.909Zm3.117,6.053a7.63,7.63,0,0,0,.306,1.823,2.022,2.022,0,0,0,.668,1.03,2.2,2.2,0,0,0,2.3,0,2.031,2.031,0,0,0,.668-1.03,7.549,7.549,0,0,0,.306-1.823q.083-1.127.083-2.783t-.083-2.783a7.68,7.68,0,0,0-.306-1.823,2.032,2.032,0,0,0-.668-1.03,2.2,2.2,0,0,0-2.3,0,2.033,2.033,0,0,0-.668,1.03,7.751,7.751,0,0,0-.306,1.823q-.083,1.115-.083,2.783T271.244,330.963Z" transform="translate(-256.007 -319.982)" fill="url(#linear-gradient)"/>
+</svg>

src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-O2.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.961" height="19.275" viewBox="0 0 20.961 19.275">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.149" x2="0.893" y2="0.89" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#0157ff"/>
+      <stop offset="1" stop-color="#24bbff"/>
+    </linearGradient>
+  </defs>
+  <path id="氧气" d="M185.858,338.971a6.33,6.33,0,0,1,.147-1.435,5.3,5.3,0,0,1,.473-1.272,6.82,6.82,0,0,1,.8-1.174,12.169,12.169,0,0,1,1.126-1.174l.946-.881a5.327,5.327,0,0,0,.636-.636,2.664,2.664,0,0,0,.375-.587,2.218,2.218,0,0,0,.163-.636,6.27,6.27,0,0,0,0-.783,1.158,1.158,0,0,0-1.142-1.435,1.06,1.06,0,0,0-1.093.669,2.317,2.317,0,0,0-.179.718v.865h-2.251v-.391a3.36,3.36,0,0,1,.865-2.479,3.719,3.719,0,0,1,2.724-.865,3.654,3.654,0,0,1,2.61.816,3.089,3.089,0,0,1,.848,2.333,5.188,5.188,0,0,1-.1,1.028,3.933,3.933,0,0,1-.31.914,4.307,4.307,0,0,1-.555.865,8.155,8.155,0,0,1-.832.848l-1.3,1.207a4.891,4.891,0,0,0-.816.913,2.675,2.675,0,0,0-.375.783h4.306v1.794h-7.063Zm-10.048-6.117a8.849,8.849,0,0,0,.359,2.137,2.364,2.364,0,0,0,.783,1.207,2.577,2.577,0,0,0,2.692,0,2.364,2.364,0,0,0,.783-1.207,8.942,8.942,0,0,0,.359-2.137q.1-1.321.1-3.262t-.1-3.262a9.086,9.086,0,0,0-.359-2.137,2.382,2.382,0,0,0-.783-1.207,2.577,2.577,0,0,0-2.692,0,2.384,2.384,0,0,0-.783,1.207,9.036,9.036,0,0,0-.359,2.137q-.1,1.307-.1,3.262T175.809,332.854Zm-3.654-7.1a8.629,8.629,0,0,1,.865-3.067,4.894,4.894,0,0,1,1.925-1.99,8.254,8.254,0,0,1,6.737,0,4.894,4.894,0,0,1,1.925,1.99,8.629,8.629,0,0,1,.865,3.067,39.146,39.146,0,0,1,0,7.814,8.612,8.612,0,0,1-.865,3.05,4.584,4.584,0,0,1-1.925,1.957,8.694,8.694,0,0,1-6.737,0,4.584,4.584,0,0,1-1.925-1.957,8.613,8.613,0,0,1-.865-3.05A39.148,39.148,0,0,1,172.155,325.758Z" transform="translate(-171.96 -319.982)" fill="url(#linear-gradient)"/>
+</svg>

src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-pre.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.943" height="16.482" viewBox="0 0 24.943 16.482">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.149" x2="0.893" y2="0.89" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#0157ff"/>
+      <stop offset="1" stop-color="#24bbff"/>
+    </linearGradient>
+  </defs>
+  <path id="压差" d="M326.735,402.78h6.305a3.607,3.607,0,0,1,3.109,1.531,6.662,6.662,0,0,1,1.29,4.1c0,3.992-1.991,5.851-4.8,5.851H330.45v4.986h-3.715Zm3.768,7.566h1.456c.985,0,2.013-.086,2.013-1.758S333.115,407,332.184,407H330.45Zm-4.839,8.632H312.5l6.573-15.319Zm-9.431-2.882h5.717l-2.858-6.672Z" transform="translate(-312.497 -402.77)" fill="url(#linear-gradient)"/>
+</svg>

src/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-tem.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.67" height="25.123" viewBox="0 0 14.67 25.123">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.149" x2="0.893" y2="0.89" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#0157ff"/>
+      <stop offset="1" stop-color="#24bbff"/>
+    </linearGradient>
+  </defs>
+  <path id="温度" d="M221.225,15.465V8.726a.744.744,0,0,0-.743-.743h-.059a.721.721,0,0,0-.721.721v6.761a2.617,2.617,0,0,0-1.921,2.495,2.684,2.684,0,1,0,3.444-2.495Zm3.947-2.986a.678.678,0,0,1-.265-.515V4.345a4.446,4.446,0,0,0-8.891,0v7.4a1.059,1.059,0,0,1-.361.812,7.066,7.066,0,0,0-2.527,5.4,7.337,7.337,0,0,0,14.67,0A7.066,7.066,0,0,0,225.172,12.48Zm-4.71,10.37a4.963,4.963,0,0,1-5.024-4.889,4.843,4.843,0,0,1,2.348-4.131l.356-.218a.394.394,0,0,0,.186-.334V4.345a2.138,2.138,0,0,1,4.274,0v8.932a.394.394,0,0,0,.186.334l.356.218a4.838,4.838,0,0,1,2.345,4.131,4.968,4.968,0,0,1-5.027,4.889Z" transform="translate(-213.13)" fill="url(#linear-gradient)"/>
+</svg>

src/components/Configurable/detail/CustomGallery.vue

@@ -62,4 +62,262 @@
   .gallery-item__value_lightblue {
     color: lightblue;
   }
+
+  .gallery > .gallery-item_A {
+    width: 180px;
+    height: 30px;
+    position: absolute;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-A-5.png');
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 10px;
+    .gallery-item__value {
+      font-size: 20px;
+      font-family: 'DDIN-Bold';
+    }
+    .gallery-item__label {
+      color: black;
+      font-size: 12px;
+      font-weight: bold;
+    }
+  }
+  .gallery > .gallery-item_A:nth-child(2) {
+    top: calc(50% - 55px);
+    left: calc(50% - 200px);
+    width: 110px;
+    height: 110px;
+    line-height: 110px;
+    padding: 0;
+    background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-A-1.png');
+    display: flex;
+    flex-direction: column;
+    justify-content: center; // 建议添加，使内容在 110px 高度内垂直居中
+    align-items: center;     // 建议添加，使内容水平居中
+
+    .gallery-item__label {
+      // display: none;
+      color: black;
+      font-size: 17px;
+      font-weight: bold;
+      order: 2;
+    }
+    .gallery-item__value {
+      width: 100%;
+      height: 30px;
+      text-align: center;
+      font-size: 30px;
+      color: #0070ff;
+      font-weight: bold;
+      font-family: 'DDIN-Bold';
+      order: 1;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: -12px; 
+      left: 93%;
+      width: 42px;
+      height: 130px;
+      background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-A-2.png');
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      pointer-events: none;
+    }
+  }
+  .gallery > .gallery-item_A:nth-child(3) {
+    top: calc(10px);
+    left: calc(50%);
+    .gallery-item__value {
+      color: #00b161;
+    }
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 8px;
+      left: -78px;
+      width: 68px;
+      height: 8px;
+      background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-A-3.png');
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      pointer-events: none;
+    }
+  }
+  .gallery > .gallery-item_A:nth-child(4) {
+    top: calc(50% - 34px);
+    left: calc(50%);
+    .gallery-item__value {
+      color: #0070ff;
+    }
+    &::before {
+      content: '';
+      position: absolute;
+      top: 8px;
+      left: -62px;
+      width: 43px;
+      height: 8px;
+      background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-A-4.png');
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      pointer-events: none;
+    }
+  }
+  .gallery > .gallery-item_A:nth-child(5) {
+    top: calc(50% + 4px);
+    left: calc(50%);
+    .gallery-item__value {
+      color: #6b7772;
+    }
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 8px;
+      left: -62px;
+      width: 43px;
+      height: 8px;
+      background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-A-4.png');
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      pointer-events: none;
+    }
+  }
+  .gallery > .gallery-item_A:nth-child(6) {
+    bottom: calc(10px);
+    left: calc(50%);
+    .gallery-item__value {
+      color: #ee0000;
+    }
+    &::before {
+      content: '';
+      position: absolute;
+      top: 8px;
+      left: -78px;
+      width: 68px;
+      height: 8px;
+      background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-A-3.png');
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      pointer-events: none;
+    }
+  }
+
+  .gallery-item_center_B {
+    background: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-B-1.png') no-repeat;
+    width: 200px;
+    height: 200px;
+    left: calc(50% - 100px);
+    top: calc(50% - 100px);
+    position: absolute;
+    background-size: 100% auto;
+    z-index: 1;
+  }
+  .gallery > .gallery-item_B {
+    background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-B-2.png');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 150px;
+    height: 70px;
+    position: absolute;
+    text-align: center;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: start;
+    padding: 0 20px;
+    .gallery-item__label {
+      height: 60px;
+      color: black;
+      margin-top: 10px;
+      font-weight: bold;
+    }
+    .gallery-item__value {
+      font-size: 30px;
+      font-family: 'DDIN-Bold';
+    }
+  }
+  .gallery > .gallery-item_B:nth-child(2) {
+    top: calc(50% - 100px);
+    left: calc(50% - 200px);
+    .gallery-item__value{
+      color: #0070ff;
+    }
+
+  }
+  .gallery > .gallery-item_B:nth-child(3) {
+    top: calc(50% - 100px);
+    right: calc(50% - 200px);
+    background: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-B-3.png');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    align-items: end;
+    .gallery-item__value{
+      color: #b39f01;
+    }
+  }
+  .gallery > .gallery-item_B:nth-child(4) {
+    bottom: calc(50% - 100px);
+    left: calc(50% - 200px);
+    .gallery-item__value{
+      color: #e6a23d;
+    }
+  }
+  .gallery > .gallery-item_B:nth-child(5) {
+    bottom: calc(50% - 100px);
+    right: calc(50% - 200px);
+    background: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-B-3.png');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    align-items: end;
+    .gallery-item__value{
+      color: #d04f56;
+    }
+  }
+
+  .gallery_C {
+    background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-C-1.png');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    margin-top: 10px;
+    height: calc(100% - 15px) !important;
+  }
+  .gallery-item_center_C {
+    width: 120px;
+    height: 100px;
+    background-image: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-C-2.png');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    margin-right: 40px;
+  }
+  .gallery > .gallery-item_C {
+    height: 70px;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: start;
+    padding: 0 20px;
+    .gallery-item__label {
+      color: black;
+      margin-bottom: 10px;
+      font-weight: bold;
+      font-size: 20px;
+    }
+    .gallery-item__value {
+      font-size: 30px;
+      font-family: 'DDIN-Bold';
+      color: #0070ff;
+    }
+  }
 </style>

src/components/Configurable/detail/CustomTable.vue

@@ -195,9 +195,10 @@
     font-weight: bold;
     font-size: 15px;
     color: #000000;
-  }
-  .table__content_list_row{
-    color: #000000 !important;
+    .table__content_list_row{
+      color: #000000 !important;
+      margin-bottom: 10px !important;
+    }
   }
   // /* 第一个子元素：红色 */
   .table__content_list_row .table__content__list_item_C:nth-child(1) {

src/components/Configurable/detail/MiniBoard.vue

@@ -1,7 +1,26 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <div class="mini-board" :class="`mini-board_${type} mini-board_${type}_${getValueDecoClass(value)}`">
-    <template v-if="layout === 'val-top'">
+    
+     <!-- Type H 的特殊布局: 左边 SVG, 右边 Label/Value -->
+    <template v-if="type === 'H'">
+      <div class="mini-board__icon-h">
+        <div class="icon-item"></div>
+      </div>
+      <div class="mini-board__content-h">
+        <slot name="label">
+          <div class="mini-board__label mini-board__label_H">
+            {{ label }}
+          </div>
+        </slot>
+        <slot name="value">
+          <div class="mini-board__value mini-board__value_H">
+            {{ value }}
+          </div>
+        </slot>
+      </div>
+    </template>
+    <template v-else-if="layout === 'val-top'">
       <slot name="value">
         <div class="mini-board__value" :class="`mini-board__value_${type}`">
           {{ value }}
@@ -13,7 +32,7 @@
         </div>
       </slot>
     </template>
-    <template v-if="layout === 'label-top'">
+    <template v-else-if="layout === 'label-top'">
       <slot name="label">
         <div class="mini-board__label" :class="`mini-board__label_${type}`">
           {{ label }}
@@ -83,6 +102,16 @@
     --image-board-bg-D: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-D.png');
     --image-board-bg-E: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-E.png');
     --image-board-bg-G: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-G.png');
+    --image-board-bg-H: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H.png');
+    --image-board-bg-H-CH4: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-CH4.svg');
+    --image-board-bg-H-CO: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-CO.svg');
+    --image-board-bg-H-CO2: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-CO2.svg');
+    --image-board-bg-H-O2: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-O2.svg');
+    --image-board-bg-H-C2H4: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-C2H4.svg');
+    --image-board-bg-H-C2H2: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-C2H2.svg');
+    --image-board-bg-H-pre: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-pre.svg');
+    --image-board-bg-H-tem: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-H-tem.svg');
+
     height: 50px;
     line-height: 25px;
     width: 130px;
@@ -323,4 +352,94 @@
     font-family: 'DDIN-Bold';
     padding-bottom: 3px;
   }
+
+  .mini-board_H {
+    width: 190px;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 10px;
+  }
+
+  .mini-board__icon-h {
+    width: 60px;
+    height: 60px;
+    display: flex;
+    // align-items: center;
+    justify-content: center;
+    background-image: var(--image-board-bg-H);
+    background-size: 100% 100%;
+    flex-shrink: 0;
+
+    .icon-item {
+      width: 25px;
+      height: 25px;
+      background-image: var(--image-board-bg-H-CH4);
+      background-size: 100% 100%;
+      margin-top: 7px;
+    }
+  }
+  .mini-board_H:nth-child(1) .mini-board__icon-h .icon-item{
+    background-image: var(--image-board-bg-H-CH4);
+  }
+  .mini-board_H:nth-child(2) .mini-board__icon-h .icon-item{
+    width: 21px;
+    background-image: var(--image-board-bg-H-CO);
+  }
+  .mini-board_H:nth-child(3) .mini-board__icon-h .icon-item{
+    background-image: var(--image-board-bg-H-CO2);
+  }
+  .mini-board_H:nth-child(4) .mini-board__icon-h .icon-item{
+    width: 20px;
+    background-image: var(--image-board-bg-H-O2);
+  }
+  .mini-board_H:nth-child(5) .mini-board__icon-h .icon-item{
+    width: 28px;
+    background-image: var(--image-board-bg-H-C2H4);
+  }
+  .mini-board_H:nth-child(6) .mini-board__icon-h .icon-item{
+    width: 28px;
+    background-image: var(--image-board-bg-H-C2H2);
+  }
+  .mini-board_H:nth-child(7) .mini-board__icon-h .icon-item{
+    width: 20px;
+    background-image: var(--image-board-bg-H-pre);
+  }
+  .mini-board_H:nth-child(8) .mini-board__icon-h .icon-item{
+    width: 20px;
+    background-image: var(--image-board-bg-H-tem);
+  }
+
+  .mini-board__content-h {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: start; /* 文字靠右对齐，或者 center 居中 */
+    padding-left: 10px;
+    overflow: hidden;
+  }
+
+  .mini-board__label_H {
+    color: #000;
+    font-size: 12px;
+    font-weight: bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    margin-bottom: 6px;
+  }
+
+  .mini-board__value_H {
+    color: #0070ff;
+    font-size: 20px;
+    font-family: 'DDIN-Bold';
+    line-height: 1.2;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
 </style>

src/components/Configurable/preset/BoardTable.vue

@@ -1,4 +1,3 @@
-<!-- e:\code\work\goaf-monitoring-system\src\components\Configurable\preset\BoardTable.vue -->
 <template>
   <div class="board-table-container">
     <!-- Table 区域 -->
@@ -61,25 +60,41 @@
         </div>
       </div>
     </div>
-    <!-- Board 区域 - 支持多个 board 配置 -->
+
+    <!-- Board 区域 - 修改为单选切换模式 -->
     <div class="board-section">
-      <div 
-        v-for="(boardCfg, boardIndex) in boardConfigList" 
-        :key="`board-section-${boardIndex}`"
+      <!-- 1. Board 标题单选框组 -->
+      <div class="board-selector" v-if="boardConfigList.length > 1">
+        <label 
+          v-for="(cfg, index) in boardConfigList" 
+          :key="`selector-${index}`"
+          class="board-radio-label"
         >
-        <div v-if="boardCfg.title" class="board-title">
-          <div class="board-title-text">{{boardCfg.title}}</div>
-        </div>
-        <div class="board-list">
-          <MiniBoard
-            v-for="(item, itemIndex) in getBoardItems(boardCfg, boardIndex)"
-            :key="`board-${boardIndex}-${itemIndex}`"
-            :label="item.label"
-            :value="item.value"
-            :layout="boardCfg.layout || 'val-top'"
-            :type="boardCfg.type || 'D'"
+          <input 
+            type="radio" 
+            name="board-selector" 
+            :value="index" 
+            v-model="selectedBoardIndex"
           />
-        </div>
+          <span>{{ cfg.title || `Board ${index + 1}` }}</span>
+        </label>
+      </div>
+      
+      <!-- 如果只有一个 board，直接显示标题（可选，或者隐藏标题） -->
+      <div class="board-title" v-else-if="boardConfigList.length === 1 && boardConfigList[0].title">
+         <div class="board-title-text">{{ boardConfigList[0].title }}</div>
+      </div>
+
+      <!-- 2. 单个 Board 内容展示区 -->
+      <div class="board-list" v-if="currentBoardConfig">
+        <MiniBoard
+          v-for="(item, itemIndex) in getCurrentBoardItems()"
+          :key="`board-item-${itemIndex}`"
+          :label="item.label"
+          :value="item.value"
+          :layout="currentBoardConfig.layout || 'val-top'"
+          :type="currentBoardConfig.type || 'D'"
+        />
       </div>
     </div>
   </div>
@@ -137,6 +152,9 @@
 
   // 当前选中的行索引
   const selectedRowIndex = ref<number>(0);
+  // 当前选中的 Board 索引
+  const selectedBoardIndex = ref<number>(0);
+  
   const uniqueId = ref(`bt-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`);
   const radioGroupName = computed(() => `board-table-radio-${uniqueId.value}`);
 
@@ -154,6 +172,11 @@
     return [];
   });
 
+  // 当前激活的 Board 配置
+  const currentBoardConfig = computed(() => {
+    return boardConfigList.value[selectedBoardIndex.value] || null;
+  });
+
   // 单选框列固定宽度
   const radioColumnWidth = computed(() => {
     return `${props.radioWidth}px`;
@@ -175,14 +198,17 @@
     const d = get(o, p);
     return isNil(d) ? props.defaultValue : d === '' ? props.defaultValue : d;
   }
-  // 获取指定 board 的 items
-  function getBoardItems(boardCfg: BoardConfig, boardIndex: number) {
-    return boardItemsList.value[boardIndex] || [];
+
+  // 获取当前选中 Board 的 items
+  function getCurrentBoardItems() {
+    if (!currentBoardConfig.value) return [];
+    return boardItemsList.value[selectedBoardIndex.value] || [];
   }
 
- function updateBoardData(rowData: any) {
+  function updateBoardData(rowData: any) {
     if (!rowData) return;
 
+    // 重新计算所有 board 的数据，确保切换时数据是最新的
     boardItemsList.value = boardConfigList.value.map(boardCfg => {
       if (!boardCfg?.items) return [];
 
@@ -202,7 +228,7 @@
         };
       });
     });
-  }  // 根据选中行更新 board 数据（内部自动处理联动）
+  }
 
   // 处理行点击
   function handleRowClick(index: number) {
@@ -261,14 +287,40 @@
     flex: none;
     overflow: hidden;
     padding: 10px 0;
+    display: flex;
+    flex-direction: column;
+
+    .board-selector {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 15px;
+      padding: 0 10px;
+      .board-radio-label {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        font-size: 14px;
+        color: #333;
+        
+        input[type='radio'] {
+          margin-right: 5px;
+          cursor: pointer;
+        }
+
+        &:hover span {
+          color: #103d82;
+        }
+      }
+    }
+
     .board-title {
       display: flex;
       align-items: center;
       justify-content: space-between;
       width: 100%;
       height: 25px;
-      background: var(--image-module-title) no-repeat;
-      background-size: cover;
+      // background: var(--image-module-title) no-repeat;
+      // background-size: cover;
       padding-left: 10px;
       .board-title-text {
         color: #103d82;
@@ -284,7 +336,8 @@
       display: flex;
       flex-wrap: wrap;
       justify-content: space-around;
-      padding: 10px 0;
+      flex: 1;
+      overflow-y: auto;
     }
     :deep(.mini-board){
       margin-bottom: 10px;

src/components/Configurable/types.ts

@@ -133,7 +133,7 @@ export interface CommonItem {
 
 export interface ModuleDataBoard extends ReadFrom {
   /** 展示牌预设的背景类型 */
-  type: 'A' | 'B' | 'C' | 'D' | 'E' |'F';
+  type: 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H';
   /** 展示牌布局，决定是 label 部分在上方或是 value 在上方 */
   layout: 'val-top' | 'label-top' | 'new-top' | 'new1-top' | 'new2-top' | 'new3-top';
   /** 核心配置，每个展示牌对应一项 */

src/views/dashboard/SealedGoaf/configurable.data.sealedGoaf.ts

@@ -693,7 +693,7 @@ export const testConfigSealedMine: Config[] = [
       background: { show: false, type: 'video', link: '' },
       layout: {
         direction: 'row',
-        items: [{ name: 'board', basis: '100%' }],
+        items: [{ name: 'gallery', basis: '100%' }],
       },
       list: [],
       board: [
@@ -726,14 +726,46 @@ export const testConfigSealedMine: Config[] = [
         },
       ],
       chart: [],
-      gallery: [],
+      gallery: [
+         {
+          type: 'A',
+          readFrom: 'goafStatusNum',
+          items: [
+            {
+              label: '设备总数',
+              value: '${total}',
+              // color: '',
+            },
+            {
+              label: '正常',
+              value: '${status1}',
+              // color: 'lightblue',
+            },
+            {
+              label: '未知',
+              value: '${unknown}',
+              // color: 'lightblue',
+            },
+            {
+              label: '断线',
+              value: '${status0}',
+              // color: 'lightblue',
+            },
+            {
+              label: '报警',
+              value: '${alarm}',
+              // color: 'lightblue',
+            },
+          ],
+        },
+      ],
       gallery_list: [],
       table: [],
       complex_list: [],
       preset: [],
     },
     showStyle: {
-      size: 'width:440px;height:170px;',
+      size: 'width:440px;height:200px;',
       version: '原版',
       position: 'top:70px;left:25px;',
     },
@@ -766,7 +798,7 @@ export const testConfigSealedMine: Config[] = [
         direction: 'column',
         items: [
           {
-            name: 'board',
+            name: 'gallery',
             basis: '100%',
           },
         ],
@@ -797,7 +829,34 @@ export const testConfigSealedMine: Config[] = [
         },
       ],
       chart: [],
-      gallery: [],
+      gallery: [
+         {
+          type: 'B',
+          readFrom: 'goafAlarmNum[0]',
+          items: [
+            {
+              label: '低风险',
+              value: '${alarm1}',
+              // color: '',
+            },
+            {
+              label: '一般风险',
+              value: '${alarm2}',
+              // color: 'lightblue',
+            },
+            {
+              label: '较高风险',
+              value: '${alarm3}',
+              // color: 'lightblue',
+            },
+            {
+              label: '高风险',
+              value: '${alarm4}',
+              // color: 'lightblue',
+            },
+          ],
+        },
+      ],
       gallery_list: [],
       table: [],
       list: [],
@@ -805,7 +864,7 @@ export const testConfigSealedMine: Config[] = [
       preset: [],
     },
     showStyle: {
-      size: 'width:440px;height:210px;',
+      size: 'width:440px;height:270px;',
       version: '原版',
       position: 'top:250px;left:25px;',
     },
@@ -873,9 +932,9 @@ export const testConfigSealedMine: Config[] = [
       preset: [],
     },
     showStyle: {
-      size: 'width:440px;height:420px;',
+      size: 'width:440px;height:360px;',
       version: '原版',
-      position: 'top:470px;left:25px;',
+      position: 'top:530px;left:25px;',
     },
   },
   // 4.  密闭内墙详情展示
@@ -923,9 +982,9 @@ export const testConfigSealedMine: Config[] = [
           readFrom: 'monitorData.records',
           boardConfigs: [
             {
-              type: 'D',
-              layout: 'val-top',
-              title: '密闭内详情',
+              type: 'H',
+              layout: 'label-top',
+              title: '密闭内',
               items: [
                 { label: '甲烷', value: '${ch4Val}' },
                 { label: '一氧化碳', value: '${coVal}' },
@@ -938,9 +997,9 @@ export const testConfigSealedMine: Config[] = [
               ],
             },
             {
-              type: 'D',
-              layout: 'val-top',
-              title: '密闭外详情',
+              type: 'H',
+              layout: 'label-top',
+              title: '密闭外',
               items: [
                 { label: '甲烷', value: '${ch4ValOut}' },
                 { label: '一氧化碳', value: '${coValOut}' },
@@ -966,139 +1025,77 @@ export const testConfigSealedMine: Config[] = [
       ],
     },
     showStyle: {
-      size: 'width:440px;height:800px;',
+      size: 'width:440px;height:650px;',
       version: '原版',
       position: 'top:30px;right:25px;',
     },
   },
-  // 4.  密闭墙外详情展示
-  // {
-  //   deviceType: 'detail_outer_display',
-  //   moduleName: '密闭墙外详情展示',
-  //   pageType: 'sealed_goaf_mine',
-  //   moduleData: {
-  //     header: {
-  //       show: false,
-  //       readFrom: '',
-  //       selector: {
-  //         show: false,
-  //         value: '',
-  //       },
-  //       slot: {
-  //         show: false,
-  //         value: '',
-  //       },
-  //     },
-  //     background: {
-  //       show: false,
-  //       type: 'video',
-  //       link: '',
-  //     },
-  //     layout: {
-  //       direction: 'column',
-  //       items: [
-  //         {
-  //           name: 'board_table',
-  //           basis: '100%',
-  //           overflow: true,
-  //         },
-  //       ],
-  //     },
-  //     board: [],
-  //     chart: [],
-  //     gallery: [],
-  //     gallery_list: [],
-  //     table: [],
-  //     list: [],
-  //     complex_list: [],
-  //     preset: [
-  //       {
-  //         readFrom: 'monitorData',
-  //         board: {
-  //           type: 'D',
-  //           layout: 'val-top',
-  //           items: [
-  //             { label: '甲烷', value: '${ch4Val}' },
-  //             { label: '一氧化碳', value: '${coVal}' },
-  //             { label: '二氧化碳', value: '${co2Val}' },
-  //             { label: '氧气', value: '${o2Val}' },
-  //             { label: '乙烯', value: '${c2h2Val}' },
-  //             { label: '乙炔', value: '${c2h4Val}' },
-  //             { label: '压差', value: '${dailyYaCha}' },
-  //             { label: '温度', value: '${temperature}' },
-  //           ],
-  //         },
-  //         table: {
-  //           type: 'D',
-  //           readFrom: '',
-  //           columns: [
-  //             { name: '安装位置', prop: 'devicePos' },
-  //             { name: '预警等级', prop: 'alarmLevel' },
-  //             { name: '状态统计', prop: 'gjMineStatus' },
-  //           ],
-  //         },
-  //       },
-  //     ],
-  //   },
-  //   showStyle: {
-  //     size: 'width:440px;height:420px;',
-  //     version: '原版',
-  //     position: 'top:460px;right:25px;',
-  //   },
-  // },
-  // // 6. 煤层自燃倾向性
-  // {
-  //   deviceType: 'coalSeam_fire',
-  //   moduleName: '煤层自燃倾向性',
-  //   pageType: 'sealed_goaf_mine',
-  //   moduleData: {
-  //     header: {
-  //       show: false,
-  //       readFrom: '',
-  //       selector: {
-  //         show: false,
-  //         value: '',
-  //       },
-  //       slot: {
-  //         show: false,
-  //         value: '',
-  //       },
-  //     },
-  //     background: {
-  //       show: false,
-  //       type: 'video',
-  //       link: '',
-  //     },
-  //     layout: {
-  //       direction: 'column',
-  //       items: [
-  //         {
-  //           name: 'chart',
-  //           basis: '100%',
-  //         },
-  //       ],
-  //     },
-  //     chart: [
-  //       {
-  //         type: 'pie_drag',
-  //         readFrom: '',
-  //         legend: { show: false, formatter: '{b}:{c}\n{d}%' },
-  //         xAxis: [{ show: false }],
-  //         yAxis: [{ show: false, name: '风量', position: 'left' }],
-  //         series: [{ readFrom: 'coalSeamFireData', xprop: 'coalSeamLevel', yprop: 'num', label: '' }],
-  //       },
-  //     ],
-  //     gallery: [],
-  //     gallery_list: [],
-  //     table: [],
-  //     list: [],
-  //     complex_list: [],
-  //     preset: [],
-  //   },
-  //   showStyle: {
-  //     size: 'width:440px;height:210px;',
-  //     version: '原版',
-  //     position: 'top:650px;right:25px;',
-  //   },
-  // },
+
+  // 6. 煤层自燃倾向性
+  {
+    deviceType: 'coalSeam_fire',
+    moduleName: '煤层自燃倾向性',
+    pageType: 'sealed_goaf_mine',
+    moduleData: {
+      header: {
+        show: false,
+        readFrom: '',
+        selector: {
+          show: false,
+          value: '',
+        },
+        slot: {
+          show: false,
+          value: '',
+        },
+      },
+      background: {
+        show: false,
+        type: 'video',
+        link: '',
+      },
+      layout: {
+        direction: 'column',
+        items: [
+          {
+            name: 'gallery',
+            basis: '100%',
+          },
+        ],
+      },
+      chart: [
+        {
+          type: 'pie_drag',
+          readFrom: '',
+          legend: { show: false, formatter: '{b}:{c}\n{d}%' },
+          xAxis: [{ show: false }],
+          yAxis: [{ show: false, name: '风量', position: 'left' }],
+          series: [{ readFrom: 'coalSeamFireData', xprop: 'coalSeamLevel', yprop: 'num', label: '' }],
+        },
+      ],
+      gallery: [
+        {
+          type: 'C',
+          readFrom: 'coalSeamFireData[0]',
+          items: [
+            {
+              label: '${coalSeamLevel}',
+              value: '${num}',
+              // color: '',
+            },
+          ],
+        },
+      ],
+      gallery_list: [],
+      table: [],
+      list: [],
+      complex_list: [],
+      preset: [],
+    },
+    showStyle: {
+      size: 'width:440px;height:200px;',
+      version: '原版',
+      position: 'top:670px;right:25px;',
+    },
+  },
 ];