更凶最新曲线代码

src/pages/all/components/cdf/index.vue

@@ -81,17 +81,17 @@
         </cdfCurve>
       </div>
       <div class="flex-box" v-else>
-        <div v-if="props.legendName[0]">
+        <template v-if="props.legendName[0]">
           <cdfCurve :legendName="props.legendName[0]"
             :yName="{ type: props.yName?.type, value: props.yName?.value[0] ? props.yName?.value[0] : '' }"
             :data="props.data[0]" color="#ff9f7f" :isShowDetial="true"></cdfCurve>
-        </div>
-        <div v-if="props.legendName[1]">
+        </template>
+        <template v-if="props.legendName[1]">
           <cdfCurve :legendName="props.legendName[1]"
             :yName="{ type: props.yName?.type, value: props.yName?.value[1] ? props.yName?.value[1] : '' }"
             :data="props.data[1]" color="#6ffcba" :isShowDetial="true">
           </cdfCurve>
-        </div>
+        </template>
       </div>
     </div>
     <el-dialog v-model="bigStatus" :modal='true' :show-close="false" class="dialogModel" :modal-penetrable='true'
@@ -132,11 +132,24 @@
             </div>
           </div>
           <div class="container" v-if="props.lineArray">
-            <div class="flex-box">
+            <div class="flex-box" v-if="props.legendName[0] && props.legendName[1]">
               <cdfCurve :lineArray="props.lineArray" :yName="props.yName" :legendName="props.legendName"
                 :data="props.data" :color="colorList" :isShowDetial="true">
               </cdfCurve>
             </div>
+            <div class="flex-box" v-else>
+              <template v-if="props.legendName[0]">
+                <cdfCurve :legendName="props.legendName[0]"
+                  :yName="{ type: props.yName?.type, value: props.yName?.value[0] ? props.yName?.value[0] : '' }"
+                  :data="props.data[0]" color="#ff9f7f" :isShowDetial="true"></cdfCurve>
+              </template>
+              <template v-if="props.legendName[1]">
+                <cdfCurve :legendName="props.legendName[1]"
+                  :yName="{ type: props.yName?.type, value: props.yName?.value[1] ? props.yName?.value[1] : '' }"
+                  :data="props.data[1]" color="#6ffcba" :isShowDetial="true">
+                </cdfCurve>
+              </template>
+            </div>
           </div>
         </main>
       </div>

src/pages/all/components/instant/index.vue

@@ -126,22 +126,39 @@
         <main class="dashboard-main">
           <!-- 核心数据指标 判断一个图表中是否有多个曲线-->
           <div class="container" v-if="!props.lineArray">
-            <div class="flex-box flex-left">
+            <template class="flex-box flex-left">
               <instantCurve :idName="`instant-left-${props.allIdName}`"
                 :yName="props.yName ? { type: props.yName.type, value: props.yName.value[0] ? props.yName.value[0] : '' } : {}"
                 :data="props.data[0]" :legendName="props.legendName[0]" :propsDate="componentProps"></instantCurve>
-            </div>
-            <div class="flex-box flex-right">
+            </template>
+            <template class="flex-box flex-right">
               <instantCurve :idName="`instant-right-${props.allIdName}`"
                 :yName="props.yName ? { type: props.yName.type, value: props.yName.value[1] ? props.yName.value[1] : '' } : {}"
                 :data="props.data[1]" color="#6ffcba" :legendName="props.legendName[1]" :isShowDetail="true">
               </instantCurve>
-            </div>
+            </template>
           </div>
           <div class="container" v-if="props.lineArray">
-            <div class="flex-box">
+            <div class="flex-box" v-if="props.legendName[0] && props.legendName[1]">
               <instantCurve :lineArray="props.lineArray" :yName="props.yName" :data="props.data"
-                :legendName="props.legendName" :propsDate="componentProps" :color="colorList"></instantCurve>
+                :legendName="props.legendName" :propsDate="componentProps" :color="colorList"
+                :istemplate="props.istemplate">
+              </instantCurve>
+            </div>
+            <div class="flex-box" v-else>
+              <template v-if="props.legendName[0]">
+                <instantCurve :idName="`instant-left-${props.allIdName}`" :data="props.data[0]"
+                  :legendName="props.legendName[0]"
+                  :yName="props.yName ? { type: props.yName?.type, value: props.yName?.value[0] ? props.yName?.value[0] : '' } : {}"
+                  :propsDate="componentProps" :istemplate="props.istemplate"></instantCurve>
+              </template>
+              <template v-if="props.legendName[1]">
+                <instantCurve :idName="`instant-right-${props.allIdName}`" :data="props.data[1]" color="#6ffcba"
+                  :legendName="props.legendName[1]"
+                  :yName="props.yName ? { type: props.yName?.type, value: props.yName?.value[1] ? props.yName?.value[1] : '' } : {}"
+                  :propsDate="componentProps" isShowDetail="true" :istemplate="props.istemplate">
+                </instantCurve>
+              </template>
             </div>
           </div>
         </main>

src/pages/footer/component/timers.vue

@@ -804,7 +804,7 @@ const toggleAutoPlay = () => {
     if (isPlaying.value) { }//false--需要暂停,true--需要代表继续播放
     // stopAutoPlay();
     if (window.ue5) {
-      console.log("触发3");
+      console.log("触发3", isPlaying.value);
       if (isPlaying.value) {
         //开始播放
         startAutoPlay()
@@ -869,6 +869,7 @@ const toggleAutoPlay = () => {
     }
 
 
+    console.log('模式选择');
 
   } else {//历史模式
     is_flag_playBackwarding.value = true;