增加验收版及演示版（首页、运行管理页）

src/components/AppVue/UserFeek.vue

@@ -160,7 +160,7 @@ export default {
     width: 50px;
     height: 50px;
     line-height: 50px;
-    z-index: 9999;
+    z-index: 2005;
     // border: 1px solid #409eff;
     // border-radius: 50px;
     cursor: pointer;

src/views/HomePage.vue

@@ -138,134 +138,136 @@
       </div>
 
       <!-- 服务调用趋势  验收版保留，演示版隐藏  start-->
-      <div class="second-title">服务调用趋势(近30天)</div>
-      <div id="echart1"></div>
-
-      <div class="second-title">平台核心运行清单</div>
-      <!--四组统计-->
-      <div class="row">
-        <div class="lighter-container" style="flex: 2">
-          <div class="third-title">
-            <el-icon color="#0071e3" size="30px">
-              <Stopwatch></Stopwatch>
-            </el-icon>
-            <div>基础统计</div>
-          </div>
-          <div class="grid-2x2">
-            <div class="lighter-container middle-container">
-              <div class="strong-data white">
-                <NumberScroll :value="weekCall" :duration="2000" />
-              </div>
-              <div class="title-sub white">近一周总调用</div>
+      <div v-if="isDemo">
+        <div class="second-title">服务调用趋势(近30天)</div>
+        <div id="echart1"></div>
+
+        <div class="second-title">平台核心运行清单</div>
+        <!--四组统计-->
+        <div class="row">
+          <div class="lighter-container" style="flex: 2">
+            <div class="third-title">
+              <el-icon color="#0071e3" size="30px">
+                <Stopwatch></Stopwatch>
+              </el-icon>
+              <div>基础统计</div>
             </div>
-            <div class="lighter-container middle-container">
-              <div class="strong-data white">
-                <NumberScroll :value="monthCall" :duration="2000" />
+            <div class="grid-2x2">
+              <div class="lighter-container middle-container">
+                <div class="strong-data white">
+                  <NumberScroll :value="weekCall" :duration="2000" />
+                </div>
+                <div class="title-sub white">近一周总调用</div>
               </div>
-              <div class="title-sub white">近一月总调用</div>
-            </div>
-            <div class="lighter-container middle-container">
-              <div class="strong-data white">
-                <NumberScroll :value="seasonCall" :duration="2000" />
+              <div class="lighter-container middle-container">
+                <div class="strong-data white">
+                  <NumberScroll :value="monthCall" :duration="2000" />
+                </div>
+                <div class="title-sub white">近一月总调用</div>
               </div>
-              <div class="title-sub white">近三月总调用</div>
-            </div>
-            <div class="lighter-container middle-container">
-              <div class="strong-data white">
-                <NumberScroll :value="yearCall" :duration="2000" />
+              <div class="lighter-container middle-container">
+                <div class="strong-data white">
+                  <NumberScroll :value="seasonCall" :duration="2000" />
+                </div>
+                <div class="title-sub white">近三月总调用</div>
+              </div>
+              <div class="lighter-container middle-container">
+                <div class="strong-data white">
+                  <NumberScroll :value="yearCall" :duration="2000" />
+                </div>
+                <div class="title-sub white">近一年总调用</div>
               </div>
-              <div class="title-sub white">近一年总调用</div>
             </div>
           </div>
-        </div>
-        <div class="lighter-container" style="flex: 3">
-          <div class="between-row">
-            <div class="third-title">
-              <el-icon color="#0071e3" size="30px">
-                <Histogram />
-              </el-icon>
-              <div>委办调用情况</div>
-            </div>
-            <span>
-              <el-button
-                v-show="this.chartMluLevel != 'unit'"
-                text
-                size="large"
-                circle
-                @click="chartMluBack()"
-              >
+          <div class="lighter-container" style="flex: 3">
+            <div class="between-row">
+              <div class="third-title">
                 <el-icon color="#0071e3" size="30px">
-                  <Back />
+                  <Histogram />
                 </el-icon>
-              </el-button>
-              <el-date-picker
-                v-model="chartMluTimeRange"
-                :clearable="false"
-                type="daterange"
-                range-separator="到"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                @change="chartMluFocus()"
-              />
-            </span>
+                <div>委办调用情况</div>
+              </div>
+              <span>
+                <el-button
+                  v-show="this.chartMluLevel != 'unit'"
+                  text
+                  size="large"
+                  circle
+                  @click="chartMluBack()"
+                >
+                  <el-icon color="#0071e3" size="30px">
+                    <Back />
+                  </el-icon>
+                </el-button>
+                <el-date-picker
+                  v-model="chartMluTimeRange"
+                  :clearable="false"
+                  type="daterange"
+                  range-separator="到"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  @change="chartMluFocus()"
+                />
+              </span>
+            </div>
+            <div id="echartMultiLevelUse"></div>
           </div>
-          <div id="echartMultiLevelUse"></div>
         </div>
-      </div>
-      <div class="row">
-        <div class="lighter-container" style="flex: 3">
-          <div class="third-title">
-            <!-- <el-icon color="#0071e3" size="30px">
-              <List></List>
-            </el-icon> -->
-            <div>热点资源 TOP10</div>
-          </div>
-          <div class="row">
-            <div class="top-list" style="flex-grow: 1">
-              <div v-for="index in 5" :key="index" class="list-item">
-                <template v-if="resourceTop[index - 1] != null">
-                  <el-avatar size="small" class="circle-number blue">
-                    {{ index }}
-                  </el-avatar>
-                  <div class="font" style="flex-grow: 100">{{ resourceTop[index - 1].name }}</div>
-                  <div class="font number-color">{{ resourceTop[index - 1].value }}</div>
-                </template>
+        <div class="row">
+          <div class="lighter-container" style="flex: 3">
+            <div class="third-title">
+              <!-- <el-icon color="#0071e3" size="30px">
+                <List></List>
+              </el-icon> -->
+              <div>热点资源 TOP10</div>
+            </div>
+            <div class="row">
+              <div class="top-list" style="flex-grow: 1">
+                <div v-for="index in 5" :key="index" class="list-item">
+                  <template v-if="resourceTop[index - 1] != null">
+                    <el-avatar size="small" class="circle-number blue">
+                      {{ index }}
+                    </el-avatar>
+                    <div class="font" style="flex-grow: 100">{{ resourceTop[index - 1].name }}</div>
+                    <div class="font number-color">{{ resourceTop[index - 1].value }}</div>
+                  </template>
+                </div>
+              </div>
+              <div style="flex-grow: 0.2"></div>
+              <div class="top-list" style="flex-grow: 0.5">
+                <div v-for="index in 5" :key="index" class="list-item">
+                  <template v-if="resourceTop[index + 4] != null">
+                    <el-avatar size="small" class="circle-number blue">
+                      {{ index + 5 }}
+                    </el-avatar>
+                    <div class="font" style="flex-grow: 100">{{ resourceTop[index + 4].name }}</div>
+                    <div class="font number-color">{{ resourceTop[index + 4].value }}</div>
+                  </template>
+                </div>
               </div>
             </div>
-            <div style="flex-grow: 0.2"></div>
-            <div class="top-list" style="flex-grow: 0.5">
+          </div>
+
+          <div class="lighter-container" style="flex: 2">
+            <div class="third-title">
+              <!-- <el-icon color="#0071e3" size="30px">
+                <School />
+              </el-icon> -->
+              <div>委办调用 TOP5</div>
+            </div>
+            <div class="top-list">
               <div v-for="index in 5" :key="index" class="list-item">
-                <template v-if="resourceTop[index + 4] != null">
+                <template v-if="userTop[index - 1] != null">
                   <el-avatar size="small" class="circle-number blue">
-                    {{ index + 5 }}
+                    {{ index }}
                   </el-avatar>
-                  <div class="font" style="flex-grow: 100">{{ resourceTop[index + 4].name }}</div>
-                  <div class="font number-color">{{ resourceTop[index + 4].value }}</div>
+                  <div class="font" style="flex-grow: 100">{{ userTop[index - 1].name }}</div>
+                  <div class="font number-color">{{ userTop[index - 1].value }}</div>
                 </template>
               </div>
             </div>
           </div>
         </div>
-
-        <div class="lighter-container" style="flex: 2">
-          <div class="third-title">
-            <!-- <el-icon color="#0071e3" size="30px">
-              <School />
-            </el-icon> -->
-            <div>委办调用 TOP5</div>
-          </div>
-          <div class="top-list">
-            <div v-for="index in 5" :key="index" class="list-item">
-              <template v-if="userTop[index - 1] != null">
-                <el-avatar size="small" class="circle-number blue">
-                  {{ index }}
-                </el-avatar>
-                <div class="font" style="flex-grow: 100">{{ userTop[index - 1].name }}</div>
-                <div class="font number-color">{{ userTop[index - 1].value }}</div>
-              </template>
-            </div>
-          </div>
-        </div>
       </div>
       <!-- 服务调用趋势  验收版保留，演示版隐藏  end-->
       <!-- <div class="title " style="margin-top:90px ;" id="yyal">应用案例</div>
@@ -643,6 +645,7 @@ export default {
       totalCallNumber: "18,659,623",
       // sections: ['top', 'yyal', 'jcnl', 'tjyy', 'yyzc', 'hxgn'],
       sections: ["top", "jcnl", "tjyy", "yyzc", "hxgn"],
+      isDemo: true,   // true  验收版，false  演示版
       affixOptions: [
         {
           title: "顶部",
@@ -800,8 +803,6 @@ export default {
     await this.pullLastDayCount();
   },
   mounted() {
-    this.initChart1();
-    this.initchartMultiLevelUse();
     const nowDate = new Date();
     nowDate.setHours(0, 0, 0, 0);
     this.chartMluTimeRange = [
@@ -811,7 +812,11 @@ export default {
     // let end = new Date("2025/12/31")
     // let start = new Date("2025/12/01")
     // this.chartMluTimeRange = [start, end]
-    this.chartMluFocusRoot();
+    if (this.isDemo) {  // 验收版请求
+      this.initChart1();
+      this.initchartMultiLevelUse();
+      this.chartMluFocusRoot();
+    }
     this.pullTopUnit();
     this.pullTopService();
     this.pullMultiTimeRangeCall();
@@ -1393,7 +1398,7 @@ export default {
 .image-background {
   padding-top: 0px;
   // padding-bottom: 40px;
-  padding-bottom: 100px;
+  // padding-bottom: 100px;
   margin-left: 0;
   padding-left: 120px;
   padding-right: 120px;

src/views/HomePage_Demo.vue

@@ -922,7 +922,7 @@ export default {
 .image-background {
   padding-top: 0px;
   // padding-bottom: 40px;
-  padding-bottom: 100px;
+  // padding-bottom: 100px;
   margin-left: 0;
   // padding-left: 120px;
   // padding-right: 120px;

src/views/yxgl/StatisticalAnalysis.vue

@@ -246,6 +246,8 @@
         </div>
       </div>
     </div>
+
+    <!-- 隐藏验收版  显示演示版 -->
     <!-- <HomePage_Demo /> -->