소스 검색

运行管理页面UI完善,和示例数据格式,内嵌页面

DESKTOP-6LTVLN7\Liumouren 1 개월 전
부모
커밋
965853cab5
4개의 변경된 파일16개의 추가작업 그리고 23개의 파일을 삭제
  1. 0 10
      src/components/yxgl/EchartsDome.vue
  2. 12 8
      src/components/yxgl/table.vue
  3. 2 3
      src/views/Yxgl.vue
  4. 2 2
      src/views/yxgl/StatisticalAnalysis.vue

+ 0 - 10
src/components/yxgl/EchartsDome.vue

@@ -49,16 +49,6 @@ export default {
           bottom: 0,
           containLabel: true, // 关键:防止坐标轴标签超出容器(可选,根据需求添加)
         };
-        if (!this.chartOption.legend) {
-          this.chartOption.legend = {};
-        }
-        Object.assign(this.chartOption.legend, {
-          textStyle: {
-            color: "#F2F3F5", // 字体颜色(支持十六进制、RGB、颜色名)
-            fontSize: 14, // 可选:字体大小
-            fontWeight: "normal", // 可选:字体粗细
-          },
-        });
         chartDom.setOption(this.chartOption);
       }
     },

+ 12 - 8
src/components/yxgl/table.vue

@@ -1,14 +1,7 @@
 <template>
   <div class="table_box">
     <div class="table_title">{{ title }}</div>
-    <div class="table_more">
-      <el-button type="primary" link> 更多 </el-button>
-    </div>
-    <el-table
-      :data="tableData"
-      style="width: 100%; background-color: #00000032"
-      height="calc(100% - 60px)"
-    >
+    <el-table :data="tableData" style="width: 100%" height="calc(100% - 60px)">
       <el-table-column prop="serviceName" label="服务名称" width="300" />
       <el-table-column prop="serviceType" label="类别" width="300" />
       <el-table-column prop="callCount" label="调用次数" width="480" />
@@ -60,17 +53,26 @@ export default {
 };
 </script>
 
+<<<<<<< HEAD
 <style lang="less" scoped>
+=======
+<style>
+>>>>>>> f3e3ede (运行管理页面UI完善,和示例数据格式,内嵌页面)
 .table_box {
   width: 100%;
   height: 100%;
   padding: 20px;
   box-sizing: border-box;
+<<<<<<< HEAD
   position: relative;
+=======
+  position: inherit;
+>>>>>>> f3e3ede (运行管理页面UI完善,和示例数据格式,内嵌页面)
 }
 .table_title {
   font-size: 16px;
 }
+<<<<<<< HEAD
 .table_more {
   position: absolute;
   top: 20px;
@@ -78,6 +80,8 @@ export default {
   font-size: 14px;
   color: #1890ff;
 }
+=======
+>>>>>>> f3e3ede (运行管理页面UI完善,和示例数据格式,内嵌页面)
 .table_pagination {
   position: absolute;
   bottom: 20px;

+ 2 - 3
src/views/Yxgl.vue

@@ -37,11 +37,10 @@
       class="viewBox"
       :style="{
         width: isCollapse ? 'calc(100vw - 60px)' : 'calc(100% - 200px)',
-        background: menuActive == 'StatisticalAnalysis' ? '#08224a' : '#08224a',
+        background: menuActive == 'StatisticalAnalysis' ? '#FFF' : '#FFF',
         overflowY: menuActive == 'StatisticalAnalysis' ? 'auto' : 'hidden',
       }"
     >
-      <el-backtop target=".viewBox" :right="20" :bottom="70" />
       <StatisticalAnalysis v-if="menuActive == 'StatisticalAnalysis'" />
       <iframe v-else :src="iframeUrl" frameborder="0"></iframe>
     </div>
@@ -125,6 +124,6 @@ export default {
 iframe {
   width: 100%;
   height: calc(100% - 10px);
-  background: #08224a;
+  background: #fff;
 }
 </style>

+ 2 - 2
src/views/yxgl/StatisticalAnalysis.vue

@@ -595,7 +595,7 @@ export default {
     width: calc(25% - 56px);
     border-radius: 5px;
     padding: 20px 18px;
-    background: #00000032;
+    background: #ffffff;
     box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
   }
 
@@ -603,7 +603,7 @@ export default {
     width: 100%;
     border-radius: 5px;
     padding: 20px 18px;
-    background: #00000032;
+    background: #ffffff;
     box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
   }